:root{--color-primary: #454f54;--color-primary-dark: #131d22;--color-heading: #222222;--color-body: #666666;--color-border: #eaeaea;--color-surface: #ffffff;--color-surface-muted: #f8f8f8;--radius: 0;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-latin: "Lato", system-ui, sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Noto Naskh Arabic", sans-serif;--font-base: var(--font-latin);--focus-ring: 2px solid var(--color-primary);--focus-ring-offset: 2px}[dir=rtl]{--font-base: var(--font-arabic)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}::selection{background:var(--color-primary);color:var(--color-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);padding-block:16px;padding-inline:24px;border:1px solid var(--color-primary, #454f54);border-radius:var(--radius, 0);background:var(--color-primary, #454f54);color:var(--color-surface, #ffffff);font-family:inherit;font-size:14px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:hover{background:var(--color-primary-dark, #131d22);border-color:var(--color-primary-dark, #131d22)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--color-primary, #454f54)}.btn-outline:hover{background:var(--color-primary, #454f54);border-color:var(--color-primary, #454f54);color:var(--color-surface, #ffffff)}.card{display:block;padding-block:var(--space-6, 24px);padding-inline:var(--space-6, 24px);border:1px solid var(--color-border, #eaeaea);border-radius:var(--radius, 0);background:var(--color-surface, #ffffff);color:var(--color-body, #666666)}.badge{display:inline-block;padding-block:4px;padding-inline:8px;border:1px solid var(--color-border, #eaeaea);border-radius:var(--radius, 0);background:var(--color-surface-muted, #f8f8f8);color:var(--color-heading, #222222);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.table{inline-size:100%;border-collapse:collapse;background:var(--color-surface, #ffffff);font-size:14px}.table caption{padding-block:var(--space-3, 12px);color:var(--color-heading, #222222);font-weight:700;text-align:start}.table th,.table td{padding-block:12px;padding-inline:16px;border-block-end:1px solid var(--color-border, #eaeaea);text-align:start;vertical-align:middle}.table th{color:var(--color-heading, #222222);font-weight:700}.table td{color:var(--color-body, #666666)}.table tbody tr:hover{background:var(--color-surface-muted, #f8f8f8)}.made-in-germany{position:relative;display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding-block:10px;padding-inline:var(--space-4, 16px);border:1px solid var(--color-border, #eaeaea);border-radius:var(--radius, 0);background:var(--color-surface, #ffffff);color:var(--color-heading, #222222);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}.made-in-germany:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:3px;background:linear-gradient(to right,#000 0 33.34%,#d00 33.34% 66.67%,#ffce00 66.67% 100%)}@layer base{body{margin:0;background:var(--color-surface);color:var(--color-body);font-family:var(--font-base);font-size:16px;line-height:1.6}h1,h2,h3,h4{color:var(--color-heading);font-weight:700;line-height:1.25;margin-block:0 var(--space-4)}p{margin-block:0 var(--space-4)}a{color:inherit}input,select,textarea{inline-size:100%;padding-block:10px;padding-inline:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-heading);font:inherit}label{display:block;margin-block-end:var(--space-1);color:var(--color-heading);font-size:14px;font-weight:700}}.container{max-inline-size:1120px;margin-inline:auto;padding-inline:var(--space-4)}.section{padding-block:var(--space-12)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.skip-link{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:100;padding-block:var(--space-2);padding-inline:var(--space-4);background:var(--color-primary-dark);color:var(--color-surface);text-decoration:none;transform:translateY(calc(-100% - var(--space-4)))}.skip-link:focus{transform:none}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header{border-block-end:1px solid var(--color-border);background:var(--color-surface)}.site-header .container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding-block:var(--space-4)}.brand-logo{font-family:var(--font-latin);font-weight:900;font-size:24px;letter-spacing:.12em;color:var(--color-primary);text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-inline-start:auto}.site-nav a{color:var(--color-heading);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-primary);text-decoration:underline;text-underline-offset:4px}.lang-switch a{text-transform:none;border:1px solid var(--color-border);padding-block:6px;padding-inline:10px}.site-footer{margin-block-start:var(--space-16);border-block-start:1px solid var(--color-border);background:var(--color-primary-dark);color:var(--color-surface)}.site-footer .container{display:grid;gap:var(--space-6);padding-block:var(--space-10)}.site-footer a{color:var(--color-surface)}.footer-contact{display:flex;flex-wrap:wrap;gap:var(--space-4);list-style:none;margin:0;padding:0}.footer-legal{font-size:13px;opacity:.7}.hero{background:var(--color-primary-dark);color:var(--color-surface);padding-block:var(--space-16)}.hero h1{color:var(--color-surface);font-size:clamp(28px,5vw,48px);max-inline-size:22ch}.hero p{max-inline-size:60ch;opacity:.85}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-block-start:var(--space-6)}.hero .btn-outline{border-color:var(--color-surface);color:var(--color-surface)}.hero .btn-outline:hover{background:var(--color-surface);color:var(--color-primary-dark)}.trust-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);border-block:1px solid var(--color-border);background:var(--color-surface-muted);padding-block:var(--space-8)}.facet-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-block-end:var(--space-8);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface-muted)}.product-card h3{font-size:17px;margin-block-end:var(--space-2)}.product-card .art-no{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.product-card .badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-3)}.product-card .card-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-4)}.form-grid{display:grid;gap:var(--space-4);max-inline-size:640px}.hp-field{display:none}.verify-state{border:1px solid var(--color-border);padding:var(--space-8);max-inline-size:640px}.verify-state[data-state=genuine]{border-inline-start:4px solid #1e7a3c}.verify-state[data-state=scannedBefore]{border-inline-start:4px solid #b7791f}.verify-state[data-state=notFound]{border-inline-start:4px solid #b42318}.verify-state[data-state=unavailable]{border-inline-start:4px solid var(--color-primary)}.verify-state[data-state=checking]{border-inline-start:4px solid var(--color-border)}.verify-state h2{margin-block-end:var(--space-3)}.verify-code{display:inline-block;margin-block:0 var(--space-4);padding-block:6px;padding-inline:10px;border:1px solid var(--color-border);background:var(--color-surface-muted);font-family:var(--font-latin);font-size:15px;font-weight:700;letter-spacing:.12em;word-break:break-all}.verify-facts{display:grid;gap:var(--space-2);margin-block:var(--space-4);padding:0;list-style:none;font-size:14px}.verify-facts li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);padding-block-end:var(--space-2);border-block-end:1px solid var(--color-border)}.verify-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-4)}.cart-link{display:inline-flex;align-items:center;gap:var(--space-2)}.cart-badge{display:inline-flex;align-items:center;justify-content:center;min-inline-size:20px;padding-inline:6px;block-size:20px;border-radius:10px;background:var(--color-primary);color:var(--color-surface);font-size:12px;font-weight:700;line-height:1}.cart-badge[hidden]{display:none}.notice{border:1px solid var(--color-border);border-inline-start:4px solid var(--color-primary);background:var(--color-surface-muted);padding-block:var(--space-4);padding-inline:var(--space-4);max-inline-size:70ch}.table-scroll{overflow-x:auto}.purchase-box{display:grid;gap:var(--space-4);margin-block-start:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);background:var(--color-surface-muted);max-inline-size:560px}.purchase-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-4)}.purchase-price{margin-block:0;color:var(--color-heading);font-size:20px;font-weight:700}.purchase-hint{margin-block:0;font-size:13px;max-inline-size:60ch}.purchase-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.purchase-status{margin-block:0;min-block-size:1.6em;color:var(--color-primary-dark);font-size:14px;font-weight:700}.cart-table{min-inline-size:640px}.qty-stepper{display:inline-flex;align-items:center;gap:var(--space-1)}.qty-button{inline-size:32px;block-size:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-heading);font:inherit;font-weight:700;line-height:1;cursor:pointer}.qty-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.qty-input{inline-size:64px;padding-block:6px;padding-inline:8px;text-align:center}.link-button{padding:0;border:0;background:none;color:var(--color-primary);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cart-summary{display:grid;gap:var(--space-4);margin-block-start:var(--space-6);padding:var(--space-6);border:1px solid var(--color-border);background:var(--color-surface-muted);max-inline-size:480px;margin-inline-start:auto}.cart-subtotal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);margin-block:0;color:var(--color-heading);font-size:18px}.cart-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:start}@media(min-width:900px){.checkout-layout{grid-template-columns:minmax(0,3fr) minmax(280px,2fr)}}.checkout-layout .form-grid{max-inline-size:none}.field-error:empty,.form-error:empty{display:none}.field-error,.form-error{margin-block:var(--space-1) 0;color:#b42318;font-size:13px;font-weight:700}.form-error{border-inline-start:4px solid #b42318;padding-block:var(--space-2);padding-inline:var(--space-3);background:var(--color-surface-muted);font-size:14px}[aria-invalid=true]{border-color:#b42318}.payment-fieldset{margin:0;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface-muted)}.payment-fieldset legend{padding-inline:var(--space-2);color:var(--color-heading);font-size:14px;font-weight:700}.payment-option{display:flex;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3);font-size:16px}.payment-option input{inline-size:auto;margin:0}.checkout-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.order-summary{padding:var(--space-6);border:1px solid var(--color-border);background:var(--color-surface-muted)}.summary-lines{display:grid;gap:var(--space-2);margin-block:0 var(--space-4);padding:0;list-style:none;font-size:14px}.summary-lines li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);padding-block-end:var(--space-2);border-block-end:1px solid var(--color-border)}.order-confirmation{max-inline-size:760px}.order-reference{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block-end:var(--space-2);font-weight:700}.order-reference code{padding-block:4px;padding-inline:8px;border:1px solid var(--color-border);background:var(--color-surface-muted);font-size:14px;word-break:break-all}.whatsapp-cta{margin-block:var(--space-6) var(--space-2)}
