:root{
  --ink:#1A1626; --orange:#F25C05; --pink:#FFB3D1; --sky:#8FD3FF; --sun:#FFD23F; --mint:#9BE3C3; --white:#fff;
}
html,body{overflow-x:clip}
body{font-family:Karla,sans-serif;color:var(--ink);background:#fff;margin:0;font-size:18px}
.toy,.d{font-family:'Titan One',sans-serif;font-weight:400;letter-spacing:-.01em;line-height:.95}
.wrap{max-width:1440px;margin:0 auto;padding-left:32px;padding-right:32px}
@media(max-width:640px){.wrap{padding-left:16px;padding-right:16px}}

/* chunky toy-box buttons */
.btn{display:inline-block;background:var(--orange);color:#fff;font-weight:800;font-size:18px;padding:15px 26px;border:3px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--ink)}
.btn.alt{background:#fff;color:var(--ink)}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}

/* die-cut sticker look for cutout photos */
.sticker{filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(5px 6px 0 rgba(26,22,38,.9))}

/* starburst badge */
.burst{position:absolute;width:120px;height:120px;display:flex;align-items:center;justify-content:center;text-align:center}
.burst svg{position:absolute;inset:0;width:100%;height:100%}
.burst span{position:relative;font-family:'Titan One',sans-serif;font-size:19px;line-height:1;color:var(--ink)}

/* product cards */
.shelf{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:1024px){.shelf{grid-template-columns:repeat(3,1fr);gap:28px}}
.card{background:#fff;border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);padding:12px;display:flex;flex-direction:column}
.tile{position:relative;border-radius:14px;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink)}
.tile .cover{width:100%;height:100%;object-fit:cover}
.tile .fit{width:80%;height:80%;object-fit:contain}
.stamp{position:absolute;top:14px;left:10px;transform:rotate(-10deg);background:#fff;color:#E0301E;border:3px solid #E0301E;border-radius:6px;font-family:'Titan One',sans-serif;font-size:17px;padding:3px 10px;letter-spacing:.04em}
.card h3{font-weight:800;font-size:20px;margin-top:14px;line-height:1.2}
.price{font-size:18px;font-weight:700}
.price s{opacity:.5}
.muted{opacity:.6;font-weight:500}
.sold{margin-top:14px;width:100%;padding:11px;border-radius:999px;border:2.5px dashed rgba(26,22,38,.4);color:rgba(26,22,38,.5);font-weight:800;font-size:16px;cursor:not-allowed;background:transparent}
@media(max-width:640px){.card{padding:8px;box-shadow:4px 4px 0 var(--ink)}.card h3{font-size:16px}.price{font-size:15px}.stamp{font-size:13px;top:8px;left:6px}.sold{font-size:13px;padding:8px}}

.bg-pink{background:var(--pink)}.bg-sky{background:var(--sky)}.bg-sun{background:var(--sun)}.bg-mint{background:var(--mint)}.bg-orange{background:var(--orange)}
.sec{padding-top:120px;padding-bottom:120px}
@media(max-width:640px){.sec{padding-top:72px;padding-bottom:72px}}
.awning{height:64px;background:repeating-linear-gradient(90deg,var(--orange) 0 64px,#fff 64px 128px);-webkit-mask:radial-gradient(32px at 32px 32px,#000 98%,#0000) 0 0/64px 64px repeat-x,linear-gradient(#000 0 0) 0 0/100% 32px no-repeat;mask:radial-gradient(32px at 32px 32px,#000 98%,#0000) 0 0/64px 64px repeat-x,linear-gradient(#000 0 0) 0 0/100% 32px no-repeat;position:relative;z-index:2}
.now{font-family:'Titan One',sans-serif;font-size:24px;color:var(--orange)}
.was{opacity:.5;text-decoration:line-through;font-weight:700}
.off{display:inline-block;background:var(--sun);border:2px solid var(--ink);border-radius:999px;font-size:13px;font-weight:800;padding:1px 8px;transform:rotate(-3deg)}
@media(max-width:640px){.now{font-size:19px}.off{font-size:11px;padding:0 6px}}

.dark{background:var(--ink);color:#fff}
.steps{display:flex;flex-direction:column;gap:20px}
.step{display:flex;gap:18px;align-items:center;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--orange);padding:18px 20px;font-size:19px}
.step .n{flex:none;width:52px;height:52px;border-radius:999px;border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Titan One',sans-serif;font-size:26px}

details{background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:18px 22px;margin-bottom:16px}
details>summary{font-weight:800;font-size:20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
details>summary::-webkit-details-marker{display:none}
details>summary::after{content:"+";font-family:'Titan One',sans-serif;font-size:26px;line-height:1}
details[open] summary::after{content:"\2212"}
details p{margin-top:10px;font-size:18px;max-width:640px}
@media(min-width:1024px){.shelf-4{grid-template-columns:repeat(4,1fr);gap:24px}}
.mini h3{font-size:18px}
.mini .now{font-size:21px}
.stamp.soon{color:var(--ink);border-color:var(--ink);background:var(--white)}