:root{--gold:#efc16e}body{background:#060e13}.preview{display:none}main{padding:0 8px 110px;max-width:1000px}header{height:140px;overflow:hidden;background:radial-gradient(ellipse at top,#0b202c,#060d12 80%)}header img{height:135px;width:203px;object-fit:contain;mix-blend-mode:lighten;margin-top:-8px;z-index:1}header:before{content:'';position:absolute;left:-50px;top:-30px;width:160px;height:170px;border-left:16px solid #deb164;border-bottom:2px solid #e0b064;border-radius:0 0 0 90%;transform:rotate(-25deg)}header:after{content:'';position:absolute;right:-30px;bottom:-75px;width:200px;height:120px;border-top:2px solid #ac7b3e;border-radius:70%}header button{top:25px;font-size:25px;z-index:2}header .menu{left:8px}.bag{right:10px}header button svg{width:28px;height:28px;stroke:#efc16e;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bag small{position:absolute;right:1px;top:1px;font-size:11px;border-radius:50%;background:linear-gradient(120deg,#ffe09a,#d69a43);color:#151c20;min-width:19px;height:19px;padding:3px}.search{height:38px;padding:10px 15px 10px 38px;font-size:12px}.search-shell{margin:0 10px;position:relative}.search-shell>svg{position:absolute;left:12px;top:9px;width:21px;height:21px;stroke:#fff;fill:none;stroke-width:1.6}.categories{margin:0 8px;padding:12px 0 8px;gap:7px;overflow:visible}.categories button{height:36px;min-height:36px;padding:0 6px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.categories svg{width:22px;height:25px;stroke:#edc165;fill:none;stroke-width:1.3}.categories .active svg{stroke:#172025}.grid{gap:6px}.card{border-radius:9px;border:1px solid #e8e2d7}.card svg{aspect-ratio:1.5}.info{padding:5px 10px 6px;min-height:55px}.name{font-size:11px;line-height:1.2;min-height:27px;padding:0}.price{font-size:17px;letter-spacing:-.4px;margin-top:1px;color:#825016}.add{width:29px;height:29px;font-size:26px;right:7px;bottom:8px;line-height:24px}.card .photo-button{width:100%;padding:0;border:0;display:block;background:transparent}.card .name{cursor:pointer}.details{grid-column:1/-1;border-radius:11px;background:linear-gradient(110deg,#fffef7,#fff4e7);color:#14202b;display:grid;grid-template-columns:54% minmax(0,1fr);gap:10px;padding:6px 7px;position:relative;scroll-margin-top:10px}.gallery{min-width:0}.detail-photo{position:relative;border-radius:8px;overflow:hidden}.detail-photo>svg{width:100%;aspect-ratio:1.3;display:block}.detail-heart{position:absolute;top:5px;right:5px;width:28px;height:28px;border:0;background:#463b2a88;color:white;border-radius:50%;padding:4px}.detail-heart svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}.detail-heart.selected svg{fill:#eebd64}.thumbs{display:flex;gap:3px;margin-top:4px}.thumbs button{width:25%;padding:0;border:1px solid transparent;border-radius:6px;overflow:hidden;background:#eee}.thumbs button.selected{border:2px solid #e8b158}.thumbs svg{width:100%;aspect-ratio:1;display:block}.detail-copy{min-width:0;display:flex;flex-direction:column;padding:2px 0}.detail-copy h2{font-size:12px;margin:0 17px 2px 0;line-height:1.15;letter-spacing:-.3px}.detail-subtitle{font-size:10px;line-height:1.2;margin:0}.detail-close{position:absolute;right:3px;top:3px;border:0;background:none;font-size:24px;color:#14202b;width:27px;height:27px;padding:0}.rating{display:flex;gap:4px;align-items:center;margin:5px 0}.rating span{color:#eca642;font-size:14px}.rating small{font-size:8px}.detail-description{font-size:9px;line-height:1.24;margin:0 0 6px}.detail-price{font-size:19px;color:#825016;font-weight:600;letter-spacing:-.4px;margin-bottom:5px}.quantity{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:auto;font-size:10px}.stepper{display:flex;align-items:center;justify-content:space-between;border:1px solid #e4cfb7;border-radius:20px;height:28px;min-width:80px}.stepper button{height:26px;width:26px;font-size:19px;border:0;background:none;color:#785222}.stepper output{font-size:13px;font-weight:bold}.detail-add{margin-top:6px;padding:9px 3px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:600;box-shadow:0 2px 3px #af793b40}.detail-add svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.note{font-size:10px;margin:15px 5px}footer{padding:9px 8px calc(10px + env(safe-area-inset-bottom));gap:10px;justify-content:center;background:linear-gradient(#1b2228f5,#060c10fa);border-radius:17px 17px 0 0;border-color:#b49c72}footer .total{width:50%;max-width:380px;min-width:0;display:flex;align-items:center;gap:7px;padding:9px 6px;background:linear-gradient(#1a2228,#070e12);border:1px solid #434b51;border-radius:15px;min-height:68px;cursor:pointer}footer .total>svg{width:34px;height:34px;stroke:#efc16e;fill:none;stroke-width:1.6}#count{font-size:12px}footer strong{font-size:18px;letter-spacing:-.5px;white-space:nowrap}footer .total small{font-size:8px;display:block;white-space:nowrap;color:#b7b9bb;margin-top:3px}footer .checkout{width:50%;max-width:380px;text-align:center}footer .checkout>button{width:100%;height:43px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border-radius:14px;white-space:nowrap}footer .checkout svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}footer .checkout small{display:block;font-size:8px;color:#b7b9bb;margin-top:6px}.toast{position:fixed;z-index:9;bottom:110px;left:50%;transform:translateX(-50%);border-radius:22px;background:#f1ca81;color:#151e23;font-size:13px;padding:10px 20px;white-space:nowrap;display:none}.toast.visible{display:block}button:focus-visible,input:focus-visible{outline:2px solid #d9a759;outline-offset:2px}.cart-quantity{display:inline-flex;gap:10px;align-items:center;margin-top:8px}.cart-quantity button{width:30px;height:30px;border:1px solid #dbc3a6;background:transparent;border-radius:50%;color:#15202b}dialog{color-scheme:light}.line{font-size:14px}@media(min-width:600px){header{height:160px}header img{height:155px;width:233px}.search{height:44px;font-size:15px}.categories button{height:42px;font-size:15px}.grid{gap:12px}.name{font-size:15px;min-height:38px}.price{font-size:23px}.info{padding:9px 12px;min-height:78px}.add{width:38px;height:38px}.details{padding:10px;gap:20px}.detail-copy h2{font-size:20px}.detail-subtitle{font-size:15px}.detail-description{font-size:14px;line-height:1.35}.detail-price{font-size:30px}.rating span{font-size:22px}.rating small{font-size:12px}.quantity{font-size:15px}.stepper{height:38px;min-width:120px}.stepper button{width:36px;height:36px}.detail-add{font-size:16px;padding:14px}.detail-add svg{width:25px;height:25px}footer strong{font-size:25px}#count{font-size:15px}footer .total{padding:12px 18px}footer .total small,footer .checkout small{font-size:11px}footer .checkout>button{height:55px;font-size:19px}}@media(min-width:760px) and (max-width:999px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.details{width:720px;max-width:100%;justify-self:center}.categories{max-width:600px;margin:auto}}
:root .categories button{min-width:0;gap:5px;padding-left:4px;padding-right:4px;font-size:11px}:root .categories svg{flex-shrink:0;width:20px}footer .total strong{display:block}:root header:after{right:-50px;width:160px;bottom:-95px}button{touch-action:manipulation}@media(min-width:600px){:root .categories button{font-size:15px;gap:8px}:root .categories svg{width:24px}}