:root{--ink:#111;--paper:#fff;--soft:#f0f0f0;--line:#e6e6e6;--muted:#666}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #111;outline-offset:5px}svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;align-items:center;line-height:1}.brand small{font-size:12px;font-weight:700;letter-spacing:6px;margin:0 -6px 3px 0}.brand strong{font-size:64px;font-weight:900;letter-spacing:-4px;transform:scaleX(1.25);line-height:.85}.header-brand{position:absolute;left:50%;transform:translateX(-50%)}.header-actions{display:flex;gap:22px;align-items:center}.icon-button{padding:5px;position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.count{position:absolute;top:-3px;right:-5px;background:#111;color:#fff;border-radius:50%;font-size:10px;width:18px;height:18px;display:grid;place-items:center}.count:empty{display:none}.hero{height:315px;position:relative;display:grid;place-items:center;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{position:relative;color:#fff;text-align:center;text-shadow:0 1px 16px #0005}.hero .brand small{font-size:17px;letter-spacing:8px;margin-bottom:8px}.hero .brand strong{font-size:84px;letter-spacing:-5px}.hero h1{font-size:15px;font-weight:500;letter-spacing:4px;margin:24px 0 0}.categories{display:flex;justify-content:space-between;gap:20px;padding:24px 4% 24px;max-width:1400px;margin:auto;overflow-x:auto;scrollbar-width:none}.category{flex:1;min-width:95px;display:flex;align-items:center;flex-direction:column;gap:16px}.category span{width:96px;height:96px;background:var(--soft);border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}.category svg{height:48px;width:48px;stroke-width:1.25}.category b{font-size:12px;letter-spacing:1.7px;font-weight:600}.category.active span,.category:hover span{background:#111;color:#fff}.catalog{max-width:1400px;margin:auto;padding:18px 38px 60px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.section-heading h2{font-size:20px;letter-spacing:5px;font-weight:700;margin:0}.text-button{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;padding:10px 0}.text-button svg{width:18px;height:18px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 23px}.product{min-width:0}.product-photo{width:100%;aspect-ratio:.9;background-image:url('../images/dey-products.png');background-size:400% 200%;background-position:var(--x) var(--y);position:relative;border-radius:2px;display:block;overflow:hidden;transition:filter .2s}.product-photo:hover{filter:brightness(.95)}.badge{position:absolute;top:11px;left:11px;background:#111;color:#fff;font-size:10px;letter-spacing:2px;padding:7px 12px}.favorite{position:absolute;right:9px;top:9px;width:33px;height:33px;background:#fffe;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s}.favorite svg{width:20px;height:20px}.product:hover .favorite,.favorite.saved,.favorite:focus-visible{opacity:1}.favorite.saved svg{fill:#111}.product-name{font-size:12px;letter-spacing:1.3px;font-weight:600;margin:16px 0 5px;display:block;line-height:1.4}.product-bottom{display:flex;align-items:center;justify-content:space-between}.price{font-size:17px;font-weight:600;letter-spacing:.3px}.product-bottom svg{width:23px;height:23px}.bottom-nav{height:96px;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(12px);display:flex;justify-content:space-around;border-top:1px solid var(--line);z-index:25;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a,.bottom-nav button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:10px;position:relative;font-size:11px;letter-spacing:2px}.bottom-nav svg{width:27px;height:27px}.bottom-nav .active:after{content:'';width:60px;height:3px;background:#111;position:absolute;bottom:13px}.bottom-nav .active .home-icon{fill:#111}footer{padding:28px 38px 130px;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.search-area{padding:20px 38px;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:center}.search-area input{width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;padding:12px;font-size:16px}.empty{grid-column:1/-1;padding:65px 10px;text-align:center;color:#666}.shade{position:fixed;inset:0;background:#0006;z-index:50}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);background:#fff;z-index:51;padding:28px;overflow-y:auto;box-shadow:-8px 0 30px #0001}.drawer.menu{right:auto;left:0;width:min(350px,100%)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.drawer-head h2{font-size:20px;letter-spacing:2px;margin:0}.drawer.menu a,.drawer.menu .menu-filter{display:block;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:18px 0;font-size:14px;letter-spacing:2px}.detail-photo{aspect-ratio:.9;background-image:url('../images/dey-products.png');background-size:400% 200%;background-position:var(--x) var(--y)}.detail h3{font-size:19px;letter-spacing:1px}.detail label{display:block;margin:24px 0 10px;font-size:13px}.detail select{width:100%;padding:13px;border:1px solid #aaa;background:#fff}.primary{background:#111;color:#fff;padding:16px 20px;width:100%;font-size:12px;letter-spacing:1.5px;margin-top:20px;display:block;text-align:center}.primary:hover{background:#333}.secondary{border:1px solid #111;padding:15px;width:100%;font-size:12px;letter-spacing:1px;margin-top:12px}.muted{font-size:13px;color:#666;line-height:1.7}.cart-row{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-photo{aspect-ratio:.9;background-image:url('../images/dey-products.png');background-size:400% 200%;background-position:var(--x) var(--y)}.cart-row h3{font-size:12px;letter-spacing:1px;margin:0 0 8px}.qty{display:flex;align-items:center;gap:12px;margin-top:12px}.qty button{border:1px solid #ddd;width:29px;height:29px}.remove{font-size:11px;text-decoration:underline;margin-left:auto}.total{display:flex;justify-content:space-between;padding:24px 0;font-weight:700}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:14px 24px;z-index:70;font-size:13px;box-shadow:0 4px 20px #0002;max-width:90vw;text-align:center}.page-content{max-width:900px;margin:50px auto;min-height:55vh;padding:0 25px}.page-content h1{font-size:26px;letter-spacing:3px}.demo-note{border-left:2px solid #111;padding:12px 18px;font-size:13px;line-height:1.7;color:#555}.page-cart .cart-row{grid-template-columns:110px 1fr}.page-cart .primary{max-width:350px}.hidden,[hidden]{display:none!important}@media(min-width:1500px){.hero{height:390px}}@media(max-width:700px){header{height:78px;padding:0 15px}.brand small{font-size:8px;letter-spacing:4px}.brand strong{font-size:43px}.header-actions{gap:7px}.icon-button{min-width:33px;min-height:36px;padding:4px}header svg{width:25px;height:25px}.hero{height:265px}.hero>img{object-position:center}.hero .brand small{font-size:11px;letter-spacing:5px}.hero .brand strong{font-size:62px}.hero h1{font-size:10px;letter-spacing:2.3px;margin-top:18px}.categories{padding:22px 15px 28px;gap:17px;justify-content:flex-start}.category{min-width:68px;gap:12px}.category span{width:66px;height:66px}.category svg{width:35px;height:35px}.category b{font-size:9px;letter-spacing:1px}.catalog{padding:14px 16px 35px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:16px;letter-spacing:3px}.text-button{font-size:9px;letter-spacing:1px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.product-name{font-size:10px;letter-spacing:.7px;margin-top:12px}.price{font-size:14px}.badge{top:8px;left:8px;font-size:8px;padding:6px 8px}.favorite{opacity:1;width:28px;height:28px}.favorite svg{width:16px;height:16px}.bottom-nav{height:78px}.bottom-nav a,.bottom-nav button{font-size:8px;letter-spacing:1px;gap:7px}.bottom-nav svg{width:23px;height:23px}.bottom-nav .active:after{bottom:8px;width:40px;height:2px}footer{padding:25px 16px 105px;flex-direction:column;gap:8px}.search-area{padding:12px 15px}.toast{bottom:92px}.drawer{padding:22px}.page-content{margin-top:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(min-width:701px){header svg{width:32px;height:32px}.hero .brand strong{font-size:94px}}

.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible}.category{min-width:0}@media(max-width:700px){.categories{gap:8px}.category{min-width:0}.category span{width:60px;height:60px}.category b{font-size:8px;letter-spacing:.6px}}

.product-photo,.detail-photo,.cart-photo{background-image:var(--photo);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f4f4f4}.price{font-size:14px}.detail-photo{aspect-ratio:1}@media(max-width:700px){.price{font-size:11px}.categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
.categories{grid-template-columns:repeat(4,minmax(0,1fr))}

.home-page footer{padding-bottom:35px}.home-page .toast{bottom:24px}@media(max-width:700px){.home-page footer{padding-bottom:25px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.variant-caption{font-size:11px;color:#666;margin:4px 0 8px;letter-spacing:.4px}

.photo-gallery{display:flex;gap:12px;margin:15px 0 20px}.photo-thumb{width:74px;height:84px;background-image:var(--photo);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f4f4f4;border:1px solid #ddd;padding:3px}.photo-thumb.selected{border:2px solid #111}
.photo-gallery{overflow-x:auto;padding:2px 1px 8px;scroll-snap-type:x proximity}.photo-thumb{flex:0 0 74px;scroll-snap-align:start}@media(max-width:700px){.hero{height:265px;background:#151515}.hero>img{object-fit:contain;object-position:center}.photo-gallery{gap:8px}.photo-thumb{width:64px;height:74px;flex-basis:64px}}

.variant-caption{color:#111;font-weight:600;line-height:1.5}

.photo-transition{position:absolute;inset:0;background-image:var(--photo);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f4f4f4;opacity:0;transition:opacity 1.6s ease-in-out;pointer-events:none}.photo-transition.visible{opacity:1}.product-photo .badge{z-index:2}@media(prefers-reduced-motion:reduce){.photo-transition{transition:none}}

.shipping-section{max-width:1324px;margin:0 auto 55px;padding:0 38px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.shipping-section img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.shipping-copy h2{font-size:24px;letter-spacing:5px;margin:0 0 22px}.shipping-copy p{max-width:440px;font-size:16px;line-height:1.7}.shipping-copy .muted{font-size:13px}@media(max-width:700px){.shipping-section{padding:0 16px;grid-template-columns:1fr;gap:24px;margin-bottom:35px}.shipping-copy h2{font-size:20px}.shipping-copy p{font-size:14px}}

.brand-logo{max-width:190px;max-height:65px;object-fit:contain}#checkout-form{display:grid;gap:18px;max-width:560px}#checkout-form label{display:grid;gap:8px}#checkout-form input,#checkout-form textarea{padding:12px;border:1px solid #bbb;font:inherit}

.category span img{width:48px;height:48px;display:block;object-fit:contain}@media(max-width:700px){.category span img{width:35px;height:35px}}

/* Center each category row, including an incomplete final row. */
.categories{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px 16px;padding:22px 20px 16px;overflow:visible}
.category{flex:0 1 120px;min-width:0;gap:12px}
.category span{flex:0 0 96px;width:96px;height:96px}
.category b{max-width:100%;text-align:center;line-height:1.3}
.category:not(.active):hover span{background:#e8e8e8;color:var(--ink)}
@media(max-width:700px){.categories{gap:12px 6px;padding:18px 14px 14px}.category{flex:0 1 calc((100% - 18px)/4);gap:8px}.category span{flex-basis:60px;width:60px;height:60px}.category span img{width:35px;height:35px}.category b{font-size:8px;letter-spacing:.6px}}

.checkout-header{height:78px;padding:0 max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:1}
.checkout-back-link{font-size:13px;display:flex;align-items:center;gap:8px;color:#444;min-width:190px}.checkout-wordmark{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-size:8px;font-weight:700;letter-spacing:3px;line-height:1.1}.checkout-wordmark strong{font-size:29px;letter-spacing:-1px}.checkout-header-note{font-size:9px;letter-spacing:1.5px;color:#666;min-width:190px;text-align:right}
.checkout-page{max-width:1000px;min-height:70vh;margin:42px auto 70px;padding:0 24px}.checkout-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.checkout-title h1{font-size:30px;letter-spacing:1px;margin:5px 0 0}.checkout-eyebrow{font-size:9px;letter-spacing:2.5px;color:#777;font-weight:700}.checkout-step-caption{font-size:12px;color:#666;padding-bottom:4px}.checkout-progress{display:flex;align-items:center;gap:10px;margin:0 0 25px}.checkout-progress-step{display:flex;align-items:center;gap:9px;padding:4px 0;background:transparent;color:#888;white-space:nowrap}.checkout-progress-step span{width:28px;height:28px;border:1px solid #ccc;border-radius:50%;display:grid;place-items:center;font-size:11px}.checkout-progress-step b{font-size:11px;font-weight:500}.checkout-progress-step.current,.checkout-progress-step.complete{color:#111}.checkout-progress-step.current span,.checkout-progress-step.complete span{background:#111;border-color:#111;color:white}.checkout-progress-step:disabled{cursor:default}.checkout-progress i{height:1px;background:#ddd;flex:1;min-width:12px}
.checkout-card{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:30px 34px;box-shadow:0 8px 30px #00000008}.checkout-card-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.checkout-card-heading h2{font-size:23px;letter-spacing:.5px;margin:5px 0}.checkout-card-heading p{font-size:13px;color:#666;margin:7px 0 0}.checkout-text-link,.checkout-summary-heading button{font-size:12px;text-decoration:underline;text-underline-offset:3px}.checkout-items{display:grid}.checkout-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.checkout-item:first-child{padding-top:0}.checkout-item-photo{width:112px;height:122px;object-fit:contain;background:#f4f4f4}.checkout-item-info h3{font-size:14px;letter-spacing:.6px;margin:2px 0 7px;text-transform:uppercase}.checkout-item-info>p{font-size:12px;color:#666;margin:0 0 12px}.checkout-item-pricing{display:flex;gap:24px;font-size:11px;color:#666}.checkout-item-pricing b{display:block;color:#111;font-size:13px;margin-top:4px}.checkout-quantity,.checkout-quantity-readonly{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px}.checkout-quantity button:not(.checkout-remove){width:30px;height:30px;border:1px solid #ddd;font-size:18px;line-height:1}.checkout-remove{margin-left:6px;text-decoration:underline;font-size:11px}.checkout-total{display:flex;align-items:center;justify-content:space-between;padding:22px 0 7px;font-size:12px;letter-spacing:1.2px;font-weight:700}.checkout-total strong{font-size:20px;letter-spacing:0}.checkout-shipping-note,.checkout-privacy{font-size:11px;color:#777;line-height:1.55;margin:5px 0 0}.checkout-actions{display:flex;justify-content:space-between;gap:14px;margin-top:26px}.checkout-actions .primary,.checkout-actions .secondary,.checkout-finish .primary{width:auto;min-width:190px;margin:0;padding:15px 20px;text-align:center}.checkout-actions-end{justify-content:flex-end}.checkout-empty{text-align:center;padding:55px 30px}.checkout-empty-mark{font-size:35px}.checkout-empty h2{margin:12px 0}.checkout-empty p{color:#666;font-size:13px}.checkout-empty .primary{max-width:260px;margin:20px auto 0}
.checkout-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.checkout-field{display:grid;gap:8px;font-size:12px;color:#333}.checkout-field>span{font-weight:600}.checkout-field i{color:#a13d3d;font-style:normal}.checkout-field input,.checkout-field select{width:100%;height:46px;border:1px solid #d5d5d5;border-radius:2px;padding:0 12px;background:#fff;color:#111;font-size:14px}.checkout-field input:focus,.checkout-field select:focus{border-color:#111;outline:1px solid #111}.checkout-field input:disabled,.checkout-field select:disabled{background:#f5f5f5;color:#888}.checkout-field-hint,.checkout-loading{font-size:10px;color:#777;margin:0;line-height:1.5}.checkout-inline-error,.checkout-error{background:#fff5f4;border:1px solid #e7b6b0;color:#862f26;padding:12px 14px;font-size:12px;margin:0 0 18px}.checkout-inline-error button{margin-left:8px;text-decoration:underline;font-weight:700}.checkout-error{margin:0 0 16px}.checkout-summary-section{border-bottom:1px solid var(--line);padding-bottom:22px}.checkout-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.checkout-summary-heading h3{font-size:14px;letter-spacing:.4px;margin:0}.checkout-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.checkout-summary-card{border:1px solid #e7e7e7;padding:19px}.checkout-summary-card dl{margin:15px 0 0}.checkout-summary-card dl div{display:grid;grid-template-columns:minmax(100px, .7fr) 1fr;gap:12px;padding:7px 0;border-bottom:1px solid #f0f0f0;font-size:11px}.checkout-summary-card dt{color:#777}.checkout-summary-card dd{margin:0;overflow-wrap:anywhere}.checkout-finish{margin-top:24px;text-align:right}.checkout-finish p{font-size:12px;color:#666;line-height:1.6;text-align:left;margin-bottom:14px}.checkout-finish .primary{background:#111;color:white}.checkout-footer-note{text-align:center;font-size:10px;color:#888;margin:18px 0}.checkout-header-note{visibility:visible}
@media(max-width:700px){.checkout-header{height:64px;padding:0 15px}.checkout-back-link{min-width:0;font-size:11px}.checkout-back-link span{display:none}.checkout-wordmark strong{font-size:24px}.checkout-header-note{min-width:0;font-size:7px;letter-spacing:.8px;max-width:95px}.checkout-page{margin:25px auto 40px;padding:0 14px}.checkout-title{align-items:start;margin-bottom:16px}.checkout-title h1{font-size:24px}.checkout-step-caption{font-size:10px;text-align:right;padding-top:18px;max-width:100px}.checkout-progress{gap:4px;margin-bottom:16px}.checkout-progress-step{flex:1;flex-direction:column;gap:5px;white-space:normal;text-align:center}.checkout-progress-step span{width:26px;height:26px}.checkout-progress-step b{font-size:8px;line-height:1.2}.checkout-progress i{min-width:5px;flex:0 0 8px;margin-top:-14px}.checkout-card{padding:21px 17px}.checkout-card-heading{margin-bottom:18px}.checkout-card-heading h2{font-size:20px}.checkout-card-heading p{font-size:12px}.checkout-item{grid-template-columns:78px minmax(0,1fr);gap:13px;padding:14px 0}.checkout-item-photo{width:78px;height:94px}.checkout-item-info h3{font-size:11px;line-height:1.4}.checkout-item-info>p{font-size:10px;margin-bottom:8px}.checkout-item-pricing{gap:15px;font-size:9px}.checkout-item-pricing b{font-size:11px}.checkout-quantity,.checkout-quantity-readonly{gap:8px;font-size:11px}.checkout-quantity button:not(.checkout-remove){width:28px;height:28px}.checkout-remove{font-size:10px}.checkout-total{font-size:10px;padding-top:18px}.checkout-total strong{font-size:17px}.checkout-actions{gap:9px;margin-top:20px}.checkout-actions .primary,.checkout-actions .secondary,.checkout-finish .primary{min-width:0;flex:1;padding:14px 8px;font-size:10px;letter-spacing:.8px}.checkout-form-grid{grid-template-columns:1fr;gap:14px}.checkout-field input,.checkout-field select{height:44px}.checkout-summary-grid{grid-template-columns:1fr;gap:12px}.checkout-summary-card{padding:15px}.checkout-summary-card dl div{grid-template-columns:110px 1fr}.checkout-finish .primary{width:100%}.checkout-empty{padding:40px 18px}}
@media(prefers-reduced-motion:reduce){.checkout-progress-step span{transition:none}}
