:root{--navy:#06152b;--navy2:#0a203c;--ink:#141820;--muted:#5f6572;--gold:#dfb34d;--goldLight:#ffe6a0;--edge:#dfe3e8;--green:#087d3e;--red:#b11f2a;--shell:1300px;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;border:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.shell{width:min(calc(100% - 70px),var(--shell));margin:auto}.announcement{background:#041024;color:#fff;font-size:11px;border-bottom:1px solid rgba(247,206,123,.13)}.announcement-inner{display:flex;justify-content:center;align-items:center;gap:24px;height:31px}.announcement-inner span{display:inline-flex;align-items:center;white-space:nowrap;gap:8px}.announcement-inner span svg{width:16px;height:16px;color:#ffd16b}.announcement-inner i{display:block;width:1px;height:16px;background:rgba(255,255,255,.36)}.announcement-inner .gold-fill{fill:#ecc355}.site-header{position:relative;z-index:30;background:linear-gradient(145deg,#071428,#0a233e 60%,#061326);color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.14)}.header-main{min-height:92px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;justify-content:center;flex:0 0 236px;height:88px;overflow:hidden;position:relative}.brand img{width:232px;max-width:none;height:auto;display:block;mix-blend-mode:lighten;filter:drop-shadow(0 2px 7px #0009)}.search-bar{height:43px;display:flex;min-width:220px;max-width:470px;flex:1;border-radius:8px;overflow:hidden;border:1px solid #d9d9e1;background:#fff;box-shadow:0 3px 12px #0002}.search-bar input{width:100%;border:0;outline:none;padding:0 14px;color:#262b33;font-size:13px}.search-bar input::placeholder{color:#79818c}.search-bar button{border:0;width:48px;background:linear-gradient(#ffeab3,#d2a23a);color:#091423;display:grid;place-items:center}.search-bar button:hover,.gold-btn:hover{filter:brightness(1.08)}.search-bar button svg{width:21px;height:21px;stroke-width:2.4}.header-actions{margin-left:auto;display:flex;gap:22px;align-items:center}.header-action,.icon-btn{border:0;background:transparent;color:inherit;display:flex;align-items:center}.header-action{gap:8px;padding:7px 2px;position:relative}.header-action>svg{height:29px;width:29px;stroke-width:1.7}.header-action span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap}.header-action strong{font-size:12px}.header-action small{font-size:9px;color:#d5dce8}.header-action:hover,.nav-link:hover{color:var(--goldLight)}.count-bubble{position:absolute;font-size:10px;border-radius:30px;background:var(--gold);color:#081429;min-width:17px;height:17px;line-height:17px;text-align:center;top:-3px;left:18px}.nav-menu{background:rgba(1,11,26,.48);border-top:1px solid #ffffff0c}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:6px}.nav-link{min-height:41px;display:flex;align-items:center;gap:3px;padding:0 11px;color:#fff;font-weight:700;font-size:12px;white-space:nowrap;border-bottom:3px solid transparent}.nav-link svg{width:12px;height:12px;stroke-width:2.8}.nav-link.active{border-bottom-color:#f8d675;color:#fff}.mobile-menu-toggle{display:none}
.hero{height:350px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 14%,#234a82 0,transparent 35%),linear-gradient(115deg,#050f22 4%,#071a39 45%,#020c1a 100%);color:white}.hero-product-art{position:absolute;right:0;top:0;height:100%;width:72%;background-image:url('assets/hero-products.webp');background-repeat:no-repeat;background-size:cover;background-position:center;mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 100%);opacity:.98}.hero-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 23% -50%,#167cfa53,transparent 52%),linear-gradient(90deg,#03112699,transparent 56%)}.hero-inner{position:relative;height:100%;display:flex;align-items:center}.hero-copy{max-width:535px;z-index:2;margin-top:-4px}.eyebrow{margin:0 0 8px;color:#f3c967;letter-spacing:2.3px;font-size:12px;font-weight:800}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(37px,4.3vw,57px);line-height:1.02;letter-spacing:-.9px;margin:0 0 14px;max-width:560px;text-shadow:0 3px 12px #0006}.hero h1 em{color:#f6cf78;font-weight:700}.hero-intro{font-size:14px;line-height:1.5;max-width:340px;margin:0 0 18px;font-weight:600;text-shadow:0 1px 3px #000}.hero-cta{display:flex;gap:12px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:43px;padding:11px 19px;border-radius:7px;font-weight:800;font-size:13px;transition:transform .16s,filter .16s}.btn:active{transform:translateY(1px)}.gold-btn{background:linear-gradient(#ffe8a6 0%,#e6c064 45%,#cca039 100%);color:#101821;border-color:#d1aa48;box-shadow:inset 0 1px 0 #fff8,0 2px 6px #0003}.gold-btn svg{height:18px;width:18px;stroke-width:2.1}.btn .arrow-icon{width:18px;height:18px}.outline-btn{color:white;background:#081b34bf;border-color:#e7c67f}.outline-btn:hover{background:#122b52}.hero-pager{position:absolute;bottom:20px;left:calc(50% - 15px);display:flex;gap:7px}.hero-pager span{width:8px;height:8px;border:1px solid #fff;border-radius:50%}.hero-pager .on{background:#fff}
.trust-bar{background:linear-gradient(#fff,#f3f4f6);border-bottom:1px solid #e3e4e8}.trust-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px 0}.trust-inner>div{display:flex;justify-content:center;align-items:center;gap:13px;padding:0 12px;min-width:0;border-right:1px solid #bec4cf}.trust-inner>div:last-child{border-right:0}.trust-inner svg{width:28px;height:28px;stroke:#171d25;stroke-width:1.8}.trust-inner p{margin:0;line-height:1.15}.trust-inner strong{display:block;font-size:12px}.trust-inner small{display:block;font-size:10px;margin-top:3px;color:#555e67}
.section{padding-top:23px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:13px}.section-heading h2{font-size:24px;line-height:1.1;letter-spacing:-.6px;margin:0;font-weight:800}.text-link{background:none;border:0;color:#001d72;text-decoration:underline;font-weight:800;display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.text-link svg{width:15px;height:15px}.text-link:hover{color:#b08328}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.category-tile{border:1px solid #cfd4d9;background:var(--navy);border-radius:10px;padding:0;overflow:hidden;aspect-ratio:1.57;box-shadow:0 2px 7px #1b273b19;transition:transform .15s,box-shadow .15s}.category-tile img{display:block;width:100%;height:100%;object-fit:fill}.category-tile:hover,.category-tile:focus-visible{transform:translateY(-3px);box-shadow:0 8px 16px #0a20453d;outline:2px solid #d2a23a}
.products-section{padding-top:19px}.heading-title{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.heading-title h2{margin:0}.heading-title p{margin:2px 0 0;font-size:12px;color:var(--muted)}.gold-slash{display:block;height:24px;width:6px;background:#d4a133;transform:skew(-25deg);margin-right:2px}.product-heading{margin-bottom:13px}.filter-strip{display:flex;justify-content:space-between;align-items:center;border:1px solid #d9e2ef;background:#f5f8fb;border-radius:8px;padding:9px 12px;margin:0 0 14px;font-size:12px}.filter-strip button{border:0;background:none;color:#002e8b;font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.product-card{min-width:0;border:1px solid #e0e2e7;border-radius:10px;background:#fff;box-shadow:0 2px 6px #15203612;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 21px #15203622}.product-picture{position:relative;width:100%;height:177px;padding:9px 8px 0;display:flex;align-items:center;justify-content:center;background:#fff}.product-picture img{height:100%;width:100%;object-fit:contain}.product-wish{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#ffffffec;border:1px solid #e2e4eb;display:grid;place-items:center;z-index:2;color:#15223a}.product-wish:hover{color:#b11f2a}.product-wish.wished{color:#b11f2a;background:#fff2f3}.product-wish svg{width:18px;height:18px}.product-wish.wished svg{fill:#e04d63}.product-content{display:flex;flex-direction:column;flex:1;padding:8px 11px 11px}.product-title{border:0;background:transparent;text-align:left;padding:0;line-height:1.25;min-height:43px;font-size:13px;font-weight:800;color:#17191d}.product-title:hover{color:#0c4184}.rating{margin:4px 0 8px;display:flex;align-items:center;gap:5px}.stars{color:#ce8500;letter-spacing:1px;font-size:15px;white-space:nowrap}.rating small{color:#515c6d;font-size:11px}.product-price{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 5px}.product-price strong{font-size:21px;white-space:nowrap}.old-price{font-size:12px;text-decoration:line-through;color:#80838c}.discount{font-weight:800;font-size:11px;color:white;background:var(--red);padding:3px 4px;border-radius:3px}.stock{font-size:11px;color:var(--green);font-weight:700;display:flex;align-items:center;gap:5px;line-height:1.5;margin:0 0 8px}.stock.low{color:#b20e1d}.stock svg{width:13px;height:13px;stroke-width:3}.product-actions{display:flex;gap:7px;margin-top:auto}.qty-select{width:49px;min-width:46px;border:1px solid #d7dde5;border-radius:6px;color:#111827;background:#fff;padding:0 6px;font-size:13px}.add-cart{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:8px 6px;min-width:0;border:1px solid #d1aa48;border-radius:6px;background:linear-gradient(#ffe8ad,#d5ab4a);font-weight:800;font-size:11px;color:#151618;white-space:nowrap}.add-cart svg{width:15px;height:15px;stroke-width:2.2}.add-cart:hover{filter:brightness(1.06)}.empty-products{text-align:center;border:1px dashed #abb7cd;padding:40px 12px;border-radius:10px}.empty-products h3{font-size:21px;margin:0 0 8px}
.promo-section{margin-top:22px;border-radius:11px;min-height:135px;display:flex;align-items:center;gap:25px;padding:18px 26px;overflow:hidden;border:1px solid #c3a56c;position:relative;color:#fff;background:radial-gradient(ellipse at 16% 98%,#125f9c 0%,transparent 37%),linear-gradient(110deg,#061428 2%,#10345f 48%,#061329 100%);box-shadow:0 5px 14px #0b182b24}.promo-section:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 42px,#4388b811 43px,#4388b811 44px);pointer-events:none}.promo-art{display:flex;align-items:center;width:245px;flex-shrink:0;position:relative;height:112px}.promo-art img{position:absolute;object-fit:contain;width:155px;height:115px;filter:drop-shadow(0 6px 5px #0008)}.promo-art img:first-child{left:0;transform:rotate(-8deg)}.promo-art img:last-child{left:100px;transform:rotate(7deg)}.promo-copy{z-index:1;flex:1;min-width:0}.promo-pill{background:#f1c868;border-radius:5px;font-size:11px;color:#111a27;font-weight:900;padding:5px 9px}.promo-copy h2{font:italic bold 31px Georgia,serif;line-height:1.1;margin:10px 0 4px}.promo-copy p{margin:0;font-size:14px;line-height:1.3}.promo-button{min-width:170px;z-index:1;white-space:nowrap}
.review-section{padding-top:25px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{position:relative;border:1px solid #dce2e8;border-radius:9px;min-height:120px;padding:19px 18px 17px 62px;background:linear-gradient(155deg,#fff,#fafbfd)}.review-icon{position:absolute;left:18px;top:19px;font-size:34px;line-height:1;color:#dfab39}.review-card h3{margin:0 0 6px;font-size:14px}.review-card p{font-size:12px;line-height:1.45;margin:0;color:#343c45}.why-section{padding-top:23px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit{border:1px solid #dce2e8;display:flex;align-items:center;gap:15px;border-radius:9px;padding:14px;min-height:80px}.benefit>svg{height:38px;width:38px;stroke-width:1.5;color:#171b20}.benefit p{margin:0;display:flex;flex-direction:column;gap:4px}.benefit strong{font-size:12px}.benefit span{font-size:11px;line-height:1.3}
.newsletter{display:grid;grid-template-columns:145px 1fr 410px;align-items:center;gap:22px;margin-top:22px;margin-bottom:18px;min-height:105px;overflow:hidden;position:relative;border:1px solid #345278;border-radius:10px;background:linear-gradient(110deg,#102c56,#04152b 65%,#0d3161);color:#fff;padding:16px 24px}.newsletter-art{height:90px;align-self:stretch;overflow:hidden;position:relative}.newsletter-art img{position:absolute;width:175px;max-width:none;left:-15px;top:-24px;filter:drop-shadow(0 0 12px #f4c25844)}.newsletter-copy h2{font-size:21px;letter-spacing:-.5px;margin:0 0 5px}.newsletter-copy p{font-size:12px;line-height:1.4;margin:0;max-width:470px}.newsletter-form{min-width:0}.newsletter-input{display:flex;align-items:center;gap:8px}.newsletter-input>svg{position:absolute;color:#6c7a8b;width:17px;height:17px;margin-left:9px}.newsletter-form input{height:39px;min-width:0;flex:1;border:1px solid #d7d8e0;border-radius:6px;padding:0 11px 0 32px;font-size:12px}.newsletter-form .btn{min-height:39px;padding:8px 14px;font-size:12px;white-space:nowrap}.newsletter-form p{font-size:10px;margin:8px 0 0;color:#dce8fb;text-align:center}
.footer{color:white;background:linear-gradient(115deg,#081b30,#04101e 60%,#071a2e)}.footer-grid{display:grid;grid-template-columns:1.65fr .85fr .85fr .9fr 1.35fr;gap:34px;padding:24px 0 22px}.footer-about img{width:194px;display:block;mix-blend-mode:lighten;margin:-11px 0 -1px}.footer-about p{max-width:240px;font-size:12px;line-height:1.5;margin:0}.footer-grid h3{font-size:12px;margin:0 0 12px}.footer-grid a{font-size:11px;line-height:1.8;display:block;color:#e8ecf4}.footer-grid a:hover{text-decoration:underline;color:#f5ce7d}.footer-pay p,.footer-pay small{font-size:11px;line-height:1.4;color:#e5eaf2}.footer-pay p{margin:0 0 11px}.footer-pay small{color:#b3c0d3}.payment-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.payment-row span{display:grid;place-items:center;border-radius:4px;padding:6px 8px;background:#fff;color:#183557;font-size:10px;font-weight:900}.footer-bottom{border-top:1px solid #ffffff1c;color:#ccd4df;font-size:10px;padding:12px 0}.footer-bottom .shell{display:flex;justify-content:space-between;gap:12px}
.overlay,.modal-backdrop{position:fixed;inset:0;background:#07101dbb;z-index:90;backdrop-filter:blur(3px)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100vw);background:white;z-index:100;box-shadow:-10px 0 34px #0003;transform:translateX(104%);transition:transform .25s ease;display:flex;flex-direction:column;color:#111827;visibility:hidden}.drawer.open{transform:translateX(0);visibility:visible}.drawer-top{border-bottom:1px solid #e0e4e9;padding:21px 23px;display:flex;justify-content:space-between;align-items:center}.drawer-top h2{margin:0;font-size:22px}.icon-btn{justify-content:center;min-width:30px;min-height:30px}.icon-btn:hover{color:#bc8e2c}.drawer-items{overflow:auto;flex:1;padding:20px 20px}.drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:230px;color:#526073}.drawer-empty svg{width:55px;height:55px;color:#adbac9}.drawer-empty h3{font-size:17px;color:#253046;margin:0}.drawer-empty p{margin:0;line-height:1.4}.drawer-item{display:grid;grid-template-columns:88px 1fr auto;gap:12px;border-bottom:1px solid #e7eaf0;padding:13px 0}.drawer-item img{width:86px;height:85px;object-fit:contain}.drawer-item h3{font-size:13px;line-height:1.3;margin:3px 0 6px}.drawer-item p{font-size:12px;color:#606a75;margin:0 0 7px}.drawer-item strong{font-size:14px}.drawer-item .mini-counter{display:flex;align-items:center;gap:12px;margin:7px 0}.mini-counter button,.remove-btn{border:1px solid #e1e5ec;color:#263044;border-radius:4px;width:25px;height:25px;background:#fff;display:grid;place-items:center}.mini-counter svg,.remove-btn svg{height:14px;width:14px}.remove-btn{margin-top:5px}.drawer-bottom{padding:18px 23px 24px;box-shadow:0 -3px 15px #101d3614;border-top:1px solid #e3e8ef}.drawer-total{display:flex;justify-content:space-between;font-weight:800;font-size:18px;margin-bottom:13px}.drawer-bottom .btn{width:100%}.drawer-bottom small{display:block;text-align:center;margin:10px 0;color:#5f6d7e}.modal-backdrop{display:grid;place-items:center;padding:18px;z-index:110}.modal{background:white;color:#1b2430;border-radius:13px;padding:31px;box-shadow:0 18px 70px #0005;width:min(480px,100%);position:relative}.modal h2{font-size:23px;margin:0 0 15px;padding-right:20px}.modal p{line-height:1.55;font-size:14px;color:#485364}.modal ul{color:#485364;line-height:1.65}.modal-close{position:absolute;top:12px;right:12px}.modal .btn{margin-top:11px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,25px);background:#0b243f;color:white;border:1px solid #d7b354;border-radius:8px;padding:11px 18px;box-shadow:0 8px 25px #0004;opacity:0;pointer-events:none;z-index:200;transition:transform .2s,opacity .2s;font-size:13px;max-width:calc(100vw - 24px);text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:1150px){.shell{width:min(calc(100% - 52px),var(--shell))}.header-main{gap:17px}.brand{flex-basis:211px}.brand img{width:205px}.header-actions{gap:10px}.header-action strong{font-size:11px}.header-action>svg{height:27px;width:27px}.nav-link{padding:0 6px;font-size:11px}.product-picture{height:153px}.product-price strong{font-size:18px}.product-content{padding:7px 9px 10px}.product-title{font-size:12px}.newsletter{grid-template-columns:100px 1fr 365px;gap:15px}.newsletter-art img{width:150px}.footer-grid{gap:23px}}
@media(max-width:930px){.announcement-inner{gap:13px}.announcement-inner span:nth-of-type(4),.announcement-inner i:nth-of-type(3){display:none}.header-main{min-height:81px}.brand{flex-basis:172px;height:77px}.brand img{width:174px}.account-action span,.header-action span{display:none}.header-actions{gap:11px}.search-bar{max-width:none}.nav-inner{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.nav-link{padding:0 11px}.hero{height:330px}.hero-product-art{width:74%;opacity:.8}.hero-copy{max-width:490px}.hero h1{font-size:43px}.hero-intro{max-width:300px}.trust-inner strong{font-size:11px}.trust-inner small{font-size:9px}.trust-inner>div{gap:7px;padding:0 5px}.trust-inner svg{width:23px;height:23px}.categories-grid{gap:7px}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product-picture{height:185px}.newsletter{grid-template-columns:100px 1fr;gap:12px}.newsletter-form{grid-column:1/-1}.newsletter-copy h2{font-size:20px}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-about{grid-column:span 2}.footer-pay{grid-column:span 2}.benefits-grid{grid-template-columns:repeat(2,1fr)}.promo-art{width:180px}.promo-art img{width:125px}.promo-art img:last-child{left:70px}}
@media(max-width:650px){.shell{width:calc(100% - 30px)}.announcement-inner{height:29px;gap:9px}.announcement-inner span{font-size:9px;gap:5px}.announcement-inner span svg{width:14px;height:14px}.announcement-inner span:nth-of-type(3),.announcement-inner i:nth-of-type(2){display:none}.header-main{flex-wrap:wrap;gap:7px 10px;padding-top:5px;padding-bottom:9px;min-height:124px}.mobile-menu-toggle{display:flex;width:27px;height:37px;order:0}.mobile-menu-toggle svg{width:23px;height:23px}.brand{order:1;flex:1;justify-content:flex-start;height:56px;overflow:hidden;max-width:195px}.brand img{width:169px;margin-top:0}.header-actions{margin-left:auto;order:2;gap:11px}.header-action{padding:0}.header-action>svg{width:23px;height:23px}.header-action .count-bubble{left:14px;top:-7px}.account-action{display:none}.search-bar{order:3;flex-basis:100%;width:100%;height:39px;max-width:none}.nav-menu{display:none}.nav-menu.mobile-open{display:block;position:absolute;width:100%;left:0;top:100%;background:#081c35;box-shadow:0 8px 18px #0005}.nav-inner{display:flex;flex-direction:column;align-items:stretch;max-height:70vh;overflow-y:auto;padding:6px 0 12px}.nav-link{min-height:42px;border-bottom:1px solid #ffffff17;padding:0 18px;font-size:13px}.nav-link.active{border-left:3px solid var(--gold);border-bottom:1px solid #ffffff17}.hero{height:430px}.hero-product-art{top:0;right:0;width:100%;height:100%;opacity:.45;mask-image:linear-gradient(to bottom,transparent 8%,#000 80%);-webkit-mask-image:linear-gradient(to bottom,transparent 8%,#000 80%);background-position:54% bottom;background-size:auto 95%}.hero-glow{background:linear-gradient(180deg,#031126 1%,#06142be8 45%,#07162a80)}.hero-inner{align-items:flex-start;padding-top:52px}.hero-copy{max-width:100%;margin:0}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero h1{font-size:clamp(36px,8.8vw,48px);line-height:1.05;margin-bottom:13px}.hero-intro{font-size:13px;max-width:330px;margin-bottom:16px}.hero-cta{gap:8px}.hero-cta .btn{font-size:12px;padding:9px 13px}.hero-pager{bottom:13px}.trust-inner{grid-template-columns:repeat(2,1fr);padding:12px 0;row-gap:12px}.trust-inner>div{justify-content:flex-start;padding-left:12px;border-right:0}.trust-inner>div:nth-child(odd){border-right:1px solid #d3d7de}.trust-inner strong{font-size:11px}.section{padding-top:23px}.section-heading h2{font-size:21px}.section-heading .text-link{font-size:10px}.categories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.category-tile{aspect-ratio:1.57}.heading-title{gap:9px}.heading-title p{width:100%;margin-left:14px}.product-heading{align-items:flex-start}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-picture{height:135px;padding:5px}.product-content{padding:6px 8px 9px}.product-title{font-size:11px;min-height:55px}.rating{margin:2px 0 6px}.stars{font-size:13px;letter-spacing:0}.rating small{font-size:10px}.product-price strong{font-size:18px}.old-price{font-size:10px}.stock{font-size:10px}.product-actions{gap:5px}.qty-select{width:40px;min-width:40px;padding:0 3px;font-size:12px}.add-cart{font-size:10px;padding:8px 3px}.add-cart svg{display:none}.promo-section{min-height:165px;padding:15px;gap:8px;flex-wrap:wrap}.promo-art{width:104px;height:80px}.promo-art img{width:84px;height:84px}.promo-art img:last-child{left:38px}.promo-copy{flex:1}.promo-copy h2{font-size:22px;margin:7px 0 3px}.promo-copy p{font-size:11px}.promo-pill{font-size:9px}.promo-button{margin-left:112px;min-height:35px;min-width:0;padding:7px 13px}.review-grid{grid-template-columns:1fr;gap:9px}.review-card{min-height:100px}.benefits-grid{gap:8px}.benefit{gap:8px;padding:10px;align-items:flex-start}.benefit>svg{width:27px;height:27px}.benefit strong{font-size:11px}.benefit span{font-size:10px}.newsletter{grid-template-columns:72px 1fr;padding:15px;gap:10px}.newsletter-art{height:80px}.newsletter-art img{width:127px;left:-19px;top:-3px}.newsletter-copy h2{font-size:17px}.newsletter-copy p{font-size:11px}.newsletter-input{gap:5px}.newsletter-form .btn{padding:8px 9px;font-size:11px}.newsletter-form .arrow-icon{display:none}.newsletter-form p{font-size:9px;line-height:1.5}.footer-grid{grid-template-columns:repeat(2,1fr);gap:26px 16px}.footer-about{grid-column:span 2}.footer-about img{width:210px}.footer-pay{grid-column:span 2}.footer-bottom .shell{flex-direction:column;gap:5px;text-align:center}.drawer{width:min(420px,100vw)}}
@media(max-width:360px){.brand img{width:144px}.brand{max-width:152px}.header-actions{gap:7px}.hero h1{font-size:34px}.hero-cta .btn{font-size:11px}.product-picture{height:115px}.product-price strong{font-size:16px}.newsletter-input{flex-wrap:wrap}.newsletter-form .btn{width:100%}.newsletter-form input{flex-basis:100%}}

/* FIX 2026-11-05 — origineel, compleet WHC-logo (inclusief draak en vleugels) */
@media (min-width: 931px) {
  .header-main { min-height: 165px; }
  .brand { flex: 0 0 228px; height: 162px; overflow: visible; }
  .brand img { width: 170px; height: 160px; object-fit: contain; max-width: 100%; mix-blend-mode: normal; filter: drop-shadow(0 6px 10px rgba(0,0,0,.38)); }
}
@media (min-width: 651px) and (max-width: 930px) {
  .header-main { min-height: 139px; }
  .brand { flex: 0 0 170px; height: 136px; overflow: visible; }
  .brand img { width: 140px; height: 134px; object-fit: contain; mix-blend-mode: normal; }
}
@media (max-width: 650px) {
  .header-main { min-height: 165px; padding-top: 4px; padding-bottom: 8px; }
  .brand { max-width: 155px; height: 112px; overflow: visible; }
  .brand img { width: 124px; height: 112px; max-width:100%; object-fit:contain; margin: 0; mix-blend-mode: normal; filter: drop-shadow(0 3px 5px rgba(0,0,0,.4)); }
  .mobile-menu-toggle { height: 48px; }
  .search-bar { margin-top: 2px; }
}
@media (max-width: 360px) {
  .brand { max-width: 127px; }
  .brand img { width: 112px; height: 105px; }
}
.footer-about img { width: 160px; height: 145px; object-fit: contain; object-position: left center; }
.newsletter-art img { width: 125px; height: 115px; object-fit: contain; left: 0; top: -15px; }
@media (max-width: 650px) {
  .footer-about img { width: 155px; height: 140px; }
  .newsletter-art img { width: 100px; height: 92px; left: -19px; top: -5px; }
}
/* Voorraadindicatie en nieuwe categorieën vanuit het privé-dashboard */
.product-actions .add-cart:disabled,.qty-select:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(1)}
.product-card .stock.low{color:#b22236;font-weight:800}
.category-tile.custom-category{position:relative;aspect-ratio:1.57;background:#071a36}
.category-tile.custom-category img{object-fit:cover;filter:brightness(.58)}
.category-tile.custom-category span{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:18px 4px 11px;font-weight:900;font-size:13px;color:white;text-shadow:0 2px 6px #000;background:linear-gradient(transparent,#030a16cc)}

.category-tile{position:relative}
.category-tile .category-name{position:absolute;bottom:0;left:0;right:0;display:block;min-height:28px;text-align:center;background:linear-gradient(180deg,#071326db,#061326 55%);color:white;font-size:12px;font-weight:900;padding:7px 3px 6px;text-shadow:0 1px 2px #000}
@media(max-width:650px){.category-tile .category-name{min-height:25px;padding:5px 2px;font-size:10px}}

/* WHC - VERIFIED ORIGINAL PRODUCT PHOTOS. No AI redraws of packages. */
.hero{isolation:isolate;background:radial-gradient(ellipse at 82% 58%,#123f76 0%,#0a1d3d 43%,transparent 77%),linear-gradient(115deg,#031022,#061b37 52%,#050f21);}
.hero-product-art{z-index:0;right:0;top:0;height:100%;width:66%;background:none!important;mask-image:none!important;-webkit-mask-image:none!important;opacity:1;pointer-events:none;}
.hero-product-art:before{content:"";position:absolute;inset:7% 4% 0 13%;border-radius:50%;background:radial-gradient(ellipse at center,#165cb65a 0%,#09539f19 40%,transparent 69%);filter:blur(3px);}
.verified-product-stage{position:relative;width:100%;height:100%;}
.verified-product{position:absolute;height:auto;object-fit:contain;max-width:none;filter:drop-shadow(0 16px 12px #000b);image-rendering:auto;}
.verified-lede{width:min(56%,385px);right:30%;bottom:-46px;z-index:2;}
.verified-ra01{width:min(48%,345px);right:-1%;bottom:-37px;z-index:1;}
.verified-pack{width:min(29%,190px);right:27%;bottom:-20px;z-index:3;filter:drop-shadow(0 11px 13px #000b);}
.hero-glow{z-index:1;pointer-events:none;background:linear-gradient(90deg,#031126 0%,#031126ee 19%,#031126b0 39%,transparent 65%);}
.hero-inner{z-index:2;}
@media(max-width:930px){
  .hero-product-art{width:69%;opacity:.83}
  .verified-lede{width:57%;right:31%;bottom:-32px}
  .verified-ra01{width:51%;right:-8%;bottom:-25px}
  .verified-pack{width:29%;right:27%;bottom:-22px}
  .hero-glow{background:linear-gradient(90deg,#031126 0%,#031126ef 28%,#03112693 53%,transparent 85%)}
}
@media(max-width:650px){
  .hero-product-art{top:0;right:0;width:100%;height:100%;opacity:.46;mask-image:none!important;-webkit-mask-image:none!important;background:none!important}
  .verified-lede{width:57%;right:33%;bottom:-20px}
  .verified-ra01{width:49%;right:-2%;bottom:-16px}
  .verified-pack{width:29%;right:23%;bottom:-15px}
  .hero-glow{background:linear-gradient(180deg,#031126 3%,#031126ed 36%,#061a33b5 74%,#03112677)}
}

@media(min-width:931px){.hero-copy{max-width:650px}.hero h1{font-size:clamp(38px,3.85vw,52px);max-width:650px}} .category-tile img{object-fit:cover}
/* Exacte kaartfoto + oorspronkelijke Konami-verpakkingen, zonder AI-gegenereerde productdetails. */
.hero{height:405px;isolation:isolate;background:radial-gradient(ellipse at 76% 38%,#14467c,#06182f 52%,#030d20 85%);border-bottom:2px solid #c69a4d}
.hero-product-art.whc-limited-stage{position:absolute;inset:0 0 0 auto;right:0;top:0;width:70%;height:100%;z-index:0;opacity:1;background:none!important;mask-image:none!important;-webkit-mask-image:none!important;overflow:hidden;pointer-events:none}
.whc-limited-stage:before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 66% 52%,#2a78cb70,transparent 57%);filter:blur(13px)}
.limited-halo{position:absolute;right:7%;top:8%;width:65%;height:80%;border:2px solid #d7b86b53;border-radius:50%;transform:rotate(-14deg);box-shadow:0 0 30px #0d80df61,inset 0 0 20px #d1a64d15}
.limited-display{position:absolute;object-fit:contain;height:auto;max-width:none;filter:drop-shadow(0 16px 14px #000b)}
.limited-legacy{left:1%;bottom:-65px;width:48%;transform:rotate(-8deg)}
.limited-rarity{right:-1%;bottom:-55px;width:38%;transform:rotate(7deg)}
.limited-card{position:absolute;width:28%;height:94%;right:30%;top:2%;margin:0;z-index:2;transform:rotate(3deg);filter:drop-shadow(0 20px 14px #000c)}
.limited-card-border{width:100%;height:calc(100% - 33px);padding:5px;background:#071a35;border:3px solid #e2b55a;border-radius:11px;box-shadow:0 0 25px #8cbbff8c}
.limited-card img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}
.limited-card figcaption{background:#07152bf2;color:#f5daa0;border:1px solid #bb8d44;border-radius:0 0 7px 7px;font-size:10px;line-height:1.3;font-weight:900;text-align:center;padding:3px}
.limited-card small{display:block;color:#d9bb80;font-size:9px;letter-spacing:.4px}
.limited-goldline{position:absolute;bottom:6%;width:95%;height:2px;left:5%;transform:rotate(-10deg);background:linear-gradient(90deg,transparent,#e7bc66,transparent);box-shadow:0 0 9px #f4d48990}
.hero-glow{z-index:1;background:linear-gradient(90deg,#031126 0%,#031126f0 20%,#031126ad 39%,transparent 70%)}
.hero-inner{z-index:2}.hero h1{font-size:clamp(36px,3.9vw,56px);max-width:560px}
@media(max-width:930px){.hero-product-art.whc-limited-stage{width:73%;opacity:.85}.limited-card{right:29%;width:30%}.hero-glow{background:linear-gradient(90deg,#031126 0%,#031126fa 26%,#031126a1 56%,transparent 90%)}}
@media(max-width:650px){.hero{height:430px}.hero-product-art.whc-limited-stage{width:100%;opacity:.43}.limited-card{right:22%;top:21%;height:69%;width:32%}.limited-legacy{left:0;bottom:-48px;width:52%}.limited-rarity{right:-7%;bottom:-42px;width:46%}.hero-glow{background:linear-gradient(180deg,#031126 0%,#031126f6 27%,#031126da 51%,#0311264f)}.hero-inner{padding-top:45px}.hero h1{font-size:clamp(34px,8vw,47px)}.limited-card figcaption{font-size:7px}.limited-card small{font-size:6px}}


/* WHC v1.5.3: user approved Blue-Eyes hero, 2172x724, no geometric stretching. */
.hero{height:clamp(350px,28vw,515px);isolation:isolate;background:#041022;overflow:hidden}
.hero-product-art.hero-approved-art{position:absolute;inset:0;top:0;right:0;width:100%;height:100%;opacity:1;background-image:url('assets/hero-approved-blue-eyes.webp')!important;background-size:cover!important;background-position:right 51%!important;background-repeat:no-repeat!important;mask-image:none!important;-webkit-mask-image:none!important;pointer-events:none;z-index:0}
.hero-product-art.hero-approved-art:before{display:none!important}
.hero-glow{z-index:1;background:linear-gradient(90deg,#031024 0%,#031024f6 18%,#031024ed 30%,#031024c9 42%,#03102488 53%,#03102432 68%,transparent 81%)!important;pointer-events:none}
.hero-inner{position:relative;z-index:2}
.hero-copy{max-width:535px}
.hero h1{text-wrap:balance;text-shadow:0 2px 10px #000b}
.hero-intro{text-shadow:0 2px 9px #000c}
@media(max-width:930px){.hero{height:375px}.hero-product-art.hero-approved-art{width:100%;height:100%;opacity:1;background-size:cover!important;background-position:73% 49%!important;mask-image:none!important;-webkit-mask-image:none!important}.hero-glow{background:linear-gradient(90deg,#031024 0%,#031024f5 24%,#031024da 45%,#03102477 69%,transparent 92%)!important}.hero-copy{max-width:485px}}
@media(max-width:650px){.hero{height:475px}.hero-product-art.hero-approved-art{inset:0;width:100%;height:100%;opacity:.83;background-size:auto 100%!important;background-position:92% bottom!important;mask-image:none!important;-webkit-mask-image:none!important}.hero-glow{background:linear-gradient(180deg,#031024 0%,#031024f5 17%,#031024de 40%,#0310249c 62%,#0310244a 87%,#03102450 100%)!important}.hero-inner{align-items:flex-start;padding-top:26px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(35px,8.5vw,48px)}}


/* WHC user adjustment: smaller Blue-Eyes card, display booster box more clearly */
@media(min-width:931px){
 .hero-product-art.hero-approved-art{background-size:auto 108%!important;background-position:right 50%!important}
 .hero-glow{background:linear-gradient(90deg,#031024 0%,#031024ed 15%,#031024d8 27%,#0310249a 38%,#0310244d 50%,#0310241b 64%,transparent 77%)!important}
 .hero-copy{max-width:500px}
 .hero h1{font-size:clamp(38px,3.5vw,50px);max-width:485px}
}
@media(min-width:651px) and (max-width:930px){
 .hero-product-art.hero-approved-art{background-size:auto 102%!important;background-position:right 50%!important}
 .hero-glow{background:linear-gradient(90deg,#031024 0%,#031024ee 21%,#031024c7 37%,#03102467 56%,transparent 82%)!important}
}
@media(max-width:650px){
 .hero-product-art.hero-approved-art{background-size:auto 95%!important;background-position:94% bottom!important}
}

/* WHC v1.5.3c: compact hero crop, left booster visible, slightly smaller Blue-Eyes card. */
@media (min-width:931px) {
  .hero-product-art.hero-approved-art {
    background-size: auto 93% !important;
    background-position: calc(100% + 48px) center !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 23%, #000 32%, #000 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, transparent 23%, #000 32%, #000 100%) !important;
  }
  .hero-glow {
    background: linear-gradient(90deg,
      #031024 0%, #031024f6 14%, #031024c7 23%,
      #03102477 32%, #03102427 42%, transparent 55%) !important;
  }
  .hero-copy { max-width: 495px; }
  .hero h1 { font-size: clamp(39px, 3.8vw, 52px); max-width: 490px; }
}
@media (min-width:651px) and (max-width:930px) {
  .hero-product-art.hero-approved-art {
    background-size: auto 100% !important;
    background-position: right center !important;
  }
  .hero-glow {
    background: linear-gradient(90deg,
      #031024 0%, #031024ef 19%, #0310249f 34%, transparent 61%) !important;
  }
}
@media (max-width:650px) {
  .hero-product-art.hero-approved-art {
    background-size: auto 96% !important;
    background-position: 95% bottom !important;
  }
}

