:root{--ink:#0f1a13;--ink-soft:#3c4f43;--forest-900:#0e1d15;--forest-800:#14291d;--forest-700:#1b3527;--forest-600:#264533;--sage:#9fb3a5;--accent:#fff;--accent-hover:#f0ebdd;--accent-edge:#efe8d8;--beige-500:#b9a47a;--beige-200:#e6dcc5;--beige-100:#efe8d8;--cream-100:#f6f1e6;--cream-50:#fffdf7;--silver-600:#7e878d;--silver-500:#9aa3a8;--silver-300:#c8ced2;--silver-100:#eef1f3;--ff:"Fredoka", "Comic Sans MS", -apple-system, BlinkMacSystemFont, Arial, sans-serif;--radius:16px;--radius-sm:12px;--radius-pill:999px;--bw:3px;--bw-sm:2.5px;--shadow:6px 6px 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--ff);background:var(--cream-100);color:var(--ink);-webkit-font-smoothing:antialiased;font-weight:500;line-height:1.6;overflow-x:hidden}body.gift-locked{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--forest-700);color:var(--cream-50)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--beige-100)}::-webkit-scrollbar-thumb{background:var(--ink);border-radius:999px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}#gift{z-index:9999;--W:clamp(230px, 46vmin, 400px);--D:calc(var(--W) * .8);--H:calc(var(--W) * .21);--L:calc(var(--W) * .055);--T:calc(var(--W) * .022);--grain:repeating-linear-gradient(0deg, #ffffff02 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #00000003 0 1px, transparent 1px 4px);--g-lid:var(--grain), linear-gradient(142deg, #4a8462 0%, #3e7354 34%, #356449 62%, #2b5340 100%);--g-front:var(--grain), linear-gradient(180deg, #346147 0%, #2c5239 100%);--g-side:var(--grain), linear-gradient(180deg, #27492f 0%, #1d3a27 100%);--g-edge:#5b9a74;background:radial-gradient(55% 45% at 50% 42%,#14281c 0%,#0a1610 45%,#040805 100%);justify-content:center;align-items:center;transition:opacity .55s;display:flex;position:fixed;inset:0;overflow:hidden}.gift-stage{perspective:2200px;perspective-origin:50% 46%;transition:transform 1.35s cubic-bezier(.42,.02,.22,1);transform:translateY(0)}.is-open .gift-stage{transform:translateY(11vmin)}.gift-cam{width:var(--W);height:var(--D);transform-style:preserve-3d;will-change:transform;transition:transform 1.15s cubic-bezier(.62,0,.84,.16);position:relative;transform:rotateX(72deg)rotate(-24deg)translateZ(0)}.gift-box{transform-style:preserve-3d;opacity:0;transition:opacity 1s var(--ease), transform 1.2s var(--ease);position:absolute;inset:0;transform:translateZ(-40px)}.is-enter .gift-box{opacity:1;transform:translateZ(0)}.gift-shadow{filter:blur(18px);opacity:0;width:128%;height:124%;transition:opacity 1s ease .15s, transform 1.1s var(--ease);background:radial-gradient(46% 46% at 52% 54%,#000000e6 0%,#00000080 42%,#0000 72%);position:absolute;top:-10%;left:-14%;transform:translateZ(-1px)}.is-enter .gift-shadow{opacity:1}.is-open .gift-shadow{transform:translateZ(-1px)translateY(3%)scale(1.04)}.tray{transform-style:preserve-3d;position:absolute;inset:0}.face{backface-visibility:hidden;position:absolute}.tray-out{background:var(--g-side);box-shadow:inset 0 2px #ffffff1a}.tray-out-front{width:var(--W);height:var(--H);transform-origin:50% 100%;background:var(--g-front);bottom:0;left:0;transform:rotateX(-90deg)}.tray-out-back{width:var(--W);height:var(--H);transform-origin:50% 0;top:0;left:0;transform:rotateX(90deg)}.tray-out-left{width:var(--D);height:var(--H);transform-origin:0 0;transform:rotate(90deg) rotateX(-90deg) translateY(calc(-1 * var(--H)));top:0;left:0}.tray-out-right{width:var(--D);height:var(--H);transform-origin:100% 0;transform:rotate(-90deg) rotateX(-90deg) translateY(calc(-1 * var(--H)));top:0;right:0}.tray-in-floor{left:var(--T);top:var(--T);width:calc(var(--W) - 2 * var(--T));height:calc(var(--D) - 2 * var(--T));transform:translateZ(var(--T));background:radial-gradient(70% 60% at 42% 34%,#1e1e20 0%,#121213 46%,#08080a 100%);overflow:hidden}.gift-page{background:var(--cream-100);font-size:calc(var(--W) * .036);text-align:left;filter:brightness(.82)saturate(.95);flex-direction:column;transition:filter .9s;display:flex;position:absolute;inset:0;overflow:hidden}.is-dive .gift-page{filter:brightness()saturate()}.gp-header{background:var(--forest-800);border-bottom:.14em solid var(--ink);flex-shrink:0;padding:.75em 1em .6em}.gp-logo{letter-spacing:.01em;color:var(--accent);font-size:1.05em;font-weight:700;line-height:1.1;display:block}.gp-tagline{letter-spacing:.2em;text-transform:uppercase;color:var(--beige-200);margin-top:.35em;font-size:.42em;font-weight:600;display:block}.gp-body{flex:1;min-height:0;padding:.85em 1em}.gp-eyebrow{border:.1em solid var(--ink);border-radius:var(--radius-pill);background:var(--cream-50);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:.12em .5em;font-size:.42em;font-weight:700;display:inline-block}.gp-title{color:var(--ink);margin-top:.35em;font-size:1.5em;font-weight:700;line-height:1.05}.gp-hl{background:var(--accent);border:.09em solid var(--ink);border-radius:var(--radius-pill);box-shadow:.13em .13em 0 var(--ink);padding:.02em .28em .08em;display:inline-block}.gp-sub{color:var(--ink-soft);margin-top:.5em;font-size:.48em;font-weight:600}.gp-grid{grid-template-columns:repeat(3,1fr);gap:.5em;margin-top:.85em;display:grid}.gp-tile{background:var(--cream-50);border:.11em solid var(--ink);box-shadow:.14em .14em 0 var(--ink);border-radius:.5em;overflow:hidden}.gp-tile img{aspect-ratio:1;object-fit:cover;border-bottom:.11em solid var(--ink);background:var(--beige-100);width:100%}.gp-nm{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:.22em .35em .3em;font-size:.36em;font-weight:700;line-height:1.15;display:block;overflow:hidden}.tray-in{background:linear-gradient(#050506 0%,#141416 78%,#1b1b1e 100%)}.tray-in-front{left:var(--T);bottom:var(--T);width:calc(var(--W) - 2 * var(--T));height:calc(var(--H) - var(--T));transform-origin:50% 100%;background:linear-gradient(#202024 0%,#17171a 20%,#050506 100%);transform:rotateX(-90deg)rotateY(180deg)}.tray-in-back{left:var(--T);top:var(--T);width:calc(var(--W) - 2 * var(--T));height:calc(var(--H) - var(--T));transform-origin:50% 0;background:linear-gradient(#232327 0%,#131315 70%,#08080a 100%);transform:rotateX(90deg)rotateY(180deg)}.tray-in-left{left:var(--T);top:var(--T);width:calc(var(--D) - 2 * var(--T));height:calc(var(--H) - var(--T));transform-origin:0 0;transform:rotate(90deg) rotateX(-90deg) rotateY(180deg) translateY(calc(-1 * (var(--H) - var(--T)))) translateX(calc(-1 * (var(--D) - 2 * var(--T))));background:linear-gradient(#1d1d20 0%,#0f0f11 70%,#070708 100%)}.tray-in-right{right:var(--T);top:var(--T);width:calc(var(--D) - 2 * var(--T));height:calc(var(--H) - var(--T));transform-origin:100% 0;transform:rotate(-90deg) rotateX(-90deg) rotateY(180deg) translateY(calc(-1 * (var(--H) - var(--T)))) translateX(calc(var(--D) - 2 * var(--T)));background:linear-gradient(#121214 0%,#0a0a0b 70%,#050506 100%)}.tray-rim{width:var(--W);height:var(--D);transform:translateZ(var(--H));background:var(--g-lid);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, var(--T) var(--T), var(--T) calc(100% - var(--T)), calc(100% - var(--T)) calc(100% - var(--T)), calc(100% - var(--T)) var(--T), var(--T) var(--T));top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff24}.gift-hinge{width:var(--W);height:0;transform-style:preserve-3d;transform:translateZ(var(--H)) rotateX(0deg);will-change:transform;transition:transform 1.35s cubic-bezier(.42,.02,.22,1);position:absolute;top:0;left:0}.is-open .gift-hinge{transform:translateZ(var(--H)) rotateX(104deg)}.lid{width:var(--W);height:var(--D);transform-style:preserve-3d;position:absolute;top:0;left:0}.lid-top{width:var(--W);height:var(--D);transform:translateZ(var(--L));background:var(--g-lid);top:0;left:0;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000004d}.lid-top:after{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff29 0%,#ffffff0d 26%,#0000 52%);position:absolute;inset:0}.lid-under{width:var(--W);height:var(--D);background:linear-gradient(196deg,#101012 0%,#17171a 55%,#0b0b0d 100%);top:0;left:0;transform:translateZ(0)rotateX(180deg);box-shadow:inset 0 0 0 1px #ffffff12}.lid-edge{background:var(--g-front)}.lid-edge-front{width:var(--W);height:var(--L);transform-origin:50% 100%;background:linear-gradient(#457c5c 0%,#2f5942 100%);bottom:0;left:0;transform:rotateX(-90deg);box-shadow:inset 0 1px #ffffff47}.lid-edge-back{width:var(--W);height:var(--L);transform-origin:50% 0;background:linear-gradient(#1d3a29 0%,#2a4f3a 100%);top:0;left:0;transform:rotateX(90deg)}.lid-edge-left{width:var(--D);height:var(--L);transform-origin:0 0;transform:rotate(90deg) rotateX(-90deg) translateY(calc(-1 * var(--L)));background:linear-gradient(#3d7154 0%,#284b37 100%);top:0;left:0}.lid-edge-right{width:var(--D);height:var(--L);transform-origin:100% 0;transform:rotate(-90deg) rotateX(-90deg) translateY(calc(-1 * var(--L)));background:linear-gradient(#2c5340 0%,#1c3927 100%);top:0;right:0}.lid-mark{text-align:center;font-family:var(--ff);font-weight:700;font-size:calc(var(--W) * .098);letter-spacing:.1em;white-space:nowrap;color:#dff0e5;text-shadow:0 1px #ffffff4d,0 -1px 1px #0000008c,0 3px 7px #00000059;pointer-events:none;line-height:1.15;position:absolute;top:34%;left:0;right:0}.lid-mark small{letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:#d6ebde9e;text-shadow:0 1px #ffffff24,0 -1px 1px #00000080;margin-top:.7em;font-size:.34em;font-weight:600;display:block}.lid-top:before{content:"";inset:calc(var(--W) * .055);pointer-events:none;border:1px solid #ffffff2b;position:absolute;box-shadow:0 1px #0000004d,inset 0 1px #00000038}.clasp{width:calc(var(--W) * .3);height:calc(var(--L) * 2.6);margin-left:calc(var(--W) * -.15);transform-origin:50% 0;transition:transform .5s var(--ease);background:linear-gradient(176deg,#fdfeff 0%,#dfe6ea 18%,#aab3b9 46%,#7c858c 68%,#c4ccd1 88%,#eef3f6 100%);border-radius:0 0 3px 3px;position:absolute;top:100%;left:50%;overflow:visible;transform:rotateX(-90deg);box-shadow:0 2px 5px #0000008c,inset 0 1px #fffffff2,inset 0 -1px #0006}.clasp-ice{opacity:.97;background-image:radial-gradient(circle at 50% 44%,#fff 0 15%,#def2ffe6 25%,#78a2c34d 41%,#0000 58%),radial-gradient(circle at 50% 56%,#fff 0 12%,#cde8fcbf 23%,#608aaf3d 39%,#0000 56%),radial-gradient(circle,#ffffffd9 0 9%,#b4d6f066 20%,#0000 44%);background-position:0 0,3px 3px,1.5px 1px;background-size:6px 6px,6px 6px,4px 4px;border-radius:2px;position:absolute;inset:11%}.clasp-ice:after{content:"";background-image:radial-gradient(circle at 18% 36%,#fff 0 2.2%,#0000 5.5%),radial-gradient(circle at 37% 66%,#fff 0 1.8%,#0000 4.8%),radial-gradient(circle at 54% 30%,#fff 0 2.4%,#0000 6%),radial-gradient(circle at 71% 62%,#fff 0 1.9%,#0000 5%),radial-gradient(circle at 88% 40%,#fff 0 2.1%,#0000 5.4%),radial-gradient(circle at 28% 58%,#fff 0 1.6%,#0000 4.4%);animation:2.6s ease-in-out infinite iceTwinkle;position:absolute;inset:0}@keyframes iceTwinkle{0%,to{opacity:.35}30%{opacity:1}60%{opacity:.55}}.clasp-glint{pointer-events:none;border-radius:2px;position:absolute;inset:0;overflow:hidden}.clasp-glint:after{content:"";background:linear-gradient(90deg,#0000,#fffffff2,#0000);width:26%;height:200%;position:absolute;top:-50%;left:0;transform:rotate(18deg)translate(-260%)}.is-enter .clasp-glint:after{animation:1.25s .75s claspSweep}@keyframes claspSweep{to{transform:rotate(18deg)translate(520%)}}.is-unlock .clasp{transform:rotateX(-90deg) translateZ(calc(var(--L) * .5)) rotateX(-13deg)}.gift-sparks{pointer-events:none;z-index:20;width:0;height:0;position:absolute;top:50%;left:50%;overflow:visible}.spark{width:var(--s,56px);height:var(--s,56px);margin-left:calc(var(--s,56px) / -2);margin-top:calc(var(--s,56px) / -2);transform:translate(var(--x,0), var(--y,0)) scale(0) rotate(0deg);opacity:0;position:absolute;top:0;left:0}.spark:before,.spark:after{content:"";background:radial-gradient(50% 4.5%,#fff 0%,#ffffffd9 18%,#bee1ff59 38%,#0000 72%);position:absolute;inset:0}.spark:after{transform:rotate(90deg)}.spark i{background:radial-gradient(circle,#fff 0%,#ffffffb3 34%,#0000 70%);border-radius:50%;position:absolute;inset:32%}.is-unlock .spark{animation:sparkPop .85s cubic-bezier(.2, .8, .3, 1) var(--d,0s) 1 both}.is-frozen .spark{animation-play-state:paused;animation-delay:-.19s}.is-frozen .gift-flash{animation-play-state:paused;animation-delay:-.13s}.is-frozen#gift{opacity:1!important}@keyframes sparkPop{0%{transform:translate(var(--x), var(--y)) scale(0) rotate(-25deg);opacity:0}22%{transform:translate(var(--x), var(--y)) scale(1.12) rotate(0deg);opacity:1}55%{transform:translate(var(--x), var(--y)) scale(.72) rotate(12deg);opacity:.85}to{transform:translate(var(--x), var(--y)) scale(0) rotate(28deg);opacity:0}}.gift-flash{width:calc(var(--W) * .42);height:calc(var(--W) * .42);margin:calc(var(--W) * -.21);opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff8c 0%,#d2ebff2e 28%,#0000 62%);border-radius:50%;position:absolute;top:50%;left:50%}.is-unlock .gift-flash{animation:.7s ease-out 50ms both giftFlash}@keyframes giftFlash{0%{opacity:0;transform:scale(.5)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.gift-spill{left:var(--T);top:var(--T);width:calc(var(--W) - 2 * var(--T));height:calc(var(--D) - 2 * var(--T));transform:translateZ(calc(var(--T) + 1px));opacity:0;pointer-events:none;background:radial-gradient(62% 54% at 48% 36%,#ffffff38 0%,#fffcf00f 45%,#0000 74%);transition:opacity .9s .45s;position:absolute}.is-open .gift-spill{opacity:1}.gift-caption{text-align:center;white-space:nowrap;opacity:0;transition:opacity .9s .5s;position:absolute;top:calc(50% + clamp(165px,30vmin,250px));left:50%;transform:translate(-50%)}.is-enter .gift-caption{opacity:1}.is-open .gift-caption{opacity:0;transition:opacity .4s}.gift-caption .t{letter-spacing:.06em;color:#eaf5ee;text-shadow:0 2px 18px #78c89b59;font-size:clamp(1.5rem,5vmin,2.4rem);font-weight:700}.gift-caption .s{letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#96bea7d9;margin-top:.8em;font-size:clamp(.72rem,2vmin,.9rem);font-weight:600;display:block}.gift-skip{letter-spacing:.18em;text-transform:uppercase;color:#96bea7b3;cursor:pointer;opacity:0;background:0 0;border:0;padding:.6rem 1rem;font-size:.78rem;font-weight:600;transition:opacity .6s 1.5s;position:absolute;bottom:clamp(26px,5vh,46px);left:50%;transform:translate(-50%)}.is-enter .gift-skip{opacity:1}.is-open .gift-skip{opacity:0;transition:opacity .3s}.is-rise .gift-cam{transform:rotateX(7deg) rotateZ(-3deg) translateZ(calc(var(--W) * -.7));transition:transform 1.15s cubic-bezier(.45,.02,.2,1)}.is-rise .gift-stage{transform:translateY(0)}.is-rise .gift-shadow{opacity:.55}.is-rise .gift-stage,.is-dive .gift-stage{perspective-origin:50%}.is-dive .gift-cam{transition:transform 1.05s cubic-bezier(.55,0,.85,.32);transform:rotateX(0)rotate(0)translateZ(1580px)scale(1.5)}.is-dive .gift-shadow{opacity:0}.is-dive .gift-spill{opacity:1;transition:opacity .5s}.is-dive#gift{opacity:0;transition:opacity .55s .5s}@media (prefers-reduced-motion:reduce){.gift-cam,.gift-hinge,.gift-box{transition:none!important}}.site-header{z-index:60;background:var(--forest-800);border-bottom:var(--bw) solid var(--ink);justify-content:space-between;align-items:center;gap:1.2rem;padding:.7rem clamp(.9rem,3.5vw,2.2rem);display:flex;position:sticky;top:0}.site-logo{letter-spacing:.01em;color:var(--accent);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);white-space:nowrap;flex-shrink:0;font-size:clamp(1.15rem,3.4vw,1.5rem);font-weight:700;line-height:1.1}.site-logo small{letter-spacing:.2em;text-transform:uppercase;color:var(--beige-200);-webkit-text-stroke:0;text-shadow:none;margin-top:.45em;font-size:.42em;font-weight:600;display:block}.site-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:.5rem;padding:2px;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{border:var(--bw-sm) solid transparent;border-radius:var(--radius-pill);color:var(--beige-200);white-space:nowrap;align-items:center;gap:.4em;padding:.42rem .95rem;font-size:clamp(.76rem,1.9vw,.9rem);font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .1s;display:inline-flex}.site-nav a:hover{background:var(--accent);border-color:var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.site-nav a .n{color:var(--accent);font-size:.85em;font-weight:700}.site-nav a:hover .n{color:var(--ink)}.container{max-width:1280px;margin:0 auto;padding:clamp(1.6rem,4.5vw,3rem) clamp(1rem,4vw,2.2rem) clamp(4rem,9vw,7rem)}.breadcrumb{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.5em;margin-bottom:clamp(1.2rem,3vw,1.8rem);font-size:.86rem;font-weight:600;display:flex}.breadcrumb a{transition:color .2s}.breadcrumb a:hover{color:var(--ink)}.breadcrumb .sep{color:var(--beige-500);font-weight:700}.page-eyebrow{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-pill);background:var(--cream-50);box-shadow:3px 3px 0 var(--ink);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:.9rem;padding:.3rem .85rem;font-size:.78rem;font-weight:700;display:inline-block}.page-title{letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;margin-bottom:.6rem;font-size:clamp(2.2rem,7.5vw,4rem);font-weight:700;line-height:1.08}.page-title .hl{background:var(--accent);border:var(--bw) solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow);color:var(--ink);margin:.08em 0;padding:.05em .42em .14em;font-style:normal;display:inline-block}.page-subtitle{color:var(--ink-soft);font-size:clamp(1rem,2.4vw,1.2rem);font-weight:600}.rule{background:var(--ink);border-radius:999px;width:72px;height:5px;margin:1.4rem 0 2.2rem}.page-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.promo-col{flex-direction:column;flex-shrink:0;align-items:center;gap:.6rem;width:100%;max-width:460px;display:flex}.social-link{border:var(--bw) solid var(--ink);border-radius:var(--radius-lg,20px);background:var(--cream-50);width:100%;max-width:460px;box-shadow:var(--shadow-sm);align-items:center;gap:.9rem;padding:.7rem 1.4rem;transition:transform .12s,box-shadow .12s;display:flex}.social-link:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.social-link:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.social-avatar{border:var(--bw) solid var(--ink);object-fit:cover;border-radius:50%;flex-shrink:0;width:92px;height:92px}.social-text-col{flex-direction:column;flex:1;align-items:stretch;gap:.5rem;min-width:0;display:flex}.social-label{letter-spacing:.02em;color:var(--ink);text-align:center;font-size:clamp(.85rem,1.8vw,1rem);font-weight:800}.social-url{box-sizing:border-box;border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-pill);color:#fff;letter-spacing:.02em;text-align:center;text-underline-offset:5px;background:#3d7bf5;width:100%;padding:.5rem 1rem;font-size:clamp(.78rem,1.7vw,.9rem);font-weight:700;-webkit-text-decoration:underline #fff;text-decoration:underline #fff;text-decoration-thickness:2px;display:block}.promo-card{border:var(--bw) solid var(--ink);border-radius:var(--radius-lg,20px);background:var(--accent);width:100%;max-width:460px;box-shadow:var(--shadow);text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:.55rem;padding:1.1rem 2.4rem;transition:transform .12s,box-shadow .12s;display:flex}.promo-card:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.promo-card:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.promo-emoji{font-size:1.8rem;line-height:1}.promo-text{color:var(--ink);letter-spacing:-.01em;font-size:clamp(.95rem,2vw,1.1rem);font-weight:800}.promo-url{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-pill);color:#fff;letter-spacing:.02em;text-underline-offset:6px;background:#3d7bf5;width:100%;padding:.65rem 1rem;font-size:clamp(.85rem,1.9vw,1rem);font-weight:700;-webkit-text-decoration:underline #fff;text-decoration:underline #fff;text-decoration-thickness:2px;display:inline-block}.search-wrap{max-width:480px;margin-bottom:clamp(1.8rem,4.5vw,2.8rem)}.search-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:.55rem;font-size:.82rem;font-weight:700;display:block}.search-bar{border:var(--bw) solid var(--ink);border-radius:var(--radius-pill);background:var(--cream-50);width:100%;box-shadow:var(--shadow-sm);color:var(--ink);padding:.8rem 1.1rem;font-size:1.05rem;font-weight:600;transition:box-shadow .12s,transform .12s}.search-bar::placeholder{color:#3c4f438c;font-weight:500}.search-bar:focus{box-shadow:6px 6px 0 var(--ink);outline:none;transform:translate(-1px,-1px)}.search-count{color:var(--ink-soft);margin-top:.6rem;font-size:.88rem;font-weight:700}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:clamp(.85rem,2.2vw,1.5rem);display:grid}.brand-tile{background:var(--cream-50);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .14s var(--ease), box-shadow .14s var(--ease);display:block;overflow:hidden}.brand-tile:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.brand-tile:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.brand-tile .ph{aspect-ratio:1;background:var(--beige-100);border-bottom:var(--bw) solid var(--ink);position:relative;overflow:hidden}.brand-tile .ph img{object-fit:cover;width:100%;height:100%}.brand-tile .ct{border:2.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--accent);box-shadow:2px 2px 0 var(--ink);color:var(--ink);padding:.16rem .62rem;font-size:.82rem;font-weight:700;line-height:1.35;position:absolute;top:8px;right:8px}.brand-tile .cap{padding:.7rem .85rem .8rem}.brand-tile .nm{color:var(--ink);overflow-wrap:break-word;font-size:1.02rem;font-weight:700;line-height:1.2;display:block}.empty-note{color:var(--ink-soft);padding:2.2rem 0;font-size:1.1rem;font-weight:600}.cat-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:clamp(.85rem,2vw,1.2rem);display:grid}.cat-tile{background:var(--forest-700);border:var(--bw) solid var(--ink);border-radius:var(--radius);min-height:150px;box-shadow:var(--shadow-sm);transition:transform .14s var(--ease), box-shadow .14s var(--ease), background .2s;flex-direction:column;justify-content:flex-end;gap:.55rem;padding:clamp(1.2rem,3.5vw,1.8rem) clamp(1rem,2.5vw,1.4rem);display:flex;position:relative}.cat-tile:hover{background:var(--forest-600);box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.cat-tile:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.cat-tile .n{color:var(--cream-50);font-size:clamp(1.2rem,3.4vw,1.6rem);font-weight:700;line-height:1.15}.cat-tile .c{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--accent);color:var(--ink);align-self:flex-start;padding:.18rem .7rem;font-size:.8rem;font-weight:700}.cat-tile-wrap{flex-direction:column;gap:.4rem;display:flex}.cat-hint{color:var(--ink-soft,#54655a);align-items:stretch;gap:.6rem;font-size:.74rem;font-style:italic;line-height:1.35;display:flex}.brand-title-row{flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;margin-bottom:.6rem;display:flex}.brand-title-row .page-title{margin-bottom:0}.brand-title-row .cat-hint{flex:240px;max-width:320px}.cat-hint-bar{background:#e8c750;border-radius:3px;flex:none;width:5px}.cat-hint-text{padding-top:.05rem}.cat-tile.is-empty{box-shadow:none;pointer-events:none;background:0 0;border-style:dashed}.cat-tile.is-empty .n{color:#3c4f4380}.cat-tile.is-empty .c{color:#3c4f4380;background:0 0;border-color:#0f1a134d}.chip-row{flex-wrap:wrap;gap:.55rem;margin-bottom:clamp(1.6rem,4vw,2.4rem);padding:2px;display:flex}.chip{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-pill);background:var(--cream-50);box-shadow:3px 3px 0 var(--ink);color:var(--ink);padding:.45rem 1rem;font-size:.88rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .18s}.chip:hover{background:var(--accent-hover);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.chip:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.chip.active{background:var(--forest-700);color:var(--cream-50)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:clamp(.85rem,2.2vw,1.4rem);display:grid}.product-card{background:var(--cream-50);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .14s var(--ease), box-shadow .14s var(--ease);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.product-card .im{aspect-ratio:1/1.1;background:var(--beige-100);border:0;border-bottom:var(--bw) solid var(--ink);cursor:zoom-in;width:100%;padding:0;position:relative;overflow:hidden}.product-card .im img{object-fit:cover;width:100%;height:100%}.product-card .bd{flex-direction:column;flex:1;gap:.3rem;padding:.75rem .85rem .85rem;display:flex}.product-card .nm{color:var(--ink);overflow-wrap:anywhere;font-size:.97rem;font-weight:700;line-height:1.25}.product-card .mt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);min-height:1.5em;font-size:.8rem;font-weight:600}.product-card .pr{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--accent);color:var(--ink);align-self:flex-start;padding:.14rem .65rem;font-size:1rem;font-weight:700}.product-card .foot{margin-top:auto;padding-top:.75rem}.copy-link-btn{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-pill);background:var(--forest-700);width:100%;box-shadow:3px 3px 0 var(--ink);letter-spacing:.04em;color:var(--cream-50);cursor:pointer;padding:.6rem 0;font-size:.86rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .18s,color .18s}.copy-link-btn:hover{background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.copy-link-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.copy-link-btn.copied{background:var(--accent);color:var(--ink)}.edit-btn{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-pill);background:var(--cream-50);width:100%;box-shadow:3px 3px 0 var(--ink);letter-spacing:.04em;color:var(--ink);cursor:pointer;margin-top:.5rem;padding:.6rem 0;font-size:.86rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .18s}.edit-btn:hover{background:var(--accent);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.edit-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.edit-form{cursor:default;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.edit-form input[readonly]{opacity:.65;cursor:default}.missing-badges{flex-wrap:wrap;gap:.35rem;margin-top:.1rem;display:flex}.badge{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--beige-200);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);padding:.14rem .6rem;font-size:.72rem;font-weight:700}.lightbox{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#08120ced;justify-content:center;align-items:center;padding:clamp(1rem,5vw,3.5rem);animation:.25s lbIn;display:flex;position:fixed;inset:0}@keyframes lbIn{0%{opacity:0}to{opacity:1}}.lightbox img{object-fit:contain;cursor:default;border:var(--bw) solid var(--ink);border-radius:var(--radius-sm);max-width:100%;max-height:100%;box-shadow:10px 10px #ffffffe6}.lightbox-close{border:var(--bw) solid var(--ink);border-radius:var(--radius-pill);background:var(--accent);width:50px;height:50px;box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;font-size:1.7rem;font-weight:700;line-height:1;transition:transform .12s,box-shadow .12s;display:flex;position:fixed;top:clamp(.8rem,3vw,1.6rem);right:clamp(.8rem,3vw,1.6rem)}.lightbox-close:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.lightbox-caption{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-pill);background:var(--cream-50);max-width:calc(100% - 2rem);color:var(--ink);text-align:center;pointer-events:none;padding:.4rem 1.1rem;font-size:.9rem;font-weight:700;position:fixed;bottom:clamp(.9rem,3vw,1.8rem);left:50%;transform:translate(-50%)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.8rem,3vw,1.4rem);margin-top:clamp(2.4rem,6vw,3.6rem);padding:2px;display:flex}.pagination a{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-pill);background:var(--cream-50);box-shadow:var(--shadow-sm);color:var(--ink);padding:.55rem 1.3rem;font-size:.92rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .18s}.pagination a:hover{background:var(--accent);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.pagination a:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.pagination .current{color:var(--ink);font-size:1rem;font-weight:700}.admin-form{background:var(--cream-50);border:var(--bw) solid var(--ink);border-radius:var(--radius);max-width:580px;box-shadow:var(--shadow);flex-direction:column;gap:1.2rem;padding:clamp(1.3rem,4vw,2.2rem);display:flex}.admin-form label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);flex-direction:column;gap:.45rem;font-size:.82rem;font-weight:700;display:flex}.admin-form input,.admin-form select{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-sm);background:var(--cream-100);letter-spacing:normal;text-transform:none;color:var(--ink);padding:.65rem .9rem;font-size:1rem;font-weight:600;transition:box-shadow .12s}.admin-form input:focus,.admin-form select:focus{box-shadow:4px 4px 0 var(--ink);outline:none}.admin-form input[type=file]{padding:.5rem .6rem;font-size:.85rem}.admin-form button{border:var(--bw) solid var(--ink);border-radius:var(--radius-pill);background:var(--accent);box-shadow:var(--shadow-sm);letter-spacing:.06em;color:var(--ink);cursor:pointer;margin-top:.3rem;padding:.85rem 0;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .18s}.admin-form button:hover:not(:disabled){background:var(--accent-hover);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.admin-form button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.admin-form button:disabled{opacity:.55;cursor:default}.admin-msg{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-sm);padding:.7rem 1rem;font-size:.92rem;font-weight:700}.admin-msg.ok{color:var(--ink);background:#bde5c8}.admin-msg.err{color:var(--ink);background:#f5b7ab}.admin-device-note{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-sm);background:var(--beige-100);max-width:480px;color:var(--ink-soft);padding:.9rem 1.1rem;font-size:.92rem;font-weight:600}.site-footer{background:var(--forest-900);border-top:var(--bw) solid var(--ink);text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--beige-200);padding:clamp(2rem,5vw,3rem) clamp(1rem,4vw,2.6rem);font-size:.92rem;font-weight:600}.site-footer .m{color:var(--accent);font-weight:700}@media (max-width:760px){.site-header{flex-direction:column;align-items:stretch;gap:.6rem;padding:.7rem .9rem .6rem}.site-nav{margin:0 -.9rem;padding:2px .9rem}}@media (max-width:620px){.brand-grid,.product-grid,.cat-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.cat-tile{min-height:112px}:root{--shadow:5px 5px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink)}}@media (max-width:330px){.brand-grid,.product-grid,.cat-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.lang-switch{border:var(--bw-sm) solid var(--beige-200);border-radius:var(--radius-pill);flex-shrink:0;align-items:center;gap:.3rem;padding:3px;display:flex}.lang-switch-btn{border-radius:var(--radius-pill);color:var(--beige-200);white-space:nowrap;padding:.35rem .7rem;font-size:.76rem;font-weight:700;transition:background .15s,color .15s}.lang-switch-btn.active{background:var(--accent);color:var(--ink)}.lang-switch-btn:not(.active):hover{background:#ffffff1f}.lang-gate{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08120ced;justify-content:center;align-items:center;padding:1.5rem;animation:.25s lbIn;display:flex;position:fixed;inset:0}.lang-gate-card{border:var(--bw) solid var(--ink);border-radius:var(--radius,20px);background:var(--cream-50);width:100%;max-width:420px;box-shadow:var(--shadow);text-align:center;padding:clamp(1.6rem,5vw,2.4rem)}.lang-gate-title{color:var(--ink);margin-bottom:1.4rem;font-size:clamp(1.05rem,3vw,1.25rem);font-weight:700}.lang-gate-row{justify-content:center;align-items:center;gap:1rem;display:flex}.lang-gate-btn{border:var(--bw-sm) solid var(--ink);border-radius:var(--radius-sm);background:var(--cream-100);color:var(--ink);flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.1rem .8rem;font-size:.92rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s;display:flex}.lang-gate-btn:hover{background:var(--accent-hover);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.lang-gate-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.lang-gate-btn .flag{font-size:2.2rem;line-height:1}.lang-gate-slash{color:var(--beige-500);font-size:1.4rem;font-weight:700}
