:root{--bg:#090a0b;--panel:#111315;--panel2:#17191c;--text:#f5f6f7;--muted:#8b9097;--line:#272a2e;--lime:#bafd45;--lime2:#7ee221;--danger:#ff6b62;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans KR",sans-serif;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:80px;position:absolute;z-index:15;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;min-height:42px;flex-shrink:0;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.05em;font-size:18px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--lime);color:#0a0b0c;font-weight:900;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)}.desktop-nav{display:flex;gap:42px}.desktop-nav a{color:#b4b8bd;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.12em;transition:.2s}.desktop-nav a:hover{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:9px}.icon-button,.cart-button,.menu-button{height:40px;background:rgba(10,11,12,.35);border:1px solid rgba(255,255,255,.16);cursor:pointer}.icon-button{width:40px;padding:9px}.icon-button svg{fill:none;stroke:#fff;stroke-width:1.6}.cart-button{padding:0 8px 0 16px;font-size:11px;letter-spacing:.1em}.cart-button span{display:inline-grid;place-items:center;margin-left:9px;width:23px;height:23px;background:var(--lime);color:#111;font-weight:800}.menu-button{display:none;width:40px;padding:11px}.menu-button span{display:block;height:1px;background:#fff;margin:5px}.hero{min-height:820px;height:100vh;max-height:1020px;position:relative;display:flex;align-items:center;padding:100px max(28px,calc((100vw - var(--max))/2));overflow:hidden;background:radial-gradient(circle at 70% 52%,#1b2611 0,rgba(14,16,13,.8) 26%,#090a0b 62%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,11,.95) 0%,transparent 55%),linear-gradient(0deg,#090a0b 0%,transparent 20%)}.hero-copy{z-index:2;width:56%}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#a9adb2;display:flex;align-items:center;gap:10px}.eyebrow span{width:23px;height:1px;background:var(--lime)}h1{font-size:clamp(52px,6.2vw,94px);line-height:.92;letter-spacing:-.055em;margin:27px 0 30px}h1 em,.closing em{font-style:normal;color:transparent;-webkit-text-stroke:1px #787d82}.hero-description{font-size:17px;line-height:1.8;color:#b2b6ba}.hero-cta{display:flex;align-items:center;gap:32px;margin-top:39px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-width:182px;padding:17px 19px;border:0;background:var(--lime);color:#0a0b0c;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}.primary-button span,.secondary-button span{font-size:18px}.primary-button:hover{background:#d0ff73}.text-button{color:#fff;text-decoration:none;font-size:14px;border-bottom:1px solid #555;padding:10px 0}.text-button span{color:var(--lime);margin-left:15px}.hero-art{z-index:1;position:absolute;right:max(6vw,calc((100vw - 1380px)/2));top:18%;width:46%;height:65%;perspective:1200px}.hero-glow{position:absolute;width:600px;height:600px;right:8%;top:19%;border-radius:50%;background:var(--lime);filter:blur(160px);opacity:.08}.pack{position:absolute;width:260px;height:410px;padding:27px;border:1px solid rgba(255,255,255,.4);box-shadow:0 35px 80px #000;display:flex;flex-direction:column;overflow:hidden}.pack-front{left:42%;top:8%;transform:rotate(8deg);background:linear-gradient(145deg,#d4ff64,#84c925 45%,#283c0b);color:#0a0b0c;z-index:3}.pack-front:after,.pack-back:after{content:"";position:absolute;inset:8px;border:1px solid rgba(0,0,0,.35)}.pack-front strong{font-size:145px;line-height:1;margin-top:40px;letter-spacing:-.15em}.pack-front p{font-weight:900;font-size:25px;line-height:.86;margin:auto 0 20px}.pack-front small{font-size:8px;font-weight:700;line-height:1.6}.pack-top{font-size:9px;font-weight:700;letter-spacing:.2em}.pack-shine{position:absolute;width:80px;height:600px;transform:rotate(35deg);background:rgba(255,255,255,.25);filter:blur(10px);left:180px;top:-120px}.pack-back{left:13%;top:25%;transform:rotate(-13deg);background:linear-gradient(145deg,#2b2d31,#111);z-index:1}.pack-back .pack-mini{font-size:10px;letter-spacing:.3em}.pack-back strong{font-size:40px;line-height:.9;margin:auto 0;color:#d4d7d8}.pack-back small{font-size:7px;letter-spacing:.1em;color:#888}.orbit{position:absolute;border:1px solid rgba(186,253,69,.15);border-radius:50%}.orbit-one{width:540px;height:540px;top:-10px;left:20px}.orbit-two{width:400px;height:400px;top:65px;left:90px}.floating-card{position:absolute;width:70px;height:95px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#3b403a,#111);display:grid;place-items:center;color:var(--lime);font-weight:900;box-shadow:0 20px 40px #000}.card-one{right:4%;bottom:6%;transform:rotate(25deg)}.card-two{left:7%;top:1%;transform:rotate(-20deg)}.scroll-cue{position:absolute;bottom:40px;right:max(28px,calc((100vw - var(--max))/2));z-index:5;font-size:8px;letter-spacing:.2em;color:#6e7378;display:flex;align-items:center;gap:14px}.scroll-cue span{width:50px;height:1px;background:#555}.ticker{height:48px;display:flex;align-items:center;overflow:hidden;background:var(--lime);color:#101210;font-weight:800;font-size:11px;letter-spacing:.17em;white-space:nowrap}.ticker div{animation:ticker 25s linear infinite;padding-right:16px}@keyframes ticker{to{transform:translateX(-100%)}}.section{max-width:var(--max);margin:0 auto;padding:130px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.section-heading h2,.live-copy h2{font-size:clamp(37px,4vw,58px);letter-spacing:-.05em;margin:14px 0 0}.filter-tabs{display:flex;gap:5px}.filter-tabs button{padding:10px 16px;border:1px solid var(--line);background:transparent;color:#777;cursor:pointer;font-size:12px}.filter-tabs button.active{background:#e9ecef;color:#111;border-color:#e9ecef}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative}.product-image{height:450px;background:#111315;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #181a1d}.product-image:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--accent,var(--lime));filter:blur(100px);opacity:.14}.product-pack{width:155px;height:255px;z-index:1;transform:rotate(var(--rotate,-4deg));background:linear-gradient(145deg,var(--accent,var(--lime)),#151615 75%);border:1px solid rgba(255,255,255,.35);box-shadow:0 25px 60px #000;padding:17px;display:flex;flex-direction:column;justify-content:space-between;color:white;transition:.35s}.product-card:hover .product-pack{transform:rotate(0) scale(1.04)}.product-pack b{font-size:65px;letter-spacing:-.15em}.product-pack span{font-size:8px;letter-spacing:.15em}.soldout .product-image{filter:grayscale(.6)}.stock-badge{position:absolute;top:14px;left:14px;padding:7px 9px;background:#0a0b0c;font-size:9px;letter-spacing:.13em;z-index:2}.stock-badge.low{color:var(--lime)}.product-info{display:flex;justify-content:space-between;align-items:start;padding:18px 2px}.product-info h3{font-size:15px;margin:0 0 7px}.product-info p{font-size:13px;color:#aaa;margin:0}.add-button{width:39px;height:39px;border:1px solid #34373b;background:transparent;font-size:20px;cursor:pointer}.add-button:hover:not(:disabled){background:var(--lime);color:#111}.add-button:disabled{color:#45484c;cursor:not-allowed}.product-note{text-align:center;color:#5d6267;font-size:11px;margin:42px 0 0}.live-banner{max-width:none;padding:0;display:grid;grid-template-columns:1.15fr .85fr;background:#111315}.live-visual{height:680px;background:radial-gradient(circle,#253815 0,#111315 56%);display:grid;place-items:center;overflow:hidden}.live-screen{width:68%;height:68%;background:#090a0b;border:1px solid #34383b;box-shadow:0 30px 90px #000;position:relative;display:grid;place-items:center}.live-screen:before{content:"";position:absolute;inset:9px;border:1px solid #24272a}.live-badge{position:absolute;top:25px;left:25px;font-size:10px;font-weight:800;letter-spacing:.14em}.live-badge span{display:inline-block;width:7px;height:7px;background:#ff4646;border-radius:50%;margin-right:5px;box-shadow:0 0 10px red}.stream-pack{width:130px;height:210px;background:linear-gradient(145deg,var(--lime),#24360d);display:grid;place-items:center;color:#0a0b0c;font-size:90px;font-weight:900;transform:rotate(7deg);box-shadow:0 20px 50px #000}.chat-lines{position:absolute;right:23px;bottom:23px}.chat-lines i{display:block;width:70px;height:5px;background:#292c2f;margin:7px}.live-copy{padding:100px 12%;display:flex;flex-direction:column;justify-content:center}.live-copy>p:not(.eyebrow){color:#92969b;line-height:1.8;max-width:430px}.secondary-button{margin-top:28px;background:transparent;color:#fff;border:1px solid #444;width:205px}.secondary-button:hover{border-color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{padding:40px 35px 55px;border-right:1px solid var(--line);position:relative}.step:last-child{border:0}.step>span{font-size:10px;color:var(--lime);font-weight:700}.step-icon{margin:55px 0 35px;font-size:40px;color:#b9bec2}.step h3{font-size:18px}.step p{font-size:13px;color:#7f8489;line-height:1.7;max-width:270px}.closing{text-align:center;padding-top:180px;padding-bottom:180px;border-top:1px solid var(--line)}.closing>p{font-size:9px;letter-spacing:.25em;color:var(--lime)}.closing h2{font-size:clamp(45px,6vw,80px);line-height:1.02;letter-spacing:-.06em;margin:30px 0 45px}.closing .primary-button{margin:auto}footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:48px 0 60px;display:flex;justify-content:space-between;align-items:flex-start}.footer-info{font-size:10px;color:#60656a;line-height:1.8}.footer-info p{margin:0}.footer-links{display:flex;gap:22px}.footer-links a,.footer-links button{font-size:10px;color:#777;background:0;border:0;text-decoration:none;cursor:pointer;padding:0}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:30;opacity:0;visibility:hidden;transition:.3s}.drawer-backdrop.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:31;right:0;top:0;height:100%;width:min(460px,100%);background:#111315;padding:35px;transform:translateX(100%);transition:.35s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between}.drawer-header h2{font-size:28px;margin:7px 0}.label{font-size:9px;color:var(--lime);letter-spacing:.18em}.close-button{border:0;background:transparent;color:#aaa;font-size:30px;cursor:pointer}.cart-items{flex:1;overflow:auto;margin:30px 0}.empty-cart{height:100%;display:grid;place-items:center;color:#5d6267;font-size:13px}.cart-item{display:grid;grid-template-columns:60px 1fr auto;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.cart-thumb{height:75px;background:linear-gradient(145deg,var(--accent),#17191c);display:grid;place-items:center;font-weight:900;color:#111}.cart-item h4{font-size:13px;margin:0 0 8px}.cart-item p{font-size:11px;color:#7e8388;margin:0}.remove-button{background:0;border:0;color:#666;cursor:pointer}.delivery-box{border-top:1px solid var(--line);padding:18px 0}.delivery-box>span{display:block;font-size:11px;color:#777;margin-bottom:12px}.delivery-box>label{display:flex;align-items:center;gap:8px;font-size:14px;margin:8px 0}.delivery-box>label small{margin-left:auto;color:#777}.delivery-box input{accent-color:var(--lime)}.cart-total{display:flex;justify-content:space-between;margin:20px 0}.cart-total span{font-size:12px;color:#999}.cart-total strong{font-size:22px}.checkout-button{border:0;background:var(--lime);color:#111;height:55px;font-weight:800;cursor:pointer}.modal{width:min(410px,calc(100% - 30px));border:1px solid #303337;background:#121416;color:#fff;padding:42px;box-shadow:0 30px 100px #000}.modal::backdrop{background:rgba(0,0,0,.75)}.modal .modal-close{position:absolute;right:15px;top:10px}.brand-mark.large{width:42px;height:42px;margin-bottom:25px}.modal h2{font-size:29px;letter-spacing:-.04em;margin:0 0 10px}.modal>p{font-size:12px;color:#777;margin-bottom:28px}.social{width:100%;height:50px;border:0;margin:5px 0;font-size:13px;font-weight:600;cursor:pointer}.social b{float:left;margin-left:7px}.naver{background:#03c75a}.kakao{background:#fee500;color:#191919}.email{background:#25282c}.divider{text-align:center;color:#5d6267;font-size:10px;margin:12px 0;position:relative}.divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#292c2f}.divider span{position:relative;background:#121416;padding:0 10px}.admin-modal{width:min(560px,calc(100% - 30px))}.admin-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.admin-row h4{font-size:13px;margin:0 0 4px}.admin-row small{color:#666}.stock-control{display:flex;align-items:center;gap:12px}.stock-control button{width:30px;height:30px;background:#24272a;border:1px solid #333;cursor:pointer}.stock-control b{min-width:22px;text-align:center}.toast{position:fixed;z-index:60;bottom:30px;left:50%;transform:translate(-50%,20px);background:#f1f3f4;color:#111;padding:14px 20px;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{padding:0 20px}.desktop-nav{display:none}.menu-button{display:block}.hero{height:auto;min-height:900px;padding:130px 24px 60px;align-items:flex-start}.hero-copy{width:100%;z-index:4}.hero-description{font-size:15px}.hero-art{width:100%;height:390px;top:auto;right:0;bottom:40px;opacity:.8}.pack{width:170px;height:270px;padding:18px}.pack-front{left:52%}.pack-back{left:25%}.pack-front strong{font-size:92px;margin-top:20px}.pack-front p{font-size:17px}.orbit-one{width:390px;height:390px;left:25%}.orbit-two{width:290px;height:290px;left:35%}.scroll-cue{display:none}.section{padding:90px 20px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-image{height:330px}.live-banner{grid-template-columns:1fr}.live-visual{height:450px}.live-copy{padding:80px 30px}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}footer{margin:0 20px;flex-wrap:wrap;gap:35px}.closing{padding-top:120px;padding-bottom:120px}}
@media(max-width:560px){.hero{min-height:790px}.hero h1{font-size:48px}.hero-art{height:315px;bottom:20px;transform:translateX(20px)}.pack{width:145px;height:230px}.pack-front strong{font-size:72px}.pack-front p{font-size:14px}.pack-back strong{font-size:25px}.floating-card{display:none}.hero-cta{gap:20px}.primary-button{min-width:160px}.section-heading{align-items:flex-start;gap:28px;flex-direction:column}.product-grid{grid-template-columns:1fr}.product-image{height:390px}.filter-tabs{width:100%}.filter-tabs button{flex:1}.live-screen{width:83%;height:73%}.cart-drawer{padding:25px}.closing h2{font-size:43px}.footer-links{width:100%;justify-content:space-between}}

/* Dark gradient refresh */
:root{
  --bg:#0D0D0D;
  --panel:#141414;
  --panel2:#1B1B1B;
  --line:rgba(255,255,255,.1);
  --lime:#FFC107;
  --lime2:#6B35C9;
  --gradient:linear-gradient(135deg,#FFC107 0%,#F2B14B 25%,#D17CC4 50%,#9A46E4 75%,#6B35C9 100%);
  --gradient-soft:linear-gradient(135deg,rgba(255,193,7,.1),rgba(242,177,75,.1) 25%,rgba(209,124,196,.1) 50%,rgba(154,70,228,.1) 75%,rgba(107,53,201,.1));
  --gradient-ui:linear-gradient(135deg,#B5932D 0%,#AE8A52 25%,#9C6D95 50%,#7E50A6 75%,#644698 100%);
  --radius:22px;
  --radius-sm:14px;
}
body{background:radial-gradient(circle at 50% 0,rgba(107,53,201,.08),transparent 36%),var(--bg)}
.site-header{position:fixed;height:72px;top:12px;left:18px;right:18px;padding:0 max(22px,calc((100vw - var(--max))/2));background:rgba(10,8,15,.72);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.28)}
.brand-mark,.cart-button span,.ticker,.primary-button,.checkout-button{background:var(--gradient)}
.brand-mark,.cart-button span{border-radius:9px;clip-path:none}
.icon-button,.cart-button,.menu-button,.filter-tabs button,.add-button,.secondary-button,.stock-control button,.social{border-radius:12px}
.hero{background:radial-gradient(circle at 74% 38%,rgba(107,53,201,.14),transparent 32%),radial-gradient(circle at 63% 58%,rgba(255,193,7,.08),transparent 28%),var(--bg)}
.hero-glow{background:var(--gradient);opacity:.14}
h1 em,.closing em{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:0}
.primary-button,.checkout-button{border-radius:14px;color:#fff;box-shadow:0 12px 32px rgba(107,53,201,.14)}
.primary-button:hover{background:var(--gradient);filter:brightness(1.08);transform:translateY(-2px)}
.primary-button,.checkout-button,.secondary-button,.add-button{transition:.22s ease}
.pack,.floating-card,.product-pack{border-radius:18px}
.pack-front{background:var(--gradient);color:#fff}
.orbit{border-color:rgba(107,53,201,.2)}
.ticker{color:#fff}
.product-card{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.2);transition:transform .28s,border-color .28s}
.product-card:hover{transform:translateY(-6px);border-color:rgba(200,125,220,.34);box-shadow:0 28px 65px rgba(0,0,0,.48),0 12px 34px rgba(107,53,201,.18),0 0 24px rgba(244,200,74,.06)}
.product-image{border:0;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 16px 16px;background:linear-gradient(145deg,#15121e,#0d0c12)}
.product-image:before{background:var(--gradient);opacity:.2}
.product-photo{position:absolute;z-index:1;inset:8%;width:84%;height:84%;object-fit:contain;object-position:center;image-rendering:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5));transition:transform .35s ease}
.product-card:hover .product-photo{transform:translateY(-3px) scale(1.025)}
.product-photo-op13{transform:scaleX(.985)}
.product-card:hover .product-photo-op13{transform:translateY(-3px) scaleX(1.01) scaleY(1.025)}
.product-photo-op17{transform:scaleX(1.324) scaleY(1.344)}
.product-card:hover .product-photo-op17{transform:translateY(-3px) scaleX(1.357) scaleY(1.378)}
.product-photo-mega{transform:translateY(-10px)}
.product-card:hover .product-photo-mega{transform:translateY(-13px) scale(1.025)}
.product-photo-storm{transform:translateY(-4px) scaleX(1.301) scaleY(1.211)}
.product-card:hover .product-photo-storm{transform:translateY(-7px) scaleX(1.334) scaleY(1.241)}
.product-card.preparing .product-photo{filter:brightness(.58) saturate(.72) drop-shadow(0 18px 24px rgba(0,0,0,.58))}
.product-card.preparing .stock-badge{color:#d9dbe1;background:rgba(5,5,7,.92)}
.preparing-label{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;width:max-content;padding:12px 20px;border:1px solid rgba(200,125,220,.34);border-radius:999px;background:linear-gradient(110deg,rgba(244,200,74,.13),rgba(13,13,13,.88) 38%,rgba(139,92,246,.18));box-shadow:0 12px 34px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08);color:#f5f1f8;font-size:18px;line-height:1;font-weight:750;letter-spacing:.04em;backdrop-filter:blur(10px)}
.preparing-label:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:linear-gradient(135deg,#F4C84A,#8B5CF6);box-shadow:0 0 12px rgba(200,125,220,.75)}
.product-pack{background:var(--gradient);color:#fff;border-color:rgba(255,255,255,.3)}
.product-info{padding:20px}
.stock-badge{border-radius:999px;background:rgba(8,7,13,.78);backdrop-filter:blur(8px)}
.stock-badge.out{color:#8b8f98;background:rgba(13,13,13,.84)}
.filter-tabs{padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.filter-tabs button{border:0}
.filter-tabs button.active{background:var(--gradient);color:#fff;border:0}
.live-banner{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.live-visual{background:radial-gradient(circle,rgba(107,53,201,.16),rgba(255,193,7,.05) 38%,#0d0d0d 70%)}
.live-screen{border-radius:22px;border-color:rgba(255,255,255,.14);overflow:hidden}
.live-screen:before{border-radius:15px}
.stream-pack{background:var(--gradient);border-radius:16px}
.steps{gap:14px;border:0}
.step{border:1px solid var(--line)!important;border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));padding:38px 34px}
.step>span,.label,.closing>p,.text-button span{color:#d19aff}
.cart-drawer{margin:12px;height:calc(100% - 24px);border:1px solid var(--line);border-radius:24px;background:rgba(18,16,25,.96);box-shadow:-25px 0 80px rgba(0,0,0,.4)}
.cart-thumb,.checkout-button,.modal,.toast{border-radius:var(--radius-sm)}
.cart-thumb{overflow:hidden;background:#0d0d0d}.cart-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.cart-item-detail{min-width:0}.quantity-control{display:inline-grid;grid-template-columns:28px 30px 28px;align-items:center;margin-top:12px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.quantity-control button{height:28px;border:0;background:#1b1b1b;color:#fff;cursor:pointer}.quantity-control button:disabled{color:#4e5158;cursor:not-allowed}.quantity-control b{text-align:center;font-size:11px;font-weight:700}
.modal{background:linear-gradient(145deg,#1b1b1b,#0d0d0d);border-color:rgba(255,255,255,.14)}
.toast{background:var(--gradient)}
@media(max-width:900px){.site-header{left:10px;right:10px;top:8px}.live-banner{border-radius:22px}.steps{gap:12px}.step{border:1px solid var(--line)!important}}
@media(max-width:560px){.site-header{left:8px;right:8px}.cart-drawer{margin:0;height:100%;border-radius:0}.product-card{border-radius:18px}.product-image{border-radius:17px 17px 13px 13px}}

/* Storefront hero display */
.hero-copy{width:51%;max-width:none}
.hero-store-display{right:max(28px,calc((100vw - var(--max))/2));top:15%;width:min(42vw,680px);height:84%}
.hero-store-display .orbit-one{width:700px;height:700px;left:5%;top:2%;border-color:rgba(107,53,201,.25)}
.hero-store-display .orbit-two{width:570px;height:570px;left:13%;top:12%;border-color:rgba(255,193,7,.16)}
.store-bag{position:absolute;right:0;top:4%;width:55%;height:72%;z-index:1;background:linear-gradient(140deg,#242424,#0b0b0b 72%);border:1px solid rgba(255,255,255,.18);border-radius:10px 10px 24px 24px;box-shadow:0 38px 90px rgba(0,0,0,.65),inset -8px 0 24px rgba(107,53,201,.12);transform:rotate(2deg)}
.bag-handle{position:absolute;left:29%;top:-2%;width:43%;height:30%;border:8px solid #0b0c10;border-bottom:0;border-radius:50% 50% 0 0;filter:drop-shadow(0 1px 1px #555)}
.store-logo{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.store-logo b{display:block;font-size:58px;line-height:.9;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.12em}.store-logo b span{color:#111;-webkit-text-stroke:2px #eee}.store-logo small{font-size:13px;font-weight:800;letter-spacing:.1em}
.card-binder{position:absolute;left:15%;bottom:6%;width:43%;height:65%;z-index:2;background:linear-gradient(120deg,#27262a,#111115 62%,#242329);border:1px solid #444;border-radius:28px;box-shadow:0 35px 60px rgba(0,0,0,.7),inset 8px 0 18px rgba(255,255,255,.035);transform:rotate(-5deg)}
.card-binder:after{content:"";position:absolute;right:8%;top:0;width:4px;height:100%;background:#111;border-left:1px solid #444;border-radius:3px}.binder-logo{position:absolute;left:17%;top:25%;color:#555}.binder-logo b,.binder-logo span,.binder-logo small{display:block}.binder-logo b{font-size:36px;letter-spacing:-.1em}.binder-logo span{font-size:11px;letter-spacing:.12em}.binder-logo small{font-size:6px;margin-top:8px;letter-spacing:.16em}
.graded-card{position:absolute;left:43%;bottom:-1%;width:27%;height:55%;z-index:5;padding:8px;background:rgba(205,211,224,.18);border:2px solid rgba(255,255,255,.55);border-radius:13px;box-shadow:0 28px 45px rgba(0,0,0,.72);transform:rotate(5deg);backdrop-filter:blur(2px)}
.grade-label{height:17%;padding:6px;background:#e8e8e5;color:#17171b;border-radius:5px;display:flex;justify-content:space-between;gap:4px;font-size:6px}.grade-label span{font-weight:800}.slab-card{height:77%;margin-top:7%;background:radial-gradient(circle at 50% 35%,#34244c,#101016 67%);border:1px solid #777;border-radius:5px;display:grid;place-content:center;text-align:center}.slab-card b{font-size:27px;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.slab-card small{font-size:6px;letter-spacing:.12em;color:#aaa}
.store-pack{position:absolute;right:3%;bottom:-2%;width:23%;height:48%;z-index:4;padding:17px;background:linear-gradient(155deg,#211a2d,#111 52%,#55339b);border:1px solid #4c4359;border-radius:8px 8px 17px 17px;box-shadow:0 30px 55px #000;transform:rotate(8deg);display:flex;flex-direction:column}.store-pack:after{content:"";position:absolute;left:-10%;right:-10%;bottom:18%;height:19%;background:var(--gradient);transform:skewY(-12deg);z-index:-1}.store-pack span,.store-pack small{font-size:6px;letter-spacing:.11em}.store-pack b{font-size:70px;line-height:1;margin:auto 0 0;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.store-pack strong{font-size:14px;line-height:1}.store-pack small{margin-top:auto;text-align:right}
.store-coin{position:absolute;right:27%;bottom:-3%;z-index:6;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,#26232d,#0c0d11 68%);border:4px double #6c6576;box-shadow:0 20px 35px #000;display:grid;place-content:center;text-align:center;transform:rotate(-7deg)}.store-coin b{font-size:18px;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.store-coin span{font-size:5px;letter-spacing:.13em;margin-top:5px}
.spark{position:absolute;z-index:7;color:#a875f6;text-shadow:0 0 16px currentColor}.spark-one{left:5%;top:25%;font-size:24px}.spark-two{left:22%;top:48%;font-size:17px;color:#f4c84a}
@media(max-width:900px){.hero-copy{width:100%}.hero-store-display{width:92%;right:-8%;height:390px;top:auto;bottom:25px}.store-bag{width:48%;height:76%}.card-binder{left:24%;width:34%;height:64%}.graded-card{left:48%;width:22%}.store-pack{width:20%}.store-coin{width:74px;height:74px}.store-logo b{font-size:38px}}
@media(max-width:560px){.hero-store-display{height:300px;opacity:.82}.store-bag{right:2%;width:54%}.card-binder{left:14%;width:42%}.graded-card{left:45%;width:27%}.store-pack{width:24%}.store-coin{display:none}.store-logo small{font-size:8px}}

/* Real MOA product hero images */
.hero-store-display:before{content:"";position:absolute;z-index:0;left:4%;right:-4%;bottom:-7%;height:38%;background:radial-gradient(ellipse at 50% 75%,rgba(255,193,7,.25),rgba(107,53,201,.12) 42%,transparent 72%);filter:blur(18px);pointer-events:none}
.hero-product{position:absolute;display:block;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(0,0,0,.68));user-select:none;pointer-events:none}
.hero-product-group{z-index:4;top:10%;right:0;width:94%;height:auto;object-fit:contain;transform:none;filter:brightness(.9) contrast(1.09) saturate(.9) drop-shadow(0 12px 10px rgba(0,0,0,.42)) drop-shadow(0 30px 28px rgba(0,0,0,.58)) drop-shadow(18px 42px 38px rgba(0,0,0,.38))}
.hero-store-display:after{content:"";position:absolute;z-index:3;left:13%;right:1%;bottom:2%;height:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.68) 0%,rgba(0,0,0,.34) 48%,transparent 74%);filter:blur(13px);transform:skewX(-8deg);pointer-events:none}
.hero-copy h1{font-size:clamp(50px,5.9vw,89px)}
.hero-product-bag{z-index:1;right:0;top:8%;width:70%;height:84%;object-fit:contain;transform:none}
.hero-product-binder{z-index:2;left:2%;top:21%;width:43%;height:56%;object-fit:contain;transform:rotate(-.5deg)}
.hero-product-slabs{z-index:4;left:24%;bottom:3%;width:58%;height:48%;object-fit:contain;transform:rotate(.3deg)}
.hero-product-pack{z-index:5;right:0;bottom:4%;width:25%;height:43%;object-fit:contain;transform:rotate(1.5deg)}
.spark-one{left:17%;top:20%}.spark-two{left:31%;top:38%}
@media(max-width:900px){.hero-copy{width:100%;max-width:none}.hero-store-display{width:96%;right:-8%;height:390px}.hero-product-bag{right:0;width:52%;height:91%}.hero-product-binder{left:20%;width:34%;height:63%}.hero-product-pack{left:50%;width:20%;height:49%}.hero-product-slabs{right:0;width:31%;height:48%}}
@media(max-width:560px){.hero-store-display{width:108%;right:-17%;height:300px}.hero-product-bag{right:2%;width:46%;height:86%}.hero-product-binder{left:20%;width:35%;height:62%}.hero-product-pack{left:51%;width:19%;height:48%}.hero-product-slabs{right:1%;width:32%;height:48%}.spark{display:none}}

/* MOA brand hero */
.hero-brand-visual{z-index:0;inset:0;width:100%;height:100%;display:block}
.hero-brand-visual:before{display:none}
.hero-brand-visual:after{display:none}
.hero-brand-logo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;user-select:none;animation:hero-brand-arrive .9s cubic-bezier(.2,.75,.25,1) both}
@keyframes hero-brand-arrive{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero-brand-visual{inset:0;width:100%;height:100%;opacity:.68}.hero-brand-logo{width:100%;object-position:62% center}}
@media(max-width:560px){.hero-brand-visual{inset:0;width:100%;height:100%;opacity:.52}.hero-brand-logo{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.hero-brand-logo{animation:none}}

/* Account and checkout flow */
[hidden]{display:none!important}
#loginModal{width:min(460px,calc(100% - 30px));max-height:calc(100vh - 36px);overflow:auto}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin:26px 0 22px;background:#0d0d0d;border:1px solid var(--line);border-radius:13px}
.auth-tabs button{height:40px;border:0;border-radius:9px;background:transparent;color:#777;cursor:pointer;font-size:12px;font-weight:700}
.auth-tabs button.active{background:var(--gradient);color:#fff}
.auth-form{display:none}.auth-form.active{display:block}
.auth-tabs.hidden,.social-auth.hidden,.auth-divider.hidden{display:none!important}
.auth-form>label{display:block;margin:13px 0;color:#a8abb2;font-size:11px;font-weight:600}
.auth-form input:not([type="checkbox"]){display:block;width:100%;height:48px;margin-top:7px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:#0d0d0d;color:#fff;outline:0;transition:.2s}
.auth-form input:not([type="checkbox"]):focus{border-color:#9A46E4;box-shadow:0 0 0 3px rgba(154,70,228,.12)}
.auth-form input::placeholder{color:#51555e}
.field-help{display:block;margin-top:7px;color:#696e78;font-size:10px;font-weight:400}
.otp-field{margin:15px 0 8px}
.otp-label{display:block;margin-bottom:10px;color:#a8abb2;font-size:11px;font-weight:600}
.otp-inputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.otp-inputs .otp-digit,.auth-form .otp-inputs .otp-digit{display:block;width:100%;height:54px;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;background:#0d0d0d;color:#fff;font-size:22px;font-weight:700;letter-spacing:0;text-align:center;caret-color:transparent;outline:0;transition:.18s border-color,.18s box-shadow,.18s background}
.otp-inputs .otp-digit:focus,.auth-form .otp-inputs .otp-digit:focus{border-color:#9A46E4;box-shadow:0 0 0 3px rgba(154,70,228,.12)}
.otp-inputs .otp-digit.is-filled{border-color:#9A46E4}
.otp-inputs.is-invalid .otp-digit{border-color:#ff817a;animation:otp-shake .28s ease}
@keyframes otp-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
#loginModal .otp-label{color:#444741;font-size:13px;font-weight:650}
#loginModal .otp-inputs .otp-digit{height:56px;border:1px solid #dcded8;border-radius:10px;background:#f8f8f6;color:#20211f;font-size:24px}
#loginModal .otp-inputs .otp-digit:focus{border-color:var(--moa-purple);background:#fff;box-shadow:0 0 0 3px rgba(104,35,201,.09)}
#loginModal .otp-inputs .otp-digit.is-filled{border-color:var(--moa-purple);background:#fff}
@media(max-width:430px){.otp-inputs{gap:6px}.otp-inputs .otp-digit,#loginModal .otp-inputs .otp-digit{height:48px;font-size:20px;border-radius:9px}}
.terms-check{display:flex!important;align-items:flex-start;gap:9px;line-height:1.5;cursor:pointer}.terms-check input{margin:2px 0 0;accent-color:#8b5cf6}
.signup-consent{margin:16px 0;padding:14px 14px 12px;border:1px solid #e0e1dd;border-radius:12px;background:#f5f5f2}
.signup-consent .consent-note{margin:0 0 12px;color:#858981;font-size:12px;line-height:1.45}
.signup-consent .consent-list{display:grid;gap:2px;padding-top:8px;border-top:1px solid #e4e5e1}
.consent-item{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:8px 2px;color:#4f534d;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer}
.consent-item input{flex:0 0 auto;margin:0;accent-color:var(--moa-purple,#6823c9)}
.consent-item span{flex:1;min-width:0;display:grid;gap:3px}
.consent-item span small{display:block;color:#858981;font-size:11px;font-weight:500;line-height:1.45}
.consent-note b{color:#3f285d;font-weight:750}
.consent-doc-modal{width:min(680px,calc(100% - 28px));padding:28px 24px 22px;border:1px solid #dedfd9;border-radius:16px;background:#fff}
.consent-doc-modal h3{margin:0 0 12px;font-size:18px;letter-spacing:-.03em}
.consent-doc-body{max-height:min(62vh,560px);overflow:auto;margin:0 0 18px;padding:14px;border:1px solid #e5e6e2;border-radius:10px;background:#f8f8f6;color:#4f534d;font-size:13px;line-height:1.65}
.consent-doc-body p{margin:0 0 10px}
.consent-doc-body p:last-child{margin-bottom:0}
.consent-doc-modal .auth-submit{margin-top:0}
.consent-scroll{max-height:148px;overflow:auto;margin:0 0 8px 28px;padding:12px 12px 4px;border:1px solid #e4e5e1;border-radius:10px;background:#fff;color:#3d403c;font-size:12px;line-height:1.6}
.consent-scroll h4{margin:0 0 4px;color:#20211f;font-size:12px;font-weight:750}
.consent-scroll p{margin:0 0 10px}
.consent-doc-body h4{margin:14px 0 4px;color:#20211f;font-size:13px;font-weight:750}.consent-doc-body h4:first-of-type{margin-top:0}
.consent-item em{margin-right:4px;font-style:normal;font-weight:750;color:#c23b4a}
.consent-item.consent-all{padding-bottom:10px;margin-bottom:0;border-bottom:1px solid #e4e5e1;color:#20211f;font-size:14px;font-weight:750}
.consent-link{flex:0 0 auto;margin-left:auto;padding:0;border:0;background:transparent;color:#858981;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.consent-link:hover{color:#6823c9}
.remember-check{display:flex!important;align-items:center;gap:9px;cursor:pointer}.remember-check input{margin:0;accent-color:#8b5cf6}.remember-check span{color:#62665f;font-size:13px}
.form-error{min-height:18px;margin:9px 0 4px!important;color:#ff817a!important;font-size:11px!important}
.auth-submit{width:100%;height:50px;border:0;border-radius:12px;background:var(--gradient);color:#fff;font-weight:800;cursor:pointer}
.auth-switch{display:block;margin:17px auto 0;border:0;background:transparent;color:#777;font-size:11px;cursor:pointer}.auth-switch b{color:#d8b0f4}
.auth-account .label{display:block;margin:14px 0}.auth-account>p{margin:18px 0 28px;color:#858993;font-size:13px}
.icon-button.logged-in{border-color:inherit;background:inherit;box-shadow:none}
.header-actions #loginOpen{width:auto;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.header-actions #loginOpen svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-state-label{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:-.02em;color:inherit}.header-actions #loginOpen:not(.logged-in) .auth-state-label{display:none}.header-actions #loginOpen.logged-in{padding:0 12px 0 10px;border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);box-shadow:0 4px 12px rgba(104,35,201,.08);color:#3f285d}.header-actions #loginOpen.logged-in .auth-state-label{color:#3f285d}.header-actions #loginOpen.logged-in svg{stroke:#3f285d}
@media(max-width:560px){#loginModal{padding:34px 24px}.auth-form input:not([type="checkbox"]){height:46px}}


/* Muted interactive palette */
.primary-button,.checkout-button,.auth-submit,.auth-tabs button.active,.filter-tabs button.active,.cart-button span{background:var(--gradient-ui);border:0;box-shadow:0 10px 24px rgba(74,38,120,.14);color:#fff}
.primary-button,.checkout-button,.auth-submit{position:relative;overflow:hidden}
.primary-button:hover,.checkout-button:hover,.auth-submit:hover{background:var(--gradient-ui);filter:brightness(1.1) saturate(.96);transform:translateY(-2px);box-shadow:0 14px 30px rgba(74,38,120,.2)}
.primary-button:active,.checkout-button:active,.auth-submit:active{filter:brightness(.96);transform:translateY(0);box-shadow:0 6px 16px rgba(74,38,120,.12)}
.checkout-button,.auth-submit{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.secondary-button{border:0;background:linear-gradient(135deg,rgba(186,150,42,.08),rgba(100,69,155,.18));box-shadow:none}
.secondary-button:hover{border:0;background:linear-gradient(135deg,rgba(186,150,42,.14),rgba(100,69,155,.28));transform:translateY(-2px)}
.live-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:28px}
.live-actions .primary-button{min-width:172px;margin:0;padding:14px 16px;white-space:nowrap}
.live-guide-link{display:inline-flex;align-items:center;gap:13px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none;font-size:13px;font-weight:650;transition:.2s ease}
.live-guide-link span{color:#c7a1ef;font-size:17px}
.live-guide-link:hover{border-color:#c87ddc;color:#e7d5f8;transform:translateY(-2px)}
.step-icon svg{display:block;width:48px;height:48px;fill:none;stroke:#c8cbd1;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.step-icon svg .accent{stroke:#c87ddc}
.delivery-box .proxy-opening-option{margin-top:8px}
.proxy-opening-note{display:block;margin:8px 0 0;color:#8a8d86;font-size:11px;line-height:1.45}
.live-badge{z-index:3}
.live-youtube{position:absolute;inset:0;z-index:1;display:block;overflow:hidden;color:inherit}
.live-youtube img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease}
.live-youtube:hover img{transform:scale(1.025);filter:brightness(1.08)}
.header-brand-logo{display:block;width:104px;height:40px;object-fit:contain;object-position:left center}
.footer-brand-logo{display:block;width:104px;height:40px;object-fit:contain;object-position:left center}
.modal-brand-logo{display:block;width:112px;height:auto;margin-bottom:24px;object-fit:contain}
.add-button:hover:not(:disabled){background:var(--gradient-ui);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(74,38,120,.18)}
.quantity-control button:hover:not(:disabled){background:#29232f;color:#e7c8f1}

/* Collector platform features */
.header-brand-logo,.footer-brand-logo{width:110px;height:42px;object-fit:contain;object-position:left center;border-radius:0}
.desktop-nav{gap:30px}.desktop-nav a{font-size:10px}
.platform-section{border-top:1px solid var(--line)}
.point-balance{padding:12px 16px;border:1px solid var(--line);border-radius:12px;color:#777;font-size:10px}.point-balance b{display:block;margin-top:4px;color:#fff;font-size:15px}
.pack-switch{display:inline-flex;gap:4px;padding:4px;margin-bottom:28px;border:1px solid var(--line);border-radius:13px;background:#0c0d0f}.pack-switch button{padding:11px 16px;border:0;border-radius:9px;background:transparent;color:#777;font-size:11px;cursor:pointer}.pack-switch button.active{background:var(--gradient-ui);color:#fff}
.pack-market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.market-pack{position:relative;min-height:420px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#15161a,#0c0d0f);overflow:hidden}.market-pack:before{content:"";position:absolute;width:210px;height:210px;right:-40px;top:-35px;border-radius:50%;background:var(--pack-accent);filter:blur(90px);opacity:.15}.market-pack img{display:block;width:100%;height:235px;object-fit:contain;filter:drop-shadow(0 22px 28px #000)}.market-pack h3{margin:18px 0 7px;font-size:17px}.market-pack p{margin:0;color:#777;font-size:11px}.market-pack-footer{display:flex;align-items:end;justify-content:space-between;margin-top:20px}.market-pack-footer b{font-size:18px}.market-pack-footer small{display:block;margin-top:4px;color:#666;font-size:9px}.open-pack-button{padding:11px 14px;border:0;border-radius:10px;background:#eee;color:#111;font-size:10px;font-weight:800;cursor:pointer}.open-pack-button:disabled{opacity:.35;cursor:not-allowed}
.recent-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px}.recent-card{min-height:285px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#111216}.recent-card-visual{height:180px;display:grid;place-items:center;border-radius:13px;background:radial-gradient(circle,var(--card-accent),#090a0c 68%);font-size:52px;font-weight:900}.recent-card span{display:block;margin-top:15px;color:#a875f6;font-size:8px;letter-spacing:.14em}.recent-card h3{margin:7px 0 4px;font-size:12px}.recent-card p{margin:0;color:#666;font-size:9px}
.sync-indicator{color:#73777d;font-size:9px;letter-spacing:.1em}.sync-indicator i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#61d98b;box-shadow:0 0 9px #61d98b}
.market-toolbar{display:grid;grid-template-columns:1fr 190px;gap:10px;margin-bottom:22px}.market-search{height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--line);border-radius:13px;background:#0c0d0f}.market-search span{font-size:24px;color:#777}.market-search input,.market-toolbar select{width:100%;height:100%;border:0;background:transparent;color:#ddd;outline:0}.market-toolbar select{padding:0 14px;border:1px solid var(--line);border-radius:13px;background:#0c0d0f}
.market-layout{display:grid;grid-template-columns:190px 1fr;gap:24px}.market-filters{padding:20px;border:1px solid var(--line);border-radius:16px;background:#0d0e10}.market-filters div+div{margin-top:22px}.market-filters b{display:block;margin-bottom:10px;font-size:10px;letter-spacing:.12em}.market-filters button{display:block;width:100%;margin:5px 0;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#777;text-align:left;font-size:10px;cursor:pointer}.market-filters button.active{border-color:#4b3a60;background:#1b1621;color:#fff}.market-filters .filter-reset{margin-top:24px;border-color:var(--line);text-align:center}.market-result-count{margin:0 0 13px;color:#666;font-size:10px}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.market-card{border:1px solid var(--line);border-radius:16px;background:#111216;overflow:hidden}.market-card-visual{height:220px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(107,53,201,.22),#0a0b0d 65%)}.market-card-visual img{width:80%;height:88%;object-fit:contain}.market-card-body{padding:15px}.market-card-body span{font-size:8px;color:#9c75ca}.market-card-body h3{min-height:34px;margin:7px 0;font-size:12px}.market-card-row{display:flex;align-items:center;justify-content:space-between}.market-card-row b{font-size:13px}.market-card-row button{width:32px;height:32px;border:0;border-radius:8px;background:var(--gradient-ui);color:#fff;cursor:pointer}.market-empty{grid-column:1/-1;padding:70px 20px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:#666}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-grid article{min-height:240px;padding:30px;border:1px solid var(--line);border-radius:18px;background:#101113}.service-grid article>span{color:#9c75ca;font-size:8px;letter-spacing:.15em}.service-grid h3{margin:25px 0 10px;font-size:20px}.service-grid p{color:#777;font-size:11px;line-height:1.7}.service-grid button{margin-top:18px;border:0;background:transparent;color:#ddd;font-size:11px;cursor:pointer}
.feature-modal{width:min(620px,calc(100% - 30px));max-height:calc(100vh - 36px);overflow:auto}.pack-reveal{height:300px;display:grid;place-items:center;margin:24px 0;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle,rgba(107,53,201,.28),#090a0c 68%);font-size:82px;font-weight:900;transition:.45s}.pack-reveal.opened{transform:rotateY(360deg);background:radial-gradient(circle,rgba(255,193,7,.25),#0b0c0e 70%)}.collection-list{display:grid;gap:10px;margin-top:22px}.collection-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:12px}.collection-item span{color:#9c75ca;font-size:10px}.collection-empty{padding:50px 15px;text-align:center;color:#666}
@media(max-width:900px){.pack-market-grid,.market-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.market-layout{grid-template-columns:1fr}.market-filters{display:flex;gap:7px;overflow-x:auto}.market-filters div{display:flex;gap:5px;align-items:center}.market-filters div+div{margin:0}.market-filters b{white-space:nowrap;margin:0 5px 0 0}.market-filters button{width:auto;white-space:nowrap}.market-filters .filter-reset{margin:0}}
@media(max-width:560px){.header-brand-logo{width:88px;height:36px;object-fit:contain}.pack-market-grid,.market-grid,.service-grid{grid-template-columns:1fr}.market-toolbar{grid-template-columns:1fr}.market-pack{min-height:390px}.market-layout{gap:14px}.service-grid{padding-left:20px;padding-right:20px}}

/* Restored storefront header and customer inquiry */
.header-brand-logo,.footer-brand-logo{width:110px;height:42px;object-fit:contain;object-position:left center;border-radius:0}
.desktop-nav{gap:42px}.desktop-nav a{font-size:12px}
.inquiry-modal{width:min(520px,calc(100% - 30px))}
.inquiry-form{display:grid;gap:13px;margin-top:24px}
.inquiry-form label{color:#999;font-size:11px}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0c0d0f;color:#eee;outline:0;resize:vertical}
.inquiry-form input,.inquiry-form select{height:45px}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#8251ba}

/* Hero image placeholder and top-aligned navigation */
.site-header{top:0;left:0;right:0;border-top:0;border-left:0;border-right:0;border-radius:0 0 18px 18px}
@media(max-width:900px){.site-header{top:0;left:0;right:0}}

.admin-modal{width:min(980px,calc(100% - 28px));max-height:calc(100vh - 30px);overflow:auto}.admin-login{display:grid;gap:10px;margin-top:24px}.admin-login input{height:46px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:#0c0d0f;color:#fff}.admin-tools{position:sticky;top:-42px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(18,20,22,.96);backdrop-filter:blur(12px)}.admin-tools p{margin:0;color:#888;font-size:11px}.admin-tools button,.admin-product button{padding:10px 13px;border:0;border-radius:8px;background:var(--gradient-ui);color:#fff;font-size:10px;font-weight:700;cursor:pointer}.admin-product{padding:18px 0;border-top:1px solid var(--line)}.admin-product-head{display:flex;justify-content:space-between;gap:16px}.admin-product-head span{color:#9c75ca;font-size:8px;letter-spacing:.12em}.admin-product-head h4{margin:6px 0;font-size:13px}.admin-product-head small{color:#666}.admin-enabled{display:flex;align-items:center;gap:7px;color:#bbb;font-size:11px}.admin-enabled input{accent-color:#8b55bd}.admin-fields{display:grid;grid-template-columns:125px 125px 80px 1fr 145px auto;gap:8px;align-items:end;margin-top:14px}.admin-fields label{color:#777;font-size:9px}.admin-fields input{display:block;width:100%;height:39px;margin-top:5px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#0c0d0f;color:#eee}.admin-file input{padding:7px 5px;font-size:8px}@media(max-width:760px){.admin-fields{grid-template-columns:1fr 1fr}.admin-image-field{grid-column:1/-1}.admin-tools{align-items:flex-start;flex-direction:column}}
.market-price{display:block;margin:0 0 5px;color:#777;font-size:10px}.product-info h3 small{color:#777;font-size:10px;font-weight:500}

/* Kado-inspired ORIPA and live inventory sections */
.oripa-section{padding-top:112px;padding-bottom:100px}.kado-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.kado-section-heading h2{margin:12px 0 0;font-size:clamp(38px,4vw,56px);letter-spacing:-.055em}.kado-section-heading>a{display:inline-flex;align-items:center;gap:18px;padding:10px 0;border-bottom:1px solid #4a4d51;color:#ddd;text-decoration:none;font-size:12px;font-weight:650}.kado-section-heading>a span{color:#c994df;font-size:17px}
.oripa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.oripa-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:20px;background:#111216;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}.oripa-card:hover{transform:translateY(-6px);border-color:rgba(200,125,220,.4);box-shadow:0 26px 60px rgba(0,0,0,.35)}.oripa-art{position:relative;height:430px;padding:27px;overflow:hidden;background:radial-gradient(circle at 70% 35%,var(--oripa-glow),transparent 40%),linear-gradient(150deg,var(--oripa-top),#090a0c 75%)}.oripa-art:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;pointer-events:none}.oripa-art:after{content:"MOA";position:absolute;left:-17px;bottom:-28px;color:rgba(255,255,255,.035);font-size:145px;font-weight:900;letter-spacing:-.13em}.oripa-art img{position:absolute;z-index:2;right:-3%;bottom:5%;width:80%;height:70%;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(0,0,0,.6));transform:rotate(6deg);transition:transform .4s}.oripa-card:hover .oripa-art img{transform:translateY(-7px) rotate(2deg) scale(1.035)}.oripa-series{position:relative;z-index:3;color:rgba(255,255,255,.65);font-size:8px;font-weight:700;letter-spacing:.18em}.oripa-art strong{position:relative;z-index:3;display:block;width:min-content;margin-top:16px;color:#fff;font-size:34px;line-height:.85;letter-spacing:-.07em}.oripa-art strong i{display:block;color:var(--oripa-accent);font-size:16px;font-style:normal;letter-spacing:.22em}.oripa-art small{position:relative;z-index:3;display:block;margin-top:14px;color:rgba(255,255,255,.46);font-size:7px;letter-spacing:.18em}.oripa-violet{--oripa-top:#25143d;--oripa-glow:rgba(160,80,242,.38);--oripa-accent:#d29bff}.oripa-gold{--oripa-top:#3a2b0e;--oripa-glow:rgba(255,186,42,.32);--oripa-accent:#ffd56a}.oripa-blue{--oripa-top:#102c39;--oripa-glow:rgba(44,183,222,.28);--oripa-accent:#7de3ff}
.oripa-info{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:19px 58px 21px 20px}.oripa-info h3{margin:0 0 7px;font-size:14px}.oripa-info p{margin:0;color:#70757b;font-size:9px}.oripa-stock{width:90px;text-align:right}.oripa-stock b{font-size:11px}.oripa-stock b span{color:#61666b;font-weight:500}.oripa-stock>i{display:block;height:2px;margin-top:8px;background:#292c30}.oripa-stock>i span{display:block;height:100%;background:var(--oripa-accent)}.oripa-card>button{position:absolute;right:16px;bottom:18px;width:34px;height:34px;border:1px solid #34383d;border-radius:50%;background:transparent;color:#ddd;cursor:pointer;transition:.2s}.oripa-card>button:hover{border-color:transparent;background:var(--gradient-ui);color:#fff}
.shop.section{padding-top:95px;border-top:1px solid var(--line)}.inventory-heading{margin-bottom:32px}.inventory-heading h2{font-size:clamp(38px,4vw,56px)}.inventory-heading:after{content:"전체 상품을 한눈에 확인하세요";align-self:center;margin-left:auto;margin-right:24px;color:#666b70;font-size:9px;letter-spacing:.1em}.shop .product-grid{grid-template-columns:repeat(4,1fr);gap:14px}.shop .product-image{height:380px}.shop .product-card{min-width:0}.shop .product-info{padding-top:15px}.shop .product-info h3{font-size:13px}.shop .product-info p{font-weight:700;color:#f2f3f4}
@media(max-width:1100px){.oripa-section{padding-left:24px;padding-right:24px}.oripa-grid{grid-template-columns:repeat(2,1fr)}.oripa-card:last-child{display:none}.shop .product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.oripa-section{padding-top:86px}.oripa-art{height:390px}.inventory-heading:after{display:none}.shop .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.oripa-section{padding:72px 20px 66px}.kado-section-heading{align-items:flex-start;gap:20px}.kado-section-heading h2{font-size:39px}.kado-section-heading>a{font-size:10px}.oripa-grid{display:grid;grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;gap:10px;overflow-x:auto;margin-right:-20px;padding-right:20px;padding-bottom:10px;scroll-snap-type:x mandatory}.oripa-card,.oripa-card:last-child{display:block;scroll-snap-align:start}.oripa-art{height:360px}.oripa-info{padding:17px 55px 19px 17px}.shop .product-grid{display:grid;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none;overflow-x:auto;margin-right:-20px;padding-right:20px;padding-bottom:12px;scroll-snap-type:x mandatory}.shop .product-card{scroll-snap-align:start}.shop .product-image{height:350px}.inventory-heading{align-items:flex-start}.inventory-heading .filter-tabs{width:100%}}

/* MOA Live commerce layout based on live.kado.trade/live/@kado-live */
:root{--bg:#fff;--panel:#fff;--panel2:#f7f7f8;--text:#111214;--muted:#6f7378;--line:#e2e4e8;--lime:#ff2028;--lime2:#ff2028;--gradient:linear-gradient(135deg,#ff3038,#ee111b);--gradient-ui:linear-gradient(135deg,#ff3038,#ee111b);--max:1240px}
body{background:#fff;color:var(--text)}.noise{display:none}.site-header{position:fixed;top:0;left:0;right:0;height:56px;padding:0 max(28px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.96);border:0;border-bottom:1px solid #eceef1;border-radius:0;box-shadow:none;backdrop-filter:blur(14px)}.header-brand-logo{width:110px;height:42px;object-fit:contain;object-position:left center;filter:none}.desktop-nav{gap:28px}.desktop-nav a{color:#5c6065;font-size:10px}.desktop-nav a:hover{color:#111}.icon-button,.cart-button,.menu-button{height:36px;background:#fff;border:1px solid #dfe2e6;border-radius:999px;color:#111}.icon-button svg{stroke:#111}.cart-button span{background:#111;color:#fff;border-radius:50%;box-shadow:none}
.hero{min-height:0;height:302px;max-height:none;margin:76px auto 0;padding:0;width:min(var(--max),calc(100% - 40px));display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 74% 30%,rgba(20,79,255,.42),transparent 29%),linear-gradient(120deg,#070811,#04050a 60%,#10162a)}.hero:before{content:"";position:absolute;inset:-40% -10%;background:linear-gradient(12deg,transparent 45%,rgba(44,49,255,.22) 48%,transparent 51%);transform:rotate(-7deg)}.hero:after{display:none}.hero-glow{display:none}.live-hero-copy{position:relative;z-index:2;padding-left:9%}.live-hero-brand{display:block;color:#fff;font-size:36px;font-weight:900;letter-spacing:-.06em}.live-hero-brand span{margin-left:7px;color:#ff2028;font-size:18px;letter-spacing:.15em}.live-hero-copy h1{margin:32px 0 13px;color:#fff;font-size:29px;line-height:1.24;letter-spacing:-.045em}.live-hero-copy p{margin:0;color:#9da1ad;font-size:11px;line-height:1.7}.live-hero-copy>a{display:none}.live-hero-products{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;padding-right:8%}.live-hero-products img{width:33%;height:78%;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(0,0,0,.55))}.live-hero-products img:nth-child(1){transform:translateX(18px) rotate(-3deg)}.live-hero-products img:nth-child(2){z-index:2;transform:translateY(-3px) scale(1.06)}.live-hero-products img:nth-child(3){transform:translateX(-18px) rotate(3deg)}.ticker{display:none}
.section{max-width:var(--max);padding:70px 0}.live-commerce{padding-top:24px;padding-bottom:42px}.live-commerce-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.live-commerce-heading h2{display:flex;align-items:center;gap:12px;margin:0;font-size:20px}.live-commerce-heading h2 span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#ff1821;color:#fff;font-size:10px}.live-commerce-heading h2 i{width:6px;height:6px;border-radius:50%;background:#fff}.live-commerce-heading>a{color:#82868b;font-size:10px;text-decoration:underline}.live-dashboard{display:grid;grid-template-columns:352px minmax(360px,1fr) 294px;gap:14px}.live-dashboard article,.live-side>section{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.live-dashboard header{height:43px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #eceef1;font-size:11px}.broadcast-panel header>b{color:#f31822}.broadcast-panel header>b i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#f31822;box-shadow:0 0 0 4px rgba(243,24,34,.1)}.broadcast-panel header>span{color:#85898e;font-size:9px}.broadcast-panel header>a{margin-left:auto;color:#85898e;font-size:9px}.broadcast-screen{position:relative;display:block;height:620px;overflow:hidden;background:#151515}.broadcast-screen img{width:100%;height:100%;object-fit:cover}.broadcast-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.36),transparent 35%)}.broadcast-screen>span{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.88);color:#111;font-size:18px;transform:translate(-50%,-50%)}.broadcast-screen>small{position:absolute;z-index:2;left:18px;top:18px;padding:6px 9px;border-radius:6px;background:rgba(0,0,0,.58);color:#fff;font-size:9px}.broadcast-panel>button{height:40px;margin:0 12px;border:0;background:#fff;color:#282a2d;font-size:10px;cursor:pointer}.chat-panel{display:flex;flex-direction:column}.chat-panel>div{flex:1;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center}.chat-panel>div strong{font-size:36px}.chat-panel>div p{color:#70747a;font-size:12px;line-height:1.7}.chat-panel>div a{margin-top:8px;padding:10px 16px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-size:10px}.live-side{display:grid;align-content:start;gap:12px}.live-side>section{border-radius:15px}.live-side header{justify-content:space-between}.live-side header span{padding:4px 8px;border-radius:999px;background:#f3f4f5;color:#686c71;font-size:9px}.ranking-panel ol{list-style:none;margin:0;padding:0}.ranking-panel li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:12px 13px;border-bottom:1px solid #f0f1f3}.ranking-panel li:first-child{background:#fff8eb}.ranking-panel li i{font-style:normal}.ranking-panel li div b{display:block;font-size:11px}.ranking-panel li div small{color:#8b8f94;font-size:8px}.ranking-panel li>strong{font-size:11px}.opening-panel>div{padding:11px 13px;border-bottom:1px solid #eff0f2}.opening-panel em{display:inline-block;padding:4px 7px;border-radius:5px;background:#f41f29;color:#fff;font-size:8px;font-style:normal;font-weight:700}.opening-panel em.next{background:#eff0f2;color:#74787d}.opening-panel p{display:flex;align-items:center;gap:9px;margin:9px 0 0}.opening-panel p img{width:38px;height:45px;object-fit:contain;background:#f4f4f5;border-radius:6px}.opening-panel p span{min-width:0}.opening-panel p b,.opening-panel p small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opening-panel p b{font-size:10px}.opening-panel p small{max-width:190px;margin-top:4px;color:#777b80;font-size:8px}.live-notice p{margin:0;padding:14px;color:#54585d;font-size:9px;line-height:1.75}.live-benefits{margin-top:26px;padding:15px 18px;border:1px solid var(--line);border-radius:14px}.live-benefits p{margin:4px 0;color:#484c51;font-size:9px}
.oripa-section{padding-top:42px;border-top:1px solid #f0f1f2}.kado-section-heading{margin-bottom:22px}.kado-section-heading h2,.inventory-heading h2{color:#111;font-size:26px;letter-spacing:-.04em}.kado-section-heading>a{border-color:#c9ccd0;color:#55595e}.oripa-grid{gap:12px}.oripa-card{border-color:#e0e2e5;border-radius:14px;background:#fff;box-shadow:none}.oripa-card:hover{border-color:#c9ccd0;box-shadow:0 12px 28px rgba(0,0,0,.08)}.oripa-art{height:330px}.oripa-info h3{color:#111}.oripa-info p{color:#7b7f84}.oripa-stock b{color:#111}.oripa-card>button{border-color:#dadde0;color:#111}
.shop.section{padding-top:46px;border-top:1px solid #f0f1f2}.inventory-heading{align-items:center;margin-bottom:18px}.inventory-heading:after{color:#8a8e93}.filter-tabs{padding:3px;border:1px solid #dfe2e5;border-radius:999px;background:#fff}.filter-tabs button{border:0;border-radius:999px;color:#55595e}.filter-tabs button.active{background:#111;color:#fff}.shop .product-grid{grid-template-columns:repeat(5,1fr);gap:12px}.shop .product-card{border:1px solid #e1e3e6;border-radius:13px;background:#fff;box-shadow:none}.shop .product-card:hover{border-color:#cdd0d4;box-shadow:0 10px 24px rgba(0,0,0,.07)}.shop .product-image{height:250px;border:0;border-bottom:1px solid #eceef0;border-radius:13px 13px 0 0;background:#f6f6f7}.shop .product-image:before{opacity:.06}.shop .product-photo{filter:drop-shadow(0 12px 15px rgba(0,0,0,.16))}.stock-badge,.product-card.preparing .stock-badge{background:rgba(255,255,255,.92);color:#333;border:1px solid #e1e3e6}.product-info{padding:14px}.shop .product-info h3{min-height:35px;color:#202226;font-size:11px}.shop .product-info p{color:#111;font-size:13px}.market-price{color:#92969b}.add-button{border:0;border-radius:50%;background:#111;color:#fff}.add-button:hover:not(:disabled){background:#f31c26}.product-note{color:#8b8f94}
.how,.closing{background:#fff}.step{background:#fff;border-color:#e1e3e6!important}.step h3,.closing h2{color:#111}.step p{color:#777b80}.step-icon svg{stroke:#555}.closing{border-color:#eceef0}.closing em{background:none;color:#111;-webkit-text-stroke:0}footer{border-color:#e5e7e9}.footer-info,.footer-links a,.footer-links button{color:#74787d}
@media(max-width:1100px){.hero,.live-commerce,.oripa-section,.shop.section{width:auto;margin-left:24px;margin-right:24px}.live-dashboard{grid-template-columns:320px 1fr}.live-side{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.shop .product-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.hero{height:280px;grid-template-columns:1fr 1fr}.live-dashboard{grid-template-columns:1fr 1fr}.live-side{grid-template-columns:1fr 1fr}.live-notice{grid-column:1/-1}.shop .product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.site-header{height:54px;padding:0 14px}.desktop-nav{display:none}.hero{height:420px;margin:68px 12px 0;width:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr;border-radius:14px}.live-hero-copy{padding:32px 25px 0}.live-hero-brand{font-size:28px}.live-hero-copy h1{margin-top:20px;font-size:25px}.live-hero-products{padding:0 18px 12px}.live-hero-products img{height:90%}.live-commerce,.oripa-section,.shop.section{margin-left:0;margin-right:0;padding-left:14px;padding-right:14px}.live-commerce-heading h2{font-size:18px}.live-dashboard{grid-template-columns:1fr}.broadcast-screen{height:520px}.chat-panel{min-height:300px}.live-side{grid-template-columns:1fr}.live-notice{grid-column:auto}.oripa-grid{margin-right:-14px;padding-right:14px}.oripa-art{height:330px}.shop .product-grid{grid-auto-columns:64%;margin-right:-14px;padding-right:14px}.shop .product-image{height:270px}.inventory-heading .filter-tabs{width:100%}}

/* Readable web typography scale */
body{font-size:16px;line-height:1.55}.desktop-nav a{font-size:13px}.cart-button{font-size:13px}.live-hero-brand{font-size:40px}.live-hero-brand span{font-size:20px}.live-hero-copy h1{font-size:34px}.live-hero-copy p{font-size:15px;line-height:1.7}.live-commerce-heading h2{font-size:26px}.live-commerce-heading h2 span{font-size:12px}.live-commerce-heading>a{font-size:13px}
.live-dashboard header{font-size:14px}.broadcast-panel header>span,.broadcast-panel header>a{font-size:12px}.broadcast-screen>small{font-size:12px}.broadcast-panel>button{font-size:13px}.chat-panel>div strong{font-size:40px}.chat-panel>div p{font-size:15px}.chat-panel>div a{font-size:13px}.live-side header span{font-size:11px}.ranking-panel li div b{font-size:14px}.ranking-panel li div small{font-size:12px}.ranking-panel li>strong{font-size:14px}.opening-panel em{font-size:11px}.opening-panel p b{font-size:13px}.opening-panel p small{font-size:11px}.live-notice p{font-size:12px}.live-benefits p{font-size:13px}
.eyebrow{font-size:12px}.kado-section-heading h2,.inventory-heading h2{font-size:32px}.kado-section-heading>a{font-size:14px}.oripa-series{font-size:11px}.oripa-art small{font-size:10px}.oripa-info h3{font-size:16px}.oripa-info p{font-size:13px}.oripa-stock{width:106px}.oripa-stock b{font-size:14px}.oripa-card>button{font-size:16px}.inventory-heading:after{font-size:12px}.filter-tabs button{font-size:13px}.shop .product-info h3{min-height:42px;font-size:14px;line-height:1.5}.shop .product-info h3 small{font-size:12px}.market-price{font-size:12px}.shop .product-info p{font-size:16px}.stock-badge{font-size:11px}.product-note{font-size:13px}.add-button{font-size:19px}
.step>span{font-size:12px}.step h3{font-size:20px}.step p{font-size:15px}.closing>p{font-size:12px}.footer-info{font-size:12px}.footer-links a,.footer-links button{font-size:12px}.label{font-size:11px}.delivery-box>span,.delivery-box>label{font-size:13px}.cart-item h4{font-size:14px}.cart-item p{font-size:13px}
@media(max-width:560px){body{font-size:15px}.live-hero-brand{font-size:31px}.live-hero-brand span{font-size:16px}.live-hero-copy h1{font-size:29px}.live-hero-copy p{font-size:13px}.live-commerce-heading h2{font-size:23px}.chat-panel>div strong{font-size:34px}.kado-section-heading h2,.inventory-heading h2{font-size:28px}.shop .product-info h3{font-size:13px}.shop .product-info p{font-size:15px}}

/* Kado Live-style inventory search and category controls */
.inventory-heading:after{display:none}.inventory-controls{margin-bottom:28px}.inventory-search-row{display:grid;grid-template-columns:1fr 118px;gap:10px}.inventory-search{height:50px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid #dfe2e6;border-radius:11px;background:#fff;transition:border-color .2s,box-shadow .2s}.inventory-search:focus-within{border-color:#9b9fa5;box-shadow:0 0 0 3px rgba(17,18,20,.05)}.inventory-search svg{width:20px;height:20px;fill:none;stroke:#9a9ea4;stroke-width:1.8}.inventory-search input{width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:#17181a;font-size:14px}.inventory-search input::placeholder{color:#9a9ea4}.inventory-search-row select{height:50px;padding:0 14px;border:1px solid #dfe2e6;border-radius:11px;background:#fff;color:#33363a;font-size:13px;outline:0;cursor:pointer}
.inventory-game-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.inventory-game-tabs button{height:46px;border:1px solid #d8dbe0;border-radius:999px;background:#fff;color:#303338;font-size:14px;font-weight:650;cursor:pointer;transition:.2s}.inventory-game-tabs button:hover{border-color:#999da3}.inventory-game-tabs button.active{border-color:#111214;background:#111214;color:#fff}
.inventory-type-tabs{display:flex;justify-content:center;gap:8px;margin-top:12px}.inventory-type-tabs button{min-width:62px;height:38px;padding:0 18px;border:1px solid #d9dce0;border-radius:999px;background:#fff;color:#55595e;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.inventory-type-tabs button:hover{border-color:#999da3}.inventory-type-tabs button.active{border-color:#111214;background:#111214;color:#fff}.inventory-result-count{margin:18px 2px 0;color:#777b80;font-size:13px}
@media(max-width:560px){.inventory-controls{margin-bottom:20px}.inventory-search-row{grid-template-columns:1fr 102px;gap:7px}.inventory-search,.inventory-search-row select{height:46px}.inventory-search{padding:0 12px}.inventory-search input,.inventory-game-tabs button{font-size:13px}.inventory-game-tabs{gap:6px;margin-top:10px}.inventory-game-tabs button{height:42px}.inventory-type-tabs{justify-content:flex-start;gap:6px;overflow-x:auto;margin-right:-14px;padding-right:14px}.inventory-type-tabs button{flex:0 0 auto;min-width:56px;height:36px;padding:0 15px;font-size:12px}}

/* MOA dark theme ??preserve the Live commerce layout */
:root{--bg:#0d0d0f;--panel:#151519;--panel2:#1b1b20;--text:#f4f4f6;--muted:#96979f;--line:#2a2b31}
html{background:#0d0d0f}body{background:radial-gradient(circle at 50% 0,rgba(87,65,180,.08),transparent 34%),#0d0d0f;color:var(--text)}
.site-header{background:rgba(13,13,15,.94);border-bottom-color:#292a2f}.header-brand-logo{filter:none}.desktop-nav a{color:#b4b5bc}.desktop-nav a:hover{color:#fff}.icon-button,.cart-button,.menu-button{background:#151519;border-color:#34353b;color:#fff}.icon-button svg{stroke:#fff}.cart-button span{background:#fff;color:#111}.header-actions #loginOpen.logged-in{border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d;box-shadow:0 4px 12px rgba(104,35,201,.08)}.header-actions #loginOpen.logged-in .auth-state-label{color:#3f285d}.header-actions #loginOpen.logged-in svg{stroke:#3f285d}
.hero{box-shadow:0 24px 60px rgba(0,0,0,.25)}.live-commerce-heading h2,.kado-section-heading h2,.inventory-heading h2{color:#f5f5f7}.live-commerce-heading>a{color:#aaaab2}
.live-dashboard article,.live-side>section{border-color:#2b2c32;background:#151519}.live-dashboard header{border-bottom-color:#2a2b30;color:#f3f3f5}.broadcast-panel header>span,.broadcast-panel header>a{color:#9d9ea5}.broadcast-panel>button{background:#151519;color:#e5e5e8}.chat-panel>div p{color:#a3a4ab}.chat-panel>div a{background:#f2f2f4;color:#111}.live-side header span{background:#24252b;color:#b9bac0}.ranking-panel li{border-bottom-color:#292a30}.ranking-panel li:first-child{background:#211c14}.ranking-panel li div small{color:#909198}.opening-panel>div{border-bottom-color:#292a30}.opening-panel em.next{background:#292a30;color:#b8b9bf}.opening-panel p img{background:#23242a}.opening-panel p small,.live-notice p{color:#a7a8ae}.live-benefits{border-color:#2b2c32;background:#131317}.live-benefits p{color:#c7c8cd}
.oripa-section,.shop.section{border-top-color:#28292e}.kado-section-heading>a{border-color:#44454c;color:#d1d2d6}.oripa-card{border-color:#2c2d33;background:#151519}.oripa-card:hover{border-color:#55515f;box-shadow:0 16px 35px rgba(0,0,0,.3)}.oripa-info h3{color:#f4f4f6}.oripa-info p{color:#96979e}.oripa-stock b{color:#f4f4f6}.oripa-card>button{border-color:#3a3b42;color:#fff}
.inventory-search,.inventory-search-row select{border-color:#303139;background:#151519;color:#eee}.inventory-search:focus-within{border-color:#6c6978;box-shadow:0 0 0 3px rgba(255,255,255,.04)}.inventory-search svg{stroke:#8f9098}.inventory-search input{color:#f2f2f4}.inventory-search input::placeholder{color:#777881}.inventory-game-tabs button,.inventory-type-tabs button{border-color:#34353c;background:#151519;color:#c2c3c8}.inventory-game-tabs button:hover,.inventory-type-tabs button:hover{border-color:#686971}.inventory-game-tabs button.active,.inventory-type-tabs button.active{border-color:#f3f3f5;background:#f3f3f5;color:#111}.inventory-result-count{color:#92939b}
.shop .product-card{border-color:#292a30;background:#151519}.shop .product-card:hover{border-color:#4a4b53;box-shadow:0 14px 30px rgba(0,0,0,.26)}.shop .product-image{border-bottom-color:#292a30;background:linear-gradient(145deg,#202126,#17181c)}.shop .product-photo{filter:drop-shadow(0 15px 18px rgba(0,0,0,.45))}.stock-badge,.product-card.preparing .stock-badge{border-color:#3b3c43;background:rgba(18,18,21,.9);color:#ddd}.shop .product-info h3{color:#ececef}.shop .product-info p{color:#fff}.market-price,.product-note{color:#94959d}.add-button{background:#f2f2f4;color:#111}.add-button:hover:not(:disabled){background:#f31c26;color:#fff}.add-button:disabled{background:#2a2b30;color:#64656c}
.how,.closing{background:transparent}.step{border-color:#2a2b31!important;background:#151519}.step h3,.closing h2{color:#f3f3f5}.step p{color:#9899a1}.step-icon svg{stroke:#c5c6cb}.closing{border-color:#292a30}.closing em{color:#f3f3f5}footer{border-color:#292a30}.footer-info,.footer-links a,.footer-links button{color:#8e8f97}
.cart-drawer{background:#151519;color:#f3f3f5;border-color:#303139}.modal{background:#17171b;color:#f4f4f6;border-color:#34353b}.auth-form input,.inquiry-form input,.inquiry-form select,.inquiry-form textarea,.admin-login input,.admin-fields input{background:#101013;color:#eee;border-color:#34353b}.toast{background:#f3f3f5;color:#111}

/* Bright MOA storefront with a focused, original YouTube feature */
:root{--bg:#f6f6f3;--panel:#fff;--panel2:#eff0ec;--text:#171817;--muted:#70736d;--line:#dedfd9}
html{background:#f6f6f3}body{background:#f6f6f3;color:#171817}.site-header{background:rgba(255,255,255,.95);border-bottom-color:#e3e5df}.desktop-nav a{color:#5f625c}.desktop-nav a:hover{color:#111}.icon-button,.cart-button,.menu-button{background:#fff;border-color:#dcded8;color:#111}.icon-button svg{stroke:#111}.cart-button span{background:#111;color:#fff}.header-actions #loginOpen.logged-in{border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d;box-shadow:0 4px 12px rgba(104,35,201,.08)}.header-actions #loginOpen.logged-in .auth-state-label{color:#3f285d}.header-actions #loginOpen.logged-in svg{stroke:#3f285d}.header-actions #loginOpen:not(.logged-in){width:36px;min-width:36px;padding:0}
.hero{box-shadow:0 24px 60px rgba(32,34,29,.12)}
.live-commerce{padding-top:64px;padding-bottom:82px}.live-commerce-heading{align-items:flex-end;margin-bottom:26px}.live-commerce-heading h2{margin:10px 0 0;color:#171817;font-size:clamp(30px,3.3vw,44px);letter-spacing:-.045em}.youtube-status{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #dddeda;border-radius:999px;background:#fff;color:#333632;font-size:12px;font-weight:700}.youtube-status i{width:7px;height:7px;border-radius:50%;background:#ff1f28;box-shadow:0 0 0 4px rgba(255,31,40,.1)}
.youtube-feature{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);min-height:570px;border:1px solid #dedfd9;border-radius:22px;background:#fff;overflow:hidden}.youtube-stage{position:relative;display:block;min-height:570px;overflow:hidden;background:#08090d}.youtube-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 42%),linear-gradient(90deg,rgba(0,0,0,.12),transparent 50%)}.youtube-stage>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.youtube-stage:hover>img{transform:scale(1.018);filter:brightness(1.06)}.youtube-play{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:76px;height:76px;padding-left:5px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.93);box-shadow:0 18px 40px rgba(0,0,0,.28);color:#ff1520;font-size:25px;transform:translate(-50%,-50%);transition:.25s}.youtube-stage:hover .youtube-play{transform:translate(-50%,-50%) scale(1.08)}.youtube-stage-badge{position:absolute;z-index:2;left:24px;top:22px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(10,10,12,.7);color:#fff;font-size:11px;font-weight:700;backdrop-filter:blur(10px)}.youtube-stage-badge i{width:7px;height:7px;border-radius:50%;background:#ff1822}.youtube-stage>strong{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:16px}.youtube-stage>strong span{font-size:20px}
.youtube-copy{display:flex;flex-direction:column;justify-content:center;padding:58px 11%;border-left:1px solid #e2e3de}.youtube-kicker{color:#ff1e28;font-size:11px;font-weight:800;letter-spacing:.16em}.youtube-copy h3{margin:20px 0 18px;font-size:clamp(29px,3vw,40px);line-height:1.15;letter-spacing:-.055em}.youtube-copy>p{margin:0;color:#72756f;font-size:15px;line-height:1.8}.youtube-perks{margin:30px 0}.youtube-perks p{display:flex;align-items:center;gap:13px;margin:0;padding:13px 0;border-bottom:1px solid #e5e6e2;color:#353833;font-size:13px;font-weight:650}.youtube-perks p span{color:#aaa; font-size:10px}.youtube-copy>a{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:15px 17px;border-radius:8px;background:#171817;color:#fff;text-decoration:none;font-size:13px;font-weight:700;transition:.2s}.youtube-copy>a:hover{background:#ff1d27;transform:translateY(-2px)}
.oripa-section,.shop.section{border-top-color:#e3e4df}.kado-section-heading h2,.inventory-heading h2,.closing h2{color:#171817}.kado-section-heading>a{border-color:#c7c9c3;color:#4f524c}.oripa-card{border-color:#dcddd8;background:#fff}.oripa-card:hover{border-color:#c5c7c1;box-shadow:0 15px 34px rgba(34,37,30,.1)}.oripa-info h3,.oripa-stock b{color:#171817}.oripa-info p{color:#73766f}.oripa-card>button{border-color:#d5d7d1;color:#111}
.inventory-search,.inventory-search-row select{border-color:#dcded8;background:#fff;color:#222}.inventory-search:focus-within{border-color:#9da099;box-shadow:0 0 0 3px rgba(17,18,20,.05)}.inventory-search input{color:#171817}.inventory-game-tabs button,.inventory-type-tabs button{border-color:#d8dad4;background:#fff;color:#4f524c}.inventory-game-tabs button:hover,.inventory-type-tabs button:hover{border-color:#969990}.inventory-game-tabs button.active,.inventory-type-tabs button.active{border-color:#171817;background:#171817;color:#fff}.inventory-result-count{color:#787b75}
.shop .product-card{border-color:#dedfd9;background:#fff}.shop .product-card:hover{border-color:#c7c9c2;box-shadow:0 14px 30px rgba(34,37,30,.09)}.shop .product-image{border-bottom-color:#e3e4df;background:#eeefeb}.shop .product-photo{filter:drop-shadow(0 14px 17px rgba(32,34,29,.18))}.stock-badge,.product-card.preparing .stock-badge{border-color:#d7d9d3;background:rgba(255,255,255,.92);color:#333}.shop .product-info h3{color:#252723}.shop .product-info p{color:#111}.market-price,.product-note{color:#858982}.add-button{background:#171817;color:#fff}.add-button:hover:not(:disabled){background:#ff1d27}.add-button:disabled{background:#e3e4df;color:#a5a8a1}
.how,.closing{background:#f6f6f3}.step{border-color:#dedfd9!important;background:#fff}.step h3,.closing em{color:#171817}.step p{color:#757871}.step-icon svg{stroke:#565953}.closing{border-color:#e1e3dd}footer{border-color:#dedfd9}.footer-info,.footer-links a,.footer-links button{color:#747871}.cart-drawer{background:#fff;color:#171817;border-color:#dedfd9}.modal{background:#fff;color:#171817;border-color:#dedfd9}.auth-form input,.inquiry-form input,.inquiry-form select,.inquiry-form textarea,.admin-login input,.admin-fields input{background:#f6f6f3;color:#171817;border-color:#dedfd9}.toast{background:#171817;color:#fff}
@media(max-width:900px){.youtube-feature{grid-template-columns:1fr}.youtube-stage{min-height:520px}.youtube-copy{border-left:0;border-top:1px solid #e2e3de;padding:54px 8%}}
@media(max-width:560px){.live-commerce{padding-top:54px;padding-bottom:60px}.live-commerce-heading{align-items:flex-start;gap:18px}.youtube-status{font-size:10px}.youtube-feature{min-height:0;border-radius:15px}.youtube-stage{min-height:420px}.youtube-play{width:64px;height:64px;font-size:21px}.youtube-stage>strong{font-size:13px}.youtube-copy{padding:42px 24px}.youtube-copy h3{font-size:31px}.youtube-copy>p{font-size:14px}}

/* MOA inventory finder */
.inventory-search kbd{flex:0 0 auto;padding:4px 7px;border:1px solid #e0e1dc;border-bottom-width:2px;border-radius:6px;background:#f5f5f2;color:#92958e;font-family:inherit;font-size:10px}.inventory-filter-bar{display:grid;grid-template-columns:minmax(0,.82fr) 1px minmax(0,1.18fr);align-items:center;gap:24px;margin-top:14px;padding:18px 20px;border:1px solid #dedfd9;border-radius:12px;background:#fff}.inventory-filter-bar>i{width:1px;height:42px;background:#e2e3de}.inventory-filter-group{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}.inventory-filter-group>span{color:#8a8d86;font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.inventory-filter-group .inventory-game-tabs,.inventory-filter-group .inventory-type-tabs{display:flex;justify-content:flex-start;gap:5px;margin:0}.inventory-filter-group button{width:auto;min-width:0;height:34px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#555851;font-size:12px;font-weight:650;white-space:nowrap}.inventory-filter-group button:hover{border:0;background:#f0f1ed;color:#171817}.inventory-filter-group button.active{border:0;background:#171817;color:#fff}.inventory-result-count{margin-top:15px}
@media(max-width:900px){.inventory-filter-bar{grid-template-columns:1fr;gap:14px}.inventory-filter-bar>i{width:100%;height:1px}.inventory-filter-group{grid-template-columns:82px 1fr}}
@media(max-width:560px){.inventory-search kbd{display:none}.inventory-filter-bar{gap:12px;margin-top:10px;padding:15px 14px}.inventory-filter-group{display:block}.inventory-filter-group>span{display:block;margin-bottom:9px}.inventory-filter-group .inventory-game-tabs,.inventory-filter-group .inventory-type-tabs{overflow-x:auto;margin-right:-14px;padding-right:14px}.inventory-filter-group button{flex:0 0 auto;height:34px;padding:0 12px;font-size:12px}}

/* Keep the complete YouTube artwork visible. */
.youtube-stage{background:#050506}.youtube-stage>img{object-fit:contain;object-position:center;background:#050506}.youtube-stage:hover>img{transform:scale(1.008)}
.youtube-copy h3{font-size:clamp(27px,2.35vw,32px)}

/* Lead with the primary YouTube experience instead of the redundant promo hero. */
main#live > .hero,
main#live > .ticker{display:none}

/* Breathing room below the header now that the promotional hero is hidden. */
.live-commerce{padding-top:104px}
@media(max-width:560px){.live-commerce{padding-top:82px}}

/* Familiar storefront search and category controls. */
.inventory-controls{margin-bottom:32px}
.inventory-search-row{grid-template-columns:minmax(0,1fr) 160px;gap:12px}
.inventory-search,.inventory-search-row select{height:56px;border-color:#d8dad5;border-radius:10px}
.inventory-search{padding:0 18px;gap:13px}
.inventory-search svg{width:21px;height:21px;stroke:#6f736c}
.inventory-search input{font-size:15px}
.inventory-search-row select{padding:0 42px 0 17px;font-size:14px;font-weight:600}
.inventory-filter-bar{display:block;margin-top:16px;padding:0;border:0;border-top:1px solid #dedfd9;border-bottom:1px solid #dedfd9;border-radius:0;background:transparent}
.inventory-filter-bar>i{display:none}
.inventory-filter-group{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;padding:14px 4px;align-items:center}
.inventory-filter-group+.inventory-filter-group{border-top:1px solid #ecece8}
.inventory-filter-group>span{color:#393c37;font-size:13px;font-weight:700;letter-spacing:-.02em}
.inventory-filter-group .inventory-game-tabs,.inventory-filter-group .inventory-type-tabs{gap:6px}
.inventory-filter-group button{height:38px;padding:0 17px;border-radius:8px;color:#686b65;font-size:14px;font-weight:600}
.inventory-filter-group button:hover{background:#ededE9;color:#171817}
.inventory-filter-group button.active{background:#171817;color:#fff}
.inventory-result-count{margin:16px 2px 0;font-size:14px}
@media(max-width:560px){
  .inventory-search-row{grid-template-columns:minmax(0,1fr) 108px;gap:8px}
  .inventory-search,.inventory-search-row select{height:50px}
  .inventory-search{padding:0 14px}
  .inventory-search input{font-size:14px}
  .inventory-search-row select{padding-left:12px;font-size:13px}
  .inventory-filter-bar{margin-top:12px;padding:4px 0}
  .inventory-filter-group{display:block;padding:11px 0}
  .inventory-filter-group>span{display:block;margin:0 0 9px 2px;font-size:12px}
  .inventory-filter-group .inventory-game-tabs,.inventory-filter-group .inventory-type-tabs{margin-right:-14px;padding-right:14px}
  .inventory-filter-group button{height:36px;padding:0 15px;font-size:13px}
}

/* Polished, familiar commerce filter card. */
.inventory-controls{padding:20px;border:1px solid #dedfd9;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(35,38,31,.045)}
.inventory-search-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px}
.inventory-search{height:54px;border:1px solid #dedfd9;border-radius:9px;background:#f6f6f3}
.inventory-search:focus-within{border-color:#777a73;background:#fff;box-shadow:0 0 0 3px rgba(23,24,23,.05)}
.inventory-search-button{height:54px;border:0;border-radius:9px;background:#171817;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:.2s}
.inventory-search-button:hover{background:#ff1d27}
.inventory-shop-toolbar{margin-top:18px;padding:0;border:0}
.inventory-filter-chips{display:flex;align-items:center;gap:10px;min-width:0}
.inventory-game-nav,.inventory-type-nav{display:flex;align-items:center;gap:6px}
.inventory-game-nav button,.inventory-type-nav button{height:38px;padding:0 15px;border:1px solid transparent;border-radius:999px;background:#f2f3ef;color:#666a62;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:.18s}
.inventory-game-nav button:hover,.inventory-type-nav button:hover{background:#e8e9e4;color:#171817}
.inventory-game-nav button.active,.inventory-type-nav button.active{border-color:#171817;background:#171817;color:#fff;font-weight:700}
.inventory-game-nav button.active:after{display:none}
.inventory-chip-divider{flex:0 0 1px;width:1px;height:24px;margin:0 3px;background:#dedfd9}
.inventory-selects{margin-left:auto}
.inventory-selects select{width:116px;height:38px;border-color:#dedfd9;border-radius:8px;background-color:#fff;font-size:12px}
.inventory-result-count{margin:16px 2px 0}
@media(max-width:800px){
  .inventory-shop-toolbar{display:block;overflow:hidden}
  .inventory-filter-chips{overflow-x:auto;margin-right:-20px;padding-right:20px;padding-bottom:4px}
  .inventory-selects{margin-top:12px}
  .inventory-selects select{width:100%}
}
@media(max-width:560px){
  .inventory-controls{padding:13px;border-radius:12px}
  .inventory-search-row{grid-template-columns:minmax(0,1fr) 70px}
  .inventory-search,.inventory-search-button{height:48px}
  .inventory-game-nav button,.inventory-type-nav button{height:36px;padding:0 13px;font-size:12px}
}

/* Refined inventory toolbar: quiet search field and familiar text tabs. */
.inventory-controls{margin-bottom:28px}
.inventory-search-row{display:flex;align-items:center;gap:10px}
.inventory-search{flex:1;height:52px;padding:0 17px;border:1px solid #dfe0dc;border-radius:6px;background:#f7f7f5;box-shadow:none}
.inventory-search:focus-within{border-color:#777a74;background:#fff;box-shadow:none}
.inventory-search svg{width:19px;height:19px;stroke:#777a74}
.inventory-search input{font-size:14px}
.inventory-search-row select{flex:0 0 150px;height:52px;border:1px solid #dfe0dc;border-radius:6px;background-color:#fff;font-size:13px;font-weight:500}
.inventory-filter-bar{display:flex;align-items:center;gap:34px;margin-top:0;padding:18px 2px 14px;border:0;border-bottom:1px solid #dedfd9;background:transparent}
.inventory-filter-group{display:flex;align-items:center;gap:15px;padding:0}
.inventory-filter-group+.inventory-filter-group{padding-left:34px;border-top:0;border-left:1px solid #dedfd9}
.inventory-filter-group>span{color:#999c95;font-size:11px;font-weight:700;letter-spacing:0}
.inventory-filter-group .inventory-game-tabs,.inventory-filter-group .inventory-type-tabs{display:flex;gap:20px;overflow:visible}
.inventory-filter-group button{position:relative;height:auto;padding:3px 0 7px;border:0;border-radius:0;background:transparent;color:#777a74;font-size:13px;font-weight:500}
.inventory-filter-group button:hover{background:transparent;color:#111}
.inventory-filter-group button.active{background:transparent;color:#111;font-weight:700}
.inventory-filter-group button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ff1d27}
.inventory-result-count{margin:13px 2px 0;color:#8b8e87;font-size:12px}
@media(max-width:720px){
  .inventory-search-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:7px}
  .inventory-search,.inventory-search-row select{height:48px}
  .inventory-search-row select{width:100%;padding-left:11px;font-size:12px}
  .inventory-filter-bar{display:block;padding:13px 0 10px;overflow:hidden}
  .inventory-filter-group{display:flex;padding:5px 0;gap:13px}
  .inventory-filter-group+.inventory-filter-group{padding:9px 0 5px;border:0}
  .inventory-filter-group>span{flex:0 0 54px;margin:0;font-size:11px}
  .inventory-filter-group .inventory-game-tabs,.inventory-filter-group .inventory-type-tabs{gap:18px;margin:0;overflow-x:auto;padding:0 14px 3px 0}
  .inventory-filter-group button{flex:0 0 auto;padding-bottom:6px;font-size:13px}
}

/* Compact marketplace filter row. */
.inventory-search-row{display:grid;grid-template-columns:minmax(320px,1fr) 156px 142px 126px;gap:8px;padding:10px;border:1px solid #dedfd9;border-radius:12px;background:#fff}
.inventory-search{height:48px;border:0;border-radius:7px;background:#f3f4f1}
.inventory-search:focus-within{border:0;background:#f3f4f1;box-shadow:inset 0 0 0 1px #8b8e87}
.inventory-search-row select{width:100%;height:48px;padding:0 32px 0 14px;border:0;border-left:1px solid #e1e2de;border-radius:0;background-color:#fff;color:#30332e;font-size:13px;font-weight:600}
.inventory-result-count{margin-top:12px}
@media(max-width:760px){
  .inventory-search-row{grid-template-columns:1fr 1fr;padding:8px}
  .inventory-search{grid-column:1/-1}
  .inventory-search-row select{height:44px;border:1px solid #e2e3df;border-radius:6px}
  #inventorySort{grid-column:1/-1}
}

/* Final storefront layout: prominent search, category navigation, compact utilities. */
.inventory-search-row{display:block;padding:0;border:0;border-radius:0;background:transparent}
.inventory-search{width:100%;height:58px;padding:0 20px;border:1px solid #d7d9d3;border-radius:10px;background:#fff}
.inventory-search:focus-within{border:1px solid #171817;background:#fff;box-shadow:0 0 0 3px rgba(23,24,23,.06)}
.inventory-search input{font-size:15px}
.inventory-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding-bottom:16px;border-bottom:1px solid #dfe0dc}
.inventory-game-nav{display:flex;align-items:center;gap:30px}
.inventory-game-nav button{position:relative;padding:9px 1px;border:0;background:transparent;color:#8b8e87;font-size:15px;font-weight:600;cursor:pointer}
.inventory-game-nav button:hover{color:#171817}
.inventory-game-nav button.active{color:#171817;font-weight:800}
.inventory-game-nav button.active:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:3px;background:#171817}
.inventory-selects{display:flex;gap:8px}
.inventory-selects select{width:128px;height:40px;padding:0 34px 0 13px;border:1px solid #d9dbd5;border-radius:7px;background-color:#fff;color:#4e514b;font-size:12px;font-weight:600;cursor:pointer}
.inventory-result-count{margin-top:14px}
@media(max-width:560px){
  .inventory-search{height:52px;padding:0 15px}
  .inventory-shop-toolbar{display:block;margin-top:11px;padding-bottom:12px}
  .inventory-game-nav{gap:25px;overflow-x:auto}
  .inventory-game-nav button{flex:0 0 auto;font-size:14px}
  .inventory-game-nav button.active:after{bottom:-13px}
  .inventory-selects{margin-top:18px}
  .inventory-selects select{flex:1;width:auto;height:42px}
}

/* Canonical inventory controls ??keep this block last. */
body .shop .inventory-controls{margin:0 0 30px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body .shop .inventory-search-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:8px;padding:0;border:0;background:transparent}
body .shop .inventory-search{width:auto;height:52px;padding:0 17px;border:1px solid #d9dbd5;border-radius:8px;background:#fff;box-shadow:none}
body .shop .inventory-search:focus-within{border:1px solid #7c7f78;box-shadow:0 0 0 3px rgba(23,24,23,.05)}
body .shop .inventory-search-button{height:52px;border:0;border-radius:8px;background:#171817;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
body .shop .inventory-search-button:hover{background:#30312f}
body .shop .inventory-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:0 0 15px;border:0;border-bottom:1px solid #dedfd9}
body .shop .inventory-filter-chips{display:flex;align-items:center;gap:9px;min-width:0}
body .shop .inventory-game-nav,body .shop .inventory-type-nav{display:flex;align-items:center;gap:5px;overflow:visible}
body .shop .inventory-game-nav button,body .shop .inventory-type-nav button{position:static;flex:0 0 auto;height:36px;padding:0 14px;border:1px solid #dedfd9;border-radius:7px;background:#fff;color:#686b65;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
body .shop .inventory-game-nav button:hover,body .shop .inventory-type-nav button:hover{border-color:#a8aaa4;background:#f7f7f5;color:#171817}
body .shop .inventory-game-nav button.active,body .shop .inventory-type-nav button.active{border-color:#171817;background:#171817;color:#fff;font-weight:700}
body .shop .inventory-game-nav button.active:after{display:none}
body .shop .inventory-chip-divider{display:block;flex:0 0 1px;width:1px;height:22px;margin:0 4px;background:#dedfd9}
body .shop .inventory-selects{display:flex;flex:0 0 auto;gap:0;margin:0}
body .shop .inventory-selects select{width:112px;height:36px;padding:0 30px 0 12px;border:1px solid #dedfd9;border-radius:7px;background-color:#fff;color:#555851;font-size:12px;font-weight:600}
body .shop .inventory-result-count{margin:13px 1px 0;color:#858981;font-size:12px}
@media(max-width:820px){
  body .shop .inventory-shop-toolbar{display:block;overflow:hidden}
  body .shop .inventory-filter-chips{overflow-x:auto;margin-right:-14px;padding-right:14px;padding-bottom:5px}
  body .shop .inventory-selects{margin-top:10px}
  body .shop .inventory-selects select{width:100%}
}
@media(max-width:560px){
  body .shop .inventory-search-row{grid-template-columns:minmax(0,1fr) 68px;gap:6px}
  body .shop .inventory-search,body .shop .inventory-search-button{height:48px}
  body .shop .inventory-search{padding:0 13px}
  body .shop .inventory-search-button{font-size:13px}
  body .shop .inventory-game-nav button,body .shop .inventory-type-nav button{height:34px;padding:0 12px;font-size:12px}
}

/* MOA logo palette */
:root{
  --moa-purple:#6823c9;
  --moa-yellow:#ffd000;
  --moa-gradient:linear-gradient(100deg,#6823c9 0%,#7c25d5 42%,#ffd000 100%);
  --gradient:var(--moa-gradient);
}
.youtube-kicker,.live-hero-brand span{
  width:max-content;
  background:var(--moa-gradient);
  color:transparent;
  -webkit-background-clip:text;
  background-clip:text;
}
.youtube-status i,.youtube-stage-badge i,.live-badge span{background:var(--moa-gradient);box-shadow:0 0 0 4px rgba(104,35,201,.12)}
.youtube-play{color:var(--moa-purple)}
.youtube-copy>a:hover,.add-button:hover:not(:disabled),.inventory-search-button:hover,body .shop .inventory-search-button:hover{background:var(--moa-gradient);color:#fff}
.opening-panel em{background:var(--moa-gradient)}
.inventory-filter-group button.active:after{background:var(--moa-gradient)}
.eyebrow span{background:var(--moa-gradient)}

/* Apply the MOA palette across the complete storefront. */
.primary-button,.checkout-button,.auth-submit,.inquiry-submit,
.inventory-search-button,body .shop .inventory-search-button,
.youtube-copy>a,.add-button:not(:disabled),
body .shop .inventory-game-nav button.active,
body .shop .inventory-type-nav button.active{
  border-color:transparent;
  background:var(--moa-gradient);
  color:#fff;
}
.primary-button:hover,.checkout-button:hover,.auth-submit:hover,.inquiry-submit:hover,
.inventory-search-button:hover,body .shop .inventory-search-button:hover,
.youtube-copy>a:hover,.add-button:hover:not(:disabled){
  background:linear-gradient(100deg,#5618b4 0%,#7420c8 42%,#f0c200 100%);
  filter:none;
}
.cart-button span{background:var(--moa-gradient);color:#fff}
.desktop-nav a:hover,.kado-section-heading>a:hover,.footer-links a:hover,.footer-links button:hover{color:var(--moa-purple)}
.youtube-perks p span,.step>span,.label{color:var(--moa-purple)}
.oripa-stock i span{background:var(--moa-gradient)}
.filter-tabs button.active,.auth-tabs button.active{background:var(--moa-gradient);color:#fff}
.inventory-search:focus-within,body .shop .inventory-search:focus-within{border-color:var(--moa-purple);box-shadow:0 0 0 3px rgba(104,35,201,.1)}
.oripa-card:hover,.shop .product-card:hover{border-color:rgba(104,35,201,.42)}
.kado-section-heading>a:hover{border-color:var(--moa-purple)}
.closing em{
  background:var(--moa-gradient);
  color:transparent;
  -webkit-background-clip:text;
  background-clip:text;
}

/* Balance category controls across the available toolbar width. */
@media(min-width:821px){
  body .shop .inventory-shop-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:14px}
  body .shop .inventory-filter-chips{display:grid;grid-template-columns:minmax(250px,.8fr) 1px minmax(330px,1.2fr);gap:12px;width:100%}
  body .shop .inventory-game-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  body .shop .inventory-type-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
  body .shop .inventory-game-nav button,body .shop .inventory-type-nav button{width:100%;padding:0 10px;text-align:center}
  body .shop .inventory-chip-divider{margin:0;align-self:center}
  body .shop .inventory-selects,body .shop .inventory-selects select{width:112px}
}

/* Keep controls neutral; reveal MOA colors only on interaction. */
.primary-button,.checkout-button,.auth-submit,.inquiry-submit,
.inventory-search-button,body .shop .inventory-search-button,
.youtube-copy>a,.add-button:not(:disabled),
body .shop .inventory-game-nav button.active,
body .shop .inventory-type-nav button.active,
.filter-tabs button.active,.auth-tabs button.active{
  border-color:#171817;
  background:#171817;
  color:#fff;
}
.cart-button span{background:#171817;color:#fff}
.primary-button:hover,.checkout-button:hover,.auth-submit:hover,.inquiry-submit:hover,
.inventory-search-button:hover,body .shop .inventory-search-button:hover,
.youtube-copy>a:hover,.add-button:hover:not(:disabled),
body .shop .inventory-game-nav button:hover,
body .shop .inventory-type-nav button:hover,
.filter-tabs button:hover,.auth-tabs button:hover{
  border:1px solid #c9b8df;
  background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);
  color:#3f285d;
  box-shadow:0 4px 12px rgba(104,35,201,.08);
}

.admin-tools > div { display:flex; gap:8px; flex-wrap:wrap; }
.admin-create-product { margin:14px 0; padding:18px; border:1px solid var(--line); border-radius:12px; }
.admin-create-fields { grid-template-columns:repeat(4,minmax(110px,1fr)); }
.admin-create-fields select { display:block; width:100%; height:39px; margin-top:5px; padding:0 9px; border:1px solid var(--line); border-radius:7px; background:#f6f6f3; color:#171817; }
@media(max-width:760px) { .admin-create-fields { grid-template-columns:1fr 1fr; } }

.primary-button,.checkout-button,.auth-submit,.inquiry-submit,
.inventory-search-button,body .shop .inventory-search-button,
.youtube-copy>a,.add-button,
body .shop .inventory-game-nav button,
body .shop .inventory-type-nav button,
.filter-tabs button,.auth-tabs button{border-width:1px;border-style:solid;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}

/* Roomier four-column product catalogue. */
.shop .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.shop .product-image{height:330px}
.shop .product-info{padding:17px}
@media(max-width:900px){
  .shop .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .shop .product-image{height:310px}
}
@media(max-width:560px){
  .shop .product-grid{grid-template-columns:none;gap:13px}
  .shop .product-image{height:330px}
}

/* Category colour indicates selection, not hover. */
body .shop .inventory-game-nav button:hover,
body .shop .inventory-type-nav button:hover{
  border-color:#d4d6d0;
  background:#f4f4f1;
  color:#343731;
  box-shadow:none;
}
body .shop .inventory-game-nav button.active,
body .shop .inventory-type-nav button.active,
body .shop .inventory-game-nav button.active:hover,
body .shop .inventory-type-nav button.active:hover{
  border:1px solid #c9b8df;
  background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);
  color:#3f285d;
  box-shadow:0 4px 12px rgba(104,35,201,.08);
}

/* Conventional storefront typography. */
html,body,button,input,select,textarea{font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-size:16px;line-height:1.6;letter-spacing:-.015em}
.desktop-nav a,.cart-button{font-size:14px;letter-spacing:.04em}
.eyebrow,.youtube-kicker{font-size:12px}
.kado-section-heading h2,.inventory-heading h2{font-size:clamp(30px,3vw,40px);line-height:1.25;letter-spacing:-.04em}
.youtube-copy h3{font-size:clamp(28px,2.3vw,34px);line-height:1.3;letter-spacing:-.04em}
.youtube-copy>p,.step p{font-size:15px;line-height:1.75}
.youtube-perks p,.kado-section-heading>a{font-size:14px}
.oripa-info h3,.shop .product-info h3{font-size:16px;line-height:1.5}
.oripa-info p,.product-note,.inventory-result-count{font-size:13px}
.shop .product-info p{font-size:17px}
.stock-badge,.market-price{font-size:12px}
.inventory-search input{font-size:15px}
body .shop .inventory-game-nav button,body .shop .inventory-type-nav button{font-size:14px}
body .shop .inventory-selects select{font-size:13px}
.closing h2{font-size:clamp(42px,5vw,66px);line-height:1.15}
.footer-info,.footer-links a,.footer-links button{font-size:13px}

/* Light, familiar cart drawer. */
.cart-drawer{display:flex;flex-direction:column;width:min(460px,100%);padding:30px;padding-bottom:22px;background:#fafaf8;color:#20211f;border:1px solid #e1e2de;box-shadow:-18px 0 50px rgba(25,27,22,.14);overflow:hidden}
.drawer-header{flex:0 0 auto;align-items:center;padding-bottom:16px;border-bottom:1px solid #e2e3df}
.drawer-header h2{margin:4px 0 0;font-size:26px;line-height:1.25}
.drawer-header .label{color:#777a74;font-size:12px;letter-spacing:.08em}
.close-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#4b4e48;line-height:1}
.close-button svg,.postcode-head button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.close-button:hover,.close-button:focus-visible{border-color:#ddd5e7;background:#f1ebf8;color:#6823c9;outline:0}
.cart-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:14px 0 0;padding-right:4px}
.cart-items{flex:none;margin:0;padding:0 2px 0 0;overflow:visible}
.cart-item{grid-template-columns:76px 1fr 34px;gap:14px;margin-bottom:10px;padding:13px;border:1px solid #e1e2de;border-radius:12px;background:#fff}
.cart-thumb{height:88px;padding:7px;border:1px solid #e5e6e2;border-radius:9px;background:#f1f2ef}
.cart-thumb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(20,20,18,.12))}
.cart-item h4{margin:0 0 5px;color:#282a26;font-size:15px;line-height:1.4}
.cart-item p{color:#555851;font-size:14px;font-weight:700}
.quantity-control{margin-top:10px;border-color:#dcded8;background:#fff}
.quantity-control button{height:30px;background:#f1f2ef;color:#343632}
.quantity-control button:hover:not(:disabled){background:#e7e8e3;color:#171817}
.quantity-control button:disabled{background:#f7f7f5;color:#c2c4bf}
.quantity-control b{color:#30322e;font-size:13px}
.remove-button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#f2f3ef;color:#8a8d86;font-size:19px}
.remove-button:hover{background:#ebe3f5;color:var(--moa-purple)}
.delivery-box{margin:14px 0 8px;padding:16px;border:1px solid #e0e1dd;border-radius:12px;background:#fff}
.delivery-box>span{display:block;margin-bottom:10px;color:#30322e;font-size:14px;font-weight:700}
.delivery-box>label{display:flex;align-items:center;gap:8px;margin:8px 0;color:#444741;font-size:14px;cursor:pointer}
.delivery-box>label small{color:#777a74;font-size:13px}
.delivery-policy,.cart-fee-note{margin:12px 0 0;color:#5c5f59;font-size:12px;line-height:1.5}
.delivery-fee-now{margin:6px 0 0;color:#30322e;font-size:13px;font-weight:700}
.cart-fee-note{margin:0 0 8px}
.point-mark{display:block;width:44px;height:44px;border-radius:14px;object-fit:cover;background:#f6f1e8;box-shadow:0 6px 14px rgba(80,40,20,.12)}
#loginModal .account-header{flex-wrap:wrap}
.point-wallet{display:flex;align-items:center;gap:14px;flex:1 0 100%;margin-top:4px;padding:14px 16px;border:1px solid #e4d8f2;border-radius:16px;background:linear-gradient(105deg,#f7f2fc 0%,#fffdf6 100%)}
.point-wallet .point-mark{width:52px;height:52px;border-radius:16px}
.point-wallet .label{display:block;margin:0 0 3px;font-size:10px;letter-spacing:.16em}
.point-wallet .account-points{margin:0;color:#20211f;font-size:22px;font-weight:800;letter-spacing:-.045em;line-height:1}
.point-wallet .account-points small{margin-left:3px;color:#7a4bb8;font-size:13px;font-weight:700}
.point-wallet-copy{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:18px;flex:1;min-width:0}
.point-wallet .label{grid-column:1;grid-row:1}
.point-wallet .account-points{grid-column:1;grid-row:2}
.point-wallet .account-points-note{display:flex;flex-direction:column;gap:3px;grid-column:2;grid-row:1 / span 2;justify-self:end;margin:0;color:#7d7368;font-size:12px;font-weight:600;line-height:1.35;text-align:right}
.point-wallet .account-points-note span{white-space:nowrap}
.cart-points{margin:0 0 12px;padding:12px;border:1px solid #e4e5e1;border-radius:14px;background:#fff}
.cart-points.is-open{border-color:#e4d8f2}
.point-use{position:relative;display:grid;grid-template-columns:44px 1fr 40px;align-items:center;gap:12px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.point-use input{position:absolute;opacity:0;pointer-events:none}
.point-use-copy{display:grid;gap:2px;min-width:0}
.point-use-copy b{color:#30322e;font-size:14px;font-weight:700;letter-spacing:-.02em}
.point-use-copy small{color:#858981;font-size:12px;font-weight:600}
.point-switch{position:relative;width:40px;height:24px;border-radius:99px;background:#e3e4e0;transition:background .15s ease}
.point-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(32,33,31,.18);transition:transform .15s ease}
.point-use:has(input:checked) .point-switch{background:#6823c9}
.point-use:has(input:checked) .point-switch:after{transform:translateX(16px)}
.point-use:has(input:focus-visible) .point-switch{box-shadow:0 0 0 3px rgba(104,35,201,.16)}
.point-amount{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:0}
.point-amount[hidden]{display:none}
.point-amount label{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;height:40px;padding:0 12px;border:0;border-radius:10px;background:#f6f4f0}
.point-amount input{flex:1;width:100%;min-width:0;border:0;background:transparent;color:#20211f;font-size:15px;font-weight:800;letter-spacing:-.03em;text-align:right;outline:none}
.point-amount input::placeholder{color:#b0a8b8;font-size:13px;font-weight:600;text-align:left}
.point-amount label span{color:#7a4bb8;font-size:13px;font-weight:800}
.point-amount button{flex:none;height:40px;padding:0 12px;border:0;border-radius:10px;background:#f3eef9;color:#6823c9;font-size:13px;font-weight:700;cursor:pointer}
.point-amount button:hover{background:#eadff8}
.cart-points.is-empty{background:#f7f7f5}
.cart-points.is-empty .point-use{cursor:default}
.cart-points.is-empty .point-mark{filter:grayscale(.9);box-shadow:none}
.point-earn:empty{display:none}
.point-earn{margin:10px 0 0;padding:0;background:none;color:#7d7368;font-size:12px;font-weight:650;line-height:1.4}
.cart-points.is-using .point-earn{background:none;color:#5c3d86}
.pay-point-chip{margin:-2px 0 10px;padding:10px 12px;border:1px solid #eadfbf;border-radius:12px;background:linear-gradient(105deg,#f8f3ff 0%,#fffaf0 100%);color:#4c463c;font-size:13px;font-weight:700}
.pay-point-chip[hidden]{display:none}
.account-point-earn{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:8px 10px;border-radius:10px;background:#f6f3ea;color:#6d6454;font-size:12px}
.account-point-earn b{color:#6823c9;font-size:13px}
@media(max-width:560px){
  .point-wallet{gap:12px}
  .point-wallet-copy{grid-template-columns:minmax(0,1fr);row-gap:0}
  .point-wallet .account-points-note{grid-column:1;grid-row:3;justify-self:start;margin-top:8px;text-align:left}
}
.delivery-box input{accent-color:var(--moa-purple)}
.delivery-box .proxy-opening-option{margin-top:10px}
.proxy-opening-note{display:block;margin:10px 0 0;color:#8a8d86;font-size:12px;line-height:1.5}
.cart-footer{flex:0 0 auto;margin-top:auto;padding-top:14px;border-top:1px solid #e2e3df;background:#fafaf8}
.cart-total{align-items:center;margin:0 2px 12px}
.cart-total span{color:#666963;font-size:14px}
.cart-total strong{font-size:24px}
.checkout-button{flex-shrink:0;width:100%;height:54px;border-radius:9px;font-size:15px}
.empty-cart{color:#8a8d86;font-size:15px}
.cart-item-detail h4 small{margin-left:4px;color:#8a8d86;font-size:12px;font-weight:600}
@media(max-width:560px){
  body{font-size:15px}
  .cart-drawer{padding:18px 16px 16px}
  .cart-item{grid-template-columns:68px 1fr 30px;padding:11px}
  .cart-thumb{height:80px}
  .checkout-button{height:52px}
}

/* Proxy-opening delivery threshold. */
.proxy-delivery-options{margin:14px 0 0;padding:14px;border:1px solid #dedfd9;border-radius:10px;background:#f7f7f5}
.proxy-delivery-options[hidden]{display:none}
.proxy-step-title{margin:0 0 10px;color:#666963;font-size:12px;font-weight:700}
#proxyGradeOptions{margin-top:14px}
#proxyGradeOptions[hidden]{display:none}
.proxy-choice-list{display:grid;gap:10px}
.delivery-box .proxy-choice{display:flex;align-items:flex-start;gap:10px;margin:0!important;padding:14px 14px;border:1px solid #e1e2de;border-radius:8px;background:#fff;font-size:14px;cursor:pointer}
.delivery-box .proxy-choice:has(input:checked){border-color:#c9b8df;background:#f7f3fc}
.delivery-box .proxy-choice input{margin-top:3px;flex:0 0 auto;accent-color:var(--moa-purple)}
.delivery-box .proxy-choice>span{display:block;min-width:0}
.delivery-box .proxy-choice b{display:block;color:#30322e;font-size:14px;font-weight:700;line-height:1.35}
.delivery-box .proxy-choice small{display:block;margin-top:4px;margin-left:0;color:#858981;font-size:12px;font-weight:400;line-height:1.45}
.proxy-opening-note{display:block;margin:12px 0 0;color:#8a8d86;font-size:12px;line-height:1.5}

/* Payment method picker modal - match login / MOA storefront */
.pay-method-modal{width:min(460px,calc(100% - 30px));max-height:calc(100vh - 36px);overflow:auto;padding:38px;border:1px solid #dedfd9;border-radius:18px;background:#fff;color:#20211f;box-shadow:0 24px 70px rgba(25,27,22,.18)}
.pay-method-modal::backdrop{background:rgba(30,31,28,.38);backdrop-filter:blur(3px)}
.pay-method-modal .modal-brand-logo{width:104px;margin:0 0 22px}
.pay-method-modal h2{margin:0 36px 9px 0;color:#20211f;font-size:30px;line-height:1.25;letter-spacing:-.04em}
.pay-method-lead{margin:0 0 22px;color:#777a74;font-size:14px;line-height:1.55}
.pay-method-modal .payment-method-grid{display:grid;grid-template-columns:1fr;gap:10px;max-height:min(48vh,400px);overflow:auto;padding:2px 2px 2px 0}
.payment-method-card{position:relative;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:12px;margin:0;padding:14px 14px;border:1px solid #e4e5e1;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.payment-method-card:hover{border-color:#d5c9e5;background:#fbf9fe}
.payment-method-card:has(input:checked){border-color:#bba7d5;background:linear-gradient(100deg,#f5f0fb 0%,#fffdf3 100%);box-shadow:0 0 0 1px rgba(104,35,201,.14)}
.payment-method-card input{position:absolute;opacity:0;pointer-events:none}
.payment-method-icon{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:12px;background:#f4f4f1}
.payment-method-icon img,.payment-method-icon svg{display:block;width:44px;height:44px;object-fit:contain}
.payment-icon-soft{background:transparent;box-shadow:0 2px 6px rgba(32,33,31,.08)}
.payment-icon-brand{background:transparent}
.payment-icon-brand .pay-brand-naver{width:44px;height:44px;padding:8px;border-radius:12px;background:#03C75A;box-sizing:border-box}
.payment-icon-brand .pay-brand-kakao{width:44px;height:44px;padding:8px;border-radius:12px;background:#FEE500;box-sizing:border-box}
.payment-icon-toss{background:#E7F3FF;padding:8px;box-sizing:border-box}
.payment-icon-toss .pay-brand-toss{width:28px;height:28px;padding:0;border-radius:7px;object-fit:cover;background:transparent}
.payment-method-copy{display:grid;gap:3px;min-width:0}
.payment-method-copy b{color:#30322e;font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.payment-method-copy small{color:#858981;font-size:12px;font-weight:500;line-height:1.35}
.payment-method-radio{width:20px;height:20px;border:1.5px solid #d0d3d8;border-radius:50%;background:#fff;justify-self:end}
.payment-method-card:has(input:checked) .payment-method-radio{border-color:var(--moa-purple,#6823c9);background:var(--moa-purple,#6823c9);box-shadow:inset 0 0 0 4px #fff}
.pay-refund-ack{display:flex;gap:10px;align-items:flex-start;margin:0 0 8px;padding:12px 12px;border:1px solid #ead9a8;border-radius:12px;background:#fffaf0;color:#3f433d;font-size:13px;line-height:1.55;cursor:pointer}
.pay-refund-ack input{flex:0 0 auto;margin-top:3px;accent-color:#6823c9}
.pay-refund-note{margin:0 0 14px;color:#777a74;font-size:12px;line-height:1.55}
.pay-refund-note a{color:#5b2d91;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.pay-method-modal .checkout-button:disabled{opacity:.42;cursor:not-allowed}
.support-page{min-height:calc(100vh - 56px);padding:92px 20px 80px;background:#f6f6f3}
.support-frame{width:min(760px,100%);margin:0 auto}
.support-top{position:sticky;top:68px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:8px 0;background:#f6f6f3}
#notice,#shipping-guide{scroll-margin-top:150px}
.support-home{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid #d7d9d3;border-radius:999px;background:#fff;color:#171817;font-size:13px;font-weight:750;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.support-home:hover{border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa,#fff3bd);color:#3f285d}
.support-crumb{display:flex;align-items:center;gap:8px;margin:0;color:#8b8e87;font-size:13px}
.support-crumb a{color:#555952;text-decoration:none}
.support-tabs{display:flex;gap:22px;margin:0 0 28px;border-bottom:1px solid #e3e4df}
.support-tabs a{margin-bottom:-1px;padding:0 0 12px;border-bottom:2px solid transparent;color:#747871;font-size:15px;font-weight:750;text-decoration:none}
.support-tabs a.is-on{border-bottom-color:#171817;color:#171817}
.support-page h1{margin:0 0 8px;color:#171817;font-size:30px;letter-spacing:-.04em}
.support-page header p{margin:0 0 18px;color:#6d716c;font-size:14px}
.notice-board{overflow:hidden;border:1px solid #e3e4df;border-radius:12px;background:#fff}
.notice-board details+details{border-top:1px solid #ecece8}
.notice-board summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;list-style:none;cursor:pointer}
.notice-board summary::-webkit-details-marker{display:none}
.notice-board summary b{color:#20211f;font-size:15px;font-weight:700;letter-spacing:-.02em}
.notice-board time{flex:0 0 auto;color:#8b8e87;font-size:13px;font-weight:650}
.notice-board details p{margin:0;padding:0 20px 18px;color:#3e413c;font-size:14px;line-height:1.7}
.guide-table{overflow:hidden;margin:0;border:1px solid #e3e4df;border-radius:12px;background:#fff}
.guide-table>div{display:grid;grid-template-columns:132px minmax(0,1fr)}
.guide-table>div+div{border-top:1px solid #ecece8}
.guide-table dt,.guide-table dd{margin:0;padding:18px 20px}
.guide-table dt{color:#20211f;font-size:14px;font-weight:750;background:#fafaf8}
.guide-table dd{color:#3e413c;font-size:14px;line-height:1.7}
.guide-table a{color:#20211f}
@media(max-width:640px){.support-page{padding:78px 14px 64px}.support-page h1{font-size:26px}.guide-table>div{grid-template-columns:1fr}.guide-table dt{padding-bottom:0}.notice-board summary{align-items:flex-start;flex-direction:column;gap:6px}}
.pay-method-summary{display:flex;align-items:center;justify-content:space-between;margin:18px 0 14px;padding:14px 0 0;border-top:1px solid #e2e3df}
.pay-method-summary span{color:#666963;font-size:14px}
.pay-method-summary strong{font-size:24px;letter-spacing:-.03em;color:#20211f}
.pay-method-fee,.pay-method-contact{margin:-6px 0 8px;color:#5c5f59;font-size:12px;line-height:1.45}
.pay-method-contact{margin-bottom:14px}
.pay-method-modal .checkout-button{margin-top:0}
.pay-method-modal .close-button{position:absolute;top:18px;right:18px}
@media(max-width:560px){
  .pay-method-modal{padding:32px 22px;border-radius:15px}
  .pay-method-modal h2{font-size:26px}
  .payment-method-card{padding:13px 12px;gap:10px;grid-template-columns:40px 1fr 18px}
  .payment-method-icon,.payment-method-icon img,.payment-method-icon svg,
  .payment-icon-brand .pay-brand-naver,.payment-icon-brand .pay-brand-kakao{width:40px;height:40px}
  .payment-icon-toss .pay-brand-toss{width:24px;height:24px}
  .payment-method-copy b{font-size:14px}
}

/* Payment result pages */
.payment-result-page{min-height:100vh;margin:0;background:#f6f6f3;color:#20211f;font-family:Inter,"Noto Sans KR",sans-serif}
.payment-result-shell{width:min(460px,calc(100% - 32px));margin:0 auto;padding:12vh 0 64px;text-align:center}
.payment-result-card{padding:38px 28px 28px;border:1px solid #dedfd9;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(25,27,22,.1)}
.payment-result-card .modal-brand-logo{width:104px;margin:0 auto 22px}
.payment-result-card h1{margin:0 0 10px;font-size:26px;line-height:1.3;letter-spacing:-.04em}
.payment-result-card p{margin:0 0 22px;color:#777a74;font-size:15px;line-height:1.6}
.payment-result-card a{display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:50px;padding:0 20px;border-radius:12px;background:var(--moa-gradient,linear-gradient(100deg,#6823c9,#ffd000));color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(74,38,120,.14)}
.payment-result-card a:hover{filter:brightness(1.06)}

/* Light account modal matching the storefront. */
#loginModal{padding:38px;background:#fff;color:#20211f;border:1px solid #dedfd9;border-radius:18px;box-shadow:0 24px 70px rgba(25,27,22,.18)}
#loginModal::backdrop{background:rgba(30,31,28,.38);backdrop-filter:blur(3px)}
#loginModal .modal-brand-logo{width:104px;margin-bottom:22px}
#loginModal h2{margin:0 0 9px;color:#20211f;font-size:30px;line-height:1.25;letter-spacing:-.04em}
#loginModal .auth-view>p{margin:0;color:#777a74;font-size:14px}
#loginModal .auth-tabs{gap:4px;margin:24px 0 21px;padding:4px;border:1px solid #e0e1dd;border-radius:10px;background:#f3f4f1}
#loginModal .auth-tabs button{height:42px;border:1px solid transparent;border-radius:7px;background:transparent;color:#747871;font-size:14px}
#loginModal .auth-tabs button.active{border-color:#171817;background:#171817;color:#fff;box-shadow:none}
#loginModal .auth-tabs button:not(.active):hover{border-color:#d5c9e5;background:#eee8f7;color:#4a3268}
#loginModal .auth-form>label{margin:15px 0;color:#444741;font-size:13px;font-weight:650}
#loginModal .auth-form input:not([type="checkbox"]){height:50px;margin-top:7px;padding:0 14px;border:1px solid #dcded8;border-radius:9px;background:#f8f8f6;color:#20211f;font-size:14px}
#loginModal .auth-form input:not([type="checkbox"]):focus{border-color:var(--moa-purple);background:#fff;box-shadow:0 0 0 3px rgba(104,35,201,.09)}
#loginModal .auth-form input::placeholder{color:#a1a49d}
#loginModal .field-help{color:#858981;font-size:12px}
#loginModal .terms-check{color:#62665f;font-size:13px}
#loginModal .signup-consent{border-color:#e0e1dd;background:#f5f5f2}
#loginModal .consent-item{color:#555951}
#loginModal .consent-item.consent-all{color:#20211f}
#loginModal .auth-submit{height:52px;border:1px solid #171817;border-radius:9px;background:#171817;color:#fff;font-size:14px;box-shadow:none}
#loginModal .auth-submit:hover{border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa,#fff3bd);color:#3f285d;box-shadow:none;transform:none}
#loginModal .auth-switch{margin-top:18px;color:#777a74;font-size:13px}
#loginModal .auth-switch b{color:var(--moa-purple)}
#loginModal .auth-account>p{color:#777a74;font-size:14px}
.social-auth{display:grid;gap:8px;margin:20px 0 14px}.social-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:1px solid #dcded8;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}.social-button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:900}.social-button.kakao{background:#fee500;color:#191919;border-color:#fee500}.social-button.kakao span{background:#191919;color:#fee500}.social-button.naver{background:#03c75a;color:#fff;border-color:#03c75a}.social-button.naver span{background:#fff;color:#03c75a}.social-button.google{background:#fff;color:#303134}.social-button.google span{border:1px solid #dadce0;color:#4285f4}.social-button:hover{filter:brightness(.97)}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#969990;font-size:11px}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:#e5e6e2}.address-fields{display:grid;gap:8px;margin:18px 0;padding:14px;border:1px solid #dedfd9;border-radius:10px;background:#f8f8f6}.address-fields legend{padding:0 6px;color:#444741;font-size:13px;font-weight:700}.address-fields input{margin-top:0!important}.postcode-row{display:grid;grid-template-columns:1fr 112px;gap:8px}.postcode-row button{border:1px solid #171817;border-radius:9px;background:#171817;color:#fff;font-weight:700;cursor:pointer}.address-status{color:#777a74;font-size:11px}.address-status.verified{color:#0b8f45;font-weight:700}.account-address{padding-top:12px;border-top:1px solid #e5e6e2;line-height:1.6}.auth-form:not(.active)~.social-auth{display:none}
@media(max-width:560px){#loginModal{padding:32px 22px;border-radius:15px}}
.postcode-layer{width:min(536px,calc(100% - 24px));max-width:none;padding:18px;border:0;background:transparent}.postcode-layer::backdrop{background:rgba(12,13,12,.42);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.postcode-layer:not([open]){display:none}
#loginModal.postcode-active::backdrop{background:rgba(12,13,12,.42);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.social-button{position:relative}.social-button img{position:absolute;left:16px;width:22px;height:22px;object-fit:contain}.social-button span{display:none}
.social-consent-panel{display:grid;gap:4px;margin:8px 0 16px;padding:14px;border:1px solid #e0e1dd;border-radius:12px;background:#f5f5f2}
.social-consent-panel[hidden]{display:none}
.social-consent-panel p{margin:0 0 8px;color:#4f534d;font-size:13px;line-height:1.5}
.social-consent-email{color:#20211f;font-weight:750}
.social-consent-panel .consent-item button{padding:0;border:0;background:none;color:#6823c9;font:inherit;font-weight:750;text-decoration:underline;cursor:pointer}
#loginModal.is-signup{width:min(480px,calc(100% - 28px));padding:28px 32px 26px}
#loginModal.is-signup.is-signup-info{width:min(560px,calc(100% - 28px))}
#loginModal.is-signup .modal-brand-logo{width:72px;margin-bottom:12px}
#loginModal.is-signup h2{font-size:26px}
#loginModal.is-signup .auth-view>p{font-size:13px}
#loginModal.is-signup .auth-tabs{margin:16px 0 18px}
#loginModal.is-signup .signup-layout{display:grid;gap:16px}
#loginModal.is-signup .signup-field{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center;margin:0;color:#20211f;font-size:14px;font-weight:750;letter-spacing:-.02em}
#loginModal.is-signup .signup-field>span{align-self:center;white-space:nowrap}
#loginModal.is-signup .signup-field>.password-wrap{grid-column:2;min-width:0}
#loginModal .password-wrap{position:relative;display:block}
#loginModal .password-wrap input{width:100%;padding-right:44px}
#loginModal .password-toggle{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:#6d716a;transform:translateY(-50%);cursor:pointer}
#loginModal .password-toggle:hover{background:#f3eef8;color:#3f285d}
#loginModal .password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#loginModal .password-toggle .eye-off{display:none}
#loginModal .password-toggle.is-visible .eye-open{display:none}
#loginModal .password-toggle.is-visible .eye-off{display:block}
#loginModal.is-signup .password-rules{grid-column:2;display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none}
#loginModal.is-signup .password-rules li{color:#8a8d86;font-size:12px;font-weight:650}
#loginModal.is-signup .password-rules li::before{content:"· ";}
#loginModal.is-signup .password-rules li.is-met{color:#0b8f45}
#loginModal.is-signup #signupPasswordMatch.is-bad{color:#c23b4a}
#loginModal.is-signup .signup-field .field-help{grid-column:2;margin:0;font-size:12px;font-weight:450;line-height:1.4}
#loginModal.is-signup .signup-field input{height:46px;margin:0;font-size:14px;font-weight:450;color:#3a3d38}
#loginModal.is-signup .signup-field input[readonly]{background:#f4f4f1;color:#3e413c}
#loginModal.is-signup .postcode-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px}
#loginModal.is-signup .postcode-row button{height:46px;border:1px solid #171817;border-radius:9px;background:#171817;color:#fff;font-size:13px;font-weight:750;cursor:pointer}
#loginModal.is-signup .postcode-row button:hover{border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa,#fff3bd);color:#3f285d}
#loginModal.is-signup .address-status{margin:0}
#loginModal.is-signup .address-status[hidden]{display:none}
#loginModal.is-signup .signup-consent{margin:0;padding:12px 12px 8px;border-radius:12px;background:#f7f7f4}
#loginModal.is-signup .signup-consent .consent-item{align-items:center;padding:7px 2px;font-size:13px;font-weight:650}
#loginModal.is-signup .signup-consent .consent-item span{display:block}
#loginModal.is-signup .signup-consent .consent-all{font-size:13px;font-weight:800}
#loginModal.is-signup .consent-detail{max-height:148px;margin:2px 0 8px 26px;padding:11px 12px 4px;overflow:auto;border:1px solid #e3e4df;border-radius:9px;background:#fff;color:#3f433d;font-size:12px;line-height:1.6}
#loginModal.is-signup .consent-detail[hidden]{display:none}
#loginModal.is-signup .consent-detail h4{margin:0 0 3px;color:#20211f;font-size:12px;font-weight:800}
#loginModal.is-signup .consent-detail p{margin:0 0 9px}
#loginModal.is-signup .form-error{margin-top:12px}
#loginModal.is-signup .signup-step[hidden]{display:none}
#loginModal.is-signup #signupNext:disabled{opacity:.4;cursor:not-allowed}
#loginModal.is-signup #signupNext:disabled:hover{border-color:#171817;background:#171817;color:#fff}
#loginModal.is-signup .signup-actions{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;margin-top:22px}
#loginModal.is-signup .signup-back{height:52px;border:1px solid #dcded8;border-radius:9px;background:#fff;color:#3e413c;font-size:14px;font-weight:750;cursor:pointer}
#loginModal.is-signup .signup-back:hover{border-color:#c9b8df;background:#f7f3fb;color:#3f285d}
@media(max-width:560px){#loginModal.is-signup{width:min(460px,calc(100% - 24px));padding:28px 20px}#loginModal.is-signup.is-signup-info{width:min(460px,calc(100% - 24px))}#loginModal.is-signup .signup-field{grid-template-columns:1fr;row-gap:6px}#loginModal.is-signup .signup-field>input,#loginModal.is-signup .signup-field>.password-wrap,#loginModal.is-signup .password-rules,#loginModal.is-signup .signup-field>.postcode-row,#loginModal.is-signup .signup-field .field-help{grid-column:1}}
.social-button.is-disabled,.social-button[aria-disabled="true"]{opacity:.48;filter:grayscale(.35);cursor:not-allowed}
.social-button.is-disabled:hover,.social-button[aria-disabled="true"]:hover{filter:grayscale(.35) brightness(1)}
.account-address-form{display:grid;gap:9px;margin:18px 0 12px;padding:16px;border:1px solid #dedfd9;border-radius:10px;background:#f8f8f6}.account-address-form h3{margin:0 0 4px;font-size:14px}.account-address-form input{width:100%;height:46px;padding:0 13px;border:1px solid #dcded8;border-radius:9px;background:#fff;color:#20211f;outline:0}.account-address-form input:focus{border-color:var(--moa-purple);box-shadow:0 0 0 3px rgba(104,35,201,.09)}.account-address-form .auth-submit{margin-top:4px}.auth-account>#logoutButton{margin-top:8px;background:#fff!important;color:#555!important;border-color:#dcded8!important}
.account-profile-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin:18px 0 12px;padding:16px;border:1px solid #dedfd9;border-radius:10px;background:#f8f8f6}.account-profile-form h3{grid-column:1/-1;margin:0 0 4px;font-size:14px}.account-profile-form label{color:#555;font-size:12px}.account-profile-form input{display:block;width:100%;height:46px;margin-top:6px;padding:0 13px;border:1px solid #dcded8;border-radius:9px;background:#fff;color:#20211f;outline:0}.account-profile-form input:focus{border-color:var(--moa-purple);box-shadow:0 0 0 3px rgba(104,35,201,.09)}.account-profile-form .auth-submit{align-self:end;width:100px;height:46px}@media(max-width:430px){.account-profile-form{grid-template-columns:1fr}.account-profile-form h3{grid-column:1}.account-profile-form .auth-submit{width:100%}}
.account-orders{margin:22px 0;padding-top:22px;border-top:1px solid #e1e2de}.account-orders-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.account-orders-heading .label{display:block;margin:0 0 5px;color:#777a74}.account-orders-heading h3{margin:0;font-size:18px}.account-orders-heading button,.account-orders-error button{padding:7px 10px;border:1px solid #d8dad5;border-radius:7px;background:#fff;color:#62665f;font-size:11px;cursor:pointer}.account-orders-list{display:grid;gap:10px;color:#686c65;font-size:12px}.account-order-card{overflow:hidden;border:1px solid #dedfd9;border-radius:11px;background:#fff}.account-order-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:#f6f7f4}.account-order-head div{min-width:0}.account-order-head time{display:block;margin-bottom:3px;color:#747871;font-size:11px}.account-order-head b{display:block;overflow:hidden;color:#292b28;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.order-status{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#eceee9;color:#555951;font-size:10px;font-weight:800}.order-status.preparing{background:#fff3cd;color:#806000}.order-status.shipped{background:#e9efff;color:#3457a5}.order-status.completed{background:#e3f5e8;color:#26733c}.order-status.cancelled{background:#f4e8e7;color:#9b3f37}.account-order-items{display:grid;gap:9px;margin:0;padding:14px;list-style:none}.account-order-items li{display:flex;justify-content:space-between;gap:15px;color:#333632}.account-order-items small{color:#858981;font-weight:500}.account-order-delivery{padding:12px 14px;border-top:1px solid #eceee9;background:#fbfbf9}.account-order-delivery>span{font-weight:800;color:#4a4d47}.account-order-delivery p{margin:5px 0 0;line-height:1.55}.account-order-delivery small{display:block;margin-top:4px;color:#7652a4}.account-order-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-top:1px solid #e4e6e1;color:#3b3e38}.account-order-total span{font-weight:700}.account-order-total span small{color:#858981;font-weight:400}.account-order-total strong{color:#20211f;font-size:16px}.account-orders-empty,.account-orders-error{display:grid;gap:6px;padding:26px 16px;border:1px dashed #d5d7d1;border-radius:10px;text-align:center}.account-orders-error button{justify-self:center;margin-top:5px}#loginModal.has-account{width:min(720px,calc(100% - 30px))}@media(max-width:560px){.account-order-head,.account-order-total{align-items:flex-start}.account-order-total{flex-direction:column}.account-order-total strong{align-self:flex-end}}
.postcode-layer{position:fixed;z-index:9999;padding:0;border:0;border-radius:14px;background:transparent;backdrop-filter:none;overflow:visible}.postcode-panel{width:min(500px,calc(100vw - 28px));overflow:hidden;border:1px solid #dedfd9;border-radius:14px;background:#fff;box-shadow:0 12px 36px rgba(28,30,25,.16)}.postcode-head{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 12px 0 16px;border-bottom:1px solid #e5e6e2;background:#fff;color:#20211f}.postcode-head button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#4b4e48;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.postcode-head button:hover,.postcode-head button:focus-visible{border-color:#ddd5e7;background:#f1ebf8;color:#6823c9;outline:0}.postcode-embed{width:100%;height:min(560px,calc(100vh - 110px));background:#fff}
.stock-badge,.product-card.preparing .stock-badge{display:inline-flex;align-items:center;gap:7px;top:13px;left:13px;padding:7px 11px;border:1px solid rgba(35,132,73,.2);border-radius:999px;background:rgba(247,252,248,.94);color:#19713b;font-family:Inter,"Pretendard","Noto Sans KR",sans-serif;font-size:10px;font-weight:800;line-height:1;letter-spacing:.08em;box-shadow:0 3px 10px rgba(26,77,45,.06);backdrop-filter:blur(7px)}.stock-badge::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#27a555;box-shadow:0 0 0 3px rgba(39,165,85,.12)}.stock-badge.out{border-color:rgba(201,42,48,.22);background:rgba(255,246,246,.96);color:#c4232d}.stock-badge.out::before{background:#e0232d;box-shadow:0 0 0 3px rgba(224,35,45,.14)}
.shop .product-card{overflow:hidden;border-color:#e7e1d9;background:#fffdf9;box-shadow:0 4px 16px rgba(64,51,37,.045)}.shop .product-card:hover{border-color:#d6c9df;box-shadow:0 16px 34px rgba(77,57,94,.11);transform:translateY(-3px)}.shop .product-image{border-bottom-color:#ebe4dc;background:radial-gradient(circle at 78% 18%,rgba(255,236,157,.38),transparent 31%),radial-gradient(circle at 12% 88%,rgba(217,196,241,.34),transparent 35%),linear-gradient(145deg,#fbfaf6,#f3f0e9)}.shop .product-image::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.72);border-radius:9px;pointer-events:none}.shop .product-photo{z-index:1;filter:drop-shadow(0 16px 18px rgba(54,45,38,.16));transition:transform .3s ease,filter .3s ease}.shop .product-card:hover .product-photo{transform:translateY(-3px) scale(1.025);filter:drop-shadow(0 19px 22px rgba(68,50,75,.2))}
.shop .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shop .product-card{border-color:#e2e1e8;background:#fff;box-shadow:0 5px 18px rgba(41,39,54,.05)}.shop .product-card:hover{border-color:#c9c2d8;box-shadow:0 18px 38px rgba(62,52,83,.12)}.shop .product-image{height:330px;border-bottom-color:#e8e7ed;background:radial-gradient(circle at 50% 42%,rgba(225,218,239,.38),transparent 46%),linear-gradient(145deg,#fbfbfd,#f2f1f6)}.shop .product-image::after{border-color:rgba(255,255,255,.86)}.shop .product-photo{max-width:86%;max-height:86%;filter:drop-shadow(0 18px 21px rgba(48,44,61,.17))}@media(max-width:980px){.shop .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop .product-image{height:300px}}@media(max-width:680px){.shop .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.shop .product-image{height:245px}}@media(max-width:390px){.shop .product-grid{grid-template-columns:1fr}.shop .product-image{height:320px}}
.shop .product-card{border-color:#e1e3de;background:#fff;box-shadow:0 5px 18px rgba(35,39,32,.055)}.shop .product-card:hover{border-color:#c5c9c0;box-shadow:0 18px 38px rgba(36,42,32,.11)}.shop .product-image{border-bottom-color:#e4e6e1;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),transparent 48%),linear-gradient(145deg,#f8f9f6,#eceee9)}.shop .product-photo{filter:drop-shadow(0 18px 21px rgba(38,42,35,.17))}.shop .product-card:hover .product-photo{filter:drop-shadow(0 20px 24px rgba(38,42,35,.2))}

.oripa-stock{width:140px}
.oripa-stock b{white-space:nowrap;font-size:13px}
.oripa-stock b span{margin-right:3px;font-size:12px}

@font-face{font-family:"MOA Sans";src:url("assets/fonts/NotoSansKR-VF.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
html,body,button,input,select,textarea{font-family:"MOA Sans","Noto Sans KR",Arial,sans-serif}

/* Customer account dashboard */
.account-header{display:flex;align-items:center;gap:18px}.account-header .modal-brand-logo{width:76px!important;margin:0!important}.account-header h2{margin:3px 0!important;font-size:24px!important}.account-header p{margin:0;color:#858981;font-size:12px}.account-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:24px 0 20px;padding:4px;border:1px solid #e0e1dd;border-radius:10px;background:#f3f4f1}.account-tabs button{height:42px;border:0;border-radius:7px;background:transparent;color:#747871;font-size:13px;font-weight:700;cursor:pointer}.account-tabs button.active{background:#20211f;color:#fff}.account-panel{display:none}.account-panel.active{display:block}.account-panel[data-account-panel="orders"]{min-height:240px}.account-orders-heading{padding:2px 2px 0}.account-orders-list{max-height:430px;overflow:auto;padding-right:3px}.account-profile-form,.account-address-form{margin-top:0}.account-address{margin-top:0!important;padding-top:0;border-top:0}.account-logout{display:block;margin:18px auto 0;padding:7px 10px;border:0;background:transparent;color:#858981;font-size:11px;text-decoration:underline;cursor:pointer}@media(max-width:560px){.account-header{gap:12px}.account-header .modal-brand-logo{width:58px!important}.account-tabs button{font-size:12px}.account-orders-list{max-height:50vh}}
.account-tabs{grid-template-columns:repeat(2,1fr)}.account-settings-form{display:grid;gap:14px}.account-form-heading{margin-bottom:2px}.account-form-heading .label{display:block;margin-bottom:5px;color:#777a74}.account-form-heading h3{margin:0;color:#20211f;font-size:19px}.account-form-heading p{margin:6px 0 0;color:#858981;font-size:12px}.account-settings-form fieldset{display:grid;gap:10px;margin:0;padding:16px;border:1px solid #dedfd9;border-radius:10px;background:#f8f8f6}.account-settings-form legend{padding:0 6px;color:#3e413c;font-size:13px;font-weight:800}.account-settings-form label{color:#555952;font-size:12px;font-weight:700}.account-settings-form input{display:block;width:100%;height:46px;margin-top:6px;padding:0 13px;border:1px solid #dcded8;border-radius:9px;background:#fff;color:#20211f;outline:0}.account-settings-form input[readonly]{background:#eff0ed;color:#777a74}.account-settings-form label small{display:block;margin-top:5px;color:#92958f;font-size:10px;font-weight:400}.account-settings-form .postcode-row input{margin-top:0}.account-settings-form .address-status{display:block}.account-save-button{width:100%;margin-top:2px}.account-save-button:disabled{opacity:.6;cursor:wait}

/* Refined account settings */
#loginModal.has-account{width:min(780px,calc(100% - 30px));padding:34px 38px}.account-header{padding-bottom:20px;border-bottom:1px solid #ecece8}.account-header .modal-brand-logo{width:64px!important}.account-header h2{font-size:22px!important;letter-spacing:-.025em!important}.account-tabs{width:100%;margin:20px 0 28px;padding:3px;border:0;border-radius:9px;background:#f1f1ee}.account-tabs button{height:40px;border-radius:7px;font-size:12px;letter-spacing:-.01em}.account-tabs button.active{background:#fff;color:#20211f;box-shadow:0 1px 5px rgba(30,32,27,.09)}.account-settings-form{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:18px}.account-form-heading{grid-column:1/-1;margin:0 0 4px}.account-form-heading .label{color:#8b8e87;font-size:9px;letter-spacing:.16em}.account-form-heading h3{font-size:21px;letter-spacing:-.035em}.account-form-heading p{margin-top:7px;color:#82857e;font-size:12px}.account-settings-form fieldset{align-content:start;gap:15px;padding:22px;border:1px solid #e5e5e1;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgba(36,38,33,.035)}.account-settings-form legend{padding:0 8px;color:#282a27;font-size:12px;letter-spacing:-.01em}.account-settings-form label{color:#565a53;font-size:11px;font-weight:650}.account-settings-form input{height:48px;margin-top:7px;padding:0 14px;border-color:#dedfda;border-radius:8px;background:#fafaf8;font-size:13px;transition:border-color .16s,background .16s,box-shadow .16s}.account-settings-form input:hover{border-color:#c8cac4}.account-settings-form input:focus{border-color:#777b72;background:#fff;box-shadow:0 0 0 3px rgba(74,78,69,.08)}.account-settings-form input[readonly]{border-color:#e8e8e4;background:#f3f3f0;color:#888b84;cursor:not-allowed}.account-settings-form label small{margin-top:6px;color:#9a9d96;line-height:1.45}.account-settings-form .postcode-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px}.account-settings-form .postcode-row button{border:1px solid #333531;border-radius:8px;background:#fff;color:#30322f;font-size:12px;transition:.16s}.account-settings-form .postcode-row button:hover{background:#30322f;color:#fff}.account-settings-form .address-status{padding:10px 12px;border-radius:7px;background:#f5f7f3;color:#667061;line-height:1.5}.account-settings-form .address-status.verified{background:#f0f7f2;color:#3f7550}.account-save-button{grid-column:1/-1;width:180px!important;height:48px!important;margin:4px 0 0 auto!important;border-radius:8px!important;background:#252724!important;font-size:13px!important}.account-save-button:hover{border-color:#252724!important;background:#111210!important;color:#fff!important}.account-logout{margin-top:22px}@media(max-width:680px){#loginModal.has-account{padding:28px 20px}.account-settings-form{grid-template-columns:1fr;gap:14px}.account-form-heading{grid-column:1}.account-settings-form fieldset{padding:18px}.account-save-button{grid-column:1;width:100%!important}.account-header .modal-brand-logo{width:54px!important}}

/* Brand the primary calls to action; keep utility buttons neutral. */
.inventory-search-button,body .shop .inventory-search-button,
.youtube-copy>a{
  border:1px solid #171817;
  background:#171817;
  color:#fff;
  box-shadow:none;
}
.inventory-search-button:hover,body .shop .inventory-search-button:hover,
.youtube-copy>a:hover{
  border-color:#ad94cf;
  background:linear-gradient(100deg,#e3d5f6 0%,#eee0f4 46%,#ffe88c 100%);
  color:#32184f;
  box-shadow:0 7px 18px rgba(104,35,201,.13);
}

/* Match category controls to the neutral black CTA system. */
body .shop .inventory-game-nav button.active,
body .shop .inventory-type-nav button.active{
  border:1px solid #171817;
  background:#171817;
  color:#fff;
  box-shadow:none;
}
body .shop .inventory-game-nav button:hover,
body .shop .inventory-type-nav button:hover,
body .shop .inventory-game-nav button.active:hover,
body .shop .inventory-type-nav button.active:hover{
  border:1px solid #c9b8df;
  background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);
  color:#3f285d;
  box-shadow:0 4px 12px rgba(104,35,201,.08);
}
/* Admin category navigation */
.admin-category-panel{margin:34px 0 18px}.admin-category-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.admin-category-heading .label{margin:0 0 7px;color:#8b8e87;font-size:10px;font-weight:800;letter-spacing:.14em}.admin-category-heading h2{margin:0;color:#171817;font-size:22px;letter-spacing:-.035em}.admin-category-heading>p{margin:0;color:#747871;font-size:13px}.admin-category-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-category-tabs button{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 20px;border:1px solid #dedfd9;border-radius:12px;background:#fff;color:#696c66;cursor:pointer;transition:.18s}.admin-category-tabs button:hover{border-color:#aeb1aa}.admin-category-tabs button.active{border-color:#171817;background:#171817;color:#fff;box-shadow:0 8px 20px rgba(23,24,23,.12)}.admin-category-tabs span{font-size:14px;font-weight:750;letter-spacing:.04em}.admin-category-tabs strong{display:grid;place-items:center;min-width:31px;height:31px;padding:0 8px;border-radius:999px;background:#eff0ec;color:#555851;font-size:12px}.admin-category-tabs button.active strong{background:#fff;color:#171817}.admin-empty{padding:54px 20px;border:1px dashed #cfd1cb;border-radius:12px;background:#fff;color:#858981;text-align:center;font-size:14px}@media(max-width:600px){.admin-category-heading{display:block}.admin-category-heading>p{margin-top:8px}.admin-category-tabs{grid-template-columns:1fr}.admin-category-tabs button{min-height:58px}}
/* Canonical admin workspace */
.admin-body{min-height:100vh;background:#f4f5f1;color:#171817;font-family:Inter,"Noto Sans KR",sans-serif}.admin-topbar{position:sticky;top:0;z-index:30;height:72px;border-bottom:1px solid #e1e2dd;background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.admin-topbar-inner{width:min(1240px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.admin-logo{display:flex;align-items:center;gap:13px;color:#171817;text-decoration:none}.admin-logo img{width:86px;height:auto}.admin-logo span{padding-left:13px;border-left:1px solid #d8dad4;color:#8a8e86;font-size:10px;font-weight:800;letter-spacing:.16em}.admin-topbar nav{display:flex;align-items:center;gap:8px}.admin-topbar nav a,.admin-topbar nav button{height:38px;padding:0 14px;border:1px solid #dcded8;border-radius:8px;background:#fff;color:#50534d;text-decoration:none;font-size:12px;font-weight:650;cursor:pointer}.admin-topbar nav a{display:flex;align-items:center;gap:8px}.admin-topbar nav button:hover,.admin-topbar nav a:hover{border-color:#a9aca5;color:#171817}.admin-page{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:48px 0 90px}.admin-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.admin-eyebrow{margin:0 0 9px;color:#999c95;font-size:10px;font-weight:800;letter-spacing:.16em}.admin-intro h1{margin:0;color:#171817;font-size:40px;line-height:1;letter-spacing:-.055em}.admin-intro>div>p:last-child{margin:13px 0 0;color:#747871;font-size:14px}.admin-import-button{display:flex;align-items:center;gap:12px;min-width:210px;padding:12px 16px;border:1px solid #d9dbd5;border-radius:10px;background:#fff;color:#171817;text-align:left;cursor:pointer}.admin-import-button>span:first-child{font-size:21px}.admin-import-button b,.admin-import-button small{display:block}.admin-import-button b{font-size:13px}.admin-import-button small{margin-top:3px;color:#8a8d87;font-size:10px}.admin-import-button:hover{border-color:#171817}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.admin-stats article{padding:20px 22px;border:1px solid #e0e1dc;border-radius:12px;background:#fff}.admin-stats article>span,.admin-stats article>small{display:block;color:#868a82;font-size:11px}.admin-stats strong{display:block;margin:10px 0 7px;font-size:29px;line-height:1;letter-spacing:-.04em}.admin-stats article:nth-child(3) strong{color:#d47900}.admin-stats article:nth-child(4) strong{color:#e12c35}.admin-create-panel{margin-bottom:42px;border:1px solid #dedfd9;border-radius:12px;background:#fff;overflow:hidden}.admin-create-panel summary{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;cursor:pointer;list-style:none}.admin-create-panel summary::-webkit-details-marker{display:none}.admin-create-panel summary>span{display:grid;grid-template-columns:30px auto;align-items:center}.admin-create-panel summary i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;margin-right:12px;border-radius:8px;background:#171817;color:#fff;font-style:normal;font-size:18px}.admin-create-panel summary b{font-size:13px}.admin-create-panel summary small{margin-top:2px;color:#898c86;font-size:11px}.admin-create-panel summary em{color:#757972;font-style:normal;font-size:11px}.admin-create-panel[open] summary{border-bottom:1px solid #e3e4df}.admin-create-panel[open] summary em{font-size:0}.admin-create-panel[open] summary em:after{content:"닫기";font-size:11px}.admin-create-panel form{padding:20px}.admin-create-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-create-fields label,.admin-fields>label,.admin-stock-add label,.admin-image-details label{display:grid;gap:7px;color:#777b74;font-size:10px;font-weight:700}.admin-create-fields input,.admin-create-fields select,.admin-fields input{width:100%;height:43px;padding:0 12px;border:1px solid #dfe0dc;border-radius:7px;background:#f7f7f5;color:#171817;outline:0;font:inherit;font-size:13px}.admin-create-fields input:focus,.admin-create-fields select:focus,.admin-fields input:focus{border-color:#777b74;background:#fff;box-shadow:0 0 0 3px rgba(23,24,23,.04)}.admin-create-image{grid-column:span 2}.admin-create-enabled{display:flex!important;align-items:center;gap:8px!important;align-self:end;height:43px;padding:0 12px;border-radius:7px;background:#f4f5f1}.admin-create-enabled input{width:16px;height:16px}.admin-create-fields>button{align-self:end;height:43px;border:0;border-radius:7px;background:#171817;color:#fff;font-size:12px;font-weight:750;cursor:pointer}.admin-create-fields>button:hover{background:#343633}.admin-category-panel{margin:0 0 16px}.admin-category-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.admin-category-heading h2{margin:0;color:#171817;font-size:26px;letter-spacing:-.04em}.admin-category-heading>p{margin:0;color:#777b74;font-size:12px}.admin-category-tabs{display:flex;gap:6px;margin-bottom:12px}.admin-category-tabs button{display:flex;align-items:center;gap:10px;height:43px;padding:0 15px;border:1px solid #dbddd7;border-radius:8px;background:#fff;color:#696d66;cursor:pointer}.admin-category-tabs button.active{border-color:#171817;background:#171817;color:#fff}.admin-category-tabs span{font-size:12px;font-weight:750}.admin-category-tabs strong{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:20px;background:#eff0ec;color:#555851;font-size:10px}.admin-category-tabs button.active strong{background:#fff;color:#171817}.admin-product-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border:1px solid #dcded8;border-radius:9px;background:#fff}.admin-product-search:focus-within{border-color:#898c85}.admin-product-search svg{width:18px;height:18px;fill:none;stroke:#92958f;stroke-width:1.8}.admin-product-search input{flex:1;height:100%;border:0;background:transparent;outline:0;color:#171817;font:inherit;font-size:13px}.admin-product-search kbd{padding:4px 7px;border:1px solid #dedfd9;border-radius:5px;background:#f5f5f2;color:#999c95;font:inherit;font-size:9px}.admin-body #adminInventory{display:grid;gap:10px}.admin-body .admin-product{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,2.2fr);gap:22px;margin:0;padding:16px;border:1px solid #dfe0dc;border-radius:12px;background:#fff;transition:border-color .18s,box-shadow .18s}.admin-body .admin-product:focus-within{border-color:#b3b6af;box-shadow:0 7px 22px rgba(28,31,25,.055)}.admin-body .admin-product-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding-right:18px;border-right:1px solid #ecece8}.admin-product-identity{display:flex;align-items:center;gap:13px;min-width:0}.admin-product-thumb{flex:0 0 58px;width:58px;height:72px;display:grid;place-items:center;border-radius:7px;background:#f1f2ee;overflow:hidden}.admin-product-thumb img{width:100%;height:100%;object-fit:contain}.admin-product-thumb span{padding:5px;color:#a0a39c;text-align:center;font-size:7px;font-weight:800}.admin-product-identity>div:last-child{min-width:0}.admin-product-identity>div:last-child>span{color:#989b95;font-size:9px;font-weight:750;letter-spacing:.06em}.admin-product-identity h4{margin:6px 0 5px;overflow:hidden;color:#242522;font-size:13px;line-height:1.35;text-overflow:ellipsis}.admin-product-identity small{display:block;max-width:190px;overflow:hidden;color:#a0a39c;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.admin-enabled{flex:0 0 auto;display:grid;justify-items:center;gap:5px;color:#898c86;font-size:9px}.admin-enabled input{appearance:none;width:34px;height:20px;margin:0;padding:2px;border:0;border-radius:20px;background:#d7d9d4;cursor:pointer}.admin-enabled input:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s}.admin-enabled input:checked{background:#171817}.admin-enabled input:checked:before{transform:translateX(14px)}.admin-body .admin-fields{display:grid;grid-template-columns:repeat(4,minmax(86px,1fr)) minmax(140px,1.15fr);align-items:end;gap:10px}.admin-stock-add{display:grid;grid-template-columns:minmax(70px,1fr) auto;align-items:end;gap:5px}.admin-stock-add button{height:43px;padding:0 11px;border:1px solid #d9dbd5;border-radius:7px;background:#fff;color:#3d403b;font-size:10px;font-weight:700;cursor:pointer}.admin-stock-add button:hover{border-color:#171817}.admin-image-details{grid-column:1/-2;padding-top:2px}.admin-image-details summary{width:max-content;color:#7d807a;font-size:10px;font-weight:700;cursor:pointer}.admin-image-details[open]{display:grid;grid-template-columns:2fr 1fr;gap:8px}.admin-image-details[open] summary{grid-column:1/-1}.admin-image-details input[type=file]{padding:10px 8px;font-size:9px}.admin-save-button{grid-column:-2/-1;height:43px;border:0;border-radius:7px;background:#171817;color:#fff;font-size:11px;font-weight:750;cursor:pointer}.admin-save-button:hover{background:#ff1d27}.admin-empty{padding:54px 20px;border:1px dashed #cfd1cb;border-radius:12px;background:#fff;color:#858981;text-align:center;font-size:13px}
@media(max-width:1050px){.admin-body .admin-product{grid-template-columns:1fr}.admin-body .admin-product-head{padding:0 0 13px;border-right:0;border-bottom:1px solid #ecece8}.admin-body .admin-fields{grid-template-columns:repeat(4,1fr)}.admin-stock-add{grid-column:span 2}.admin-image-details{grid-column:1/-2}}
@media(max-width:760px){.admin-topbar-inner,.admin-page{width:min(100% - 24px,1240px)}.admin-page{padding-top:30px}.admin-intro{display:block}.admin-import-button{width:100%;margin-top:20px}.admin-stats{grid-template-columns:1fr 1fr}.admin-create-fields{grid-template-columns:1fr 1fr}.admin-create-image{grid-column:1/-1}.admin-create-enabled{grid-column:span 1}.admin-category-heading{display:block}.admin-category-heading>p{margin-top:7px}.admin-product-search kbd{display:none}.admin-body .admin-fields{grid-template-columns:1fr 1fr}.admin-stock-add{grid-column:1/-1}.admin-image-details{grid-column:1/-1}.admin-save-button{grid-column:1/-1}.admin-topbar nav a{font-size:0}.admin-topbar nav a span{font-size:14px}}
@media(max-width:470px){.admin-page{width:min(100% - 20px,1240px)}.admin-intro h1{font-size:34px}.admin-stats article{padding:16px}.admin-stats strong{font-size:25px}.admin-create-fields{grid-template-columns:1fr}.admin-create-image,.admin-create-enabled{grid-column:auto}.admin-category-tabs button{flex:1;justify-content:space-between;padding:0 12px}.admin-body .admin-product{padding:13px}.admin-body .admin-product-thumb{width:48px;height:61px;flex-basis:48px}.admin-body .admin-fields{gap:8px}.admin-create-panel summary small{display:none}}

/* Admin creation flow and storefront hover language */
.admin-create-panel form{padding:0;background:#f8f8f6}.admin-create-layout{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1px;background:#e1e2dd}.admin-create-section{min-width:0;margin:0;padding:22px;border:0;background:#fff}.admin-create-section legend{float:left;width:100%;display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:0}.admin-create-section legend+*{clear:both}.admin-create-section legend>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #d9dbd5;border-radius:8px;color:#7e817b;font-size:9px;font-weight:800}.admin-create-section legend b,.admin-create-section legend small{display:block}.admin-create-section legend b{color:#222320;font-size:13px}.admin-create-section legend small{margin-top:3px;color:#999c96;font-size:9px;font-weight:500}.admin-create-section-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-create-section-fields label{position:relative;display:grid;gap:7px;color:#777b74;font-size:10px;font-weight:700}.admin-create-section-fields label>em{position:absolute;top:0;right:0;color:#9c75ca;font-style:normal;font-size:8px}.admin-create-section-fields input,.admin-create-section-fields select{width:100%;height:44px;padding:0 12px;border:1px solid #dfe0dc;border-radius:7px;background:#f7f7f5;color:#171817;outline:0;font:inherit;font-size:12px;transition:.18s}.admin-create-section-fields input:hover,.admin-create-section-fields select:hover{border-color:#b5b8b1}.admin-create-section-fields input:focus,.admin-create-section-fields select:focus{border-color:#9a83b8;background:#fff;box-shadow:0 0 0 3px rgba(156,117,202,.1)}.admin-create-section-fields label>i{position:absolute;right:11px;bottom:14px;color:#a2a59e;font-style:normal;font-size:9px}.admin-create-price-fields input{padding-right:28px}.admin-create-wide{grid-column:1/-1}.admin-create-enabled{grid-column:1/-1;display:flex!important;align-items:center!important;gap:10px!important;height:54px;padding:0 12px;border:1px solid #e2e3de;border-radius:8px;background:#f8f8f6}.admin-create-enabled>input{appearance:none;flex:0 0 auto;width:34px!important;height:20px!important;padding:2px!important;border:0!important;border-radius:20px!important;background:#d7d9d4!important}.admin-create-enabled>input:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s}.admin-create-enabled>input:checked{background:#171817!important}.admin-create-enabled>input:checked:before{transform:translateX(14px)}.admin-create-enabled span b,.admin-create-enabled span small{display:block}.admin-create-enabled span b{color:#363833;font-size:10px}.admin-create-enabled span small{margin-top:3px;color:#969992;font-size:8px;font-weight:500}.admin-create-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 16px;border:1px solid #171817;border-radius:8px;background:#171817;color:#fff;cursor:pointer;font-size:11px;font-weight:750;transition:.2s}.admin-create-submit b{font-size:16px}.admin-create-submit:hover,.admin-save-button:hover,.admin-import-button:hover,.admin-stock-add button:hover,.admin-topbar nav button:hover,.admin-topbar nav a:hover{border-color:#ad94cf;background:linear-gradient(100deg,#e3d5f6 0%,#eee0f4 46%,#ffe88c 100%);color:#32184f;box-shadow:0 7px 18px rgba(104,35,201,.13)}.admin-category-tabs button:hover:not(.active){border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d;box-shadow:0 4px 12px rgba(104,35,201,.08)}.admin-category-tabs button.active:hover{border-color:#ad94cf;background:linear-gradient(100deg,#e3d5f6 0%,#eee0f4 46%,#ffe88c 100%);color:#32184f}.admin-category-tabs button.active:hover strong{background:rgba(255,255,255,.7);color:#32184f}.admin-create-panel summary:hover{background:linear-gradient(100deg,rgba(238,230,250,.65),rgba(255,243,189,.45))}.admin-save-button,.admin-stock-add button,.admin-import-button,.admin-topbar nav a,.admin-topbar nav button{transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
@media(max-width:1000px){.admin-create-layout{grid-template-columns:1fr 1fr}.admin-create-section-main{grid-row:span 2}.admin-create-section-finish{border-top:1px solid #e1e2dd}}
@media(max-width:720px){.admin-create-layout{grid-template-columns:1fr}.admin-create-section-main{grid-row:auto}.admin-create-section{padding:19px}.admin-create-section+.admin-create-section{border-top:1px solid #e1e2dd}}
@media(max-width:430px){.admin-create-section-fields{grid-template-columns:1fr}.admin-create-wide,.admin-create-enabled,.admin-create-submit{grid-column:auto}}

/* Final admin button palette: neutral at rest, storefront gradient on hover. */
.admin-body .admin-product .admin-save-button,
.admin-body .admin-create-submit{
  border:1px solid #171817;
  background:#171817;
  color:#fff;
  box-shadow:none;
}
.admin-body .admin-product .admin-stock-add button,
.admin-body .admin-import-button,
.admin-body .admin-topbar nav a,
.admin-body .admin-topbar nav button{
  border:1px solid #d9dbd5;
  background:#fff;
  color:#3d403b;
  box-shadow:none;
}
.admin-body .admin-product .admin-save-button:hover,
.admin-body .admin-create-submit:hover,
.admin-body .admin-product .admin-stock-add button:hover,
.admin-body .admin-import-button:hover,
.admin-body .admin-topbar nav a:hover,
.admin-body .admin-topbar nav button:hover{
  border-color:#ad94cf;
  background:linear-gradient(100deg,#e3d5f6 0%,#eee0f4 46%,#ffe88c 100%);
  color:#32184f;
  box-shadow:0 7px 18px rgba(104,35,201,.13);
}

/* Refined collapsed new-product card */
.admin-body .admin-create-panel{border-color:#d7d9d3;border-radius:14px;box-shadow:0 5px 18px rgba(37,40,33,.035);transition:border-color .2s,box-shadow .2s}.admin-body .admin-create-panel:not([open]):hover{border-color:#bca9d4;box-shadow:0 9px 24px rgba(104,35,201,.08)}.admin-body .admin-create-panel summary{min-height:76px;padding:15px 18px 15px 16px;background:#fff;transition:background .2s}.admin-body .admin-create-panel summary>span{grid-template-columns:42px auto}.admin-body .admin-create-panel summary>span>i{grid-row:1/3;width:42px;height:42px;margin-right:14px;border:1px solid #cdbce2;border-radius:11px;background:linear-gradient(135deg,#eee6fa,#fff3bd);color:#4b3268;font-size:21px;font-weight:500;box-shadow:0 5px 13px rgba(104,35,201,.08);transition:transform .2s}.admin-body .admin-create-panel summary>span>b{font-size:14px;letter-spacing:-.02em}.admin-body .admin-create-panel summary>span>small{margin-top:4px;font-size:10px}.admin-body .admin-create-panel summary>em{display:flex;align-items:center;gap:11px;padding:8px 9px 8px 12px;border:1px solid #e0e1dc;border-radius:999px;background:#f7f7f5;color:#676a64;font-style:normal}.admin-body .admin-create-panel summary>em>b{font-size:10px}.admin-body .admin-create-panel summary>em>i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#171817;color:#fff;font-style:normal;font-size:14px;line-height:1;transition:transform .2s}.admin-body .admin-create-panel summary:hover{background:linear-gradient(100deg,rgba(238,230,250,.45),rgba(255,243,189,.32))}.admin-body .admin-create-panel summary:hover>span>i{transform:scale(1.05)}.admin-body .admin-create-panel[open]{border-color:#c9b8df;box-shadow:0 10px 28px rgba(104,35,201,.07)}.admin-body .admin-create-panel[open] summary{background:linear-gradient(100deg,rgba(238,230,250,.38),rgba(255,243,189,.25))}.admin-body .admin-create-panel[open] summary>span>i{transform:rotate(45deg)}.admin-body .admin-create-panel[open] summary>em{font-size:inherit}.admin-body .admin-create-panel[open] summary>em:after{display:none}.admin-body .admin-create-panel[open] summary>em>b{font-size:0}.admin-body .admin-create-panel[open] summary>em>b:after{content:"등록 폼 닫기";font-size:10px}.admin-body .admin-create-panel[open] summary>em>i{transform:rotate(180deg)}
@media(max-width:520px){.admin-body .admin-create-panel summary{min-height:70px;padding:13px}.admin-body .admin-create-panel summary>span{grid-template-columns:38px auto}.admin-body .admin-create-panel summary>span>i{width:38px;height:38px;margin-right:11px}.admin-body .admin-create-panel summary>span>small{display:none}.admin-body .admin-create-panel summary>em{padding:7px}.admin-body .admin-create-panel summary>em>b{display:none}}

/* Admin fields after removing market price */
@media(min-width:1051px){.admin-body .admin-fields{grid-template-columns:1fr}}
.admin-body .admin-fields .admin-name-field{grid-column:span 2}
@media(max-width:1050px){.admin-body .admin-fields .admin-name-field{grid-column:span 2}}
@media(max-width:760px){.admin-body .admin-fields .admin-name-field{grid-column:1/-1}}

.admin-edit-core{display:grid;grid-template-columns:minmax(0,2fr) minmax(90px,1fr) minmax(90px,1fr) minmax(140px,1.1fr);gap:10px;align-items:end;padding:14px;border:1px solid #e4e5e1;border-radius:10px;background:#f8f8f6}
.admin-edit-label{grid-column:1/-1;margin:0;color:#6f4f91;font-size:11px;font-weight:800;letter-spacing:.04em}
.admin-edit-core .admin-name-field{grid-column:1/-1}
.admin-edit-core .admin-stock-field input{font-weight:800}
.admin-stock-adjust{grid-column:1/-2;display:grid;grid-template-columns:36px 36px minmax(70px,1fr) auto auto;gap:6px;align-items:end}
.admin-stock-adjust>button{height:43px;min-width:36px;padding:0 10px;border:1px solid #d9dbd5;border-radius:7px;background:#fff;color:#3d403b;font-size:12px;font-weight:800;cursor:pointer}
.admin-stock-adjust>button:hover{border-color:#ad94cf;background:linear-gradient(100deg,#eee6fa,#fff3bd);color:#4d3568}
.admin-edit-core .admin-save-button{grid-column:-2/-1;height:43px}
.admin-body .admin-fields .admin-image-details{grid-column:1/-1;margin-top:4px}
@media(max-width:900px){.admin-edit-core{grid-template-columns:1fr 1fr}.admin-edit-core .admin-name-field,.admin-stock-adjust,.admin-edit-core .admin-save-button{grid-column:1/-1}.admin-stock-adjust{grid-template-columns:36px 36px 1fr}}
@media(max-width:520px){.admin-stock-adjust{grid-template-columns:1fr 1fr}.admin-stock-adjust>button:nth-child(1),.admin-stock-adjust>button:nth-child(2){min-height:40px}.admin-stock-adjust>label{grid-column:1/-1}}

/* Keep the new-product icon and title comfortably separated. */
.admin-body .admin-create-panel summary>span{grid-template-columns:58px minmax(0,1fr);column-gap:0}.admin-body .admin-create-panel summary>span>i{margin-right:0}.admin-body .admin-create-panel summary>span>b,.admin-body .admin-create-panel summary>span>small{padding-left:2px}
@media(max-width:520px){.admin-body .admin-create-panel summary>span{grid-template-columns:50px minmax(0,1fr)}.admin-body .admin-create-panel summary>span>i{margin-right:0}}

/* Make a newly-created product unmistakable. */
.admin-body .admin-product.admin-product-new{border-color:#9b7bc2;animation:admin-new-product 3.2s ease both;box-shadow:0 0 0 3px rgba(155,123,194,.12),0 12px 28px rgba(104,35,201,.1)}
@keyframes admin-new-product{0%,65%{background:linear-gradient(100deg,#faf7ff,#fffdf0)}100%{background:#fff}}
.admin-body .admin-create-submit:disabled{cursor:wait;opacity:.7}

/* New-product image upload and visible result feedback */
.admin-create-image-options{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:10px}.admin-create-image-options>label:last-child{grid-column:1/-1}.admin-create-image-options input[type=file]{padding:10px 9px;font-size:9px}.admin-create-preview{grid-row:1;grid-column:2;width:74px;height:66px;display:grid;place-items:center;border:1px dashed #d3d5cf;border-radius:8px;background:#f7f7f5;overflow:hidden}.admin-create-preview img{width:100%;height:100%;object-fit:contain}.admin-create-preview span{padding:8px;color:#a1a49d;text-align:center;font-size:8px;line-height:1.4}.admin-create-status{min-height:18px;margin:0;padding:0 2px;font-size:10px;font-weight:650}.admin-create-status:empty{display:none}.admin-create-status.loading,.admin-create-status.ready{color:#73569a}.admin-create-status.success{padding:10px 12px;border:1px solid #a9dcc3;border-radius:7px;background:#effaf4;color:#16824c}.admin-create-status.error{padding:10px 12px;border:1px solid #efb6ba;border-radius:7px;background:#fff2f3;color:#bd303b}
@media(max-width:430px){.admin-create-image-options{grid-template-columns:minmax(0,1fr) 66px}.admin-create-preview{grid-column:2;width:66px}}

/* Product actions and safe neutral delete control */
.admin-product-actions{display:grid;justify-items:center;gap:9px}.admin-body .admin-product .admin-delete-button{height:27px;padding:0 9px;border:1px solid #d9dbd5;border-radius:6px;background:#fff;color:#777b74;font-size:9px;font-weight:700;cursor:pointer;transition:.18s}.admin-body .admin-product .admin-delete-button:hover{border-color:#a996c2;background:linear-gradient(100deg,#eee6fa,#fff3bd);color:#4b3268;box-shadow:0 4px 10px rgba(104,35,201,.08)}.admin-body .admin-product .admin-delete-button:disabled{cursor:wait;opacity:.55}

/* Admin product / customer / order workspace */
.admin-section-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 26px;padding:6px;border:1px solid #dedfd9;border-radius:13px;background:#fff}.admin-section-nav button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:55px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#777b74;text-align:left;cursor:pointer}.admin-section-nav button>span{font-size:13px;font-weight:750}.admin-section-nav button>small{color:#a0a39d;font-size:9px}.admin-section-nav button:hover{background:linear-gradient(100deg,#eee6fa,#fff3bd);color:#3f285d}.admin-section-nav button.active{background:#171817;color:#fff;box-shadow:0 5px 12px rgba(23,24,23,.12)}.admin-section-nav button.active small{color:#afb1ac}.admin-body[data-admin-view="users"] .admin-stats,.admin-body[data-admin-view="users"] .admin-create-panel,.admin-body[data-admin-view="users"] .admin-category-panel,.admin-body[data-admin-view="users"] #adminInventory,.admin-body[data-admin-view="orders"] .admin-stats,.admin-body[data-admin-view="orders"] .admin-create-panel,.admin-body[data-admin-view="orders"] .admin-category-panel,.admin-body[data-admin-view="orders"] #adminInventory{display:none}.admin-data-view{min-height:300px}.admin-data-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 16px}.admin-data-heading h2{margin:0;font-size:27px;letter-spacing:-.04em}.admin-data-heading>strong{padding:8px 12px;border:1px solid #dedfd9;border-radius:20px;background:#fff;color:#676b64;font-size:11px}.admin-data-loading{padding:70px 20px;color:#898c86;text-align:center;font-size:12px}.admin-table-wrap{overflow:auto;border:1px solid #dedfd9;border-radius:12px;background:#fff}.admin-data-table{width:100%;border-collapse:collapse;min-width:780px}.admin-data-table th{padding:13px 17px;border-bottom:1px solid #dedfd9;background:#f7f7f5;color:#8e918b;text-align:left;font-size:9px;letter-spacing:.04em}.admin-data-table td{padding:17px;border-bottom:1px solid #ecece8;color:#555851;font-size:11px;vertical-align:middle}.admin-data-table tr:last-child td{border-bottom:0}.admin-data-table td b,.admin-data-table td small{display:block}.admin-data-table td b{margin-bottom:5px;color:#242522;font-size:12px}.admin-data-table td small{color:#8c8f89;font-size:9px}.admin-provider{display:inline-block;padding:6px 8px;border-radius:6px;background:#f0ebf6;color:#63467f;font-size:9px;font-weight:700;text-transform:uppercase}.admin-order-list{display:grid;gap:10px}.admin-order-card{padding:18px 20px;border:1px solid #dedfd9;border-radius:12px;background:#fff}.admin-order-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid #ecece8}.admin-order-card>header b,.admin-order-card>header span{display:block}.admin-order-card>header b{font-size:11px}.admin-order-card>header span{margin-top:5px;color:#969992;font-size:9px}.admin-order-card>header em{padding:7px 9px;border-radius:7px;background:#eee7f7;color:#60427d;font-style:normal;font-size:9px;font-weight:700}.admin-order-customer{display:flex;gap:9px;margin-top:13px;color:#777b74;font-size:10px}.admin-order-customer b{color:#333531}.admin-order-card ul{margin:13px 0 0;padding:0;list-style:none}.admin-order-card li{display:grid;grid-template-columns:1fr 60px 110px;gap:12px;padding:9px 0;border-top:1px dashed #e4e5e1;color:#555851;font-size:11px}.admin-order-card li b,.admin-order-card li strong{text-align:right}.admin-order-card li strong{color:#242522}.admin-order-card>footer{max-width:none;margin:12px 0 0;padding:13px 0 0;border-top:1px solid #dedfd9;display:flex;align-items:center;justify-content:flex-end;gap:18px}.admin-order-card>footer span{color:#858981;font-size:10px}.admin-order-card>footer strong{font-size:16px}.admin-data-view .admin-empty small{display:block;margin-top:8px;color:#a0a39d;font-size:9px}
@media(max-width:650px){.admin-section-nav{gap:4px;padding:5px}.admin-section-nav button{display:block;min-height:52px;padding:0 10px;text-align:center}.admin-section-nav button>span{font-size:11px}.admin-section-nav button>small{display:none}.admin-order-card{padding:15px}.admin-order-card li{grid-template-columns:1fr 38px 82px;font-size:10px}.admin-order-card>header{align-items:flex-start}.admin-order-card>header em{white-space:nowrap}}

/* Order customer and fulfillment details */
.admin-order-meta{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:14px}.admin-order-meta section{min-width:0;padding:13px 14px;border:1px solid #e4e5e1;border-radius:9px;background:#f8f8f6}.admin-order-meta small,.admin-order-meta b,.admin-order-meta span,.admin-order-meta p{display:block}.admin-order-meta small{margin-bottom:8px;color:#999c95;font-size:8px;font-weight:750;letter-spacing:.06em}.admin-order-meta b{color:#2d2f2b;font-size:11px}.admin-order-meta span{margin-top:4px;color:#70736d;font-size:9px}.admin-order-meta p{margin:8px 0 0;color:#888b85;font-size:9px;line-height:1.5}.admin-order-meta .admin-delivery-type{color:#563875;font-size:13px}.admin-order-meta section:last-child{border-color:#d9cce8;background:linear-gradient(110deg,#f4eefb,#fff8d9)}
@media(max-width:570px){.admin-order-meta{grid-template-columns:1fr}.admin-order-meta section{padding:12px}}

/* Operational order-management table */
.admin-order-summary{display:flex;gap:8px;margin-bottom:12px}.admin-order-summary>span{padding:8px 11px;border:1px solid #dedfd9;border-radius:7px;background:#fff;color:#797c76;font-size:10px}.admin-order-summary b{margin-left:5px;color:#262724}.admin-orders-table-wrap{overflow:auto;border:1px solid #d9dbd5;border-radius:12px;background:#fff}.admin-orders-table{width:100%;min-width:1120px;border-collapse:collapse;table-layout:fixed}.admin-orders-table th{padding:12px 13px;border-bottom:1px solid #d9dbd5;background:#f4f5f1;color:#858981;text-align:left;font-size:9px;font-weight:750;letter-spacing:.04em}.admin-orders-table th:nth-child(1){width:160px}.admin-orders-table th:nth-child(2){width:145px}.admin-orders-table th:nth-child(3){width:225px}.admin-orders-table th:nth-child(4){width:285px}.admin-orders-table th:nth-child(5){width:115px}.admin-orders-table th:nth-child(6){width:145px}.admin-orders-table td{padding:16px 13px;border-bottom:1px solid #e7e8e4;color:#555851;font-size:10px;line-height:1.45;vertical-align:top}.admin-orders-table tr:last-child td{border-bottom:0}.admin-orders-table tr.admin-order-customer-row:hover td{background:#fcfbff}.admin-orders-table tr.admin-order-inventory td{background:#fafaf8;color:#8b8e87}.admin-orders-table td>b,.admin-orders-table td>span{display:block}.admin-order-number{max-width:145px;overflow-wrap:anywhere;color:#242522;font-size:9px}.admin-orders-table td:first-child>span{margin-top:6px;color:#8e918b;font-size:8px}.admin-orders-table td:first-child>em{display:inline-block;margin-top:9px;padding:4px 6px;border-radius:5px;background:#eee7f7;color:#62457f;font-style:normal;font-size:8px;font-weight:700}.admin-orders-table td:nth-child(2)>b{color:#242522;font-size:11px}.admin-orders-table td:nth-child(2)>span{margin-top:4px;color:#777b74;font-size:9px;overflow-wrap:anywhere}.admin-order-products{margin:0;padding:0;list-style:none}.admin-order-products li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed #e3e4df}.admin-order-products li:first-child{padding-top:0}.admin-order-products li:last-child{padding-bottom:0;border-bottom:0}.admin-order-products li span{color:#333531}.admin-order-products li b{flex:0 0 auto;color:#777b74;font-size:9px}.admin-fulfillment-badge{display:inline-block;padding:5px 8px;border-radius:6px;background:#eee7f7;color:#5b3c78;font-size:9px}.admin-fulfillment-badge.pickup{background:#e7f5ed;color:#187548}.admin-fulfillment-badge.shipping{background:#e9eff9;color:#315d99}.admin-fulfillment-badge.proxy{background:linear-gradient(100deg,#eee6fa,#fff3bd);color:#52356f}.admin-proxy-rule{display:inline-block!important;margin-left:5px;color:#704e91;font-size:9px}.admin-orders-table address{margin-top:9px;color:#555851;font-style:normal;font-size:9px;line-height:1.55;overflow-wrap:anywhere}.admin-order-total{color:#242522;font-size:12px}.admin-orders-table td:nth-child(5)>span{margin-top:5px;color:#999c95;font-size:8px}.admin-order-status{width:100%;height:35px;padding:0 8px;border:1px solid #d7d9d3;border-radius:7px;background:#fff;color:#333531;outline:0;font:inherit;font-size:9px;font-weight:700}.admin-order-status:focus{border-color:#9c83ba;box-shadow:0 0 0 3px rgba(104,35,201,.08)}.admin-static-status{padding:7px 8px;border-radius:6px;background:#eeefeb;color:#777b74;font-size:9px;text-align:center}
@media(max-width:760px){.admin-orders-table-wrap{overflow:visible;border:0;background:transparent}.admin-orders-table{display:block;min-width:0}.admin-orders-table thead{display:none}.admin-orders-table tbody{display:grid;gap:10px}.admin-orders-table tr{display:grid;border:1px solid #d9dbd5;border-radius:11px;background:#fff;overflow:hidden}.admin-orders-table td{display:grid;grid-template-columns:105px 1fr;padding:12px;border-bottom:1px solid #ecece8}.admin-orders-table td:last-child{border-bottom:0}.admin-orders-table td:before{content:attr(data-label);color:#999c95;font-size:8px;font-weight:750}.admin-orders-table tr.admin-order-inventory td{background:#fafaf8}.admin-order-status{max-width:180px}}

/* Editable fulfillment for legacy and new orders */
.admin-delivery-select,.admin-proxy-select{width:100%;height:34px;padding:0 8px;border:1px solid #cfc5dc;border-radius:7px;background:#fff;color:#4f3569;outline:0;font:inherit;font-size:9px;font-weight:750}.admin-proxy-select{margin-top:6px;border-color:#e0d39c;background:#fffbea;color:#665723}.admin-delivery-select:focus,.admin-proxy-select:focus{box-shadow:0 0 0 3px rgba(104,35,201,.08)}

/* Refined order operations dashboard */
.admin-order-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}.admin-order-kpis article{position:relative;overflow:hidden;padding:17px 18px;border:1px solid #dedfd9;border-radius:11px;background:#fff}.admin-order-kpis article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#cbb9e1}.admin-order-kpis article:nth-child(2):before{background:#dfca65}.admin-order-kpis article:nth-child(3):before{background:#78bc96}.admin-order-kpis article:nth-child(4):before{background:#a9aca5}.admin-order-kpis span,.admin-order-kpis small{display:block;color:#858981;font-size:9px}.admin-order-kpis b{display:block;margin:9px 0 6px;color:#242522;font-size:24px;line-height:1}.admin-order-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 165px auto;align-items:center;gap:8px;margin-bottom:12px;padding:9px;border:1px solid #dedfd9;border-radius:11px;background:#fff}.admin-order-toolbar>label{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border-radius:7px;background:#f4f5f1}.admin-order-toolbar svg{width:17px;height:17px;fill:none;stroke:#8b8e87;stroke-width:1.8}.admin-order-toolbar input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:0;font:inherit;font-size:11px}.admin-order-toolbar select{height:42px;padding:0 10px;border:1px solid #dedfd9;border-radius:7px;background:#fff;color:#4f524c;font:inherit;font-size:10px;font-weight:650}.admin-order-toolbar>span{padding:0 7px;color:#8b8e87;font-size:9px;white-space:nowrap}.admin-order-toolbar>span b{color:#242522}.admin-orders-table-wrap{box-shadow:0 8px 26px rgba(36,39,31,.04)}.admin-orders-table th{height:42px;padding:0 14px;background:#f1f2ee;color:#72766f}.admin-orders-table td{padding:18px 14px}.admin-orders-table tbody tr{transition:background .16s}.admin-orders-table tbody tr:hover td{background:#fbfafc}.admin-order-status,.admin-delivery-select,.admin-proxy-select{transition:border-color .18s,box-shadow .18s}.admin-order-status:hover,.admin-delivery-select:hover,.admin-proxy-select:hover{border-color:#a995c2}
@media(max-width:850px){.admin-order-kpis{grid-template-columns:1fr 1fr}.admin-order-toolbar{grid-template-columns:1fr 150px}.admin-order-toolbar>span{grid-column:1/-1}}
@media(max-width:520px){.admin-order-kpis{gap:7px}.admin-order-kpis article{padding:14px}.admin-order-kpis b{font-size:21px}.admin-order-toolbar{grid-template-columns:1fr}.admin-order-toolbar select{width:100%}.admin-order-toolbar>span{grid-column:auto}}
.admin-order-status[data-status="received"]{border-color:#d8c67a;background:#fffbea;color:#725e0b}.admin-order-status[data-status="preparing"]{border-color:#bea9d7;background:#f7f2fc;color:#61427f}.admin-order-status[data-status="shipped"]{border-color:#8fc5a8;background:#eef9f3;color:#176b43}.admin-order-status[data-status="completed"]{border-color:#9eb8da;background:#f0f6fd;color:#295c92}.admin-order-status[data-status="cancelled"]{border-color:#dfa3a3;background:#fff3f3;color:#9b3434}.admin-save-state{display:block;margin-top:6px;color:#93978f;font-size:8px;text-align:right}.admin-order-kpis article{cursor:pointer;transition:transform .15s,box-shadow .15s}.admin-order-kpis article:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(36,39,31,.08)}

/* Clear inventory sale status */
.admin-body .admin-enabled{min-width:58px;gap:7px}.admin-body .admin-enabled input{width:40px;height:22px;padding:3px;background:#e1535c;box-shadow:inset 0 0 0 1px rgba(130,21,29,.12)}.admin-body .admin-enabled input:before{width:16px;height:16px}.admin-body .admin-enabled input:checked{background:#28a867;box-shadow:inset 0 0 0 1px rgba(14,108,61,.14)}.admin-body .admin-enabled input:checked:before{transform:translateX(18px)}.admin-body .admin-enabled>span{font-size:0;font-weight:800;white-space:nowrap}.admin-body .admin-enabled>span:before{content:"판매 중지";color:#c6343f;font-size:10px}.admin-body .admin-enabled input:checked+span:before{content:"판매 중";color:#16824c}.admin-body .admin-enabled:hover input{filter:saturate(1.08);box-shadow:0 0 0 3px rgba(225,83,92,.1)}.admin-body .admin-enabled:hover input:checked{box-shadow:0 0 0 3px rgba(40,168,103,.12)}
.admin-order-kpis article{cursor:default}.admin-order-kpis article:hover{transform:none;box-shadow:none}
.admin-order-tabs{display:flex;gap:5px;margin:0 0 10px;padding:5px;border:1px solid #dedfd9;border-radius:11px;background:#fff}.admin-order-tabs button{min-width:88px;height:36px;padding:0 15px;border:0;border-radius:7px;background:transparent;color:#777b74;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.admin-order-tabs button:hover{background:#f2f2ef;color:#333531}.admin-order-tabs button.active{background:#242522;color:#fff;box-shadow:0 4px 10px rgba(36,37,34,.14)}.admin-order-toolbar{grid-template-columns:minmax(260px,1fr) auto}.admin-order-toolbar>span{justify-self:end}@media(max-width:520px){.admin-order-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.admin-order-tabs button{min-width:0;padding:0 5px}.admin-order-toolbar{grid-template-columns:1fr}.admin-order-toolbar>span{justify-self:start}}

/* Readable admin typography */
.admin-body{font-size:15px;line-height:1.55}.admin-topbar-inner,.admin-page{width:min(1440px,calc(100% - 40px))}.admin-topbar{height:78px}.admin-logo span{font-size:12px}.admin-topbar nav a,.admin-topbar nav button{height:44px;padding:0 17px;font-size:14px}.admin-eyebrow{font-size:12px}.admin-intro h1{font-size:44px}.admin-intro>div>p:last-child{font-size:16px}.admin-import-button b{font-size:15px}.admin-import-button small{font-size:12px}.admin-stats article>span,.admin-stats article>small{font-size:13px}.admin-stats strong{font-size:32px}.admin-create-panel summary b,.admin-body .admin-create-panel summary>span>b{font-size:16px}.admin-create-panel summary small,.admin-body .admin-create-panel summary>span>small{font-size:12px}.admin-body .admin-create-panel summary>em>b,.admin-body .admin-create-panel[open] summary>em>b:after{font-size:12px}.admin-create-section legend b{font-size:15px}.admin-create-section legend small{font-size:11px}.admin-create-section-fields label,.admin-create-fields label,.admin-fields>label,.admin-stock-add label,.admin-image-details label{font-size:13px}.admin-create-section-fields input,.admin-create-section-fields select,.admin-create-fields input,.admin-create-fields select,.admin-fields input{height:48px;font-size:14px}.admin-create-submit,.admin-create-fields>button,.admin-save-button{height:48px;font-size:14px}.admin-section-nav button{min-height:62px}.admin-section-nav button>span{font-size:15px}.admin-section-nav button>small{font-size:11px}.admin-category-heading h2,.admin-data-heading h2{font-size:30px}.admin-category-heading>p{font-size:14px}.admin-category-tabs span{font-size:14px}.admin-category-tabs strong{font-size:12px}.admin-product-search{height:52px}.admin-product-search input{font-size:15px}.admin-product-identity>div:last-child>span{font-size:11px}.admin-product-identity h4{font-size:16px}.admin-product-identity small{font-size:11px}.admin-enabled{font-size:12px}.admin-body .admin-enabled>span:before,.admin-body .admin-enabled input:checked+span:before{font-size:12px}.admin-stock-add button{height:48px;font-size:13px}.admin-image-details summary{font-size:12px}.admin-body .admin-product .admin-delete-button{height:34px;font-size:12px}.admin-data-heading>strong{font-size:13px}.admin-data-loading,.admin-empty{font-size:15px}.admin-data-table th{padding:15px 18px;font-size:12px}.admin-data-table td{padding:19px 18px;font-size:14px}.admin-data-table td b{font-size:15px}.admin-data-table td small,.admin-provider{font-size:12px}.admin-order-kpis span,.admin-order-kpis small{font-size:12px}.admin-order-kpis b{font-size:29px}.admin-order-tabs button{height:42px;font-size:13px}.admin-order-toolbar input{font-size:14px}.admin-order-toolbar>span{font-size:12px}.admin-orders-table{min-width:1320px}.admin-orders-table th{height:48px;padding:0 15px;font-size:12px}.admin-orders-table th:nth-child(1){width:185px}.admin-orders-table th:nth-child(2){width:170px}.admin-orders-table th:nth-child(3){width:245px}.admin-orders-table th:nth-child(4){width:310px}.admin-orders-table th:nth-child(5){width:135px}.admin-orders-table th:nth-child(6){width:210px}.admin-orders-table td{padding:20px 15px;font-size:13px;line-height:1.6}.admin-order-number{max-width:170px;font-size:12px}.admin-orders-table td:first-child>span,.admin-orders-table td:first-child>em,.admin-orders-table td:nth-child(2)>span,.admin-order-products li b,.admin-orders-table address,.admin-orders-table td:nth-child(5)>span{font-size:11px}.admin-orders-table td:nth-child(2)>b,.admin-order-total{font-size:14px}.admin-order-status,.admin-delivery-select,.admin-proxy-select{height:41px;font-size:12px}.admin-save-state{font-size:10px}.admin-shipment-fields input,.admin-refund-status{height:38px;font-size:12px}.admin-shipment-fields button{height:36px;font-size:12px}@media(max-width:760px){.admin-topbar-inner,.admin-page{width:min(100% - 24px,1440px)}.admin-orders-table td{font-size:13px}.admin-orders-table td:before{font-size:11px}}

/* Complete customer order history */
.account-order-summary{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px}.account-order-preview{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border-radius:8px;background:#f1f1ee;color:#777;font-size:10px;font-weight:800}.account-order-preview img{width:100%;height:100%;object-fit:contain}.account-order-summary>div:nth-child(2){min-width:0}.account-order-summary>div:nth-child(2)>b{display:block;overflow:hidden;color:#292b28;text-overflow:ellipsis;white-space:nowrap}.account-order-summary p{margin:5px 0 0;color:#858981}.account-order-summary>strong{color:#20211f;font-size:15px}.account-order-actions{display:flex;gap:7px;padding:0 15px 15px}.account-order-actions button{height:34px;padding:0 11px;border:1px solid #d9dad6;border-radius:7px;background:#fff;color:#555952;font-size:11px;font-weight:700;cursor:pointer}.account-order-actions button:hover{border-color:#888c83}.account-order-actions button.danger{margin-left:auto;color:#a1443d}.account-order-actions button:disabled{opacity:.5;cursor:wait}.account-order-detail{border-top:1px solid #e5e6e1;background:#fbfbf9}.account-order-detail>h4{margin:0;padding:15px 14px 0;color:#343733;font-size:12px}.order-item-product{display:flex;align-items:center;gap:10px;min-width:0}.order-item-product>img,.order-item-product>span:first-child{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:7px;background:#f1f1ee;object-fit:contain;font-size:8px}.order-item-product>span:last-child{overflow:hidden;text-overflow:ellipsis}.order-tracking,.order-refund{padding:12px 14px;border-top:1px solid #eceee9}.order-tracking b,.order-refund b{color:#454842}.order-tracking p,.order-refund p{margin:5px 0 0;color:#777b73}.order-refund small{display:block;margin-top:4px;color:#4f7558}.admin-shipment-fields{display:grid;gap:5px;margin-top:8px}.admin-shipment-fields input,.admin-refund-status{width:100%;height:32px;padding:0 8px;border:1px solid #d7d9d3;border-radius:6px;background:#fff;font-size:10px}.admin-shipment-fields button{height:30px;border:0;border-radius:6px;background:#292b28;color:#fff;font-size:10px;cursor:pointer}.admin-refund-status{margin-top:6px}@media(max-width:560px){.account-order-summary{grid-template-columns:48px minmax(0,1fr)}.account-order-preview{width:48px;height:48px}.account-order-summary>strong{grid-column:2}.account-order-actions{flex-wrap:wrap}.account-order-actions button.danger{margin-left:0}}

/* Keep the original admin layout; improve typography only. */
.admin-body{font-size:14px;line-height:normal}.admin-topbar-inner,.admin-page{width:min(1240px,calc(100% - 40px))}.admin-topbar{height:72px}.admin-topbar nav a,.admin-topbar nav button{height:38px;padding:0 14px}.admin-intro h1{font-size:40px}.admin-create-section-fields input,.admin-create-section-fields select{height:44px}.admin-create-fields input,.admin-create-fields select,.admin-fields input{height:43px}.admin-create-submit{height:46px}.admin-create-fields>button,.admin-save-button,.admin-stock-add button{height:43px}.admin-section-nav button{min-height:55px}.admin-product-search{height:48px}.admin-body .admin-product .admin-delete-button{height:27px}.admin-data-table th{padding:13px 17px}.admin-data-table td{padding:17px}.admin-orders-table{min-width:1120px}.admin-orders-table th{height:42px;padding:0 14px}.admin-orders-table th:nth-child(1){width:160px}.admin-orders-table th:nth-child(2){width:145px}.admin-orders-table th:nth-child(3){width:225px}.admin-orders-table th:nth-child(4){width:285px}.admin-orders-table th:nth-child(5){width:115px}.admin-orders-table th:nth-child(6){width:145px}.admin-orders-table td{padding:18px 14px}.admin-order-status,.admin-delivery-select,.admin-proxy-select{height:35px}.admin-shipment-fields input,.admin-refund-status{height:32px}.admin-shipment-fields button{height:30px}.admin-logo span{font-size:11px}.admin-topbar nav a,.admin-topbar nav button{font-size:13px}.admin-eyebrow{font-size:11px}.admin-intro>div>p:last-child{font-size:15px}.admin-import-button b{font-size:14px}.admin-import-button small{font-size:11px}.admin-stats article>span,.admin-stats article>small{font-size:12px}.admin-create-panel summary b,.admin-body .admin-create-panel summary>span>b{font-size:15px}.admin-create-panel summary small,.admin-body .admin-create-panel summary>span>small{font-size:11px}.admin-create-section legend b{font-size:14px}.admin-create-section legend small{font-size:10px}.admin-create-section-fields label,.admin-create-fields label,.admin-fields>label,.admin-stock-add label,.admin-image-details label{font-size:12px}.admin-create-section-fields input,.admin-create-section-fields select,.admin-create-fields input,.admin-create-fields select,.admin-fields input{font-size:14px}.admin-create-submit,.admin-create-fields>button,.admin-save-button{font-size:13px}.admin-section-nav button>span{font-size:14px}.admin-section-nav button>small{font-size:10px}.admin-category-tabs span{font-size:13px}.admin-category-tabs strong{font-size:11px}.admin-product-search input{font-size:14px}.admin-product-identity>div:last-child>span{font-size:10px}.admin-product-identity h4{font-size:15px}.admin-product-identity small{font-size:10px}.admin-body .admin-enabled>span:before,.admin-body .admin-enabled input:checked+span:before{font-size:11px}.admin-data-table th{font-size:11px}.admin-data-table td{font-size:13px}.admin-data-table td b{font-size:14px}.admin-data-table td small,.admin-provider{font-size:11px}.admin-order-kpis span,.admin-order-kpis small{font-size:11px}.admin-order-tabs button{font-size:12px}.admin-order-toolbar input{font-size:13px}.admin-order-toolbar>span{font-size:11px}.admin-orders-table th{font-size:11px}.admin-orders-table td{font-size:12px}.admin-order-number{font-size:11px}.admin-orders-table td:first-child>span,.admin-orders-table td:first-child>em,.admin-orders-table td:nth-child(2)>span,.admin-order-products li b,.admin-orders-table address,.admin-orders-table td:nth-child(5)>span{font-size:10px}.admin-orders-table td:nth-child(2)>b,.admin-order-total{font-size:13px}.admin-order-status,.admin-delivery-select,.admin-proxy-select,.admin-shipment-fields input,.admin-refund-status,.admin-shipment-fields button{font-size:11px}.admin-save-state{font-size:9px}@media(max-width:760px){.admin-topbar-inner,.admin-page{width:min(100% - 24px,1240px)}}

/* Shop product cards: rise-in on scroll; hover accent without washing photo/text */
.shop .product-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  opacity:0;
  transform:translateY(32px);
  transition:
    opacity .55s cubic-bezier(.22,1,.36,1),
    transform .55s cubic-bezier(.22,1,.36,1),
    border-color .35s ease,
    box-shadow .35s ease;
  transition-delay:calc(var(--i, 0) * 55ms);
}
.shop .product-card.is-in{
  opacity:1;
  transform:translateY(0);
  transition-delay:0s;
}
.shop .product-card.is-in:hover{
  transform:translateY(-6px);
  border-color:#c9b8df;
  box-shadow:0 20px 44px rgba(104,35,201,.12);
}
.shop .product-card::before{content:none;display:none}
.shop .product-card .product-image,
.shop .product-card .product-info{
  position:relative;
  z-index:1;
}
.shop .product-card .product-info{
  transition:background .4s ease;
  box-sizing:border-box;
  height:115px;
  min-height:115px;
  max-height:115px;
}
.shop .product-card .product-info h3{
  height:48px;
  min-height:48px;
  max-height:48px;
  line-height:24px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.shop .product-card.is-in:hover .product-info{
  background-color:#fff8e0;
  background-image:linear-gradient(180deg,#ffffff 0%,#f7f2fc 50%,#fff8e0 100%);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:top center;
}
.shop .product-card .add-button:not(:disabled){
  border:1px solid #171817;
  background:#171817;
  color:#fff;
  box-shadow:none;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}
.shop .product-card.is-in:hover .add-button:not(:disabled),
.shop .product-card .add-button:hover:not(:disabled){
  border:1px solid #b9a3d4;
  background-color:#ffe08a;
  background-image:linear-gradient(100deg,#d9c6f2 0%,#e2cff0 48%,#ffe08a 100%);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center;
  color:#351f52;
  box-shadow:0 5px 14px rgba(104,35,201,.12);
}
.shop .product-card .add-button:disabled{
  border-color:#e3e4df;
  background:#e3e4df;
  color:#a5a8a1;
  box-shadow:none;
}
@media (prefers-reduced-motion:reduce){
  .shop .product-card{
    transition:none;
    opacity:1;
    transform:none;
  }
}

/* Product box picker (TCGPlayer sealed products) */
.product-box-picker{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end;padding:14px;border:1px solid #e4e0e8;border-radius:10px;background:#faf9fb}
.product-box-picker label{color:#5f625c;font-size:11px;font-weight:700}
.product-box-picker input[type="search"]{display:block;width:100%;height:42px;margin-top:7px;padding:0 11px;border:1px solid #dcded8;border-radius:8px;background:#fff;color:#222;font:inherit;font-size:12px}
.product-box-picker>button,.product-box-picker>a{display:flex;align-items:center;justify-content:center;height:42px;padding:0 14px;border:1px solid #d3c9df;border-radius:8px;background:#fff;color:#4d3568;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}
.product-box-picker>button:hover,.product-box-picker>a:hover{background:#eee5f7}
.product-box-results{grid-column:1/-1;display:flex;gap:9px;overflow-x:auto;max-height:280px;padding-top:6px}
.product-box-results>p{margin:8px 0;color:#777;font-size:12px}
.product-box-results>button{flex:0 0 132px;height:auto;padding:7px;border:2px solid transparent;border-radius:9px;background:#fff;color:#222;text-align:left;cursor:pointer}
.product-box-results>button.selected{border-color:#7246a5;background:#f4eef8}
.product-box-results img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;background:#f3f3f0}
.product-box-results span{display:grid;gap:3px;margin-top:7px}
.product-box-results b{font-size:10px;line-height:1.3}
.product-box-results small{color:#6d716a;font-size:10px;line-height:1.35}
.product-box-results em{color:#8a6bb0;font-size:9px;font-style:normal;letter-spacing:.02em}
.selected-box-preview{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dccfee;border-radius:9px;background:#fff}
.selected-box-preview[hidden]{display:none}
.selected-box-preview img{width:56px;height:56px;object-fit:contain;border-radius:6px;background:#f6f6f3}
.selected-box-preview b{display:block;font-size:12px}
.selected-box-preview small{color:#6d716a;font-size:11px}
.product-box-picker-inline{margin-top:10px;grid-template-columns:minmax(0,1fr) auto}
.product-box-picker-inline .product-box-results{max-height:220px}
.admin-create-wide .product-box-picker{margin-bottom:4px}

/* Shop box stage: portrait white frame so open/closed lids all fit fully */
.shop .product-image{
  position:relative;
  height:auto !important;
  aspect-ratio:4 / 5;
  background:#fff !important;
  border-bottom:1px solid #eceef0;
  overflow:hidden;
}
.shop .product-image::before,
.shop .product-image::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  background:none !important;
}
.shop .product-photo,
.shop .product-photo.product-photo-onepiece,
.shop .product-photo-op13,
.shop .product-photo-op17,
.shop .product-photo-mega,
.shop .product-photo-storm{
  inset:1.5% !important;
  width:97% !important;
  height:97% !important;
  max-width:97% !important;
  max-height:97% !important;
  transform:scale(1.2) !important;
  margin:auto;
  object-fit:contain !important;
  object-position:center center !important;
  image-rendering:auto;
  -ms-interpolation-mode:bicubic;
  filter:contrast(1.05) saturate(1.04) !important;
  transform-origin:center center !important;
}
.shop .product-card:hover .product-photo,
.shop .product-card:hover .product-photo.product-photo-onepiece,
.shop .product-card:hover .product-photo-op13,
.shop .product-card:hover .product-photo-op17,
.shop .product-card:hover .product-photo-mega,
.shop .product-card:hover .product-photo-storm{
  transform:scale(1.22) !important;
  filter:contrast(1.07) saturate(1.05) !important;
}
.shop .product-card.preparing .product-photo{
  filter:brightness(.74) saturate(.82) contrast(1.02) !important;
}
.shop .product-pack{
  inset:8%;
  width:auto;
  height:auto;
}
.cart-thumb{
  background:#fff !important;
}
.cart-thumb img{
  object-fit:contain !important;
  filter:contrast(1.04) saturate(1.03);
}
.product-box-results img,
.selected-box-preview img,
.admin-create-preview,
.admin-body .admin-product-thumb{
  background:#fff !important;
}
.admin-body .admin-product-thumb img{
  object-fit:contain !important;
}
.shop .product-info{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.shop .product-info>div{
  min-width:0;
  flex:1 1 auto;
}
.shop .product-info h3{
  overflow-wrap:anywhere;
}
.shop .product-card .add-button{
  flex:0 0 39px;
  align-self:flex-start;
  box-sizing:border-box;
  width:39px;
  height:39px;
  min-width:39px;
  max-width:39px;
  min-height:39px;
  max-height:39px;
  aspect-ratio:1;
  padding:0;
  border-radius:50%;
  line-height:1;
}
.admin-edit-core .admin-image-replace{
  display:grid;
  gap:6px;
  grid-column:1 / -1;
  color:#5c5f59;
  font-size:12px;
  font-weight:700;
}
.admin-edit-core .admin-image-replace input{
  width:100%;
  height:auto;
  min-height:36px;
  padding:8px 0;
  border:0;
  background:transparent;
  font-size:13px;
}
.admin-image-replace small{
  color:#8a8d86;
  font-size:11px;
  font-weight:500;
}
#toast{
  position:fixed;
  inset:auto;
  top:24px;
  left:50%;
  right:auto;
  bottom:auto;
  width:max-content;
  max-width:min(520px,calc(100vw - 32px));
  height:auto;
  margin:0;
  border:0;
  padding:14px 20px;
  overflow:visible;
  background:#171817;
  color:#fff;
  font-size:13px;
  font-weight:600;
  line-height:1.45;
  text-align:center;
  border-radius:10px;
  box-shadow:0 12px 30px rgba(23,24,23,.2);
  transform:translate(-50%,0);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:2147483000;
}
#toast::backdrop{display:none;background:transparent;pointer-events:none}
#toast.show{opacity:1;visibility:visible;pointer-events:none}
.payment-error-modal{width:min(440px,calc(100vw - 32px))}
.payment-error-modal h2{margin-bottom:8px}
.payment-error-modal p{
  margin:0 0 18px;
  color:#4b4e48;
  font-size:15px;
  line-height:1.55;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.admin-cancel-request{display:grid;gap:6px;margin:0 0 8px;padding:8px;border:1px solid #e7c36a;border-radius:8px;background:#fff8e8}
.admin-cancel-request b{font-size:12px;color:#8a5a00}
.admin-cancel-request button{border:0;border-radius:8px;padding:7px 8px;background:#171817;color:#fff;font:inherit;font-size:12px;cursor:pointer}
.admin-cancel-request button[data-cancel-reject]{background:#fff;color:#333;border:1px solid #ddd}
.alarm-wrap{position:relative}
.alarm-button{position:relative;width:36px;min-width:36px;padding:0}
.alarm-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.alarm-count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#e0232d;color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center}
.alarm-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:min(340px,calc(100vw - 24px));max-height:420px;overflow:auto;padding:12px;border:1px solid #e3e4df;border-radius:14px;background:#fff;color:#171817;box-shadow:0 16px 40px rgba(32,34,29,.16);text-align:left}
.alarm-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.alarm-panel header strong{font-size:14px}
.alarm-panel header button{border:0;background:transparent;color:#6d6158;font-size:12px;font-weight:700;cursor:pointer}
.alarm-item{display:grid;gap:3px;width:100%;margin:0 0 6px;padding:10px 12px;border:1px solid #ece7e1;border-radius:10px;background:#fffdfb;color:#171817;text-align:left;cursor:pointer}
.alarm-item b{font-size:13px}
.alarm-item span,.alarm-item small{font-weight:500}
.alarm-item span{color:#4d524c;font-size:12px;line-height:1.45}
.alarm-item small{color:#8b8e87;font-size:11px}
.alarm-item.is-read{opacity:.62}
.alarm-empty,.account-empty{margin:8px 0;color:#8b8e87;font-size:13px;line-height:1.5}
#loginModal.has-account .account-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.account-panel-note{margin:0 0 12px;color:#858981;font-size:12px;line-height:1.5}
.account-thread-list{display:grid;gap:10px;max-height:430px;overflow:auto;padding-right:2px}
.account-inquiry,.account-watch{padding:14px;border:1px solid #e6e4df;border-radius:12px;background:#fff}
.account-inquiry header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#8b8e87;font-size:12px}
.account-inquiry header b{color:#19713b;font-size:12px}
.account-inquiry header b.is-wait{color:#8a5a00}
.account-inquiry h4{margin:0 0 6px;color:#20211f;font-size:15px}
.account-inquiry p,.account-inquiry-reply p{margin:0;color:#3e413c;font-size:13px;line-height:1.55;white-space:pre-wrap}
.account-inquiry-reply{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f6f4ef}
.account-inquiry-reply b{display:block;margin-bottom:4px;font-size:12px}
.account-inquiry-reply small,.account-inquiry-wait{display:block;margin-top:6px;color:#8b8e87;font-size:11px}
.account-watch{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px}
.account-watch-open{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:0;border:0;background:transparent;color:#20211f;text-align:left;cursor:pointer}
.account-watch-open img,.account-watch-fallback{width:76px;height:76px;border:1px solid #ecece8;border-radius:10px;background:#f6f6f3;object-fit:contain}
.account-watch-fallback{display:grid;place-items:center;color:#8b8e87;font-size:11px;font-weight:800}
.account-watch-open>span{display:grid;gap:4px;min-width:0}
.account-watch-open b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#20211f;font-size:14px;line-height:1.4}
.account-watch-open strong{color:#171817;font-size:15px}
.account-watch-open em{font-size:12px;font-style:normal;font-weight:700}
.account-watch-open em.is-in{color:#19713b}
.account-watch-open em.is-out{color:#c4232d}
.account-watch-open em.is-end{color:#8b8e87}
.account-watch-remove{height:34px;padding:0 12px;border:1px solid #dedfd9;border-radius:8px;background:#fff;color:#333;font-size:12px;font-weight:700;cursor:pointer}
.account-watch-remove:hover{border-color:#171817;background:#171817;color:#fff}
.shop .product-image{position:relative}
.watch-button{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #e4e0da;border-radius:50%;background:rgba(255,255,255,.94);color:#b9b3ab;font-size:16px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(40,36,32,.08)}
.watch-button.is-on{color:#e0232d;border-color:#f0c8cb}
.inquiry-mine{display:inline-flex;margin-top:4px;padding:0;border:0;background:transparent;color:#6d6158;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}
.admin-section-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-body[data-admin-view="inquiries"] .admin-stats,.admin-body[data-admin-view="inquiries"] .admin-create-panel,.admin-body[data-admin-view="inquiries"] .admin-category-panel,.admin-body[data-admin-view="inquiries"] #adminInventory,.admin-body[data-admin-view="inquiries"] .admin-import-button{display:none!important}
.inquiry-admin-list{display:grid;gap:12px}
.inquiry-admin-card{display:grid;gap:8px;padding:16px;border:1px solid #e3e4df;border-radius:12px;background:#fff}
.inquiry-admin-card header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#777;font-size:12px}
.inquiry-admin-card h3{margin:0;font-size:16px}
.inquiry-admin-card p,.inquiry-admin-card blockquote{margin:0}
.inquiry-admin-card blockquote,.inquiry-admin-reply{padding:10px 12px;border-radius:8px;background:#f6f6f3;white-space:pre-wrap}
.inquiry-admin-card textarea{width:100%;min-height:90px;padding:10px;border:1px solid #dedfd9;border-radius:8px;font:inherit;resize:vertical}
.inquiry-admin-card button{justify-self:start;height:38px;padding:0 14px;border:0;border-radius:8px;background:#171817;color:#fff;cursor:pointer}
@media(max-width:720px){#loginModal.has-account .account-tabs,.admin-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
.box-page[hidden]{display:none}
.box-page{position:fixed;z-index:12;inset:0;overflow:auto;background:#fff;padding:84px 0 72px}
.box-page-inner{width:min(1180px,calc(100% - 56px));margin:0 auto}
.box-back{height:36px;margin:0 0 20px;padding:0 12px;border:1px solid #ececef;border-radius:999px;background:#fff;color:#666;font-size:13px;font-weight:700;cursor:pointer}
.box-back:hover{border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d;box-shadow:0 4px 12px rgba(104,35,201,.08)}
.box-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(320px,1fr);gap:48px;align-items:start}
.box-stage{width:min(100%,560px);aspect-ratio:1;border:1px solid #f2f3f5;background:#fff;display:grid;place-items:center;overflow:hidden}
.box-stage img,.box-stage canvas{display:block;max-width:calc(100% - 28px);max-height:calc(100% - 28px);object-fit:contain;transform:none;filter:none;mix-blend-mode:normal;image-rendering:auto}
.box-stage span{color:#8a8d86;font-size:13px}
.box-buy{position:sticky;top:96px;padding:4px 0 0;border:0;border-radius:0;background:transparent}
.box-chips{display:flex;gap:6px;margin:0}
.box-chips span{padding:4px 8px;border-radius:6px;background:#f4f5f6;color:#6b6f76;font-size:12px;font-weight:700}
.box-kicker{display:none}
.box-buy h2{margin:12px 0 8px;color:#171817;font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.35}
.box-price{margin:0;color:#171817;font-size:28px;font-weight:800;letter-spacing:-.04em}
.box-stock{display:inline-flex;margin:12px 0 0;padding:4px 8px;border-radius:999px;background:#eef8f1;color:#19713b;font-size:11px;font-weight:800}
.box-stock.is-out{background:#fdecee;color:#c4232d}
.box-pick{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.box-pick>b{color:#2f2d34;font-size:14px}
.box-pick-current{position:relative;min-width:132px;height:40px;padding:0 32px 0 14px;border:0;border-radius:999px;background:#f3eef9;color:#542c96;font:inherit;font-size:14px;font-weight:800;text-align:left;cursor:pointer}
.box-pick-current:hover{background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d;box-shadow:0 4px 12px rgba(104,35,201,.08)}
.box-pick-current:after{content:"";position:absolute;top:16px;right:14px;width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)}
.box-pick-current[aria-expanded="true"]:after{top:19px;transform:rotate(225deg)}
.box-pick-menu{position:absolute;z-index:3;top:calc(100% + 8px);right:0;display:grid;min-width:168px;padding:6px;border:1px solid #eadff6;border-radius:14px;background:#fff;box-shadow:0 14px 32px rgba(55,32,84,.12)}
.box-pick-menu[hidden]{display:none}
.box-pick-menu button{height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#2f2d34;font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.box-pick-menu button.is-on{background:#f6f0fc;color:#542c96}
.box-pick-menu button:hover{background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d}
.box-qty{display:flex;align-items:center;width:132px;margin-top:16px;border:1px solid #e6e7ea;border-radius:10px;overflow:hidden;background:#fff}
.box-qty button{width:40px;height:42px;border:0;background:#fff;font-size:18px;cursor:pointer}
.box-qty button:hover{background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d}
.box-qty b{flex:1;text-align:center;font-size:15px}
.box-line{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:14px 0;border-top:1px solid #f0f1f3;color:#6d7178;font-size:14px;font-weight:700}
.box-line strong{color:#171817;font-size:18px}
.box-perks{display:grid;gap:6px;margin:0;padding:14px;border-radius:10px;background:#f7f7f8;color:#4e5258;font-size:13px;line-height:1.45;list-style:none}
.box-perks li{margin:0}
.box-add{width:100%;height:52px;margin-top:16px;border:1px solid #171817;border-radius:12px;background:#171817;color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.box-add:disabled{background:#d7d8d3;cursor:default}
.box-add:hover:not(:disabled){border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d;box-shadow:0 4px 12px rgba(104,35,201,.08)}
.box-note{display:none}
.box-detail{margin-top:48px;padding-top:28px;border-top:1px solid #eeeef2}
.box-detail>h3{margin:0 0 18px;color:#8b8f96;font-size:14px;font-weight:700}
.box-hits{margin:0;padding:0;border:0}
.box-hits h3{margin:0 0 14px;color:#171817;font-size:22px;font-weight:800;letter-spacing:-.03em}
.box-hit-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.box-hit-filters button{min-width:78px;height:38px;padding:0 16px;border:1px solid #e4e4e1;border-radius:8px;background:#fff;color:#4e5258;font-size:13px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s}
.box-hit-filters button:hover,.box-hit-filters button.is-on:hover{border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d;box-shadow:0 4px 12px rgba(104,35,201,.08)}
.box-hit-filters button:active{transform:scale(.97)}
.box-hit-filters button.is-on{border-color:#171817;background:#171817;color:#fff}
.box-hit-group{margin:0 0 18px}
.box-hit-group>b{display:block;margin:0 0 10px;color:#5c3d86;font-size:12px;letter-spacing:.08em}
.box-hit-edit-note{margin:-4px 0 16px;color:#8a8490;font-size:12px}
.box-hit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.box-hit-card{margin:0;padding:12px 12px 16px;border:1px solid #e4e4e1;border-radius:16px;background:#fafaf8;transition:border-color .2s,box-shadow .2s}
.box-hit-card:hover{border-color:#c5c9c0;box-shadow:0 18px 38px rgba(36,42,32,.11)}
.box-hit-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;border:0;border-radius:0;background:transparent}
.box-hit-card figcaption{margin-top:12px;color:#555;line-height:1.45}
.box-hit-name,.box-hit-name-input{display:block;width:100%;margin:0 0 6px;color:#1d1c1a;font-size:16px;font-weight:800;line-height:1.45;letter-spacing:-.02em}
.box-hit-name-input{padding:8px 10px;border:1px solid #e7e2ee;border-radius:10px;background:#faf8fc;font-family:inherit}
.box-hit-name-input:hover,.box-hit-name-input:focus{border-color:#c9b8df;background:#fff;outline:none;box-shadow:0 0 0 3px rgba(104,35,201,.1)}
.box-hit-card small{display:block;margin-top:2px;color:#8a8d86;font-size:12px;font-weight:600}
.box-hit-grade-label{display:grid;gap:4px;margin-top:8px;color:#8a8490;font-size:11px;font-weight:700}
.box-hit-grade{height:32px;padding:0 8px;border:1px solid #e4e4e1;border-radius:8px;background:#fff;color:#3f285d;font:inherit;font-size:12px;font-weight:800}
.box-hit-remove{margin-top:6px;padding:4px 8px;border:1px solid #eadfef;border-radius:8px;background:#fff;color:#5c3d86;font-size:11px;font-weight:700;cursor:pointer}
.box-hit-remove:hover{border-color:#e0b8b8;background:#fff0f0;color:#a22b2b}
.box-empty{color:#8a8d86;font-size:13px}
.box-admin{margin-top:8px;padding:16px;border:1px dashed #d7c8ea;border-radius:14px;background:#fff}
.box-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.box-admin-head span{color:#73539a;font-size:10px;font-weight:800;letter-spacing:.14em}
.box-admin h4{margin:0;font-size:14px}
.box-admin>p{margin:0 0 12px;color:#746c78;font-size:12px;line-height:1.45}
.box-admin-row{display:flex;flex-wrap:wrap;gap:8px}
.box-admin select,.box-admin input{height:38px;padding:0 10px;border:1px solid #dedfd9;border-radius:8px;background:#fff;font:inherit}
.box-admin button{height:38px;padding:0 12px;border:1px solid #171817;border-radius:8px;background:#171817;color:#fff;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.box-admin-row>button:hover{border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d;box-shadow:0 4px 12px rgba(104,35,201,.08)}
.box-search-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.box-search-results div{display:grid;gap:4px;padding:8px;border:1px solid #e4e5e1;border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s}
.box-search-results div:hover{border-color:#c5c9c0;box-shadow:0 18px 38px rgba(36,42,32,.11)}
.box-search-results img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#fafaf8}
.box-search-results b,.box-search-results small{font-size:12px}
.box-search-results button{height:auto;padding:6px 8px;border:1px solid #e4e4e1;background:#fff;color:#4e5258;font-size:12px}
.box-search-results button:hover{border-color:#c9b8df;background:linear-gradient(100deg,#eee6fa 0%,#f3eaf8 48%,#fff3bd 100%);color:#3f285d;box-shadow:0 4px 12px rgba(104,35,201,.08)}
.box-admin-cards{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.box-admin-cards button{height:auto;padding:6px 8px;border:1px solid #eadfef;border-radius:8px;background:#fff;color:#5c3d86;font-size:12px}
.cart-line-option{display:block;margin-top:4px;color:#7a4bb8;font-size:12px;font-weight:700}
@media(max-width:800px){.box-page{padding-top:76px}.box-page-inner{width:min(1180px,calc(100% - 28px))}.box-layout{grid-template-columns:1fr;gap:28px}.box-stage{width:min(100%,440px)}.box-buy{position:static}.box-hit-grid,.box-search-results{grid-template-columns:1fr 1fr}}
.order-lookup-modal{width:min(520px,calc(100% - 28px));padding:28px 24px 22px}
.order-lookup-modal h2{margin:6px 0 8px;font-size:24px}
.order-lookup-modal>p{margin:0 0 16px;color:#747871;font-size:13px;line-height:1.5}
.order-lookup-modal form{display:flex;gap:8px}
.order-lookup-modal input{flex:1;height:44px;padding:0 12px;border:1px solid #dedfd9;border-radius:10px;background:#f6f6f3;color:#171817;font:inherit}
.order-lookup-modal form button{height:44px;padding:0 16px;border:0;border-radius:10px;background:#171817;color:#fff;font-weight:800;cursor:pointer}
.order-lookup-result{display:grid;gap:8px;margin-top:16px;padding:14px;border:1px solid #e4e4e1;border-radius:14px;background:#fafaf8}
.order-lookup-result header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.order-lookup-result header b{font-size:13px}
.order-lookup-result p,.order-lookup-result strong{margin:0}
.order-lookup-result ul{margin:4px 0 0;padding:0;list-style:none}
.order-lookup-result li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #eee;font-size:13px}
.order-lookup-result li small{display:block;color:#8a8d86}
.order-lookup-error{margin:12px 0 0;color:#a22b2b;font-size:13px;font-weight:700}

/* ===== Mobile storefront polish (keep last) ===== */
@media (max-width: 700px) {
  html, body { overflow-x: clip; }
  body { padding-bottom: env(safe-area-inset-bottom, 0); }

  .site-header {
    height: 56px;
    padding: 0 max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));
  }
  .header-brand-logo { width: 74px; height: 30px; object-fit: contain; }
  .header-actions { gap: 5px; min-width: 0; }
  .order-lookup-button {
    height: 36px;
    min-width: 36px;
    padding: 0 8px;
    font-size: 10px;
    letter-spacing: .04em;
  }
  .icon-button,
  .menu-button,
  .header-actions #loginOpen:not(.logged-in),
  .header-actions #loginOpen.logged-in {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
  }
  .header-actions #loginOpen.logged-in .auth-state-label { display: none; }
  .cart-button {
    height: 36px;
    min-width: 40px;
    padding: 0 8px;
    gap: 5px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
  }
  .cart-button span {
    display: grid;
    place-items: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
  }

  /* Shop: 2-column grid instead of sideways carousel */
  body .shop .product-grid,
  .shop .product-grid {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-columns: unset !important;
    gap: 10px !important;
    overflow: visible !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    scroll-snap-type: none !important;
  }
  body .shop .product-card,
  .shop .product-card {
    scroll-snap-align: unset;
    min-width: 0;
  }
  body .shop .product-image,
  .shop .product-image { height: 188px; }
  body .shop .product-info,
  .shop .product-info { padding: 10px 10px 12px; }
  body .shop .product-info h3,
  .shop .product-info h3 {
    min-height: 0;
    font-size: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  body .shop .product-info p,
  .shop .product-info p { font-size: 14px; }
  .add-button { width: 34px; height: 34px; font-size: 16px; }

  body .shop .inventory-search-row {
    grid-template-columns: minmax(0, 1fr) 72px;
    gap: 8px;
  }
  body .shop .inventory-search,
  body .shop .inventory-search-button { height: 48px; }
  body .shop .inventory-search input,
  .auth-form input:not([type="checkbox"]),
  .auth-form select,
  .auth-form textarea,
  .inquiry-form input,
  .inquiry-form select,
  .inquiry-form textarea,
  .order-lookup-modal input,
  .signup-field input,
  #accountSettingsForm input,
  #accountSettingsForm select {
    font-size: 16px !important;
  }

  .shop.section,
  .oripa-section,
  .how,
  .closing {
    padding-left: max(14px, env(safe-area-inset-left));
    padding-right: max(14px, env(safe-area-inset-right));
  }
  .inventory-heading h2 { font-size: 26px; letter-spacing: -.04em; }

  .oripa-grid {
    grid-auto-columns: 78%;
    margin-right: -14px;
    padding-right: 14px;
  }

  #loginModal,
  .pay-method-modal,
  .order-lookup-modal,
  .modal {
    width: calc(100% - 20px);
    max-width: none;
    max-height: calc(100dvh - 16px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    margin: auto;
    padding: 28px 18px calc(18px + env(safe-area-inset-bottom, 0px));
    border-radius: 16px;
  }
  #loginModal h2,
  .pay-method-modal h2 { font-size: 24px; }
  .social-button { height: 46px; font-size: 13px; }
  .signup-layout { gap: 12px; }
  .postcode-row { gap: 8px; }
  .postcode-row button { flex: 0 0 auto; white-space: nowrap; }

  .cart-drawer {
    width: 100%;
    max-width: none;
    margin: 0;
    height: 100dvh;
    border-radius: 0;
    padding: max(14px, env(safe-area-inset-top, 0px)) 16px calc(16px + env(safe-area-inset-bottom, 0px));
  }
  .checkout-button,
  .auth-submit,
  #payMethodConfirm { min-height: 50px; }

  .box-hit-grid,
  .box-search-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .box-page { padding-top: 72px; }
  .box-page-inner { width: calc(100% - 24px); }
  .box-buy { position: static; }
  .toast {
    left: 12px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    width: auto;
  }

  footer {
    padding-left: max(14px, env(safe-area-inset-left, 0px));
    padding-right: max(14px, env(safe-area-inset-right, 0px));
    gap: 18px;
  }
}

@media (max-width: 380px) {
  .header-brand-logo { width: 64px; }
  .order-lookup-button { display: none; }
  body .shop .product-image,
  .shop .product-image { height: 168px; }
}
