.berkei-b2b-gate {
max-width: 480px;
margin: 40px auto;
padding: 32px;
text-align: center;
background: #f9f9f9;
border: 1px solid #e0e0e0;
border-radius: 8px;
} .berkei-aff-front-banner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin: 0 0 22px;
padding: 18px 20px;
color: #102018;
text-decoration: none;
background: linear-gradient(135deg, #effaf2, #f7fbff 52%, #fff8ea);
border: 1px solid rgba(31, 112, 61, 0.2);
border-radius: 8px;
box-shadow: 0 10px 28px rgba(16, 32, 24, 0.08);
}
.berkei-aff-front-banner:hover {
color: #102018;
border-color: rgba(31, 112, 61, 0.38);
transform: translateY(-1px);
}
.berkei-aff-front-banner-main,
.berkei-aff-front-banner-meta {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.berkei-aff-front-banner-label,
.berkei-aff-front-eyebrow {
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: #2e6f47;
}
.berkei-aff-front-banner-main strong {
font-size: 30px;
line-height: 1;
}
.berkei-aff-front-banner-meta span {
padding: 6px 10px;
font-size: 13px;
color: #294137;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(16, 32, 24, 0.08);
border-radius: 8px;
}
.berkei-aff-front-dashboard {
display: grid;
gap: 22px;
}
.berkei-aff-front-hero {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
padding: 28px;
color: #102018;
background: linear-gradient(135deg, #eef9f1, #f7fbff 55%, #fff7e2);
border: 1px solid rgba(31, 112, 61, 0.18);
border-radius: 8px;
}
.berkei-aff-front-hero h2 {
margin: 4px 0 8px;
font-size: 24px;
line-height: 1.2;
}
.berkei-aff-front-hero strong {
display: block;
font-size: 46px;
line-height: 1;
}
.berkei-aff-front-hero-meta {
display: grid;
gap: 8px;
justify-items: end;
}
.berkei-aff-front-hero-meta span,
.berkei-aff-front-hero-meta code {
padding: 7px 10px;
color: #1a2b22;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(16, 32, 24, 0.08);
border-radius: 8px;
}
.berkei-aff-front-kpis {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.berkei-aff-front-kpis div,
.berkei-aff-front-tools > div,
.berkei-aff-front-section {
padding: 16px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
}
.berkei-aff-front-kpis strong {
display: block;
margin-bottom: 5px;
font-size: 22px;
line-height: 1.15;
color: #102018;
}
.berkei-aff-front-kpis span {
display: block;
font-size: 13px;
color: #647064;
}
.berkei-aff-front-tools {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.berkei-aff-front-tools h3,
.berkei-aff-front-section h3 {
margin: 0 0 10px;
font-size: 16px;
}
.berkei-aff-front-tools input {
width: 100%;
min-height: 42px;
padding: 9px 11px;
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 14px;
color: #111827;
background: #f9fafb;
border: 1px solid #d1d5db;
border-radius: 8px;
}
.berkei-aff-front-orders {
width: 100%;
border-collapse: collapse;
}
.berkei-aff-front-orders th,
.berkei-aff-front-orders td {
padding: 10px 8px;
text-align: left;
border-bottom: 1px solid #eceff1;
}
.berkei-aff-front-orders th {
font-size: 12px;
color: #647064;
text-transform: uppercase;
letter-spacing: 0;
}
.berkei-aff-front-empty {
margin: 0;
color: #647064;
}
@media (max-width: 780px) {
.berkei-aff-front-banner,
.berkei-aff-front-hero {
align-items: flex-start;
flex-direction: column;
}
.berkei-aff-front-hero strong {
font-size: 36px;
}
.berkei-aff-front-hero-meta {
justify-items: start;
}
.berkei-aff-front-kpis,
.berkei-aff-front-tools {
grid-template-columns: 1fr;
}
}
.berkei-b2b-gate h2,
.berkei-b2b-gate h3 {
margin: 0 0 12px;
font-size: 18px;
}
.berkei-b2b-gate p {
margin: 0 0 20px;
color: #555;
font-size: 14px;
}
.berkei-b2b-code-form {
display: flex;
gap: 8px;
justify-content: center;
flex-wrap: wrap;
}
.berkei-b2b-code-form input[type="text"] {
width: 180px;
padding: 8px 12px;
font-size: 16px;
font-family: monospace;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
border: 2px solid #ccc;
border-radius: 6px;
}
.berkei-b2b-code-form input[type="text"]:focus {
border-color: #2271b1;
outline: none;
}
.berkei-b2b-code-form button {
padding: 8px 20px;
font-size: 14px;
border-radius: 6px;
}
.berkei-b2b-code-msg,
.berkei-b2b-code-message {
margin-top: 12px;
font-size: 13px;
}
.berkei-b2b-code-msg.success,
.berkei-b2b-code-message.success {
color: #00a32a;
}
.berkei-b2b-code-msg.error,
.berkei-b2b-code-message.error {
color: #b32d2e;
} .berkei-b2b-notice {
padding: 12px 16px;
border-radius: 6px;
margin-bottom: 20px;
font-size: 14px;
}
.berkei-b2b-notice-info {
background: #e8f0fe;
color: #1a56db;
border: 1px solid #c3d9f7;
}
.berkei-b2b-notice-success {
background: #e6f4ea;
color: #137333;
border: 1px solid #b7e1cd;
}
.berkei-b2b-notice-error {
background: #fce8e6;
color: #b32d2e;
border: 1px solid #f5c6cb;
}  .berkei-b2b-catalog-toolbar {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.berkei-b2b-cat-search {
flex: 1;
min-width: 200px;
padding: 8px 12px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 6px;
}
.berkei-b2b-cat-search:focus {
border-color: #1a56db;
outline: none;
}
.berkei-b2b-cat-filter {
padding: 8px 12px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 6px;
min-width: 160px;
}
.berkei-b2b-cat-count {
font-size: 13px;
color: #666;
white-space: nowrap;
}
.berkei-b2b-catalog {
display: grid;
grid-template-columns: repeat(var(--b2b-cols, 3), 1fr);
gap: 24px;
margin-top: 0;
}
.berkei-b2b-product {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.berkei-b2b-product:hover {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
transform: translateY(-2px);
}
.berkei-b2b-product-link {
display: block;
text-decoration: none;
color: inherit;
}
.berkei-b2b-product-image {
position: relative;
overflow: hidden;
aspect-ratio: 1;
background: #f8f9fa;
}
.berkei-b2b-product-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.berkei-b2b-product:hover .berkei-b2b-product-image img {
transform: scale(1.04);
}
.berkei-b2b-product-image a {
display: block;
}
.berkei-b2b-badge {
position: absolute;
top: 10px;
right: 10px;
background: #1a56db;
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 4px 10px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
z-index: 1;
}
.berkei-b2b-product-info {
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
}
.berkei-b2b-product-name {
font-size: 14px;
font-weight: 600;
margin: 0 0 10px;
line-height: 1.35;
}
.berkei-b2b-product-name a {
color: #1a1a1a;
text-decoration: none;
}
.berkei-b2b-product-name a:hover {
color: #1a56db;
}
.berkei-b2b-product-prices,
.berkei-b2b-product-price {
display: flex;
align-items: baseline;
gap: 8px;
flex-wrap: wrap;
margin-top: auto;
}
.berkei-b2b-price-b2b {
font-size: 18px;
font-weight: 700;
color: #1a56db;
}
.berkei-b2b-price-regular {
font-size: 13px;
color: #999;
text-decoration: line-through;
}
.berkei-b2b-price-label {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #999;
width: 100%;
} .berkei-b2b-tiers {
margin-top: 6px;
padding: 6px 0 0;
border-top: 1px solid #eee;
}
.berkei-b2b-tiers-label {
font-size: 11px;
font-weight: 600;
color: #555;
display: block;
margin-bottom: 2px;
}
.berkei-b2b-tiers-list {
list-style: none;
margin: 0;
padding: 0;
}
.berkei-b2b-tiers-list li {
font-size: 12px;
color: #444;
padding: 1px 0;
} .berkei-b2b-product-atc {
display: flex;
gap: 8px;
padding: 12px 16px;
border-top: 1px solid #f0f0f1;
align-items: center;
background: #fafafa;
}
.berkei-b2b-atc-qty {
width: 60px;
padding: 7px 8px;
font-size: 14px;
text-align: center;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
}
.berkei-b2b-atc-btn {
flex: 1;
padding: 8px 14px !important;
font-size: 13px !important;
background: #1a56db !important;
border-color: #1a56db !important;
color: #fff !important;
border-radius: 6px !important;
cursor: pointer;
transition: background 0.2s;
white-space: nowrap;
font-weight: 500 !important;
}
.berkei-b2b-atc-btn:hover {
background: #174ea6 !important;
}
.berkei-b2b-atc-btn:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.berkei-b2b-atc-btn.berkei-b2b-atc-success {
background: #137333 !important;
border-color: #137333 !important;
}
.berkei-b2b-atc-btn.berkei-b2b-atc-error {
background: #b32d2e !important;
border-color: #b32d2e !important;
} .berkei-b2b-product-stock-notice {
padding: 12px 16px;
border-top: 1px solid #f0f0f1;
font-size: 13px;
text-align: center;
background: #fafafa;
}
.berkei-b2b-oos {
color: #b32d2e;
font-weight: 600;
background: #fef0f0;
}
.berkei-b2b-oos-icon {
margin-right: 4px;
}
.berkei-b2b-select-options-btn {
width: 100%;
display: block;
text-align: center;
padding: 8px 14px !important;
font-size: 13px !important;
border-radius: 6px !important;
font-weight: 500 !important;
} .berkei-b2b-price-notice {
text-align: center;
font-size: 13px;
color: #666;
margin: 24px 0 0;
font-style: italic;
} .berkei-b2b-pagination {
display: flex;
justify-content: center;
gap: 6px;
margin: 24px 0 8px;
flex-wrap: wrap;
}
.berkei-b2b-page-link,
.berkei-b2b-page-current {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 10px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.berkei-b2b-page-link {
background: #f0f0f0;
color: #333;
border: 1px solid #ddd;
transition: background 0.2s, border-color 0.2s;
}
.berkei-b2b-page-link:hover {
background: #dbeafe;
border-color: #1a56db;
color: #1a56db;
}
.berkei-b2b-page-current {
background: #1a56db;
color: #fff;
border: 1px solid #1a56db;
}
.berkei-b2b-cat-submit {
padding: 8px 16px !important;
border-radius: 6px !important;
font-size: 13px !important;
}
.berkei-b2b-cat-reset {
font-size: 13px;
color: #b32d2e;
text-decoration: none;
align-self: center;
}
.berkei-b2b-cat-reset:hover {
text-decoration: underline;
} .berkei-b2b-apply-form {
max-width: 600px;
margin: 0 auto;
}
.berkei-b2b-apply-form h3 {
font-size: 20px;
margin: 0 0 8px;
}
.berkei-b2b-apply-form > p {
color: #555;
margin: 0 0 24px;
}
.berkei-b2b-field {
margin-bottom: 16px;
}
.berkei-b2b-field label {
display: block;
font-size: 13px;
font-weight: 600;
margin-bottom: 4px;
color: #333;
}
.berkei-b2b-field .berkei-b2b-required {
color: #b32d2e;
margin-left: 2px;
}
.berkei-b2b-field input[type="text"],
.berkei-b2b-field input[type="email"],
.berkei-b2b-field input[type="tel"],
.berkei-b2b-field input[type="number"],
.berkei-b2b-field textarea {
width: 100%;
padding: 8px 12px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 6px;
box-sizing: border-box;
}
.berkei-b2b-field input:focus,
.berkei-b2b-field textarea:focus {
border-color: #2271b1;
outline: none;
box-shadow: 0 0 0 1px #2271b1;
}
.berkei-b2b-field textarea {
min-height: 80px;
resize: vertical;
}
.berkei-b2b-field-hint {
font-size: 12px;
color: #888;
margin-top: 4px;
} .berkei-b2b-captcha-q {
font-weight: 600;
font-size: 14px;
margin-bottom: 6px;
}
.berkei-b2b-captcha-input {
width: 80px !important;
} .berkei-b2b-hp {
position: absolute;
left: -9999px;
opacity: 0;
height: 0;
overflow: hidden;
} .berkei-b2b-apply-form button[type="submit"] {
margin-top: 8px;
padding: 10px 32px;
font-size: 15px;
border-radius: 6px;
}
.berkei-b2b-apply-form button[type="submit"]:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.berkei-b2b-field-error {
border-color: #d63638 !important;
box-shadow: 0 0 0 1px #d63638 !important;
} @media (max-width: 768px) {
.berkei-b2b-catalog {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.berkei-b2b-catalog-toolbar {
flex-direction: column;
}
.berkei-b2b-cat-search {
min-width: 0;
width: 100%;
}
.berkei-b2b-cat-filter {
width: 100%;
}
.berkei-b2b-gate {
margin: 20px auto;
padding: 24px 16px;
}
.berkei-b2b-apply-form {
max-width: 100%;
}
.berkei-b2b-dash-quicklinks {
flex-direction: column;
}
.berkei-b2b-dash-qlink {
justify-content: center;
}
}
@media (max-width: 480px) {
.berkei-b2b-catalog {
grid-template-columns: 1fr;
}
.berkei-b2b-product-atc {
flex-direction: column;
}
.berkei-b2b-atc-qty {
width: 100%;
}
}  .berkei-b2b-dash-quicklinks {
display: flex;
gap: 12px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.berkei-b2b-dash-qlink {
display: flex;
align-items: center;
gap: 6px;
padding: 10px 18px;
background: #f0f6fc;
border: 1px solid #c3d9f7;
border-radius: 6px;
color: #1a56db;
text-decoration: none;
font-size: 13px;
font-weight: 600;
transition: background 0.2s, border-color 0.2s;
}
.berkei-b2b-dash-qlink:hover {
background: #dbeafe;
border-color: #1a56db;
color: #174ea6;
}
.berkei-b2b-dash-qlink .dashicons {
font-size: 16px;
width: 16px;
height: 16px;
} .berkei-b2b-kpi-row {
display: flex;
gap: 12px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.berkei-b2b-kpi-card {
flex: 1 1 140px;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 16px;
text-align: center;
min-width: 120px;
}
.berkei-b2b-kpi-value {
display: block;
font-size: 20px;
font-weight: 700;
color: #1a56db;
margin-bottom: 4px;
}
.berkei-b2b-kpi-label {
display: block;
font-size: 12px;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.berkei-b2b-dashboard h2 {
font-size: 22px;
margin: 0 0 20px;
}
.berkei-b2b-dash-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 30px;
}
.berkei-b2b-dash-card {
background: #f9f9f9;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 20px;
}
.berkei-b2b-dash-card h3 {
margin: 0 0 12px;
font-size: 16px;
color: #333;
}
.berkei-b2b-dash-table {
width: 100%;
border-collapse: collapse;
}
.berkei-b2b-dash-table th {
text-align: left;
font-weight: 600;
font-size: 13px;
color: #555;
padding: 4px 12px 4px 0;
width: 100px;
vertical-align: top;
}
.berkei-b2b-dash-table td {
font-size: 13px;
padding: 4px 0;
}
.berkei-b2b-dash-tier {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.berkei-b2b-dash-tier-name {
font-size: 20px;
font-weight: 700;
color: #1a56db;
}
.berkei-b2b-dash-tier-discount {
font-size: 13px;
background: #e6f4ea;
color: #137333;
padding: 3px 10px;
border-radius: 12px;
font-weight: 600;
}
.berkei-b2b-dash-price-mode {
font-size: 12px;
color: #666;
margin: 0;
}
.berkei-b2b-dash-section {
margin-bottom: 30px;
}
.berkei-b2b-dash-section h3 {
font-size: 16px;
margin: 0 0 12px;
}
.berkei-b2b-dash-empty {
color: #999;
font-style: italic;
}
.berkei-b2b-dash-orders {
width: 100%;
border-collapse: collapse;
}
.berkei-b2b-dash-orders thead th {
text-align: left;
font-size: 11px;
font-weight: 600;
color: #555;
text-transform: uppercase;
padding: 8px 10px;
border-bottom: 2px solid #e0e0e0;
white-space: nowrap;
}
.berkei-b2b-dash-orders tbody td {
padding: 10px;
font-size: 13px;
border-bottom: 1px solid #eee;
vertical-align: middle;
}
.berkei-b2b-dash-link {
color: #1a56db;
text-decoration: none;
font-size: 12px;
font-weight: 600;
}
.berkei-b2b-dash-link:hover {
text-decoration: underline;
}
.berkei-b2b-reorder-btn {
display: inline-block;
margin-left: 10px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
background: #f0f6fc;
border: 1px solid #c3d9f7;
border-radius: 4px;
color: #1a56db;
cursor: pointer;
transition: background 0.2s;
white-space: nowrap;
}
.berkei-b2b-reorder-btn:hover {
background: #dbeafe;
border-color: #1a56db;
}
.berkei-b2b-reorder-btn:disabled {
opacity: 0.65;
cursor: not-allowed;
} .berkei-b2b-order-toggle {
cursor: pointer;
color: #1a56db;
user-select: none;
}
.berkei-b2b-order-toggle:hover {
text-decoration: underline;
}
.berkei-b2b-order-toggle::before {
content: '▸ ';
display: inline-block;
transition: transform 0.15s;
font-size: 10px;
vertical-align: middle;
}
.berkei-b2b-order-toggle.berkei-b2b-expanded::before {
transform: rotate(90deg);
}
.berkei-b2b-order-detail {
display: none;
}
.berkei-b2b-order-detail.berkei-b2b-expanded {
display: table-row;
}
.berkei-b2b-order-detail td {
padding: 0 10px 12px !important;
border-bottom: 2px solid #e0e0e0 !important;
background: #fafbfc;
}
.berkei-b2b-order-detail-inner {
display: flex;
gap: 24px;
flex-wrap: wrap;
font-size: 12px;
color: #444;
padding: 10px 0;
}
.berkei-b2b-order-detail-col {
flex: 1;
min-width: 180px;
}
.berkei-b2b-order-detail-col strong {
display: block;
font-size: 11px;
text-transform: uppercase;
color: #666;
margin-bottom: 4px;
}
.berkei-b2b-order-detail-items {
list-style: none;
margin: 0;
padding: 0;
}
.berkei-b2b-order-detail-items li {
padding: 2px 0;
border-bottom: 1px solid #eee;
}
.berkei-b2b-order-detail-items li:last-child {
border-bottom: none;
}
@media (max-width: 768px) {
.berkei-b2b-dash-cards {
grid-template-columns: 1fr;
}
.berkei-b2b-kpi-row {
gap: 8px;
}
.berkei-b2b-kpi-card {
flex: 1 1 calc(50% - 8px);
min-width: 0;
} .berkei-b2b-dash-orders thead {
display: none;
}
.berkei-b2b-dash-orders tbody tr {
display: block;
border: 1px solid #e0e0e0;
border-radius: 6px;
padding: 12px;
margin-bottom: 10px;
}
.berkei-b2b-dash-orders tbody td {
display: flex;
justify-content: space-between;
padding: 4px 0;
border-bottom: none;
font-size: 13px;
}
.berkei-b2b-dash-orders tbody td::before {
content: attr(data-label);
font-weight: 600;
color: #555;
font-size: 12px;
text-transform: uppercase;
margin-right: 10px;
}
.berkei-b2b-dash-orders tbody td:last-child {
justify-content: flex-end;
padding-top: 8px;
}
.berkei-b2b-order-detail {
display: none;
}
.berkei-b2b-order-detail.berkei-b2b-expanded {
display: block;
border: 1px solid #e0e0e0;
border-top: none;
border-radius: 0 0 6px 6px;
margin-top: -10px;
margin-bottom: 10px;
padding: 12px;
}
.berkei-b2b-order-detail td {
display: block;
padding: 0 !important;
}
.berkei-b2b-order-detail-inner {
flex-direction: column;
gap: 12px;
}
} .berkei-b2b-quick-order h2 {
font-size: 22px;
margin: 0 0 8px;
}
.berkei-b2b-quick-order > p {
color: #555;
margin: 0 0 20px;
font-size: 14px;
}
.berkei-b2b-qo-header {
display: flex;
gap: 10px;
padding: 8px 0;
font-weight: 600;
font-size: 12px;
color: #555;
text-transform: uppercase;
border-bottom: 2px solid #e0e0e0;
}
.berkei-b2b-qo-row {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.berkei-b2b-qo-col-sku { width: 180px; flex-shrink: 0; }
.berkei-b2b-qo-col-qty { width: 70px; flex-shrink: 0; }
.berkei-b2b-qo-col-product { flex: 1; min-width: 0; font-size: 13px; }
.berkei-b2b-qo-col-price { width: 90px; flex-shrink: 0; font-size: 13px; text-align: right; }
.berkei-b2b-qo-col-action { width: 30px; flex-shrink: 0; text-align: center; }
.berkei-b2b-qo-sku {
width: 100%;
padding: 6px 8px;
font-size: 13px;
font-family: monospace;
text-transform: uppercase;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.berkei-b2b-qo-sku:focus {
border-color: #2271b1;
outline: none;
}
.berkei-b2b-qo-qty {
width: 100%;
padding: 6px 8px;
font-size: 13px;
text-align: center;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.berkei-b2b-qo-product-name.berkei-b2b-qo-found {
color: #137333;
font-weight: 500;
}
.berkei-b2b-qo-product-name.berkei-b2b-qo-error {
color: #b32d2e;
font-style: italic;
}
.berkei-b2b-qo-remove {
background: none;
border: none;
color: #b32d2e;
font-size: 16px;
cursor: pointer;
padding: 2px;
}
.berkei-b2b-qo-remove:hover {
color: #8a1c1c;
} .berkei-b2b-qo-bulk {
margin-bottom: 20px;
}
.berkei-b2b-qo-bulk summary {
cursor: pointer;
color: #2271b1;
font-weight: 500;
font-size: 14px;
}
.berkei-b2b-qo-bulk-hint {
margin: 8px 0;
font-size: 13px;
color: #666;
}
.berkei-b2b-qo-bulk-hint code {
background: #f0f0f0;
padding: 1px 5px;
border-radius: 3px;
font-size: 12px;
}
.berkei-b2b-qo-bulk-input {
width: 100%;
font-family: monospace;
font-size: 13px;
padding: 8px 10px;
border: 1px solid #ccc;
border-radius: 6px;
resize: vertical;
margin-bottom: 8px;
} .berkei-b2b-qo-thumb {
width: 32px;
height: 32px;
object-fit: cover;
border-radius: 4px;
flex-shrink: 0;
margin-right: 6px;
vertical-align: middle;
}
.berkei-b2b-qo-col-product {
display: flex;
align-items: center;
}
.berkei-b2b-qo-actions {
margin-top: 16px;
display: flex;
gap: 8px;
}
.berkei-b2b-qo-messages {
margin-top: 16px;
}
@media (max-width: 768px) {
.berkei-b2b-qo-header { display: none; }
.berkei-b2b-qo-row {
flex-wrap: wrap;
}
.berkei-b2b-qo-col-sku { width: 60%; }
.berkei-b2b-qo-col-qty { width: 25%; }
.berkei-b2b-qo-col-product { width: 100%; }
.berkei-b2b-qo-col-price { width: auto; text-align: left; }
} .berkei-b2b-order-lists h2 {
font-size: 22px;
margin: 0 0 8px;
}
.berkei-b2b-order-lists > p {
color: #555;
margin: 0 0 20px;
font-size: 14px;
}
.berkei-b2b-ol-toolbar {
display: flex;
gap: 8px;
margin-bottom: 24px;
}
.berkei-b2b-ol-empty {
color: #666;
font-style: italic;
padding: 24px 0;
}
.berkei-b2b-ol-loading {
color: #888;
padding: 16px 0;
}
.berkei-b2b-ol-card {
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 16px;
margin-bottom: 16px;
background: #fff;
}
.berkei-b2b-ol-card-header {
display: flex;
align-items: baseline;
gap: 16px;
margin-bottom: 12px;
flex-wrap: wrap;
}
.berkei-b2b-ol-card-title {
font-size: 16px;
font-weight: 600;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
.berkei-b2b-ol-card-meta {
font-size: 12px;
color: #888;
} .berkei-b2b-ol-items {
width: 100%;
border-collapse: collapse;
margin-bottom: 12px;
font-size: 13px;
}
.berkei-b2b-ol-items th {
text-align: left;
font-size: 11px;
text-transform: uppercase;
color: #666;
padding: 6px 8px;
border-bottom: 2px solid #e0e0e0;
}
.berkei-b2b-ol-items td {
padding: 6px 8px;
border-bottom: 1px solid #f0f0f0;
vertical-align: middle;
}
.berkei-b2b-ol-item-sku {
font-family: monospace;
font-size: 12px;
color: #555;
}
.berkei-b2b-ol-item-qty {
width: 60px;
padding: 4px 6px;
text-align: center;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 13px;
}
.berkei-b2b-ol-remove-item {
background: none;
border: none;
color: #b32d2e;
font-size: 16px;
cursor: pointer;
padding: 2px 4px;
}
.berkei-b2b-ol-remove-item:hover {
color: #8a1c1c;
}
.berkei-b2b-ol-card-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.berkei-b2b-ol-card-actions .button {
padding: 8px 16px;
font-size: 13px;
border-radius: 6px;
white-space: nowrap;
line-height: 1.4;
}
.berkei-b2b-ol-card-actions .button.button-primary {
background: #2271b1;
border-color: #2271b1;
color: #fff;
}
.berkei-b2b-ol-card-actions .button.button-primary:hover {
background: #135e96;
border-color: #135e96;
}
.berkei-b2b-ol-toolbar .button {
padding: 8px 16px;
font-size: 13px;
border-radius: 6px;
white-space: nowrap;
line-height: 1.4;
}
.berkei-b2b-ol-total {
font-size: 14px;
color: #333;
padding: 10px 0;
border-top: 1px solid #eee;
margin-top: 4px;
}
.berkei-b2b-ol-total strong {
color: #1a56db;
}
.berkei-b2b-ol-messages {
margin-top: 16px;
}
@media (max-width: 768px) {
.berkei-b2b-ol-toolbar {
flex-direction: column;
}
.berkei-b2b-ol-card-actions {
flex-direction: column;
}
.berkei-b2b-ol-card-actions .button {
width: 100%;
text-align: center;
}
} .berkei-b2b-pkg-frontend {
margin-top: 30px;
}
.berkei-b2b-pkg-intro {
color: #555;
font-size: 14px;
margin: 0 0 20px;
}
.berkei-b2b-pkg-cat-heading {
font-size: 16px;
margin: 24px 0 12px;
padding-bottom: 6px;
border-bottom: 2px solid #e0e0e0;
color: #333;
}
.berkei-b2b-pkg-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 16px;
margin-bottom: 20px;
}
.berkei-b2b-pkg-fe-card {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 18px;
display: flex;
flex-direction: column;
transition: border-color 0.2s, box-shadow 0.2s;
}
.berkei-b2b-pkg-fe-card:hover {
border-color: #2271b1;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.berkei-b2b-pkg-fe-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.berkei-b2b-pkg-fe-header strong {
font-size: 15px;
color: #1d2327;
}  .berkei-b2b-cart-item .wc-block-components-product-name::after {
content: 'B2B-Preis';
display: inline-block;
margin-left: 8px;
padding: 2px 8px;
background: #1a56db;
color: #fff;
font-size: 10px;
font-weight: 700;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
line-height: 1.4;
} .berkei-b2b-badge-cart {
display: inline-block;
margin-left: 8px;
padding: 2px 8px;
background: #1a56db;
color: #fff;
font-size: 10px;
font-weight: 700;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
vertical-align: middle;
line-height: 1.4;
} .berkei-b2b-cart-item .wc-block-components-product-name:has(.berkei-b2b-badge-cart)::after {
display: none;
}
.berkei-b2b-pkg-fe-size {
background: #e8f0fe;
color: #174ea6;
font-size: 11px;
font-weight: 600;
padding: 2px 8px;
border-radius: 3px;
text-transform: uppercase;
}
.berkei-b2b-pkg-fe-desc {
color: #555;
font-size: 13px;
margin: 0 0 12px;
line-height: 1.5;
}
.berkei-b2b-pkg-fe-desc.is-collapsible {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.berkei-b2b-pkg-fe-desc.is-expanded {
display: block;
-webkit-line-clamp: unset;
overflow: visible;
}
.berkei-b2b-pkg-desc-toggle {
align-self: flex-start;
margin: -4px 0 14px;
padding: 0;
color: #2271b1;
background: transparent;
border: 0;
border-radius: 0;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
text-align: left;
text-decoration: underline;
cursor: pointer;
}
.berkei-b2b-pkg-desc-toggle:hover,
.berkei-b2b-pkg-desc-toggle:focus {
color: #135e96;
}
.berkei-b2b-pkg-cart-link {
text-decoration: underline;
}
.berkei-b2b-pkg-fe-items {
list-style: none;
margin: 0 0 16px;
padding: 0;
flex: 1;
}
.berkei-b2b-pkg-fe-item {
display: flex;
align-items: center;
gap: 10px;
padding: 6px 0;
border-bottom: 1px solid #f0f0f1;
font-size: 13px;
}
.berkei-b2b-pkg-fe-item:last-child {
border-bottom: none;
}
.berkei-b2b-pkg-fe-thumb {
width: 36px;
height: 36px;
object-fit: cover;
border-radius: 4px;
flex-shrink: 0;
}
.berkei-b2b-pkg-fe-item-name {
flex: 1;
color: #333;
}
.berkei-b2b-pkg-fe-item-qty {
font-weight: 600;
color: #2271b1;
white-space: nowrap;
}
.berkei-b2b-pkg-fe-total {
margin-top: auto;
padding: 10px 0;
font-size: 14px;
color: #333;
border-top: 1px solid #eee;
}
.berkei-b2b-pkg-fe-total strong {
color: #1a56db;
}
.berkei-b2b-pkg-fe-discount {
display: block;
font-size: 11px;
color: #137333;
margin-top: 2px;
}
.berkei-b2b-pkg-order-btn {
width: 100%;
text-align: center;
padding: 10px 16px !important;
font-size: 14px !important;
background: #2271b1 !important;
border-color: #2271b1 !important;
color: #fff !important;
border-radius: 6px !important;
cursor: pointer;
transition: background 0.2s;
}
.berkei-b2b-pkg-order-btn:hover {
background: #135e96 !important;
border-color: #135e96 !important;
}
.berkei-b2b-pkg-order-btn:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.berkei-b2b-pkg-fe-msg {
margin-top: 10px;
font-size: 13px;
padding: 8px 12px;
border-radius: 4px;
line-height: 1.5;
}
.berkei-b2b-pkg-fe-msg.success {
background: #d4edda;
color: #155724;
}
.berkei-b2b-pkg-fe-msg.error {
background: #f8d7da;
color: #721c24;
}
@media (max-width: 600px) {
.berkei-b2b-pkg-grid {
grid-template-columns: 1fr;
}
} .berkei-b2b-dash-intro {
color: #555;
font-size: 14px;
line-height: 1.6;
margin: -4px 0 20px;
max-width: 700px;
} .berkei-b2b-account-status {
margin-bottom: 20px;
}
.berkei-b2b-account-status-badge {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 20px;
border-radius: 10px;
background: linear-gradient(135deg, #f0fdf4, #dcfce7);
border: 1px solid #bbf7d0;
}
.berkei-b2b-account-status-badge.berkei-b2b-tier-silber {
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border-color: #ced4da;
}
.berkei-b2b-account-status-badge.berkei-b2b-tier-gold {
background: linear-gradient(135deg, #fffbeb, #fef3c7);
border-color: #fcd34d;
}
.berkei-b2b-account-status-badge.berkei-b2b-tier-platin {
background: linear-gradient(135deg, #f5f3ff, #ede9fe);
border-color: #c4b5fd;
}
.berkei-b2b-account-status-icon {
width: 32px;
height: 32px;
border-radius: 50%;
background: #137333;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
flex-shrink: 0;
}
.berkei-b2b-account-status-info {
display: flex;
flex-direction: column;
gap: 2px;
font-size: 14px;
}
.berkei-b2b-account-status-info strong {
font-size: 15px;
}
.berkei-b2b-account-status-info span {
color: #555;
font-size: 13px;
} .berkei-b2b-dash-tabs {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-bottom: 20px;
border-bottom: 2px solid #e0e0e0;
padding-bottom: 0;
}
.berkei-b2b-dash-tab {
padding: 10px 16px;
border: none;
border-bottom: 2px solid transparent;
background: none;
cursor: pointer;
font-size: 14px;
font-weight: 500;
color: #666;
margin-bottom: -2px;
transition: color 0.15s, border-color 0.15s;
white-space: nowrap;
}
.berkei-b2b-dash-tab:hover {
color: #333;
}
.berkei-b2b-dash-tab.active {
color: #2271b1;
border-bottom-color: #2271b1;
font-weight: 600;
}
@media (max-width: 600px) {
.berkei-b2b-dash-tabs {
gap: 0;
}
.berkei-b2b-dash-tab {
padding: 8px 12px;
font-size: 13px;
}
} .berkei-b2b-tier-overview thead th {
font-size: 12px;
text-transform: uppercase;
color: #888;
padding-bottom: 8px;
}
.berkei-b2b-tier-current {
background: #f0fdf4;
}
.berkei-b2b-tier-current td {
font-weight: 600;
}.berkei-progress-bar-wrap {
margin: 16px 0 24px;
padding: 16px 20px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.berkei-progress-inner {
max-width: 100%;
min-height: 20px;
} .berkei-progress-track {
position: relative;
height: 12px;
background: #e5e7eb;
border-radius: 6px;
overflow: visible;
margin: 42px 48px 32px 28px;
}
.berkei-progress-fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-radius: 6px;
transition: width 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.4s ease;
box-shadow: 0 0 8px rgba(102, 126, 234, 0.3);
}
.berkei-progress-fill--active {
border-radius: 0 6px 6px 0;
box-shadow: none;
} .berkei-progress-milestone {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.berkei-progress-milestone-dot {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background: #fff;
border: 3px solid #d1d5db;
border-radius: 50%;
font-size: 11px;
color: transparent;
transition: all 0.4s ease;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.berkei-progress-milestone.reached .berkei-progress-milestone-dot {
background: #22c55e;
border-color: #22c55e;
color: #fff;
box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.15);
animation: berkeiMilestoneBounce 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes berkeiMilestoneBounce {
0%   { transform: translate(-50%, -50%) scale(0.5); }
60%  { transform: translate(-50%, -50%) scale(1.2); }
100% { transform: translate(-50%, -50%) scale(1); }
}
.berkei-progress-milestone-label {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
margin-top: 6px;
font-size: 11px;
font-weight: 600;
color: #6b7280;
white-space: nowrap;
}
.berkei-progress-milestone.reached .berkei-progress-milestone-label {
color: #22c55e;
}
.berkei-progress-milestone-reward {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
margin-bottom: 9px;
font-size: 10px;
line-height: 1.2;
font-weight: 600;
color: #6b7280;
background: #f3f4f6;
border: 1px solid #d1d5db;
border-radius: 999px;
padding: 2px 8px;
white-space: nowrap;
}
.berkei-progress-milestone.reached .berkei-progress-milestone-reward {
color: #065f46;
background: #d1fae5;
border-color: #6ee7b7;
} .berkei-progress-status {
text-align: center;
font-size: 14px;
color: #374151;
margin-top: 4px;
}
.berkei-progress-complete {
font-size: 16px;
font-weight: 700;
color: #22c55e;
}
.berkei-progress-message strong {
color: #667eea;
font-size: 15px;
}
.berkei-progress-message em {
font-style: normal;
font-weight: 600;
} .berkei-progress-suggestion {
margin-top: 12px;
padding: 10px 14px;
background: #fefce8;
border: 1px solid #fde68a;
border-radius: 8px;
font-size: 13px;
color: #92400e;
text-align: center;
}
.berkei-progress-suggestion a {
color: #92400e;
font-weight: 600;
text-decoration: underline;
}
.berkei-progress-suggestion a:hover {
color: #78350f;
}
.berkei-progress-suggestion em {
font-style: normal;
font-weight: 700;
}
.berkei-progress-suggestion-icon {
font-size: 16px;
}
.berkei-progress-suggestion-thumb {
width: 24px;
height: 24px;
border-radius: 4px;
vertical-align: middle;
margin-right: 4px;
object-fit: cover;
} .berkei-confetti-canvas {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 99999;
} .berkei-hunt-egg {
transition: transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
cursor: pointer;
}
.berkei-hunt-egg:hover {
transform: scale(1.15) rotate(-5deg);
}
.berkei-hunt-egg.berkei-hunt-egg--found {
animation: berkeiEggCollect 0.6s ease forwards;
pointer-events: none;
}
@keyframes berkeiEggCollect {
0%   { transform: scale(1); opacity: 1; filter: none; }
40%  { transform: scale(1.3) rotate(10deg); opacity: 1; }
100% { transform: scale(0) rotate(45deg); opacity: 0; filter: grayscale(1); }
}
.berkei-hunt-egg:not(.found):hover {
transform: scale(1.2) !important;
opacity: 1 !important;
} @keyframes berkeiHuntFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
.berkei-hunt-egg-float {
animation: berkeiHuntFloat 3s ease-in-out infinite;
} .berkei-hunt-hint {
background: linear-gradient(135deg, #fef9c3, #fde68a);
color: #78350f;
padding: 10px 16px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
margin-bottom: 16px;
text-align: center;
border: 1px solid #fbbf24;
}
.berkei-hunt-hint-icon {
font-size: 18px;
vertical-align: middle;
}
.berkei-hunt-hint-count {
font-weight: 700;
color: #92400e;
} .berkei-hunt-message {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%) translateY(20px);
background: #1f2937;
color: #fff;
padding: 14px 24px;
border-radius: 10px;
font-size: 15px;
font-weight: 500;
z-index: 99998;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
pointer-events: none;
max-width: 90%;
text-align: center;
}
.berkei-hunt-message.visible {
opacity: 1;
transform: translateX(-50%) translateY(0);
pointer-events: auto;
}
.berkei-hunt-message.success {
background: linear-gradient(135deg, #22c55e, #16a34a);
font-size: 16px;
}
.berkei-hunt-message a,
.berkei-hunt-message a:visited {
color: #93c5fd !important;
text-decoration: underline;
pointer-events: auto;
}
.berkei-hunt-message a:hover {
color: #bfdbfe !important;
}
.berkei-hunt-message.success a,
.berkei-hunt-message.success a:visited {
color: #ecfccb !important;
}
.berkei-hunt-message.success a:hover {
color: #fff !important;
} @media (max-width: 600px) {
.berkei-progress-bar-wrap {
padding: 12px 14px;
}
.berkei-progress-milestone-label {
font-size: 9px;
}
.berkei-progress-milestone-dot {
width: 20px;
height: 20px;
font-size: 9px;
}
.berkei-progress-suggestion {
font-size: 12px;
}
}:root {
--wp--custom--spacing--small: var(--wp--preset--spacing--30, clamp(1.5rem, 5vw, 2rem));
--wp--custom--spacing--medium: var(--wp--preset--spacing--50, clamp(2.5rem, 8vw, 4rem));
--wp--custom--spacing--large: var(--wp--preset--spacing--60, clamp(2.5rem, 8vw, 6rem));
--wp--custom--spacing--outer: max(1.25rem, 4vw);
--wp--preset--spacing--80: min(8rem, 12vw);
} html {
scroll-behavior: smooth;
} body {
-moz-osx-font-smoothing: var(--wp--custom--typography--font-smoothing--moz, auto);
-webkit-font-smoothing: var(--wp--custom--typography--font-smoothing--webkit, auto);
} a {
text-decoration-style: var(--wp--custom--elements--link--static--text-decoration-style, solid);
text-decoration-thickness: var(--wp--custom--elements--link--text-decoration-thickness, 1px);
text-underline-offset: var(--wp--custom--elements--link--text-underline-offset, 0.25ch);
}
a:hover,
a:focus {
text-decoration-style: var(--wp--custom--elements--link--interactive--text-decoration-style, dashed);
}
:where(.wp-site-blocks *:focus) {
outline-width:1px;
outline-style:solid
}
a:active {
text-decoration: none;
} @media (min-width: 600px) {
.site-logo-title {
display:none
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, 
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
align-items: flex-start !important;
}
}
@media (max-width: 600px) {
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, 
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
align-items: flex-start !important;
}
}
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title {
display: flex;
flex-wrap: nowrap;
max-width: 100%;
align-items: center;
gap: 0.5rem;
padding-bottom: var(--wp--preset--spacing--30);
position: relative;
padding-inline-end: 52px;
}
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title::after {
content: "";
position: absolute;
left: calc(-1 * var(--wp--preset--spacing--30));
right: calc(-1 * var(--wp--preset--spacing--30));
bottom: 0;
height: 1px;
background: #8080801d;
}
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title img {
max-height: 42px !important;
height: auto !important;
width: auto !important;
}
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title .site-title {
font-size: 1.25rem;
font-weight: 700;
color: var(--wp--preset--color--foreground);
text-transform: uppercase;
letter-spacing: -0.02em;
box-sizing: border-box;
line-height: 1.15;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: var(--wp--preset--spacing--30);
}
.has-modal-open .wp-block-navigation__responsive-container-close {
background-color:var(--wp--preset--color--tertiary);
padding: 0.625rem;
border-radius: 100%;
top: -2.5px !important;
}
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
gap: 0 !important;
width: 100%;
}
.has-modal-open .wp-block-navrigation__containe, .has-modal-open .wp-block-navigation__container ul {
row-gap: 0.75rem !important;
width: -webkit-fill-available;
max-width: 100%;
}
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul.wp-block-navigation__container > li.wp-block-navigation-item:not(.wp-block-navigation__submenu-container) {
border-bottom: 1px solid #8080801d;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
width: -webkit-fill-available;
max-width: 100%;
}
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
padding: 0.75rem 0.75rem 0 0.75rem !important;
gap: 0.75rem !important;
}
.has-modal-open .wp-block-navigation__responsive-dialog ul.wp-block-navigation__container > li:not(.wp-block-navigation__submenu-container) > a.wp-block-navigation-item__content {
font-size: 1.25rem;
font-weight: 600;
}
.has-modal-open .wp-block-navigation__submenu-container {
padding-top: 0.75rem !important;
}
.has-modal-open .wp-block-navigation__responsive-dialog ul.wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation-item a {
font-size: 1rem !important;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
text-decoration: underline;
text-decoration-style: solid;
} nav .wp-block-pages-list__item.wp-block-navigation-item.menu-item-home {
display: none;
} .wp-block-navigation__responsive-container.is-menu-open {
padding-top: var(--wp--preset--spacing--30);
padding-bottom: var(--wp--preset--spacing--30);
padding-right: var(--wp--preset--spacing--30);
padding-left: var(--wp--preset--spacing--30);
}  .wp-element-button {
transition: background-color 0.15s ease;
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover,
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
background-color: rgba(159, 159, 159, 0.2);
} .wp-block-table.is-style-stripes tbody tr:nth-child(odd){
background-color: var(--wp--custom--blocks--core-table--variant-stripes--color--background, var(--wp--preset--color--tertiary));
}  footer.wp-block-template-part:not([style*="margin-top"]) {
margin-top: 0;
} blockquote:is(.is-style-plain) {
border: none;
padding-left: 0;
} :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
border-color: var(--wp--custom--elements--input--border--color);
border-radius: var(--wp--custom--elements--button--border--radius);
border-width: var(--wp--custom--elements--input--border--width);
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
border-color: transparent;
}
.wp-block-search .wp-block-search__input {
border-radius: var(--wp--custom--elements--button--border--radius);
} .wp-block-image[style*="-radius"]:not([style*="overflow"]) { overflow: hidden } .block-editor-block-list__block.wp-block.is-default-size.wp-block-site-logo .components-resizable-box__container,
.wp-block-site-logo.is-default-size img {
max-height: 42px !important;
height: auto !important;
width: auto !important;
} .wp-block-site-logo img[src*="extendify-demo-"],
.wp-block-site-logo img[src*="ext-custom-logo-"] {
filter: var(--wp--preset--duotone--primary-foreground);
} @media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} input, textarea {
caret-color: inherit;
outline-color: inherit;
} :where(.wp-block-post-comments-form) input:not([type=submit]),
:where(.wp-block-post-comments-form) textarea {
background-color: var(--wp--preset--color--background);
color: var(--wp--preset--color--foreground);
border-color: inherit;
} .woocommerce-Tabs-panel--description h2, .woocommerce-Reviews-title {
font-size: var(--wp--preset--font-size--medium);
}
.wp-block-button.wc-block-components-product-button {
flex-direction: row;
flex-wrap: wrap;
justify-content: start;
gap: 1rem;
}
.wp-block-button.wc-block-components-product-button a.added_to_cart {
margin-top: 0;
}
.woocommerce-checkout.woocommerce-page header.wp-block-template-part nav.wp-block-navigation {
visibility: hidden;
}
.wp-site-blocks .wp-block-group.woocommerce.product {
margin-top: 0;
margin-bottom: 0; 
}
.wc-block-product-template__responsive {
grid-row-gap: 2rem;
}
.wc-block-components-product-button__button {
z-index: 1;
} .sticky-header-offset-container .entry-content > .wp-block-group {
scroll-margin-top: var(--wp--preset--spacing--60);
} :not(.block-editor-block-preview__content-iframe)
.has-tertiary-background-color.has-background 
[class*='is-style-ext-preset--group--'][class*='item-card-1']:not(.has-background)
{
background-color: var(--wp--preset--color--background);
}
:not(.block-editor-block-preview__content-iframe)
.has-tertiary-background-color.has-background 
[class*='is-style-ext-preset--group--'][class*='item-card-1']:not(.has-background)::before {
background-color: var(--wp--preset--color--background) !important;
}
:not(.block-editor-block-preview__content-iframe)
.has-tertiary-background-color.has-background 
[class*='is-style-ext-preset--image--']:not(.has-background)::before {
background-color: var(--wp--preset--color--tertiary) !important;
}
:not(.block-editor-block-preview__content-iframe)
.has-tertiary-background-color.has-background 
[class*='is-style-ext-preset--group--'][class*='item-card-1']::before,:not(.block-editor-block-preview__content-iframe)
.has-tertiary-background-color.has-background 
[class*='is-style-ext-preset--media-text--']:before {
background-color: var(--wp--preset--color--background) !important;
}
.block-editor-block-preview__content-iframe 
[class*='is-style-ext-preset--group--natural-1'][class*='item-card-1'] {
background-color: transparent !important;
}
:root {
--grid-vector-bg: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQ0MCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIG9wYWNpdHk9IjAuMDkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utb3BhY2l0eT0iMC43IiBzdHJva2Utd2lkdGg9IjEuMjYwNyI+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI2MjQuOTk1IiB4Mj0iMTQ2MC45NiIgeTI9IjYyNC45OTUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI5NDcuNzMzIiB4Mj0iMTQ2MC45NiIgeTI9Ijk0Ny43MzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzMDIuMjU2IiB4Mj0iMTQ2MC45NiIgeTI9IjMwMi4yNTYiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI0NjMuNjI0IiB4Mj0iMTQ2MC45NiIgeTI9IjQ2My42MjQiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI3ODYuMzYyIiB4Mj0iMTQ2MC45NiIgeTI9Ijc4Ni4zNjIiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIxNDAuODg1IiB4Mj0iMTQ2MC45NiIgeTI9IjE0MC44ODUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI1NDQuMzExIiB4Mj0iMTQ2MC45NiIgeTI9IjU0NC4zMTEiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI4NjcuMDQ5IiB4Mj0iMTQ2MC45NiIgeTI9Ijg2Ny4wNDkiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIyMjEuNTczIiB4Mj0iMTQ2MC45NiIgeTI9IjIyMS41NzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzODIuOTQiIHgyPSIxNDYwLjk2IiB5Mj0iMzgyLjk0IiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNzA1LjY4MiIgeDI9IjE0NjAuOTYiIHkyPSI3MDUuNjgyIiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNjAuMjAxNyIgeDI9IjE0NjAuOTYiIHkyPSI2MC4yMDE3IiAvPgogICAgPGxpbmUgeDE9IjY0Mi4xMzgiIHkxPSItNDguODQ3NyIgeDI9IjY0Mi4xMzgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjMxOS4zOTgiIHkxPSItNDguODQ3NyIgeDI9IjMxOS4zOTgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijk2NC44NzQiIHkxPSItNDguODQ3NyIgeDI9Ijk2NC44NzQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEyODcuNjEiIHkxPSItNDguODQ3NyIgeDI9IjEyODcuNjEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjE1OC4wMjgiIHkxPSItNDguODQ3NyIgeDI9IjE1OC4wMjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjgwMy41MDQiIHkxPSItNDguODQ3NyIgeDI9IjgwMy41MDQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQ4MC43NjgiIHkxPSItNDguODQ3NyIgeDI9IjQ4MC43NjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjExMjYuMjQiIHkxPSItNDguODQ3NyIgeDI9IjExMjYuMjQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijc3LjM0NTIiIHkxPSItNDguODQ3NyIgeDI9Ijc3LjM0NTEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjcyMi44MjIiIHkxPSItNDguODQ3NyIgeDI9IjcyMi44MjIiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQwMC4wODEiIHkxPSItNDguODQ3NyIgeDI9IjQwMC4wODEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEwNDUuNTYiIHkxPSItNDguODQ3NyIgeDI9IjEwNDUuNTYiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEzNjguMyIgeTE9Ii00OC44NDc3IiB4Mj0iMTM2OC4zIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIyMzguNzE1IiB5MT0iLTQ4Ljg0NzciIHgyPSIyMzguNzE1IiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI4ODQuMTkyIiB5MT0iLTQ4Ljg0NzciIHgyPSI4ODQuMTkyIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI1NjEuNDUxIiB5MT0iLTQ4Ljg0NzciIHgyPSI1NjEuNDUxIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIxMjA2LjkzIiB5MT0iLTQ4Ljg0NzciIHgyPSIxMjA2LjkzIiB5Mj0iMTExOC41NiIgLz4KICA8L2c+CiAgPGcgb3BhY2l0eT0iMC41IiBmaWxsPSJjdXJyZW50Q29sb3IiPgogICAgPHJlY3QgeD0iODAzLjU2MyIgeT0iNzg2LjMwNSIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjQiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjIyMi40MyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjA4IiAvPgogICAgPHJlY3QgeD0iNDgwLjM2NyIgeT0iNDY0LjIwMyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iMTA0NS4zOSIgeT0iMzAyLjY1NiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjAzIiAvPgogICAgPHJlY3QgeD0iMzk5Ljk5NCIgeT0iMjIyLjQzIiB3aWR0aD0iODAuMjI2MiIgaGVpZ2h0PSI3OS4wODAxIiBmaWxsLW9wYWNpdHk9IjAuMTMiIC8+CiAgICA8cmVjdCB4PSIxMDQ1LjM5IiB5PSIyMjIuNDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4wOCIgLz4KICAgIDxyZWN0IHg9IjM5OS45OTQiIHk9IjQ2NC4yMDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijg2Ni41MzEiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9Ijk2NS4xNjIiIHk9IjYwLjgzMiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iODg0LjA1OSIgeT0iLTE5Ljg1NTUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjUwNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9Ijg4NC4wNTkiIHk9IjYwLjQwMjMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjAyODUiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjEzOS45MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODIuNTE4NCIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iNTkuNjgzNiIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iLTMuMjgzMiIgeT0iNjAuODI4MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iMTM5LjkxIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4Mi41MTg0IiBmaWxsLW9wYWNpdHk9IjAuMTgiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQxIiB5PSItMjAuNTQzIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4MC4yMjYyIiBmaWxsLW9wYWNpdHk9IjAuMiIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjMwMS41MDgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjEyMDYuOTkiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICA8L2c+Cjwvc3ZnPg==");
}  [class*="is-style-ext-preset--group--"][class*="--section"].has-tertiary-background-color:has(
+ .has-background-background-color > .wp-block-cover.alignfull
)::after {
content: none !important;
}
[class*="is-style-ext-preset--group--"][class*="--section"].has-tertiary-background-color:has(
+ .has-background-background-color > .wp-block-cover.alignfull
) {
margin-bottom: 0 !important;
}
[class*="is-style-ext-preset--group--"][class*="--section"].has-background-background-color:has(.wp-block-cover.alignfull)
+ .has-tertiary-background-color::before {
content: none !important;
}
[class*="is-style-ext-preset--group--"][class*="--section"].has-background-background-color:has(.wp-block-cover.alignfull)
+ .has-tertiary-background-color {
margin-top: 0 !important;
} .m-0 {
margin: 0 !important;
}
.z-0 {
z-index: 0 !important;
}
.z-10 {
z-index: 10 !important;
}
.z-20 {
z-index: 20 !important;
}
.z-30 {
z-index: 30 !important;
}
.d-none {
display: none;
}
.d-block {
display: block;
}
@media (min-width: 640px) {
.sm-d-none {
display: none;
}
.sm-d-block {
display: block;
}
}
@media (min-width: 768px) {
.md-d-none {
display: none;
}
.md-d-block {
display: block;
}
}
@media (min-width: 1024px) {
.lg-d-none {
display: none;
}
.lg-d-block {
display: block;
}
} [dir="rtl"] [class*="wp-container-core-group-is-layout-"].ext-is-logical-start.is-content-justification-left
> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
margin-inline-start: 0 !important;
margin-inline-end: auto !important;
}
.no-underline, .no-underline a {
text-decoration: none;
} .extendify-agent .preview-is-style-ext-preset--group--matrix-1--section .preview-is-style-ext-preset--group--matrix-1--item-card-1--align-center {
border: solid 6px color-mix(in oklab, var(--wp--preset--color--foreground) 10%, transparent) !important;
}
.extendify-agent .preview-is-style-ext-preset--group--wave-1--section {
--wave-ratio: 1440 / 80;
overflow: visible;
}
.extendify-agent .preview-is-style-ext-preset--group--wave-1--section .preview-is-style-ext-preset--group--wave-1--item-card-1--align-center {
position: relative;
overflow: visible;
}
.extendify-agent .preview-is-style-ext-preset--group--wave-1--section .preview-is-style-ext-preset--group--wave-1--item-card-1--align-center::after {
content: "";
position: absolute;
width: 150%;
left: 50%;
transform: translateX(-35%);
aspect-ratio: var(--wave-ratio);
background-color: var(--wp--preset--color--background);
-webkit-mask: var(--wave-mask) no-repeat center / 100% 100%;
mask: var(--wave-mask) no-repeat center / 100% 100%;
bottom: -1px;
pointer-events: none;
z-index: 1;
}
.extendify-agent .preview-is-style-ext-preset--group--wave-1--section .preview-is-style-ext-preset--group--wave-1--item-card-1--align-center::before {
content: "";
position: absolute;
width: 150%;
left: 50%;
transform: translateX(-65%) scale(-1, -1);
aspect-ratio: var(--wave-ratio);
background-color: var(--wp--preset--color--background);
-webkit-mask: var(--wave-mask) no-repeat center / 100% 100%;
mask: var(--wave-mask) no-repeat center / 100% 100%;
top: -1px;
pointer-events: none;
z-index: 1;
}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//berkei.de/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}.product.product-type-variable ul.tabs li.product_safety_tab,.wc-gzd-additional-info-placeholder,p.wc-gzd-additional-info:empty{display:none}#order_review .wc-gzd-checkbox-placeholder{clear:both}#order_review .wc-gzd-checkbox-placeholder p.form-row{float:none;padding:0 1em 0 0;text-align:left}#order_review .wc-gzd-checkbox-placeholder p.form-row label{display:inline}#order_review .wc-gzd-checkbox-placeholder:empty{display:none}.woocommerce-checkout .shop_table{background-color:#eee}@media(min-width:768px){table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail .wc-gzd-cart-item-name-wrapper{align-items:center;display:flex}}table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail .wc-gzd-cart-item-name-wrapper .wc-gzd-cart-item-thumbnail{margin-right:1em;max-width:15%;min-width:60px}table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail .wc-gzd-cart-item-name-wrapper .wc-gzd-cart-item-thumbnail img{margin:0}body.theme-astra table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail td.product-name{flex-wrap:wrap}.cart_totals tr.order-total-differential-taxation-notice td:before,.cart_totals tr.order-total-small-business-notice td:before{content:""!important}.includes_tax,.tax_label,.woocommerce dl.variation dd[class*=variation-gzd-],.woocommerce dl.variation div[class*=variation-gzd-],.woocommerce dl.variation dt[class*=variation-gzd-],.woocommerce dl.variation li[class*=variation-gzd-],.woocommerce ul.variation dd[class*=variation-gzd-],.woocommerce ul.variation div[class*=variation-gzd-],.woocommerce ul.variation dt[class*=variation-gzd-],.woocommerce ul.variation li[class*=variation-gzd-],.woocommerce-cart dl.variation dd[class*=variation-gzd-],.woocommerce-cart dl.variation div[class*=variation-gzd-],.woocommerce-cart dl.variation dt[class*=variation-gzd-],.woocommerce-cart dl.variation li[class*=variation-gzd-],.woocommerce-cart ul.variation dd[class*=variation-gzd-],.woocommerce-cart ul.variation div[class*=variation-gzd-],.woocommerce-cart ul.variation dt[class*=variation-gzd-],.woocommerce-cart ul.variation li[class*=variation-gzd-],.woocommerce-checkout dl.variation dd[class*=variation-gzd-],.woocommerce-checkout dl.variation div[class*=variation-gzd-],.woocommerce-checkout dl.variation dt[class*=variation-gzd-],.woocommerce-checkout dl.variation li[class*=variation-gzd-],.woocommerce-checkout ul.variation dd[class*=variation-gzd-],.woocommerce-checkout ul.variation div[class*=variation-gzd-],.woocommerce-checkout ul.variation dt[class*=variation-gzd-],.woocommerce-checkout ul.variation li[class*=variation-gzd-],.woocommerce-mini-cart dl.variation dd[class*=variation-gzd-],.woocommerce-mini-cart dl.variation div[class*=variation-gzd-],.woocommerce-mini-cart dl.variation dt[class*=variation-gzd-],.woocommerce-mini-cart dl.variation li[class*=variation-gzd-],.woocommerce-mini-cart ul.variation dd[class*=variation-gzd-],.woocommerce-mini-cart ul.variation div[class*=variation-gzd-],.woocommerce-mini-cart ul.variation dt[class*=variation-gzd-],.woocommerce-mini-cart ul.variation li[class*=variation-gzd-]{display:none!important}.wc-gzd-small-business-includes-tax{display:inline!important;font-size:.9em;padding-left:3px}.woocommerce-gzd-checkout #order_review_heading{display:none}.woocommerce-checkout .shop_table tr td p{margin-bottom:0}.woocommerce-checkout .shop_table td,.woocommerce-checkout .shop_table th{line-height:1.5}.more-variants-available-info{display:block;font-size:11px;font-weight:400}.shop_table .product-name-inner,.shop_table .product-name-inner tr td{border:none;margin:0;padding:0}.shop_table .product-name-inner tr td:last-child{text-align:right}.cart_totals .wc-gzd-additional-wrapper,.woocommerce-checkout table.shop_table .wc-gzd-additional-wrapper{clear:both;text-align:right}.cart_totals p.wc-gzd-additional-info,.woocommerce-checkout table.shop_table p.wc-gzd-additional-info{display:inline-block;font-size:.8em;font-weight:400;margin-bottom:0}.entry-content .woocommerce #payment{margin-bottom:1em}.woocommerce #payment .wc-terms-and-conditions{display:none!important}.entry-content .woocommerce .checkout-btn-wrap{text-align:right}.woocommerce-checkout p.direct-debit-checkbox{display:none}.unit-price-cart{display:block;font-size:.9em;margin-top:5px}.product_list_widget .wc-gzd-additional-info,.products .wc-gzd-additional-info{font-size:.8em;margin:.7rem 0;padding:0}.product_list_widget .wc-gzd-additional-info,.product_list_widget p.price-unit{line-height:1.8em;margin:.2rem 0}.product_list_widget .wc-gzd-additional-info a{display:inline!important}.product_list_widget .price-unit,.products .product .price-unit{font-size:.8em}.product_list_widget .price-unit{margin-bottom:.7em}.product p.wc-gzd-additional-info{clear:left;font-size:.9em;margin-bottom:.5rem}.product .defect-description:not(:empty){border:2px solid #4b4f58;margin:1em 0;padding:.5em}.product .defect-description:not(:empty) p:last-child{margin-bottom:0}form.cart.wc-gzd-replace-price .single_variation_wrap .woocommerce-variation-price{display:none}.deposit-packaging-type{font-weight:700;text-transform:uppercase}.product p.deposit-packaging-type{font-size:1.2em!important}.wc-gzd-rating-authenticity-status{display:block;font-size:.9em}.woocommerce-product-rating .wc-gzd-rating-authenticity-status{display:inline-block}.product .product_meta{margin-top:1rem}p.footer-info{font-size:.9em;padding-bottom:.5rem;text-align:center}.wc-gzd-item-defect-description p,.wc-gzd-item-desc p{font-size:.9em;font-weight:400}.wc-gzd-edit-data-notice{background:#eee;display:inline-block;padding:1em}.wc-gzd-edit-data-notice p.wc-gzd-info{margin:0;padding:0}.wc-gzd-power-supply{display:flex;flex-wrap:wrap;height:70px;margin:1em 0}.wc-gzd-power-supply svg{align-items:center;display:flex;height:70px;width:70px}.wc-gzd-power-supply svg text{dominant-baseline:middle;font-size:1.8rem;font-weight:600;text-anchor:middle}.wc-gzd-power-supply svg text.min-max-watt-has-decimals,.wc-gzd-power-supply svg text.power-supply-usb-pd{font-size:1.5rem}.wc-gzd-cart-info{display:block}table.product-details-inner{margin:0;padding:0;table-layout:fixed}table.product-details-inner,table.product-details-inner td,table.product-details-inner tr{background:transparent;border:none;margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}table.product-details-inner tr td:last-child{text-align:right}.wc-gzd-product-name-left,.wc-gzd-product-name-right{float:left}.wc-gzd-product-name-left{margin-right:1em;max-width:15%}#order_review .blockMsg{line-height:1.5em}#shipping_parcelshop_post_number_field .optional{display:none!important}.wc-gzd-nutri-score-value{display:block;height:4rem;text-indent:-9999px;width:7.0625rem}.wc-gzd-placeholder-loading{display:flex;flex:0 0 100%;flex-flow:column;overflow:hidden;position:relative}.wc-gzd-placeholder-loading *{box-sizing:border-box}.wc-gzd-placeholder-loading .wc-gzd-placeholder-row{align-items:center;display:flex;vertical-align:middle}.wc-gzd-placeholder-loading .wc-gzd-placeholder-row>*{animation:shimmer 2s infinite;background:#e7e7e7;background-image:linear-gradient(90deg,#e7e7e7,color-mix(in srgb,#e7e7e7 30%,#fff) 30%,#e7e7e7);background-size:200% 100%;border-radius:.375rem;display:block;height:10px}.wc-gzd-placeholder-loading .wc-gzd-placeholder-row .wc-gzd-placeholder-row-col-4{min-width:100px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wc-block-featured-product .wc-gzd-additional-info{color:inherit;font-size:.9em;margin:0;padding:5px 48px 0;text-align:center;width:100%;z-index:1}.wc-block-featured-product .wc-gzd-nutri-score{width:auto}ul.wc-block-grid__products li.wc-block-grid__product .wc-gzd-additional-info{margin:.5em 0}ul.wc-block-grid__products li.wc-block-grid__product .wc-gzd-additional-info:not(.deposit-packaging-type){font-size:.9em;font-weight:400}.theme-twentytwenty form.woocommerce-checkout #order_review_heading,.theme-twentytwentyone form.woocommerce-checkout #order_review_heading{margin-bottom:2rem;padding-left:0;text-align:left;width:100%}