@import url('https://fonts.googleapis.com/css2?family=Anton&family=Poppins:wght@400;500&display=swap');
*{box-sizing:border-box}body{margin:0;background:#e9e9f5;color:#16152e;font:16px/1.6 Poppins,Arial,sans-serif}a{color:inherit}button{cursor:pointer;font:inherit}header{background:#16152e;color:#faf4dd;display:flex;align-items:center;gap:28px;padding:20px 4%}header>a:first-child{margin-right:auto}header img{width:165px;display:block}header a{text-decoration:none;font-size:13px}.banner{display:block;width:100%;height:auto;max-height:330px;object-fit:cover;object-position:center}.catalog{padding:4%}.catalog h1{font:44px/1.12 Anton,Impact,sans-serif;margin:0 0 20px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:45px 2vw}.card{min-width:0}.product-open{display:block;color:inherit;text-decoration:none;background:none;border:0;padding:0;text-align:left;width:100%}.photo{display:block;aspect-ratio:1;overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .25s}.photo .second{opacity:0}.product-open:hover .second{opacity:1}.card h2{font:25px/1.2 Anton,Impact,sans-serif;margin:15px 0 8px}.price{margin:0 0 18px}.shop-link{display:block;border:1px solid #16152e;border-radius:5px;text-align:center;padding:13px 8px;text-decoration:none;font-size:13px}.shop-link:hover{background:#16152e;color:white}.questions{text-align:center;padding:80px 20px}.questions h2{font:44px Anton,Impact,sans-serif;margin:0 0 20px}dialog{background:#e9e9f5;color:#16152e;border:0;max-width:1100px;width:92vw;max-height:90vh;padding:45px}dialog::backdrop{background:#111827b8}.close{position:absolute;right:14px;top:6px;border:0;background:none;font-size:32px}.details{display:grid;grid-template-columns:1fr 1fr;gap:35px}.gallery>img{width:100%;aspect-ratio:1;object-fit:contain}.thumbs{display:flex;gap:8px;margin-top:12px}.thumbs button{width:65px;height:65px;border:1px solid #777;background:none;padding:0}.thumbs img{width:100%;height:100%;object-fit:cover}.details h2{font:36px/1.2 Anton,Impact,sans-serif;margin:0 0 22px}.description{white-space:pre-line;line-height:1.7;font-size:15px}.checkout-note{font-size:12px;opacity:.7;margin-top:12px}:focus-visible{outline:3px solid #607c62;outline-offset:4px}@media(max-width:700px){header{gap:14px;padding:16px 5%;flex-wrap:wrap}header img{width:130px}header a{font-size:11px}.banner{min-height:150px;object-fit:cover}.catalog{padding:30px 6%}.catalog h1{font-size:34px}.products{grid-template-columns:repeat(2,1fr);gap:30px 18px}.card h2{font-size:20px}.price{font-size:14px}.details{grid-template-columns:1fr}dialog{padding:38px 20px}.details h2{font-size:29px}.questions{padding:45px 20px}}

.banner{height:clamp(150px,17vw,220px);max-height:none;object-fit:contain;object-position:center;background:#f5c205}

.store-banner{position:relative;overflow:hidden;height:clamp(150px,22vw,220px);background:#f5c205}.store-banner .banner{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1000px);height:auto;max-height:none;object-fit:initial}

header{background:#281316}body{background:#f4ebd5;color:#281316}.shop-link{border-color:#56303c}.shop-link:hover{background:#56303c}

/* Vector marks render consistently on phones without emoji substitution. */
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
