/* Northern Blooms-style conveniences */
html{scroll-behavior:smooth;scroll-padding-top:90px}
:focus-visible{outline:3px solid #f2b36b!important;outline-offset:3px}
.cs-skip{position:absolute;left:-999px;top:8px;z-index:99;background:#d98a3a;color:#111;padding:10px 14px;border-radius:6px;font-weight:700}.cs-skip:focus{left:8px}
#cs-top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:900;min-width:76px;min-height:44px;padding:10px 14px;border:1px solid #f2b36b;border-radius:24px;background:#d98a3a;color:#111;font:700 14px/1.2 system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 12px #0008}
#cs-top[hidden]{display:none!important}#cs-top:hover{background:#f2b36b}
.cs-burger{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #444;border-radius:8px;background:#1a1a1a;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.cs-burger span{display:block;width:22px;height:2px;background:#f2b36b;transition:.2s}
@media(max-width:759px){header.cs-has-burger .cs-burger{display:flex}header.cs-has-burger nav{display:none;flex-direction:column;width:100%;gap:0}header.cs-has-burger.cs-open nav{display:flex}
 header.cs-has-burger nav a{padding:12px 4px;border-bottom:1px solid #222}
 header.cs-open .cs-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}header.cs-open .cs-burger span:nth-child(2){opacity:0}header.cs-open .cs-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
.cs-foot{border-top:2px solid #d98a3a;background:#0e0e0e;color:#aaa;padding:30px 16px 90px;font-size:14px;text-align:left}
.cs-foot .w{max-width:1100px;margin:auto;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.cs-foot h4{color:#f2b36b;margin:0 0 8px;font-size:15px}.cs-foot a{color:#f2b36b;text-decoration:none}.cs-foot a:hover{text-decoration:underline}
.cs-foot ul{list-style:none;padding:0;margin:0;line-height:1.9}.cs-foot .c{max-width:1100px;margin:22px auto 0;color:#777;font-size:13px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Compact mobile grid (adapted from Northern Blooms shop-v2 / mobile-experience) */
#list.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
@media(min-width:600px){#list.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(min-width:1000px){#list.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media(max-width:330px){#list.cards{grid-template-columns:1fr}}
#list .card{display:flex;flex-direction:column;border-top-width:3px}
#list .card .ph{aspect-ratio:1}
#list .card .bd{display:flex;flex-direction:column;flex:1;padding:10px}
#list .card h3{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
#list .card p{margin:4px 0;font-size:14px}
#list .card .btn{margin:auto 0 0;padding:9px 10px;font-size:13px;text-align:center;line-height:1.2}
#list h2{font-size:20px}
@media(max-width:599px){
 #list .card{border-radius:12px}#list .card .bd{padding:8px}
 #list .card h3{font-size:13px}#list .card p{font-size:12px}
 #list .card .btn{padding:8px 6px;font-size:12px;border-radius:18px}
 #list h2{font-size:18px;margin:14px 0 2px!important}
 .chips{flex-wrap:nowrap;overflow-x:auto;gap:5px;margin:6px 0;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .chips::-webkit-scrollbar{display:none}
 .chips button{flex:0 0 auto;font-size:12px;padding:6px 10px;white-space:nowrap}
 main>h1{font-size:30px}main>p{font-size:14px;margin:6px 0}
}
/* Home category hexes: 3 per row on phones */
@media(max-width:599px){
 #shop .grid,#wood .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #shop .cell,#wood .cell{font-size:11px;line-height:1.15;padding:0 10% 20%!important;text-align:center}
 #shop,#wood{padding:30px 10px}#shop h2,#wood h2{font-size:24px;margin-bottom:14px}
}

/* Roadster easter egg + honeycomb footer (2026-10-16) */
:root{--egg-car-w:200px}@media (max-width:599px){:root{--egg-car-w:160px}}
.cs-foot{position:relative;background:#0e0e0e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49'%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8zM14 32v17' fill='none' stroke='%23d98a3a' stroke-opacity='.18'/%3E%3C/svg%3E")}

#rdr{position:absolute;right:clamp(16px,6vw,70px);bottom:6px;width:var(--egg-car-w);aspect-ratio:4/1;cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent}
#rdr.go{position:fixed;transform-origin:0 0;right:auto;bottom:auto;left:0;top:0;pointer-events:none;z-index:9999;will-change:transform}
#rdr .sh{position:absolute;left:8%;right:8%;bottom:-5px;height:10px;border-radius:50%;background:radial-gradient(#000c,#0000 70%);filter:blur(2px)}
#rdr .bd{position:absolute;inset:0;transform-origin:50% 100%}#rdr .fb{width:100%;height:100%}
#rdr .bd img{position:absolute;display:block}#rdr .car{left:0;bottom:0;width:100%}
#rdr .w{transform-origin:50% 50%}#rdr.art .fb{display:none}
#eggfx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9998}
#rdr .w{margin:0;max-width:none}