@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&display=swap";.estimator-card{background:var(--surface);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);grid-template-columns:1fr;display:grid;overflow:hidden}.estimator-header{padding:var(--s5) var(--s6);background:var(--ink);color:var(--ink-inverse);justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.estimator-header h2{font-family:var(--display);color:var(--ink-inverse);align-items:center;gap:10px;margin:0;font-size:1.3rem;font-weight:700;display:flex}.estimator-header p{font-family:var(--sans);color:var(--ink-inverse-muted);font-size:var(--t-micro);margin-top:4px}.estimator-badge{color:#ffb488;border-radius:var(--r-pill);font-family:var(--sans);font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.06em;background:#ff6a1a29;align-items:center;gap:6px;padding:5px 12px;font-weight:700;display:inline-flex}.estimator-body{padding:var(--s6);gap:var(--s6);display:grid}.material-selector-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.material-chip{text-align:left;background:var(--surface-2);border-radius:var(--r-lg);cursor:pointer;transition:all var(--fast) var(--ease);border:1.5px solid #0000;flex-direction:column;justify-content:space-between;padding:16px 18px;display:flex;position:relative}.material-chip:hover{background:var(--surface-3)}.material-chip.is-active{background:var(--surface);border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.material-chip-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.material-chip-name{font-family:var(--display);color:var(--ink);font-size:.98rem;font-weight:600;line-height:1.25}.material-chip-rate{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--brand-primary);white-space:nowrap;font-size:.85rem;font-weight:700}.material-chip-desc{font-family:var(--sans);font-size:var(--t-micro);color:var(--ink-subtle);margin-top:6px;line-height:1.4}.material-chip-tag{background:var(--brand-primary);color:#fff;font-family:var(--sans);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;font-size:.65rem;font-weight:700;position:absolute;top:-8px;right:12px}.dimensions-section{gap:var(--s6);background:var(--surface-2);padding:var(--s5);border-radius:var(--r-xl);grid-template-columns:1.3fr 1fr;align-items:center;display:grid}@media (width<=840px){.dimensions-section{grid-template-columns:1fr}}.dimension-inputs-grid{gap:var(--s4);grid-template-columns:1fr 1fr;display:grid}.dimension-field label{font-family:var(--sans);font-size:var(--t-label);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-weight:700;display:block}.dimension-input-wrap{align-items:center;display:flex;position:relative}.dimension-input-wrap input{background:var(--surface);border-radius:var(--r-md);width:100%;min-height:50px;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border:1.5px solid #0000;padding:.6rem 2.8rem .6rem 1.1rem;font-size:1.15rem;font-weight:700}.dimension-input-wrap input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-primary-light);outline:none}.dimension-unit-badge{font-family:var(--sans);color:var(--ink-subtle);pointer-events:none;text-transform:uppercase;font-size:.75rem;font-weight:700;position:absolute;right:14px}.unit-toggle{background:var(--surface-3);border-radius:var(--r-pill);gap:2px;padding:4px;display:flex}.unit-toggle button{border-radius:var(--r-pill);font-family:var(--sans);font-size:var(--t-micro);color:var(--ink-subtle);cursor:pointer;transition:all var(--fast) var(--ease);background:0 0;border:none;flex:1;padding:7px 16px;font-weight:700}.unit-toggle button.is-active{background:var(--ink);color:var(--ink-inverse)}.aspect-canvas-wrapper{background:var(--surface);border-radius:var(--r-lg);flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:16px;display:flex;position:relative}.aspect-preview-box{background:var(--brand-primary-light);border-radius:var(--r-sm);color:var(--brand-primary-hover);font-family:var(--mono);font-variant-numeric:tabular-nums;transition:width .24s var(--ease), height .24s var(--ease);justify-content:center;align-items:center;max-width:100%;max-height:140px;font-size:.8rem;font-weight:700;display:flex;position:relative}.aspect-badge{background:var(--ink);color:var(--ink-inverse);border-radius:var(--r-pill);letter-spacing:.05em;padding:3px 10px;font-size:.65rem;font-weight:600;position:absolute;bottom:8px}.config-options-grid{gap:var(--s5);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=640px){.config-options-grid{grid-template-columns:1fr}}.design-service-card{border-radius:var(--r-lg);background:var(--surface-2);cursor:pointer;transition:all var(--fast) var(--ease);border:1.5px solid #0000;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.design-service-card.is-selected{border-color:var(--brand-primary);background:var(--brand-primary-light)}.design-service-card input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand-primary);margin-top:2px}.design-service-info strong{font-family:var(--sans);color:var(--ink);font-size:.9rem;font-weight:700;display:block}.design-service-info p{font-family:var(--sans);font-size:var(--t-micro);color:var(--ink-subtle);margin-top:4px;line-height:1.4}.estimate-ticker{background:var(--ink);color:var(--ink-inverse);padding:var(--s5) var(--s6);border-radius:var(--r-xl);gap:var(--s5);grid-template-columns:1fr auto;align-items:center;display:grid}@media (width<=768px){.estimate-ticker{grid-template-columns:1fr}}.estimate-breakdown-list{gap:var(--s4) var(--s6);flex-wrap:wrap;display:flex}.estimate-stat{flex-direction:column;display:flex}.estimate-stat dt{font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-inverse-muted);font-size:.7rem}.estimate-stat dd{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-inverse);margin-top:2px;font-size:1.15rem;font-weight:700}.estimate-total-block{text-align:right;flex-direction:column;align-items:flex-end;display:flex}@media (width<=768px){.estimate-total-block{text-align:left;align-items:flex-start}}.estimate-total-label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--brand-primary);font-size:.75rem;font-weight:700}.estimate-total-price{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--ink-inverse);margin-top:4px;font-size:clamp(2.1rem,3.5vw,2.9rem);font-weight:700;line-height:1}.estimate-actions{margin-top:var(--s4);gap:12px;display:flex}.checkout-shell{width:min(1200px,100% - 32px);margin:var(--s6) auto var(--s9)}.checkout-grid{gap:var(--s7);margin-top:var(--s6);grid-template-columns:1.55fr 1fr;align-items:start;display:grid}@media (width<=960px){.checkout-grid{grid-template-columns:1fr}}.checkout-main-flow{gap:var(--s6);display:grid}.checkout-step-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:var(--s6)}.checkout-step-header{margin-bottom:var(--s5);padding-bottom:var(--s4);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex}.checkout-step-num{background:var(--ink);width:34px;height:34px;color:var(--ink-inverse);font-family:var(--sans);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.checkout-step-header h2{font-family:var(--display);color:var(--ink);margin:0;font-size:1.15rem;font-weight:700}.artwork-options-grid{margin-bottom:var(--s5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.artwork-option-btn{border-radius:var(--r-lg);background:var(--surface-2);text-align:left;cursor:pointer;transition:all var(--fast) var(--ease);border:1.5px solid #0000;padding:16px}.artwork-option-btn:hover{background:var(--surface-3)}.artwork-option-btn.is-active{border-color:var(--brand-primary);background:var(--brand-primary-light)}.artwork-option-btn strong{font-family:var(--sans);color:var(--ink);margin-bottom:4px;font-size:.85rem;display:block}.artwork-option-btn span{font-size:var(--t-micro);color:var(--ink-subtle);line-height:1.3}.artwork-dropzone{border:1.5px dashed var(--brand-primary);background:var(--brand-primary-light);border-radius:var(--r-lg);padding:var(--s6) var(--s4);text-align:center;cursor:pointer;transition:background var(--fast) var(--ease)}.artwork-dropzone:hover{background:var(--brand-primary-soft)}.artwork-dropzone svg{width:36px;height:36px;color:var(--brand-primary);margin-bottom:8px}.fulfilment-selector{margin-bottom:var(--s5);grid-template-columns:1fr 1fr;gap:12px;display:grid}.fulfilment-card{border-radius:var(--r-lg);background:var(--surface-2);cursor:pointer;transition:all var(--fast) var(--ease);border:1.5px solid #0000;align-items:flex-start;gap:12px;padding:16px;display:flex}.fulfilment-card:hover{background:var(--surface-3)}.fulfilment-card.is-active{border-color:var(--brand-primary);background:var(--surface);box-shadow:var(--shadow-md)}.fulfilment-card input[type=radio]{accent-color:var(--brand-primary);margin-top:3px}.checkout-summary-card{top:calc(var(--head-h) + 24px);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);padding:var(--s6);position:sticky}.checkout-summary-header{margin-bottom:var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.checkout-summary-header h3{font-family:var(--display);margin:0;font-size:1.1rem;font-weight:700}.checkout-item-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.checkout-item-title{font-family:var(--sans);color:var(--ink);font-size:.9rem;font-weight:700}.checkout-item-sub{font-size:var(--t-micro);color:var(--ink-subtle);margin-top:2px}.checkout-item-price{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;font-size:.95rem;font-weight:700}.paystack-secure-badge{background:var(--success-soft);border-radius:var(--r-pill);color:var(--success);font-family:var(--sans);font-size:var(--t-micro);margin-top:var(--s4);justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:700;display:flex}.confirmation-hero{text-align:center;padding:var(--s7) var(--s4);background:var(--surface);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);max-width:680px;margin:var(--s7) auto}.confirmation-check{background:var(--success);color:#fff;width:64px;height:64px;margin:0 auto var(--s4);border-radius:50%;place-items:center;display:grid}.confirmation-order-tag{font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--brand-primary-light);color:var(--brand-primary-hover);border-radius:var(--r-pill);margin:var(--s3) 0;padding:8px 20px;font-size:1.5rem;font-weight:700;display:inline-block}.payment-confirmation-status{margin-top:var(--s4);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-muted);font-size:var(--t-small);text-align:left;align-items:center;gap:10px;padding:12px 16px;display:flex}.payment-confirmation-status svg{flex:none;width:18px}.payment-confirmation-status.is-paid{background:var(--success-soft);color:var(--success)}.payment-confirmation-status.is-checking{background:var(--brand-primary-light);color:var(--brand-primary-hover)}:root{--bg:#fff;--surface:#fff;--surface-2:#f6f7fb;--surface-3:#eceef5;--ink:#0d123a;--ink-muted:#454a6b;--ink-subtle:#767aa0;--ink-faint:#a9acc7;--ink-inverse:#fff;--ink-inverse-muted:#c4c7e0;--brand-primary:#f38432;--brand-primary-hover:#dd6e1b;--brand-primary-deep:#0d123a;--brand-primary-light:#fdebda;--brand-primary-soft:#fbd3ac;--brand-blue:#1177bf;--brand-blue-light:#e3f1fb;--brand-green:#2ea54a;--brand-green-light:#e3f7e8;--brand-magenta:#c42a5c;--brand-magenta-light:#fbe3ec;--brand-dark:#0d123a;--brand-dark-surface:#171c48;--brand-dark-border:#ffffff1f;--accent-cyan:var(--brand-blue);--accent-cyan-soft:var(--brand-blue-light);--accent-cyan-ink:#0d5a8f;--accent-amber:#b8860b;--accent-amber-soft:#fbf1d6;--accent-amber-ink:#7a5a06;--whatsapp:#25d366;--whatsapp-hover:#1ebd5a;--whatsapp-deep:#075e54;--whatsapp-soft:#e8f9ef;--danger:var(--brand-magenta);--danger-soft:var(--brand-magenta-light);--success:var(--brand-green);--success-soft:var(--brand-green-light);--line:#e8e9f2;--line-2:#d6d8e8;--display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"Inter", ui-monospace, Menlo, Consolas, monospace;--t-hero:clamp(2.5rem, 5vw, 4.25rem);--t-display:clamp(2rem, 4vw, 3.1rem);--t-h1:clamp(1.8rem, 3vw, 2.4rem);--t-h2:clamp(1.35rem, 2.1vw, 1.8rem);--t-h3:clamp(1.1rem, 1.5vw, 1.3rem);--t-body-lg:1.125rem;--t-body:1rem;--t-small:.875rem;--t-label:.75rem;--t-micro:.6875rem;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-2xl:32px;--r-pill:999px;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--s9:6rem;--max-w:1380px;--gutter:clamp(1rem, 3.5vw, 2.5rem);--shell:min(var(--max-w), calc(100% - (var(--gutter) * 2)));--bar-h:38px;--head-h:76px;--shadow-sm:0 1px 3px #0d123a0d;--shadow-md:0 8px 24px #0d123a12;--shadow-lg:0 20px 48px #0d123a1a;--shadow-xl:0 32px 72px #0d123a24;--fast:.16s;--mid:.28s;--slow:.46s;--ease:cubic-bezier(.16, 1, .3, 1);--z-sticky:30;--z-head:60;--z-scrim:90;--z-drawer:100;--z-skip:200;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--plum:var(--brand-primary-deep);--plum-deep:var(--brand-dark);--plum-mid:var(--brand-primary);--plum-soft:var(--brand-primary-light);--teal:var(--brand-primary);--teal-ink:var(--brand-primary);--teal-deep:var(--brand-primary-deep);--on-teal:#fff;--teal-soft:var(--brand-primary-light);--amber:var(--accent-amber);--amber-ink:var(--accent-amber-ink);--amber-soft:var(--accent-amber-soft);--paper:var(--bg);--on-plum:#fff;--on-plum-2:var(--ink-inverse-muted);--plum-rule:var(--brand-dark-border);--r-1:var(--r-xs);--r-2:var(--r-sm);--r-3:var(--r-lg);--lift:var(--shadow-md);--lift-lg:var(--shadow-xl)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body{background-color:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6;overflow-x:clip}img,picture,svg,video{max-width:100%;display:block}img{background:var(--surface-2);height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:var(--r-xs)}main:focus,main:focus-visible{outline:none}::selection{background:var(--brand-primary-soft);color:var(--brand-primary-deep)}h1,h2,h3,h4,h5,h6{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;font-weight:800;line-height:1.1}.hero-title{font-size:var(--t-hero);letter-spacing:-.03em;font-weight:800;line-height:.98}.display{font-size:var(--t-display);letter-spacing:-.025em;font-weight:800;line-height:1.03}.h1{font-size:var(--t-h1);letter-spacing:-.025em;font-weight:800}.h2{font-size:var(--t-h2);letter-spacing:-.02em;font-weight:800}.h3{font-size:var(--t-h3);letter-spacing:-.01em;font-weight:700}.lede{color:var(--ink-muted);text-wrap:pretty;max-width:58ch;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.65}.prose{color:var(--ink-muted);text-wrap:pretty;max-width:68ch;line-height:1.7}.prose p+p{margin-top:var(--s4)}.figure,.price,.count{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.label{font-family:var(--sans);font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);font-weight:700}.label-micro{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);font-weight:700}.muted{color:var(--ink-muted)}.btn{transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), background var(--fast) var(--ease), border-color var(--fast) var(--ease), opacity var(--fast) var(--ease)}.img-hover{transition:transform var(--slow) var(--ease)}.img-hover:hover{transform:scale(1.035)}.shell{width:var(--shell);margin-inline:auto}.shell-narrow{width:min(880px, calc(100% - (var(--gutter) * 2)));margin-inline:auto}.section{padding-block:clamp(var(--s7), 7vw, var(--s9))}.section-tight{padding-block:clamp(var(--s5), 5vw, var(--s7))}.stack{gap:var(--s3);display:grid}.stack-lg{gap:var(--s6);display:grid}.row{align-items:center;gap:var(--s3);display:flex}.row-wrap{flex-wrap:wrap}.push{margin-left:auto}.rule{background:var(--line);border:0;height:1px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--s3);left:var(--s3);z-index:var(--z-skip);padding:var(--s3) var(--s4);background:var(--brand-primary);color:#fff;border-radius:var(--r-sm);transition:transform var(--fast) var(--ease);font-weight:600;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.grid{gap:var(--s5) var(--s4);display:grid}.grid-products{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (width<=640px){.grid-products{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){.grid-products{grid-template-columns:1fr}}.reveal-ready .reveal{opacity:0;transform:translateY(18px)}.reveal-ready .reveal.is-in{opacity:1;transition:opacity var(--slow) var(--ease) var(--reveal-delay,0s), transform var(--slow) var(--ease) var(--reveal-delay,0s);transform:none}@media (prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1;transform:none}}.btn{--btn-bg:var(--surface-2);--btn-ink:var(--ink);--btn-border:transparent;justify-content:center;align-items:center;gap:var(--s2);padding:.6875rem var(--s5);background:var(--btn-bg);min-height:46px;color:var(--btn-ink);border:1px solid var(--btn-border);border-radius:var(--r-pill);font-family:var(--sans);font-size:var(--t-small);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease);font-weight:600;display:inline-flex}.btn:hover{--btn-bg:var(--surface-3)}.btn:active{transform:scale(.97)}.btn svg{stroke-width:2px;flex:none;width:17px;height:17px}.btn-primary{--btn-bg:var(--ink);--btn-ink:#fff;--btn-border:var(--ink)}.btn-primary:hover{--btn-bg:var(--brand-dark-surface);--btn-border:var(--brand-dark-surface);color:#fff}.btn-whatsapp,.btn-mark{--btn-bg:var(--whatsapp);--btn-ink:#fff;--btn-border:var(--whatsapp);font-weight:600}.btn-whatsapp:hover,.btn-mark:hover{--btn-bg:var(--whatsapp-hover);--btn-border:var(--whatsapp-hover);color:#fff}.btn-secondary{--btn-bg:var(--surface);--btn-ink:var(--ink);--btn-border:var(--line-2)}.btn-secondary:hover{--btn-bg:var(--surface-2);--btn-border:var(--ink-faint)}.btn-accent{--btn-bg:var(--brand-primary);--btn-ink:#fff;--btn-border:var(--brand-primary)}.btn-accent:hover{--btn-bg:var(--brand-primary-hover);--btn-border:var(--brand-primary-hover)}.btn-quiet{--btn-bg:transparent;--btn-ink:var(--ink-muted);--btn-border:transparent;padding-inline:var(--s3)}.btn-quiet:hover{--btn-bg:var(--surface-2);--btn-ink:var(--ink);transform:none}.btn-sm{min-height:38px;padding:.4rem var(--s4);font-size:var(--t-label);border-radius:var(--r-pill)}.btn-sm svg{width:15px;height:15px}.btn-lg{min-height:54px;padding-inline:var(--s6);font-size:var(--t-body);border-radius:var(--r-pill)}.btn-lg svg{width:20px;height:20px}.btn-block{width:100%;display:flex}.btn[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed;box-shadow:none;transform:none}.icon-btn{width:44px;height:44px;color:var(--ink);background:var(--surface-2);transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease);border:1px solid #0000;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-3);color:var(--brand-primary)}.icon-btn svg{stroke-width:1.8px;width:20px;height:20px}.input,.textarea,.select{width:100%;padding:.75rem var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-height:48px;color:var(--ink);font-size:var(--t-body);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease), background var(--fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:hover,.textarea:hover,.select:hover{border-color:var(--line-2)}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft);background:#fff;outline:none}.textarea{resize:vertical;min-height:120px;line-height:1.6}.select{appearance:none;padding-right:var(--s7);cursor:pointer}.select-wrap{align-items:center;display:inline-flex;position:relative}.select-wrap svg{right:var(--s3);pointer-events:none;width:16px;height:16px;color:var(--ink-subtle);position:absolute}.field{gap:var(--s2);display:grid}.field-req{color:var(--danger)}.field-error{align-items:center;gap:var(--s2);font-size:var(--t-small);color:var(--danger);font-weight:500;display:flex}.field-error svg{flex:none;width:15px;height:15px}.field-help{font-size:var(--t-small);color:var(--ink-subtle);line-height:1.5}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.badge{border-radius:var(--r-pill);font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .65rem;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge-stock{background:var(--success-soft);color:#065f46}.badge-low{background:var(--accent-amber-soft);color:var(--accent-amber-ink)}.badge-out{background:var(--surface-3);color:var(--ink-subtle)}.badge-flag,.badge-featured{background:var(--brand-primary-light);color:var(--brand-primary);border:1px solid var(--brand-primary-soft)}.badge-flag:before,.badge-featured:before{display:none}.chip{align-items:center;gap:var(--s2);background:var(--surface);min-height:38px;color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--r-pill);font-family:var(--sans);font-size:var(--t-small);cursor:pointer;white-space:nowrap;transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);padding:.45rem .95rem;font-weight:600;display:inline-flex}.chip:hover{background:var(--surface-2);border-color:var(--line-2);color:var(--ink)}.chip[aria-pressed=true],.chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}.chip[aria-pressed=true] .count,.chip.is-on .count{color:#fff;background:#ffffff40}.chip .count{border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--t-micro);color:var(--ink-subtle);place-items:center;padding:1px 6px;display:inline-grid}.stepper{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;padding:3px;display:inline-flex}.stepper button{width:38px;height:38px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm);transition:background var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);border-radius:50%;place-items:center;display:grid}.stepper button:hover:not([disabled]){background:var(--brand-primary);color:#fff}.stepper button[disabled]{opacity:.35;cursor:not-allowed;box-shadow:none;background:0 0}.stepper button svg{stroke-width:2.2px;width:15px;height:15px}.stepper-value{text-align:center;min-width:3ch;font-family:var(--mono);font-size:var(--t-small);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.stepper-sm button{width:30px;height:30px}.stepper-sm button svg{width:13px;height:13px}.link{align-items:center;gap:var(--s2);font-family:var(--sans);font-size:var(--t-small);color:var(--brand-primary);transition:color var(--fast) var(--ease);font-weight:700;display:inline-flex}.link:hover{color:var(--brand-primary-hover)}.link svg{width:15px;height:15px;transition:transform var(--fast) var(--ease)}.link:hover svg{transform:translate(4px)}.loader{border:3px solid var(--surface-3);border-top-color:var(--brand-primary);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (pointer:coarse){.btn-sm{min-height:44px}.icon-btn{width:44px;height:44px}.chip{min-height:44px}.stepper button{width:42px;height:42px}}.utility{background:var(--brand-dark);color:var(--ink-inverse-muted);font-size:var(--t-micro)}.utility-inner{width:var(--shell);min-height:var(--bar-h);justify-content:space-between;align-items:center;gap:var(--s4);font-family:var(--sans);letter-spacing:.04em;margin-inline:auto;font-weight:600;display:flex}.utility-inner a{color:var(--ink-inverse);transition:color var(--fast) var(--ease);align-items:center;gap:6px;display:inline-flex}.utility-inner a:hover{color:var(--brand-primary)}.utility-note{align-items:center;gap:8px;display:inline-flex}.utility-note svg{width:14px;height:14px;color:var(--brand-primary)}.utility-badge{border-radius:var(--r-pill);border:1px solid var(--brand-dark-border);color:var(--ink-inverse);letter-spacing:.06em;text-transform:uppercase;background:0 0;align-items:center;gap:6px;padding:3px 10px;font-size:.65rem;display:inline-flex}@media (width<=860px){.utility-inner .utility-hide-sm,a.utility-hide-sm,span.utility-hide-sm{display:none}.utility-inner{justify-content:center;gap:var(--s4)}}.masthead{z-index:var(--z-head);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#ffffffd9;position:sticky;top:0}.masthead-inner{width:var(--shell);min-height:var(--head-h);align-items:center;gap:var(--s5);margin-inline:auto;display:flex}.brand{flex:none;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.head-search{flex:1;max-width:480px;position:relative}.head-search form{align-items:center;display:flex;position:relative}.head-search input{background:var(--surface-2);border-radius:var(--r-pill);width:100%;min-height:46px;font-family:var(--sans);font-size:var(--t-small);color:var(--ink);transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border:1px solid #0000;padding:.7rem 2.6rem .7rem 2.75rem}.head-search input:hover{background:var(--surface-3)}.head-search input:focus{background:var(--surface);border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-primary-light);outline:none}.head-search form>svg{width:17px;height:17px;color:var(--ink-subtle);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.head-search-clear{width:28px;height:28px;color:var(--ink-subtle);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.head-search-clear:hover{background:var(--surface-3);color:var(--ink)}.head-search-clear svg{width:14px;height:14px}.suggest{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);padding:var(--s2);z-index:100;animation:dropdown-in .18s var(--ease);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.suggest-item{align-items:center;gap:var(--s3);border-radius:var(--r-md);text-align:left;width:100%;transition:background var(--fast) var(--ease);padding:8px 10px;display:flex}.suggest-item:hover{background:var(--surface-2)}.suggest-item img{object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line);flex:none;width:44px;height:44px}.suggest-name{font-family:var(--display);font-size:var(--t-small);color:var(--ink);font-weight:600;line-height:1.3;display:block}.suggest-meta{font-size:var(--t-micro);color:var(--ink-subtle);margin-top:2px;display:block}.suggest-all{border-top:1px solid var(--line);width:100%;font-family:var(--display);font-size:var(--t-small);color:var(--brand-primary);cursor:pointer;border-radius:0 0 var(--r-md) var(--r-md);background:0 0;justify-content:space-between;align-items:center;margin-top:4px;padding:10px 12px;font-weight:700;display:flex}.suggest-all:hover{background:var(--brand-primary-light)}.head-actions{align-items:center;gap:var(--s2);flex:none;margin-left:auto;display:flex}.head-actions .btn-whatsapp{padding-inline:var(--s4)}.list-btn{background:var(--ink);min-height:44px;color:var(--ink-inverse);border-radius:var(--r-pill);font-family:var(--sans);font-size:var(--t-small);cursor:pointer;transition:background var(--fast) var(--ease), transform var(--fast) var(--ease);border:none;align-items:center;gap:10px;padding:.55rem 1rem .55rem .9rem;font-weight:600;display:inline-flex;position:relative}.list-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary)}.list-btn svg{stroke-width:2px;width:18px;height:18px}.list-count{background:var(--brand-primary);color:#fff;border-radius:var(--r-pill);min-width:22px;height:22px;font-family:var(--mono);font-variant-numeric:tabular-nums;border:2px solid var(--ink);transition:background var(--fast) var(--ease);place-items:center;padding-inline:6px;font-size:.7rem;font-weight:700;display:inline-grid}.list-btn:hover .list-count{background:var(--ink-inverse);color:var(--brand-primary);border-color:var(--ink-inverse)}.list-btn.is-bumped{animation:list-bump .36s var(--ease)}@keyframes list-bump{35%{transform:scale(1.1)}70%{transform:scale(.96)}}.menu-btn{display:none}@media (width<=980px){.menu-btn{display:inline-grid}.head-search{display:none}}.deptnav{border-bottom:1px solid var(--line);background:#fff}.deptnav-inner{width:var(--shell);align-items:center;gap:var(--s5);scrollbar-width:none;min-height:48px;margin-inline:auto;display:flex;overflow-x:auto}.deptnav-inner::-webkit-scrollbar{display:none}.deptnav a{font-family:var(--display);font-size:var(--t-small);color:var(--ink-muted);white-space:nowrap;transition:color var(--fast) var(--ease);align-items:center;padding:.75rem 0;font-weight:600;display:inline-flex;position:relative}.deptnav a:hover{color:var(--brand-primary)}.deptnav a.active{color:var(--brand-primary);font-weight:700}.deptnav a.active:after{content:"";background:var(--brand-primary);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1px;left:0;right:0}.deptnav-end{align-items:center;gap:var(--s5);padding-left:var(--s4);margin-left:auto;display:flex}.deptnav-end a{color:var(--ink-subtle);font-weight:500}@media (width<=1040px){.deptnav-end{display:none}}@media (width<=768px){.deptnav{display:none}}.scrim{z-index:var(--z-scrim);animation:fade-in var(--fast) var(--ease);background:#1713108c;border:0;width:100%;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{inset-block:0;z-index:var(--z-drawer);background:var(--surface);width:min(420px,92vw);box-shadow:var(--shadow-xl);animation:slide-in var(--mid) var(--ease);flex-direction:column;display:flex;position:fixed;right:0}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sheet-top{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);flex:none;display:flex}.sheet-body{overscroll-behavior:contain;padding-bottom:var(--s5);flex:1;overflow-y:auto}.sheet-foot{padding:var(--s5);border-top:1px solid var(--line);background:var(--surface-2);gap:var(--s3);flex:none;display:grid}.sheet-nav{padding:var(--s2) var(--s5);display:grid}.sheet-nav a{padding:var(--s4) 0;font-family:var(--display);color:var(--ink);border-bottom:1px solid var(--line);transition:color var(--fast) var(--ease);justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:600;display:flex}.sheet-nav a:last-child{border-bottom:0}.sheet-nav a:hover,.sheet-nav a.active{color:var(--brand-primary)}.sheet-nav a .code{font-family:var(--mono);font-size:var(--t-micro);color:var(--ink-subtle)}.sheet-search{padding:var(--s4) var(--s5) var(--s2)}.sheet-search .head-search{max-width:100%;display:block}.sheet-heading{padding:var(--s5) var(--s5) var(--s1)}.drawer-line{gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);grid-template-columns:74px minmax(0,1fr);align-items:center;display:grid}.drawer-line img{object-fit:cover;border-radius:var(--r-md);border:1px solid var(--line);width:74px;height:74px}.drawer-line-name{font-family:var(--display);font-size:var(--t-small);color:var(--ink);font-weight:600;line-height:1.35}.drawer-line-name a:hover{color:var(--brand-primary)}.drawer-line-meta{font-size:var(--t-micro);color:var(--ink-subtle);margin-top:2px}.drawer-line-foot{justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s3);display:flex}.drawer-remove{color:var(--danger);font-family:var(--display);font-size:var(--t-micro);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;margin-top:var(--s1);transition:opacity var(--fast) var(--ease);background:0 0;font-weight:600;display:inline-block}.drawer-remove:hover{opacity:.75}.drawer-total{justify-content:space-between;align-items:baseline;gap:var(--s4);padding-bottom:var(--s2);display:flex}.drawer-total .price{color:var(--brand-primary);font-size:1.5rem;font-weight:700}.drawer-empty{gap:var(--s3);text-align:center;padding:var(--s8) var(--s5);color:var(--ink-muted);justify-items:center;display:grid}.drawer-empty svg{width:48px;height:48px;color:var(--brand-primary);opacity:.8}.site-footer{background:var(--brand-dark);color:var(--ink-inverse-muted);margin-top:var(--s8);border-top:1px solid var(--brand-dark-border)}.footer-top{width:var(--shell);padding-block:var(--s8) var(--s7);gap:var(--s7) var(--s5);grid-template-columns:1.5fr repeat(3,minmax(0,1fr));margin-inline:auto;display:grid}@media (width<=980px){.footer-top{gap:var(--s6) var(--s4);grid-template-columns:1fr 1fr}}@media (width<=580px){.footer-top{grid-template-columns:1fr}}.footer-brand{gap:var(--s4);align-content:start;display:grid}.site-footer .brand-word{color:#fff}.site-footer .brand-sub{color:var(--accent-cyan)}.footer-brand p{font-size:var(--t-small);color:var(--ink-inverse-muted);max-width:38ch;line-height:1.65}.footer-col{align-content:start;gap:var(--s3);display:grid}.footer-col h2{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fff;padding-bottom:var(--s3);border-bottom:1px solid var(--brand-dark-border);margin-bottom:var(--s1);font-size:.8rem;font-weight:700}.footer-col a,.footer-col p{font-size:var(--t-small);color:var(--ink-inverse-muted);transition:color var(--fast) var(--ease)}.footer-col a:hover{color:#fff}.footer-hours{justify-content:space-between;gap:var(--s3);font-size:var(--t-small);display:flex}.footer-hours span:last-child{font-family:var(--mono);color:#fff}.footer-bottom{width:var(--shell);padding-block:var(--s5);border-top:1px solid var(--brand-dark-border);justify-content:space-between;align-items:center;gap:var(--s4);font-size:var(--t-micro);letter-spacing:.05em;color:var(--ink-subtle);flex-wrap:wrap;margin-inline:auto;display:flex}.footer-badges{align-items:center;gap:var(--s3);display:flex}.footer-badges span{color:var(--ink-inverse-muted);align-items:center;gap:5px;display:inline-flex}.card{background:var(--surface);border-radius:var(--r-lg);transition:transform var(--mid) var(--ease), box-shadow var(--mid) var(--ease);flex-direction:column;padding:10px;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-media{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface-2);display:block;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--slow) var(--ease)}.card:hover .card-media img{transform:scale(1.06)}.card-flags{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px}.card-body{flex-direction:column;flex:1;gap:8px;padding:14px 8px 8px;display:flex}.card-dept{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);font-weight:700}.card-name{font-family:var(--display);letter-spacing:-.005em;color:var(--ink);font-size:1.05rem;font-weight:600;line-height:1.3}.card-name a{color:inherit;transition:color var(--fast) var(--ease)}.card-name a:after{content:"";position:absolute;inset:0}.card-name a:hover{color:var(--brand-primary)}.card-foot{justify-content:space-between;align-items:baseline;gap:var(--s2);margin-top:auto;padding-top:8px;display:flex}.price{font-family:var(--mono);letter-spacing:-.02em;color:var(--ink);align-items:baseline;gap:.25em;font-size:1.15rem;font-weight:800;display:inline-flex}.price .cur{color:var(--brand-primary);font-size:.72em;font-weight:700}.price-lg{font-size:clamp(1.75rem,3.2vw,2.35rem)}.price-unit{font-family:var(--sans);font-size:var(--t-micro);color:var(--ink-subtle);letter-spacing:.02em;font-weight:600}.card-add{z-index:2;width:100%;margin-top:10px;position:relative}.card-added{background:var(--brand-primary-light);color:var(--brand-primary);border:1px solid var(--brand-primary-soft)}.card-added:hover{background:var(--brand-primary-soft);color:var(--brand-primary)}.crumbs{margin-bottom:var(--s5);font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.crumbs a{color:var(--ink-subtle);transition:color var(--fast) var(--ease)}.crumbs a:hover{color:var(--brand-primary)}.crumbs svg{width:12px;height:12px;color:var(--line-2)}.crumbs [aria-current=page]{color:var(--ink);font-weight:700}.catalogue{gap:clamp(var(--s5), 4vw, var(--s7));grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}@media (width<=990px){.catalogue{grid-template-columns:minmax(0,1fr)}}.rail{top:calc(var(--head-h) + var(--s4));gap:var(--s5);padding:var(--s5);background:var(--surface-2);border-radius:var(--r-lg);display:grid;position:sticky}@media (width<=990px){.rail{display:none}}.rail-group{gap:6px;display:grid}.rail-group h3{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);padding-bottom:var(--s2);margin-bottom:var(--s2);border-bottom:1px solid var(--line);font-weight:700}.rail-opt{justify-content:space-between;align-items:center;gap:var(--s2);width:100%;font-family:var(--sans);font-size:var(--t-small);color:var(--ink-muted);text-align:left;cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;padding:8px 12px;font-weight:600;display:flex}.rail-opt:hover{background:var(--surface-2);color:var(--brand-primary)}.rail-opt[aria-pressed=true]{background:var(--brand-primary-light);color:var(--brand-primary);font-weight:700}.rail-opt .count{font-size:var(--t-micro);color:var(--ink-subtle)}.rail-opt[aria-pressed=true] .count{color:var(--brand-primary);font-weight:700}.toolbar{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) 0 var(--s4);margin-bottom:var(--s5);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.toolbar-count{font-size:var(--t-small);color:var(--ink-muted)}.toolbar-count strong{font-family:var(--mono);color:var(--ink);font-weight:700}.toolbar-end{align-items:center;gap:var(--s3);margin-left:auto;display:flex}.filter-strip{gap:var(--s2);scrollbar-width:none;padding-bottom:var(--s3);margin-bottom:var(--s4);display:flex;overflow-x:auto}.filter-strip::-webkit-scrollbar{display:none}@media (width>=991px){.filter-strip{display:none}}.state{justify-items:center;gap:var(--s4);text-align:center;padding:clamp(var(--s7), 8vw, var(--s9)) var(--s5);background:var(--surface-2);border-radius:var(--r-xl);display:grid}.state>svg{width:52px;height:52px;color:var(--brand-primary);opacity:.8;stroke-width:1.5px}.state p{color:var(--ink-muted);max-width:48ch;line-height:1.6}.state-actions{gap:var(--s3);margin-top:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.card-skeleton{gap:var(--s3);border-radius:var(--r-lg);background:var(--surface);padding:10px;display:grid}.card-skeleton .sk-media{aspect-ratio:1;border-radius:var(--r-md)}.card-skeleton .sk-line{height:14px}.detail{gap:clamp(var(--s5), 5vw, var(--s8));grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;display:grid}@media (width<=940px){.detail{grid-template-columns:minmax(0,1fr)}}.detail-media{top:calc(var(--head-h) + var(--s5));gap:var(--s4);display:grid;position:sticky}@media (width<=940px){.detail-media{position:static}}.detail-figure{aspect-ratio:1;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.detail-figure img{object-fit:cover;width:100%;height:100%}.detail-body{gap:var(--s6);display:grid}.detail-eyebrow{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.detail-title{margin-top:var(--s2)}.price-row{align-items:baseline;gap:var(--s3);padding-bottom:var(--s5);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.order-panel{gap:var(--s5);padding:var(--s6);background:var(--surface-2);border-radius:var(--r-xl);display:grid}.order-row{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.order-row .stepper{flex:none}.order-row .btn{flex:1;min-width:200px}.order-subtotal{justify-content:space-between;align-items:baseline;gap:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);display:flex}.order-note{align-items:flex-start;gap:var(--s3);font-size:var(--t-small);color:var(--ink-muted);line-height:1.5;display:flex}.order-note svg{width:18px;height:18px;color:var(--brand-primary);flex:none;margin-top:2px}.facts{gap:var(--s3);display:grid}.facts li{align-items:flex-start;gap:var(--s3);font-size:var(--t-small);color:var(--ink-muted);line-height:1.5;display:flex}.facts svg{width:18px;height:18px;color:var(--brand-primary);stroke-width:2px;flex:none;margin-top:2px}.facts strong{color:var(--ink);font-weight:700}.spec th,.spec td{padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:var(--t-small)}.spec th{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);text-align:left;font-weight:700}.spec td{text-align:right;color:var(--ink);font-weight:600}.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}.order-bar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--gutter);background:var(--surface);display:none;position:sticky;bottom:0;box-shadow:0 -8px 24px #14130f14}.order-bar .btn{flex:1}@media (width<=940px){.order-bar{display:flex}}.page-head{background:var(--surface);border-bottom:1px solid var(--line)}.page-head-inner{width:var(--shell);padding-block:clamp(var(--s6), 5vw, var(--s8));justify-content:space-between;align-items:flex-end;gap:var(--s6);margin-inline:auto;display:flex}.page-head-inner>div:first-child{flex:1}.page-head .lede{margin-top:var(--s3)}.head-stats{gap:var(--s6);flex:none;display:flex}.head-stats dt{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);font-weight:700}.head-stats dd{font-family:var(--mono);color:var(--brand-primary);margin-top:2px;font-size:1.8rem;font-weight:800}@media (width<=768px){.page-head-inner{align-items:stretch;gap:var(--s5);flex-direction:column}}.dept-head{background:var(--surface);border-bottom:1px solid var(--line)}.dept-head-inner{width:var(--shell);padding-block:clamp(var(--s6), 5vw, var(--s8));gap:var(--s7);grid-template-columns:minmax(0,1fr) 380px;align-items:center;margin-inline:auto;display:grid}.dept-head figure{aspect-ratio:16/10;border-radius:var(--r-xl);overflow:hidden}.dept-head figure img{object-fit:cover;width:100%;height:100%}@media (width<=900px){.dept-head-inner{gap:var(--s5);grid-template-columns:minmax(0,1fr)}.dept-head figure{aspect-ratio:21/9}}.hero-section{background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);align-items:center;gap:clamp(32px,5vw,64px);width:100%;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(24px,5vw,64px);display:grid;position:relative}.hero-copy{z-index:2;max-width:560px;position:relative}.hero-eyebrow{border-radius:var(--r-pill);background:var(--brand-primary-light);font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary-hover);margin-bottom:var(--s5);align-items:center;gap:8px;padding:6px 14px;font-weight:700;display:inline-flex}.hero-eyebrow svg{width:13px;height:13px}.hero-copy h1{font-family:var(--display);font-size:var(--t-hero);letter-spacing:-.03em;color:var(--ink);font-weight:800;line-height:.98}.hero-copy h1 span.highlight{color:var(--brand-primary)}.hero-copy>p{margin-top:var(--s4);font-family:var(--sans);color:var(--ink-muted);max-width:48ch;font-size:clamp(1.05rem,1.3vw,1.15rem);line-height:1.6}.hero-actions{align-items:center;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;display:flex}.hero-facts{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--line);font-size:var(--t-small);color:var(--ink-subtle);line-height:1.7}.fact-list{gap:var(--s6);grid-template-columns:repeat(4,1fr);display:grid}.fact-list>div{padding-top:var(--s4);border-top:2px solid var(--ink)}.fact-list h3{font-size:1rem}.fact-list p{margin-top:var(--s2);font-size:var(--t-small);color:var(--ink-muted);line-height:1.55}@media (width<=900px){.fact-list{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.fact-list{grid-template-columns:1fr}}.hero-visual{z-index:2;border-radius:var(--r-2xl);aspect-ratio:4/5;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero-visual img{object-fit:cover;width:100%;height:100%}@media (width<=1040px){.hero-section{grid-template-columns:1fr}.hero-visual{aspect-ratio:4/3;width:100%;max-width:420px;margin:0 auto}}@media (width<=580px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}}.categories-section{width:min(1380px,100% - 32px);margin:var(--s8) auto 0}.categories-header{max-width:680px;margin-bottom:var(--s6)}.categories-header p{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-primary);font-weight:700}.categories-header h2{font-size:var(--t-h1);margin-top:4px}.categories-grid{gap:var(--s5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=980px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.categories-grid{grid-template-columns:1fr}}.category-card{background:var(--surface-2);border-radius:var(--r-xl);transition:transform var(--mid) var(--ease), box-shadow var(--mid) var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.category-card-media{aspect-ratio:16/10;background:var(--surface-3);overflow:hidden}.category-card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--slow) var(--ease)}.category-card:hover .category-card-media img{transform:scale(1.06)}.category-card-content{padding:var(--s5);flex-direction:column;flex:1;display:flex}.category-card-content h3{font-family:var(--display);color:var(--ink);font-size:1.25rem;font-weight:600}.category-card-content p{font-size:var(--t-small);color:var(--ink-muted);flex:1;margin-top:6px;line-height:1.5}.category-card-link{margin-top:var(--s4);font-family:var(--sans);font-size:var(--t-small);color:var(--brand-primary);align-items:center;gap:6px;font-weight:700;display:inline-flex}.category-card-link svg{width:16px;height:16px;transition:transform var(--fast) var(--ease)}.category-card:hover .category-card-link svg{transform:translate(4px)}.closing-banner{width:min(1380px,100% - 32px);margin:var(--s9) auto var(--s6);background:var(--brand-primary);color:var(--ink-inverse);border-radius:var(--r-2xl);justify-content:space-between;align-items:center;gap:var(--s6);flex-wrap:wrap;padding:clamp(48px,6vw,80px) clamp(24px,5vw,64px);display:flex}.closing-banner-copy{max-width:640px}.closing-banner-copy p.eyebrow{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-inverse);opacity:.75;font-weight:700}.closing-banner-copy h2{font-family:var(--display);font-size:var(--t-h1);color:var(--ink-inverse);margin-top:4px;font-weight:600}.closing-banner-copy p.sub{font-family:var(--sans);font-size:var(--t-body);color:var(--ink-inverse);opacity:.9;margin-top:var(--s3);line-height:1.6}.closing-banner-actions{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.closing-banner-actions .btn-primary{background:var(--ink);color:var(--ink-inverse);border:1px solid var(--ink);font-weight:700}.closing-banner-actions .btn-primary:hover{background:var(--brand-dark-surface)}.orderlist{gap:clamp(var(--s5), 4vw, var(--s7));grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}@media (width<=940px){.orderlist{grid-template-columns:minmax(0,1fr)}}.orderlist-line{gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;display:grid}.orderlist-line img{object-fit:cover;border-radius:var(--r-md);border:1px solid var(--line);width:96px;height:96px}.orderlist-line h3{font-size:1.05rem;font-weight:700}.orderlist-line h3 a:hover{color:var(--brand-primary)}.orderlist-line-meta{align-items:center;gap:var(--s3);flex-wrap:wrap;margin-top:4px;display:flex}.orderlist-line-end{justify-items:end;gap:var(--s3);display:grid}.summary{top:calc(var(--head-h) + var(--s5));gap:var(--s4);padding:var(--s6);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:var(--r-xl);display:grid;position:sticky}.summary-row{justify-content:space-between;align-items:baseline;gap:var(--s4);font-size:var(--t-small);color:var(--ink-muted);display:flex}.summary-total{justify-content:space-between;align-items:baseline;gap:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);display:flex}.summary-total .price{color:var(--brand-primary);font-size:1.6rem}.split{gap:clamp(var(--s5), 5vw, var(--s8));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}@media (width<=860px){.split{grid-template-columns:minmax(0,1fr)}}.split-figure{aspect-ratio:4/3;border-radius:var(--r-xl);overflow:hidden}.split-figure img{object-fit:cover;width:100%;height:100%}.value{gap:var(--s3);padding:var(--s5);background:var(--surface-2);border-radius:var(--r-lg);display:grid}.value svg{width:28px;height:28px;color:var(--brand-primary)}.value h3{font-family:var(--display);font-size:1.2rem;font-weight:700}.value p{font-size:var(--t-small);color:var(--ink-muted);line-height:1.6}.contact{gap:clamp(var(--s5), 5vw, var(--s8));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}@media (width<=860px){.contact{grid-template-columns:minmax(0,1fr)}}.directory{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);display:grid;overflow:hidden}.directory-row{gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);font-size:var(--t-small);grid-template-columns:110px minmax(0,1fr);display:grid}.directory-row:last-child{border-bottom:0}.directory-row span{font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);font-weight:700}.directory-row a{color:var(--brand-primary);font-weight:600}.directory-row a:hover{text-decoration:underline}.hours-row{padding:var(--s2) 0;font-size:var(--t-small);color:var(--ink-muted);border-bottom:1px solid var(--line);justify-content:space-between;display:flex}.form-panel{padding:var(--s6);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.form-body{gap:var(--s4);margin:var(--s5) 0 var(--s6);display:grid}.form-grid-2{gap:var(--s4);grid-template-columns:1fr 1fr;display:grid}@media (width<=540px){.form-grid-2{grid-template-columns:1fr}}.form-foot{justify-content:space-between;align-items:center;gap:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.form-foot p{font-size:var(--t-small);color:var(--ink-subtle);max-width:32ch}.faq-layout{gap:clamp(var(--s5), 4vw, var(--s7));grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}@media (width<=860px){.faq-layout{grid-template-columns:minmax(0,1fr)}}.faq-index{top:calc(var(--head-h) + var(--s5));gap:var(--s2);padding:var(--s5);background:var(--surface-2);border-radius:var(--r-lg);display:grid;position:sticky}@media (width<=860px){.faq-index{display:none}}.faq-index a{border-radius:var(--r-sm);font-family:var(--sans);font-size:var(--t-small);color:var(--ink-muted);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:600;display:flex}.faq-index a:hover{background:var(--brand-primary-light);color:var(--brand-primary)}.faq-index a svg{width:14px;height:14px}.faq-group+.faq-group{margin-top:var(--s7)}.faq-group>h2{font-family:var(--display);font-weight:600;font-size:var(--t-h2);padding-bottom:var(--s3);margin-bottom:var(--s3);border-bottom:2px solid var(--ink);color:var(--ink)}.qa{background:var(--surface-2);border-radius:var(--r-lg);margin-bottom:10px}.qa-trigger{align-items:center;gap:var(--s4);width:100%;padding:var(--s4) var(--s5);text-align:left;font-family:var(--display);color:var(--ink);transition:color var(--fast) var(--ease);font-size:1.1rem;font-weight:600;display:flex}.qa-trigger:hover{color:var(--brand-primary)}.qa-code{font-family:var(--mono);font-size:var(--t-micro);color:var(--brand-primary);font-weight:700}.qa-sign{transition:transform var(--fast) var(--ease);margin-left:auto}.qa-trigger[aria-expanded=true] .qa-sign{transform:rotate(45deg)}.qa-panel{padding:0 var(--s5) var(--s5);color:var(--ink-muted);font-size:var(--t-small);line-height:1.65;display:none}.qa-panel.is-open{display:block}.notfound{text-align:center;padding-block:clamp(var(--s8), 10vw, var(--s9));justify-items:center;gap:var(--s4);display:grid}.notfound .code{font-family:var(--mono);color:var(--brand-primary);font-size:clamp(4rem,10vw,7rem);font-weight:900;line-height:1}.artwork-drop{border:1.5px dashed var(--line-2);border-radius:var(--r-md);background:var(--surface-2);min-height:118px;color:var(--ink);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:22px;transition:border-color .2s,background .2s;display:flex}.artwork-drop:hover{border-color:var(--brand-primary);background:var(--brand-primary-light)}.artwork-drop span{font-family:var(--sans);font-weight:700}.artwork-drop small{color:var(--ink-subtle);font-size:.78rem}.corporate-section{border-radius:var(--r-2xl);background:var(--ink);width:min(1400px,100% - 32px);color:var(--ink-inverse);grid-template-columns:minmax(0,.8fr) minmax(420px,1fr);gap:clamp(40px,7vw,100px);margin:20px auto 110px;padding:clamp(48px,6vw,88px);display:grid;position:relative;overflow:hidden}.corporate-copy{align-self:center}.corporate-copy .eyebrow{font-family:var(--sans);font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-primary);font-weight:700}.corporate-copy h2{max-width:600px;font:600 clamp(2.4rem, 4.4vw, 4rem)/1.02 var(--display);letter-spacing:-.01em;color:var(--ink-inverse);margin:12px 0 20px}.corporate-copy>p:not(.eyebrow){max-width:560px;color:var(--ink-inverse-muted);font-size:1.05rem;line-height:1.7}.corporate-copy .btn{margin-top:30px}.corporate-capabilities{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.corporate-capabilities>div{background:var(--brand-dark-surface);border-radius:var(--r-md);grid-template-columns:30px 1fr;align-items:center;gap:10px;min-height:74px;padding:14px 16px;transition:background .2s;display:grid}.corporate-capabilities>div:hover{background:#2b2a24}.corporate-capabilities span{font-family:var(--mono);color:var(--brand-primary);font-size:.7rem;font-weight:800}.corporate-capabilities strong{font-family:var(--sans);color:var(--ink-inverse);font-size:.9rem;font-weight:600}.corporate-capabilities svg{width:16px;color:var(--brand-primary)}@media (width<=900px){.corporate-section,.corporate-capabilities{grid-template-columns:1fr}}.vikipat-logo{object-fit:contain;background:0 0;width:auto;height:42px;display:block}.site-footer .vikipat-logo{filter:none;background:0 0}.footer-logo-panel{justify-self:start;display:inline-flex}.footer-logo-panel .brand{filter:invert()brightness(1.6);line-height:0}.tracking-shell{width:var(--shell);padding:clamp(var(--s7), 7vw, var(--s9)) 0;gap:clamp(var(--s7), 8vw, 7rem);grid-template-columns:minmax(0,.78fr) minmax(20rem,1fr);align-items:start;min-height:42rem;margin-inline:auto;display:grid}.tracking-intro{top:calc(var(--head-h) + var(--s6));padding-top:var(--s4);position:sticky}.tracking-mark{border-radius:var(--r-lg);background:var(--ink);width:4.5rem;height:4.5rem;color:var(--brand-primary);margin-bottom:var(--s6);place-items:center;display:grid}.tracking-mark svg{width:2rem}.tracking-kicker,.tracking-overline{font-family:var(--sans);font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:var(--s2);font-weight:800}.tracking-intro h1{font-family:var(--display);letter-spacing:-.01em;overflow-wrap:anywhere;min-width:0;max-width:10ch;font-size:clamp(2.35rem,5vw,4.2rem);font-weight:600;line-height:1}.tracking-intro>p:not(.tracking-kicker){margin-top:var(--s5);font-family:var(--sans);font-size:var(--t-body-lg);color:var(--ink-muted);max-width:34rem}.tracking-trust{gap:var(--s3);margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line);font-size:var(--t-small);color:var(--ink-muted);align-items:center;display:flex}.tracking-trust svg{width:1.25rem;color:var(--success);flex:none}.tracking-panel{background:var(--surface);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.tracking-steps{padding:var(--s5) var(--s6);background:var(--ink);align-items:center;display:flex}.tracking-steps span{width:2rem;height:2rem;font:700 var(--t-small)/1 var(--sans);border:1px solid var(--brand-dark-border);color:var(--ink-inverse-muted);background:0 0;border-radius:50%;place-items:center;display:grid}.tracking-steps span.is-current{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--ink-inverse)}.tracking-steps span.is-done{border-color:var(--success);color:var(--success);background:0 0}.tracking-steps i{background:var(--brand-dark-border);flex:1;height:1px}.tracking-stage{padding:clamp(var(--s5), 5vw, var(--s7));animation:tracking-enter var(--mid) var(--ease) both}.tracking-form{gap:var(--s5);display:grid}.tracking-form h2,.order-view h2{font-family:var(--display);font-weight:600;font-size:var(--t-h2)}.tracking-form>div>p:last-child,.order-view-head p:last-child{color:var(--ink-muted);margin-top:var(--s2)}.tracking-form label{font-family:var(--sans);font-size:var(--t-small);color:var(--ink);gap:var(--s2);font-weight:700;display:grid}.tracking-input{position:relative}.tracking-input svg{width:1.15rem;left:var(--s4);color:var(--ink-subtle);position:absolute;top:50%;transform:translateY(-50%)}.tracking-input input,.otp-input{border:1.5px solid var(--line);border-radius:var(--r-md);outline-offset:1px;background:var(--surface-2);width:100%;min-height:3.5rem;padding:0 var(--s4) 0 3rem;font-family:var(--sans);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);outline:2px solid #0000}.tracking-input input:hover,.otp-input:hover{border-color:var(--ink-faint)}.tracking-input input:focus-visible,.otp-input:focus-visible{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-primary-light);outline:none}.otp-input{text-align:center;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.35em;padding:0;font-size:2rem;font-weight:800}.tracking-submit{border-radius:var(--r-pill);background:var(--ink);min-height:3.5rem;color:var(--ink-inverse);justify-content:center;align-items:center;gap:var(--s2);font-family:var(--sans);white-space:nowrap;transition:transform var(--fast) var(--ease), background var(--fast) var(--ease), opacity var(--fast) var(--ease);font-weight:700;display:flex}.tracking-submit:hover:not(:disabled){background:var(--brand-dark-surface)}.tracking-submit:active:not(:disabled){transform:scale(.97)}.tracking-submit:disabled{opacity:.55;cursor:not-allowed}.tracking-submit svg,.tracking-link svg{width:1.1rem}.tracking-link{justify-content:center;align-items:center;gap:var(--s2);min-height:2.75rem;color:var(--brand-primary);font-family:var(--sans);white-space:nowrap;font-weight:700;display:flex}.tracking-link:hover{color:var(--brand-primary-hover)}.tracking-link:active{transform:scale(.97)}.tracking-error,.tracking-notice{padding:var(--s3) var(--s4);border-radius:var(--r-md);font-family:var(--sans);font-size:var(--t-small);min-height:1lh}.tracking-error{background:var(--danger-soft);color:var(--danger)}.tracking-notice{background:var(--brand-primary-light);color:var(--brand-primary-hover)}.tracking-code-icon{border-radius:var(--r-lg);background:var(--brand-primary-light);width:3.5rem;height:3.5rem;color:var(--brand-primary);place-items:center;display:grid}.order-view-head{justify-content:space-between;gap:var(--s5);align-items:start;display:flex}.order-status{align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-radius:var(--r-pill);background:var(--success-soft);color:var(--success);font-family:var(--sans);font-size:var(--t-small);white-space:nowrap;font-weight:700;display:inline-flex}.order-status svg{width:1rem}.order-facts{margin:var(--s6) 0;border-radius:var(--r-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.order-facts div{padding:var(--s4);background:var(--surface-2)}.order-facts div+div{border-left:1px solid var(--line)}.order-facts dt{font-family:var(--sans);font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-subtle);font-weight:800}.order-facts dd{margin-top:var(--s1);font-family:var(--mono);font-variant-numeric:tabular-nums;text-transform:capitalize;font-weight:800}.order-items h3,.order-timeline h3{font-family:var(--display);font-weight:600;font-size:var(--t-h3);margin-bottom:var(--s3)}.order-item{justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;border-top:1px dashed var(--line-2);display:flex}.order-item span{color:var(--ink-subtle);font-size:var(--t-small);margin-top:var(--s1);display:block}.order-timeline{margin-top:var(--s6)}.timeline-event{gap:var(--s3);padding-bottom:var(--s5);grid-template-columns:2rem minmax(0,1fr);display:grid;position:relative}.timeline-event>span{background:var(--brand-primary);width:2rem;height:2rem;color:var(--ink-inverse);z-index:1;border-radius:50%;place-items:center;display:grid}.timeline-event>span svg{width:1rem}.timeline-event:not(:last-child):before{content:"";background:var(--line-2);width:1px;position:absolute;top:2rem;bottom:0;left:1rem}.timeline-event p{color:var(--ink-muted);font-size:var(--t-small);margin-top:var(--s1)}.timeline-event time{align-items:center;gap:var(--s1);color:var(--ink-subtle);font-size:var(--t-micro);margin-top:var(--s2);display:flex}.timeline-event time svg{width:.8rem}@keyframes tracking-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media (width<=900px){.tracking-shell{gap:var(--s6);grid-template-columns:minmax(0,1fr)}.tracking-intro{position:static}.tracking-intro h1{max-width:14ch}.tracking-panel{width:100%;max-width:42rem}}@media (width<=560px){.tracking-shell{width:calc(100% - 2rem);padding:var(--s6) 0}.tracking-stage{padding:var(--s5)}.tracking-steps{padding:var(--s4) var(--s5)}.order-view-head{display:block}.order-status{margin-top:var(--s3)}.order-facts{grid-template-columns:minmax(0,1fr)}.order-facts div+div{border-left:0;border-top:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){.tracking-stage{animation:.12s linear both tracking-fade}.tracking-submit,.tracking-link{transition:opacity .12s linear}.tracking-submit:hover:not(:disabled),.tracking-link:active{transform:none}}@keyframes tracking-fade{0%{opacity:0}to{opacity:1}}
