:root{--ink:#201637;--deep:#170b38;--deep2:#271050;--purple:#6d2cc4;--orange:#ff820a;--gold:#ffc349;--cream:#fffaf3;--paper:#fff;--line:#eee5f3;--muted:#746b7d;--shadow:0 18px 46px rgba(26,10,53,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1440px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #ffac37;outline-offset:3px}
.site-header{position:relative;z-index:20;background:#160b31;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.header-inner{height:76px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:11px;min-width:248px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ffb122,#ff6304);color:#fff;display:grid;place-items:center;font-weight:950;font-size:23px;box-shadow:0 5px 20px rgba(255,127,10,.3);position:relative}.brand-mark span{font-size:10px;position:absolute;right:4px;top:4px}.brand-name{font-weight:700;line-height:1;letter-spacing:-.04em;font-size:18px}.brand-name b{color:#ffba55}.brand-name small{display:block;margin-top:7px;font-size:9px;font-weight:800;letter-spacing:.22em;color:#c4addc}.nav{display:flex;align-items:center;gap:32px;margin-left:auto}.nav a{font-size:14px;font-weight:650;color:#e6dbef;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:#ffb44c}.nav-cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#281343;padding:12px 18px;border-radius:12px;font-weight:760;font-size:13px;white-space:nowrap}.nav-cta:hover{background:#ffb848}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px;margin-left:auto}
.hero{min-height:570px;background:#1c0a42 url('/hero.jpg') center right/cover no-repeat;color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,6,47,.7) 0%,rgba(19,6,47,.37) 42%,transparent 72%)}.hero-inner{position:relative;display:flex;align-items:center;min-height:570px}.hero-content{width:min(690px,62%);padding:54px 0 61px}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:50px;padding:9px 14px;color:#ffcf80;font-size:11px;font-weight:850;letter-spacing:.13em}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#ff9c21;box-shadow:0 0 0 4px rgba(255,156,33,.18)}.hero h1{font-size:clamp(51px,5.8vw,89px);line-height:.99;letter-spacing:-.065em;margin:24px 0 18px;font-weight:900}.hero h1 em{font-style:normal;color:#ffa52a;text-shadow:0 3px 20px rgba(255,126,0,.22)}.hero-content>p:not(.hero-note){font-size:18px;line-height:1.58;color:#ecddf3;max-width:560px;margin:0 0 26px}.hero-search{display:flex;align-items:center;background:#fff;color:#725b85;padding:6px;border-radius:14px;border:2px solid #ff9c21;width:min(610px,100%);box-shadow:0 18px 36px rgba(9,1,31,.24)}.hero-search>span{font-size:32px;line-height:1;margin-left:14px;margin-right:8px;color:#9e8baa}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:15px 4px;color:#24163d;background:transparent}.hero-search button{border:0;background:linear-gradient(135deg,#ffb42a,#ff6904);color:#fff;font-size:14px;font-weight:800;padding:15px 22px;border-radius:10px;white-space:nowrap}.hero-search button:hover,.button-primary:hover,.main-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.hero-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.button{border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:14px;font-weight:780;padding:14px 19px;transition:transform .2s,filter .2s,background .2s}.button-primary{background:linear-gradient(135deg,#ffb530,#ff820c);color:#331236;box-shadow:0 12px 24px rgba(255,132,9,.2)}.button-ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff}.button-ghost:hover{background:rgba(255,255,255,.19)}.hero-note{font-size:11px;color:#cbbbd9;margin:19px 0 0}.proof-strip{background:#fff;border-bottom:1px solid var(--line)}.proof-inner{display:flex;align-items:center;gap:0;min-height:100px}.proof-inner>div{padding:0 30px;border-right:1px solid var(--line);display:flex;align-items:baseline;gap:10px}.proof-inner>div:first-child{padding-left:0}.proof-inner b{font-size:28px;letter-spacing:-.05em;color:#37145d}.proof-inner span{font-size:12px;color:#7c7384;white-space:nowrap}.proof-inner p{margin-left:auto;font-size:13px;color:#766d7e;text-align:right}
.catalog-section{padding-top:80px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.kicker{display:block;color:#9c52e0;font-size:11px;font-weight:850;letter-spacing:.19em;margin-bottom:13px}.section-heading h2,.guide-band h2,.journal h2,.detail-notes h2{margin:0;letter-spacing:-.055em;font-size:clamp(33px,3.2vw,50px);line-height:1.08}.section-heading p{margin:11px 0 0;color:var(--muted);font-size:15px}.text-link{color:#6e2bb5;font-size:13px;font-weight:800;white-space:nowrap;border-bottom:1px solid #c7a1e9;padding-bottom:5px}.text-link:hover{color:#ff7500}.category-tabs{display:flex;gap:9px;overflow-x:auto;padding:4px 0 18px;scrollbar-width:thin}.category-tabs button{flex:none;display:flex;align-items:center;gap:8px;border:1px solid #e8dced;background:#fff;border-radius:50px;padding:10px 13px;color:#584b64;font-size:12px;font-weight:730}.category-tabs button span{font-size:10px;color:#a38dac}.category-tabs button:hover{border-color:#b270dd}.category-tabs button[aria-selected=true]{background:#32134f;border-color:#32134f;color:#fff}.category-tabs button[aria-selected=true] span{color:#ffc470}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 20px}.catalog-toolbar p{font-size:13px;color:#7d7184;margin:0}.catalog-toolbar a{font-size:12px;color:#6735a1;font-weight:780}.product-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.product-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #eee5ee;border-radius:16px;box-shadow:0 3px 14px rgba(30,10,61,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#e0c9ef}.card-media{display:block;position:relative;aspect-ratio:1/1.17;background:#f4eff5;overflow:hidden}.card-media img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.product-card:hover img{transform:scale(1.05)}.card-qc{position:absolute;bottom:7px;left:7px;background:rgba(32,16,50,.87);color:#fff;font-size:9px;font-weight:800;padding:5px 6px;border-radius:5px}.card-body{display:flex;flex-direction:column;min-height:130px;padding:12px}.card-category{color:#954fc2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.card-body strong{font-size:12px;line-height:1.35;margin-top:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:730}.card-foot{margin-top:auto;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:4px}.card-foot b{font-size:15px;color:#2b1740;white-space:nowrap}.card-foot>span{font-size:10px;color:#8b56af;white-space:nowrap}.catalog-bottom{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 26px;background:#fff;border:1px solid var(--line);border-radius:14px}.catalog-bottom p{margin:0;max-width:670px;color:#776d7b;font-size:13px;line-height:1.6}.button-outline{background:#fff;border:1px solid #d6b9e6;color:#6428a3;white-space:nowrap}.button-outline:hover{background:#f8efff}
.guide-band{background:#211044;color:#fff;padding:88px 0;background-image:radial-gradient(circle at 85% 20%,rgba(154,70,209,.3),transparent 37%)}.guide-band-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.guide-band .kicker{color:#ffc274}.guide-band h2{font-size:clamp(38px,4vw,60px)}.guide-band p{font-size:15px;line-height:1.75;color:#d3c7de;max-width:500px;margin:18px 0 25px}.guide-tiles{display:grid;gap:12px}.guide-tiles a{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:24px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);border-radius:15px}.guide-tiles a:hover{background:rgba(255,255,255,.13)}.guide-tiles a span{color:#ffae39;font-size:21px;font-weight:850}.guide-tiles strong{font-size:17px}.guide-tiles small{font-size:12px;color:#d0bfdc}.journal{padding-top:85px;padding-bottom:100px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.journal-grid a{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;min-height:250px;transition:transform .2s,box-shadow .2s}.journal-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.journal-grid span{font-size:10px;letter-spacing:.17em;color:#a15ddd;font-weight:850}.journal-grid h3{font-size:27px;letter-spacing:-.045em;max-width:500px;line-height:1.18;margin:19px 0 13px}.journal-grid p{font-size:14px;color:#776b7e;line-height:1.6}.journal-grid b{display:block;margin-top:25px;color:#ed7d10;font-size:12px}
.site-footer{background:#160b31;color:#fff;padding:54px 0 24px}.footer-inner{display:flex;justify-content:space-between;gap:60px}.footer-inner>div:first-child{max-width:480px}.footer-brand{font-weight:850;font-size:19px}.footer-inner p{font-size:13px;line-height:1.7;color:#bcaecb}.footer-links{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap;font-size:13px;color:#e0d0ed}.footer-links a:hover{color:#ffaf3e}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin-top:45px;color:#a995ba;font-size:11px}
.product-main{padding-top:30px;padding-bottom:100px}.back-link{display:inline-flex;align-items:center;gap:9px;color:#6b5380;font-size:13px;font-weight:720;margin-bottom:26px}.back-link:hover{color:#f0780a}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.84fr);gap:70px;align-items:start}.main-image{display:block;width:100%;border:0;padding:0;background:#f1edf2;border-radius:20px;overflow:hidden;aspect-ratio:1/1.06}.main-image img{width:100%;height:100%;object-fit:contain}.gallery-foot{display:flex;justify-content:space-between;padding:11px 5px;color:#8f8594;font-size:11px}.thumbnail-row{display:flex;gap:10px;margin-top:8px}.thumb{width:72px;height:72px;background:#fff;border:2px solid transparent;border-radius:9px;overflow:hidden;padding:0}.thumb.active{border-color:#ff9a20}.thumb img{width:100%;height:100%;object-fit:cover}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span{background:#f1e7f8;color:#6a338f;border-radius:5px;font-size:10px;font-weight:820;padding:7px 9px;text-transform:uppercase;letter-spacing:.09em}.product-info{display:flex;flex-direction:column}.product-info h1{font-size:clamp(35px,3.5vw,53px);letter-spacing:-.065em;line-height:1.08;margin:18px 0 13px}.copy-link{border:0;background:transparent;padding:0;color:#8054a4;text-decoration:underline;font-size:12px;font-weight:710;text-align:left;align-self:flex-start}.copy-link:hover{color:#ef7600}.price-block{margin:30px 0 19px;border-top:1px solid #e9ddec;padding-top:24px}.price-block>span{font-size:10px;font-weight:850;letter-spacing:.16em;color:#9d819f}.price-block strong{display:block;font-size:45px;color:#30124d;letter-spacing:-.06em;margin:5px 0}.price-block p,.size-preview p,.cta-note{font-size:12px;line-height:1.65;color:#897f8e;margin:0}.qc-action{display:flex;align-items:center;gap:13px;background:#f8f1e9;border:1px solid #f1dfca;padding:15px;border-radius:11px}.qc-action:hover{background:#fff0db}.qc-icon{color:#ef7c07;font-size:28px}.qc-action>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.qc-action b{font-size:13px}.qc-action small{font-size:11px;color:#897c82}.size-preview{order:3;margin:24px 0}.option-label{font-size:10px;color:#3b2d4c;font-weight:850;letter-spacing:.13em}.option-label span{letter-spacing:0;text-transform:none;font-weight:500;color:#a095a6;margin-left:8px}.size-chips{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.size-chips span{display:inline-flex;min-width:37px;justify-content:center;border:1px solid #dfd3e6;background:#fff;padding:8px 10px;border-radius:50px;font-size:12px}.main-cta{order:1;display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:17px;background:linear-gradient(135deg,#ffb527,#ff7804);color:#331138;border-radius:11px;font-size:15px;font-weight:850;box-shadow:0 13px 25px rgba(255,124,0,.18);transition:transform .2s,filter .2s}.cta-note{order:2;text-align:center;margin-top:10px}.info-links{order:4;display:flex;gap:22px;margin-top:15px;font-size:12px;font-weight:760;color:#6e3396}.info-links a:hover{color:#ed7d0a}.qc-section{border-top:1px solid #e9deec;margin-top:85px;padding-top:64px}.qc-section .section-heading p{max-width:650px;line-height:1.6}.qc-count{font-size:11px;font-weight:760;color:#9060a9}.qc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.qc-thumb{border:0;padding:0;background:#f3eef5;aspect-ratio:1/1;border-radius:12px;overflow:hidden}.qc-thumb img{width:100%;height:100%;object-fit:cover}.qc-thumb:hover img{transform:scale(1.04)}.detail-notes{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid #e9deec;margin-top:70px;padding-top:55px}.detail-notes h2{font-size:32px}.detail-notes dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.detail-notes dl div{background:#fff;border:1px solid var(--line);padding:18px;border-radius:10px}.detail-notes dt{color:#9d8ea2;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.detail-notes dd{margin:7px 0 0;font-size:14px;font-weight:770}.related{border-top:1px solid #e9deec;margin-top:70px;padding-top:55px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lightbox{position:fixed;z-index:100;inset:0;background:rgba(15,5,30,.94);display:grid;place-items:center;padding:40px}.lightbox[hidden]{display:none}.lightbox img{max-width:100%;max-height:90vh;object-fit:contain}.lightbox-close{position:absolute;top:16px;right:23px;background:transparent;border:0;color:#fff;font-size:38px}
.article-main,.listing-main{padding-top:42px;padding-bottom:100px}.article-head{max-width:840px;margin:35px 0 55px}.article-head h1,.listing-main h1{font-size:clamp(45px,5vw,72px);letter-spacing:-.065em;line-height:1.04;margin:0 0 20px}.article-head p,.listing-intro{font-size:19px;line-height:1.6;color:#746a7b;max-width:780px}.article-layout{display:grid;grid-template-columns:minmax(0,750px) minmax(220px,310px);gap:80px;align-items:start}.article-content{font-size:16px;line-height:1.85;color:#4c4255}.article-content h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;color:#241435;margin:0 0 14px}.article-content h2:not(:first-child){margin-top:47px}.article-content p{margin:0 0 18px}.article-content li{margin:9px 0}.article-aside{display:grid;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.article-aside b{font-size:14px;margin-bottom:4px}.article-aside a{font-size:12px;color:#783ba3;font-weight:740}.listing-main{min-height:75vh;padding-top:88px}.listing-intro{margin-top:0}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:47px}.listing-grid a{background:#fff;border:1px solid var(--line);border-radius:17px;padding:27px;min-height:235px}.listing-grid a:hover{box-shadow:var(--shadow)}.listing-grid span{font-size:19px;color:#ed7a0b;font-weight:830}.listing-grid h2{font-size:25px;letter-spacing:-.04em;margin:19px 0 10px}.listing-grid p{font-size:14px;line-height:1.6;color:#786d7d}.listing-grid b{display:block;color:#7d38a9;font-size:12px;margin-top:18px}
.article-main.guide-page{width:min(100% - 44px,820px)}.article-layout.guide-article{display:block;width:100%;margin-inline:auto}
.guide-index-main{padding-top:30px;padding-bottom:115px}.guide-breadcrumb{display:flex;align-items:center;gap:11px;color:#9a8fa4;font-size:12px}.guide-breadcrumb a{color:#64566f}.guide-breadcrumb a:hover{color:#ef7f16}.guide-index-head{padding:58px 0 55px;border-bottom:1px solid var(--line)}.guide-index-head .kicker{color:#8e56b6}.guide-index-head h1{margin:0 0 16px;font-size:clamp(46px,5vw,70px);line-height:1.04;letter-spacing:-.06em}.guide-index-head p{margin:0;max-width:780px;font-size:18px;line-height:1.65;color:#746a7b}.guide-index-group{padding:37px 0 42px;border-bottom:1px solid var(--line)}.guide-index-group:last-child{border-bottom:0}.guide-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:22px}.guide-group-heading h2{margin:0;font-size:30px;letter-spacing:-.04em}.guide-group-heading p{margin:0;color:#817587;font-size:14px;line-height:1.6;text-align:right}.guide-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-index-card{display:flex;flex-direction:column;min-height:230px;padding:25px;background:#fff;border:1px solid #e8dfeb;border-radius:12px;transition:transform .18s,box-shadow .18s,border-color .18s}.guide-index-card:hover{transform:translateY(-3px);border-color:#eea96c;box-shadow:0 14px 30px rgba(39,20,65,.08)}.guide-card-meta{display:flex;align-items:center;justify-content:space-between;color:#94889e;font-size:11px}.guide-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff0e5;color:#f57718;font-size:19px;font-weight:800}.guide-index-card h3{margin:22px 0 8px;font-size:23px;line-height:1.18;letter-spacing:-.04em}.guide-index-card p{margin:0;color:#776d7f;font-size:14px;line-height:1.6}.guide-card-action{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:24px;font-size:12px;font-weight:800;color:#3c2653}.guide-card-action span{font-size:17px;color:#ee7d1b}
.guide-article-main{background:#fff;padding:28px 0 100px}.guide-reading-column{max-width:1120px;margin:54px auto 0}.guide-article-head{padding-bottom:31px;border-bottom:1px solid #e8e1eb}.guide-article-head .kicker{color:#9362ad}.guide-article-head h1{margin:0 0 18px;font-size:clamp(42px,4.5vw,62px);line-height:1.08;letter-spacing:-.055em}.guide-article-head>p{font-size:19px;line-height:1.65;color:#71677a;margin:0 0 18px}.guide-reading-meta{display:flex;gap:20px;color:#968a9d;font-size:12px}.guide-reading-meta span+span:before{content:'·';margin-right:20px}.guide-quick-answer{margin:40px 0 48px;padding:28px 32px;background:#fff8f3;border-left:3px solid #ff8b28;border-radius:0 9px 9px 0}.guide-mini-label{display:block;color:#a35b22;font-size:11px;font-weight:850;letter-spacing:.15em;margin-bottom:10px}.guide-quick-answer h2{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin:0 0 13px}.guide-quick-answer p{margin:0 0 13px;color:#62566a;line-height:1.7}.guide-quick-answer ol{margin:0;padding-left:22px;color:#62566a;line-height:1.8}.guide-quick-answer li{padding-left:3px;margin:5px 0}.guide-quick-answer li::marker{color:#ef7a17;font-weight:800}.guide-article-content{color:#514759;font-size:16px;line-height:1.85}.guide-article-content h2{font-size:27px;margin-top:52px}.guide-article-content h2:first-child{margin-top:0}.guide-article-content p{margin-bottom:20px}.guide-article-content a{color:#9a4bb9;border-bottom:1px solid #d6b0e5}.guide-article-faq{margin-top:58px;padding-top:35px;border-top:1px solid #e9e2eb}.guide-article-faq>h2,.guide-related h2{font-size:25px;letter-spacing:-.04em;margin:0 0 24px}.guide-faq-pair{margin-bottom:26px}.guide-faq-pair h3{font-size:18px;margin:0 0 8px}.guide-faq-pair p{margin:0;color:#706678;line-height:1.75;font-size:15px}.guide-related{margin-top:50px}.guide-related a{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #eee8ef;font-size:15px;font-weight:750}.guide-related a:last-child{border-bottom:1px solid #eee8ef}.guide-related a span{color:#e77c23}.guide-bottom-nav{display:flex;justify-content:space-between;gap:20px;padding-top:28px;margin-top:32px;border-top:1px solid #eee8ef;font-size:14px;font-weight:750}.guide-bottom-nav a:hover,.guide-related a:hover{color:#a54fbd}
@media(max-width:900px){.guide-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-group-heading{display:block}.guide-group-heading p{text-align:left;margin-top:8px}}
@media(max-width:650px){.guide-index-main{padding-top:22px;padding-bottom:70px}.guide-index-head{padding:43px 0 40px}.guide-index-head h1{font-size:44px}.guide-index-head p{font-size:16px}.guide-index-group{padding:32px 0}.guide-index-grid{grid-template-columns:1fr;gap:12px}.guide-index-card{min-height:200px;padding:23px}.guide-article-main{padding-top:20px;padding-bottom:70px}.guide-reading-column{margin-top:42px}.guide-article-head h1{font-size:42px}.guide-article-head>p{font-size:17px}.guide-quick-answer{padding:24px 22px}.guide-article-content h2{font-size:25px}.guide-bottom-nav{font-size:12px}}
@media(max-width:1250px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.header-inner{gap:22px}.nav{gap:20px}.proof-inner p{display:none}}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-content{width:min(600px,67%)}.guide-band-inner{gap:35px}.guide-tiles a{grid-template-columns:45px 1fr}.guide-tiles small{grid-column:2}.product-layout{gap:35px}.nav-cta{display:none}}@media(max-width:750px){.shell{width:min(100% - 34px,650px)}.header-inner{height:68px}.brand{min-width:0}.brand-name{font-size:16px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#1d0d3c;padding:20px 17px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 25px rgba(10,0,25,.2)}.nav.open{display:flex}.nav a{padding:13px 5px}.hero,.hero-inner{min-height:590px}.hero{background-position:62% center}.hero:before{background:linear-gradient(90deg,rgba(19,6,47,.89) 0%,rgba(19,6,47,.74) 62%,rgba(19,6,47,.36) 100%)}.hero-content{width:100%;padding:54px 0}.hero h1{font-size:clamp(52px,11vw,75px)}.hero-content>p:not(.hero-note){font-size:16px}.proof-inner{min-height:85px;justify-content:space-between}.proof-inner>div{padding:0 11px;display:block}.proof-inner>div:first-child{padding-left:0}.proof-inner>div:last-of-type{border:0}.proof-inner b{font-size:22px;display:block}.proof-inner span{font-size:10px}.catalog-section,.journal{padding-top:65px;padding-bottom:65px}.section-heading{align-items:flex-start}.section-heading .text-link{margin-top:6px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-body{min-height:125px}.catalog-bottom{display:block}.catalog-bottom .button{margin-top:17px}.guide-band{padding:64px 0}.guide-band-inner,.journal-grid{grid-template-columns:1fr}.guide-tiles a{padding:19px}.product-layout{grid-template-columns:1fr;gap:35px}.product-info h1{font-size:40px}.qc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-notes{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr);gap:10px}.article-layout{grid-template-columns:1fr;gap:35px}.listing-grid{grid-template-columns:1fr}.footer-inner{display:block}.footer-links{margin-top:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}@media(max-width:420px){.hero-search button{padding:14px 13px}.hero-search input{font-size:13px}.hero-actions .button{font-size:12px}.card-foot>span{display:none}.product-info h1{font-size:35px}.detail-notes dl{grid-template-columns:1fr 1fr}}

/* Compact hero with the floating plush illustration. */
.hero{min-height:490px;background-image:url('/hero-v2.png');background-position:center right}
.hero-inner{min-height:490px}
.hero-content{width:min(620px,56%);padding:32px 0 34px}
.hero h1{font-size:clamp(52px,5.2vw,78px);line-height:1.02;margin:18px 0 10px}
.hero-content>p:not(.hero-note){margin-bottom:18px}
.hero-search input{padding:11px 4px}
.hero-search button{padding:12px 20px}
.hero-actions{margin-top:14px}
.hero-note{margin-top:12px}
@media(max-width:1100px){.hero-content{width:min(580px,62%)}}
@media(max-width:750px){
  .hero,.hero-inner{min-height:500px}
  .hero{background-position:75% center}
  .hero:before{background:linear-gradient(90deg,rgba(19,6,47,.93) 0%,rgba(19,6,47,.81) 68%,rgba(19,6,47,.58) 100%)}
  .hero-content{width:100%;padding:42px 0}
  .hero h1{font-size:clamp(44px,10vw,62px);margin:16px 0 10px}
}

/* Navigation sits on the hero and gains a solid surface after scrolling. */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;border-bottom:1px solid rgba(255,255,255,.14);transition:background .22s,box-shadow .22s,backdrop-filter .22s}
.site-header.home-header:not(.scrolled):not(.menu-open){border-bottom-color:transparent}
.site-header.scrolled,.site-header.menu-open{background:rgba(22,11,49,.96);box-shadow:0 12px 28px rgba(16,5,39,.2);backdrop-filter:blur(14px)}
.site-header:not(.home-header)+main{padding-top:108px}
.nav{gap:27px}
.nav-item{position:relative;display:flex;align-items:center;gap:2px}
.nav-item .nav-main{white-space:nowrap}
.nav-drop-toggle{border:0;background:transparent;color:#e6dbef;padding:5px 2px 7px;font-size:21px;line-height:1;cursor:pointer}
.nav-item:hover .nav-drop-toggle,.nav-item.open .nav-drop-toggle{color:#ffb44c}
.nav-dropdown{position:absolute;top:calc(100% + 12px);left:-18px;min-width:246px;padding:9px;background:#251344;border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 18px 40px rgba(10,3,28,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:opacity .16s,transform .16s,visibility .16s}
.nav-dropdown:before{content:"";position:absolute;left:0;right:0;top:-13px;height:13px}
.nav-dropdown-categories{min-width:388px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.nav-dropdown a{display:block;padding:10px 11px;border-radius:7px;color:#f6eff9;font-size:12px;font-weight:660;white-space:nowrap}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:rgba(255,164,42,.18);color:#ffc16a}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown,.nav-item.open .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.hero,.hero-inner{min-height:540px}
.hero-content{padding:104px 0 31px}
#categories,#featured,#qc-photos{scroll-margin-top:88px}

/* Category doors and a separate featured-product section. */
.category-showcase{padding-top:78px;padding-bottom:90px}
.category-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px}
.category-card{display:block;min-width:0}
.category-card-media{display:block;aspect-ratio:1.2/1;background:#fff;border:1px solid #eee7ed;border-radius:15px;overflow:hidden}
.category-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.category-card-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.category-card-duo img{min-width:0}
.category-card:hover .category-card-media img{transform:scale(1.045)}
.category-card-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;color:#241439}
.category-card-title strong{font-size:17px;letter-spacing:-.025em}
.category-card-title>span{color:#a35cc8;font-size:17px}
.category-card small{display:block;min-height:37px;margin-top:6px;color:#796f7f;font-size:12px;line-height:1.5}
.category-card-count{display:block;margin-top:8px;color:#8656a2;font-size:11px;font-weight:750}
.featured-section{padding:80px 0 92px;background:#fff;border-top:1px solid #eee5ec}
.featured-section .product-card{box-shadow:0 3px 16px rgba(30,10,61,.045)}

/* Category landing pages connect the picture cards to local product records. */
.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;color:#8f8397;font-size:12px;line-height:1.4}
.breadcrumb a:hover{color:#ec790c}
.breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-main{padding-bottom:90px}
.category-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:38px;padding:45px 0 33px}
.category-intro>div{max-width:790px}
.category-intro h1{font-size:clamp(40px,4.1vw,62px);line-height:1.04;letter-spacing:-.06em;margin:0 0 17px}
.category-intro p{font-size:15px;line-height:1.7;color:#706677;margin:0}
.category-intro .button{white-space:nowrap;flex:none}
.category-browse-duo{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.category-browse-duo .button{white-space:nowrap}
.category-list-meta{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #e4d9e8;padding:21px 0;color:#82778a;font-size:12px}
.category-list-meta b{color:#381653}
.category-product-grid{padding-bottom:27px}
.category-page-marker{display:inline-block;margin:-4px 0 15px;padding:6px 11px;border-radius:30px;background:#f0e4f8;color:#693395;font-size:12px;font-weight:800}
.product-info h1 .product-listing-heading{display:block;margin-top:9px;color:#776b82;font-size:13px;font-weight:650;letter-spacing:0;line-height:1.4}
.category-pagination{display:flex;align-items:center;justify-content:center;gap:22px;padding:22px 0 29px;border-top:1px solid #e4d9e8}
.pagination-pages,.pagination-steps{display:flex;align-items:center;gap:8px}
.category-pagination a,.category-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:8px 12px;border:1px solid #dfd0e7;border-radius:9px;background:#fff;color:#5b337b;font-size:12px;font-weight:800}
.category-pagination a:hover{border-color:#a95cda;background:#f9f1fe}
.category-pagination [aria-current=page]{background:#2d1551;border-color:#2d1551;color:#fff}
.pagination-steps a{min-width:91px}
.category-end{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;border-top:1px solid #e4d9e8}
.category-end p{margin:0;color:#807589;font-size:12px;line-height:1.6}
.category-advice{margin-top:52px;scroll-margin-top:100px}
.editorial-intro{padding:28px 0 12px;border-top:2px solid #381653}
.editorial-intro h2{max-width:950px;font-size:clamp(30px,3vw,44px);letter-spacing:-.05em;line-height:1.14;margin:12px 0 16px}
.editorial-intro p{max-width:950px;color:#675a6e;line-height:1.75;font-size:16px;margin:0}
.editorial-module{margin-top:23px;padding:31px 34px;border-radius:16px}
.editorial-module h3{font-size:clamp(21px,2vw,27px);letter-spacing:-.035em;line-height:1.25;margin:0 0 20px}
.editorial-module p,.editorial-module li{font-size:14px;line-height:1.75;color:#675a6e}
.editorial-steps{background:#fff;border:1px solid #e8ddeb}
.editorial-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;counter-reset:guide-step;margin:0;padding:0}
.editorial-steps li{counter-increment:guide-step;padding-top:14px;border-top:1px solid #e5d9e8}
.editorial-steps li:before{content:counter(guide-step,decimal-leading-zero);display:block;color:#933bd2;font-size:12px;font-weight:850;letter-spacing:.12em;margin-bottom:7px}
.editorial-steps li strong{display:block;color:#281242;font-size:16px;line-height:1.3}
.editorial-steps li p{margin:8px 0 0}
.editorial-compare{background:#f3ebf8}
.editorial-compare-grid{display:grid;gap:14px}
.editorial-compare-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.editorial-compare-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-compare-grid>div{padding:22px;background:#fff;border:1px solid #e5d9e8;border-radius:11px}
.editorial-compare-grid h4{font-size:17px;color:#281242;margin:0 0 10px}
.editorial-compare-grid p{margin:0}
.editorial-story{padding:24px 30px;margin-left:3px;border-left:4px solid #8d3cbd;border-radius:0;max-width:1020px}
.editorial-story p{max-width:900px;margin:0 0 13px}
.editorial-story p:last-child{margin-bottom:0}
.editorial-list{background:#fff;border:1px solid #e8ddeb}
.editorial-list ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.editorial-list li{padding-left:17px;border-left:3px solid #ff9b21}
.editorial-note{background:#29134a;color:#fff}
.editorial-note h3{color:#fff}
.editorial-note p{max-width:960px;color:#ece4f1;margin:0}
.editorial-question{background:#fff0dc;border:1px solid #ffdcaa}
.editorial-question p{max-width:900px;margin:0}
.category-guide-links{display:flex;gap:12px 26px;flex-wrap:wrap;margin-top:29px;padding:24px 0;border-top:1px solid #dfd0e7}
.category-advice a,.category-crosslinks a{color:#742faa;font-size:13px;font-weight:750}
.category-guide-continued{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding:30px 36px;background:#f4ecf8;border:1px solid #eadced;border-radius:18px}
.category-guide-continued h2{font-size:25px;letter-spacing:-.035em;margin:8px 0}
.category-guide-continued p{font-size:14px;line-height:1.6;color:#675a6e;margin:0}
.category-guide-continued .button{white-space:nowrap}
.category-crosslinks{display:flex;align-items:center;gap:23px;margin-top:35px}
.category-crosslinks h2{font-size:17px;margin:0 16px 0 0}
.product-main .breadcrumb{margin-bottom:18px}
.product-main .back-link{margin-bottom:24px}
.tag-row a{background:#f1e7f8;color:#6a338f;border-radius:5px;font-size:10px;font-weight:820;padding:7px 9px;text-transform:uppercase;letter-spacing:.09em}
.tag-row a:hover{background:#e9d4f6}

@media(max-width:1100px){
  .category-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .category-browse-duo{justify-content:flex-start}
  .editorial-steps ol,.editorial-list ul,.editorial-compare-grid.cols-3{grid-template-columns:1fr}
}
@media(max-width:750px){
  .site-header:not(.home-header)+main{padding-top:88px}
  .nav{gap:0;max-height:calc(100vh - 68px);overflow-y:auto}
  .nav-item{display:grid;grid-template-columns:1fr auto;gap:0}
  .nav-item .nav-main{padding:13px 5px}
  .nav-drop-toggle{padding:8px 10px}
  .nav-dropdown,.nav-dropdown-categories{display:none;position:static;grid-column:1/-1;min-width:0;box-shadow:none;transform:none;opacity:1;visibility:visible;pointer-events:auto;background:#2b164b;border-radius:8px;margin-bottom:8px}
  .nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:none}
  .nav-item.open .nav-dropdown{display:block}
  .nav-item.open .nav-dropdown-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-dropdown a{white-space:normal}
  .hero,.hero-inner{min-height:525px}
  .hero-content{padding:100px 0 34px}
  .category-showcase,.featured-section{padding-top:62px;padding-bottom:67px}
  .category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}
  .category-card-media{aspect-ratio:1/1}
  .category-card-title strong{font-size:14px}
  .category-card small{font-size:11px;min-height:48px}
  .category-intro{display:block;padding:32px 0 25px}
  .category-intro h1{font-size:38px}
  .category-intro .button{margin-top:23px}
  .category-list-meta{display:block}
  .category-list-meta span{display:block;margin:4px 0}
  .category-end{display:block}
  .category-end .button{margin-top:15px}
  .category-pagination{flex-wrap:wrap;gap:10px}
  .editorial-intro p{font-size:15px}
  .editorial-module{padding:24px 21px}
  .editorial-compare-grid.cols-2{grid-template-columns:1fr}
  .editorial-story{padding:20px 22px}
  .category-guide-continued{display:block;padding:26px 22px}
  .category-guide-continued .button{margin-top:18px}
  .category-crosslinks{flex-wrap:wrap;gap:12px}
}

/* The navigation stays beside the brand. Search joins the fixed header after the hero. */
.header-inner{gap:28px}
.nav{margin-left:0}
.header-search{display:flex;align-items:center;gap:7px;width:min(320px,26vw);min-width:215px;height:44px;margin-left:auto;padding:4px 5px 4px 12px;background:#fff;color:#6d5d7b;border:1px solid rgba(255,255,255,.8);border-radius:11px;box-shadow:0 6px 20px rgba(10,3,30,.11)}
.header-search>span{font-size:25px;line-height:1;color:#9c88a9}
.header-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#27133e;font-size:12px}
.header-search button{flex:none;border:0;border-radius:8px;padding:8px 10px;background:linear-gradient(135deg,#ffb42a,#ff7806);color:#fff;font-size:11px;font-weight:800;white-space:nowrap}
.header-search button:hover{filter:brightness(1.06)}
.home-header:not(.show-header-search) .header-search{display:none}
.home-header:not(.show-header-search) .nav-cta{margin-left:auto}
@media(max-width:1100px){
  .brand{min-width:210px}
  .header-inner{gap:18px}
  .header-search{width:245px;min-width:205px}
}
@media(max-width:900px){
  .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:68px;height:auto;gap:0}
  .brand{grid-column:1;grid-row:1;min-width:0;min-height:68px}
  .menu-toggle{display:block;grid-column:2;grid-row:1;justify-self:end;margin-left:0}
  .header-search{grid-column:1/-1;grid-row:2;width:100%;min-width:0;height:43px;margin:0 0 10px}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#1d0d3c;padding:20px 17px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 25px rgba(10,0,25,.2);max-height:calc(100vh - 120px);overflow-y:auto}
  .nav.open{display:flex}
  .nav a{padding:13px 5px}
  .nav-item{display:grid;grid-template-columns:1fr auto;gap:0}
  .nav-item .nav-main{padding:13px 5px}
  .nav-drop-toggle{padding:8px 10px}
  .nav-dropdown,.nav-dropdown-categories{display:none;position:static;grid-column:1/-1;min-width:0;box-shadow:none;transform:none;opacity:1;visibility:visible;pointer-events:auto;background:#2b164b;border-radius:8px;margin-bottom:8px}
  .nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:none}
  .nav-item.open .nav-dropdown{display:block}
  .nav-item.open .nav-dropdown-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-dropdown a{white-space:normal}
  .site-header:not(.home-header)+main{padding-top:144px}
  #categories,#featured,#qc-photos{scroll-margin-top:138px}
}

/* Editorial labels use words; page numbers remain only for catalog pagination. */
.guide-tiles a{grid-template-columns:1fr auto}
.guide-tiles small{grid-column:auto;text-align:right}
.editorial-steps li:before{content:none}

/* The language selector shares the navigation's hover and click behavior. */
.language-button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#e6dbef;font-family:inherit;font-size:14px;font-weight:650;cursor:pointer;white-space:nowrap;padding:8px 2px}
.language-button:hover,.language-button:focus-visible,.language-item.open .language-button{color:#ffb44c}
.language-button span{font-size:19px;line-height:1}
.language-dropdown{min-width:145px;left:-18px}
.language-dropdown a[aria-current="page"]{color:#ffc16a;background:rgba(255,164,42,.13)}
@media(max-width:900px){
  .language-item{display:block}
  .language-button{width:100%;justify-content:flex-start;padding:13px 5px}
  .language-dropdown{left:auto;width:100%;min-width:0}
}
.home-faq{padding:100px 0 116px;background:#fbf7f1;border-bottom:1px solid #eee5ec}
.faq-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(45px,7vw,125px);align-items:start}
.faq-intro{position:sticky;top:118px;padding-top:18px;border-top:3px solid #ff9b21}
.faq-intro h2{font-size:clamp(35px,3.5vw,54px);line-height:1.08;letter-spacing:-.055em;margin:0 0 20px}
.faq-intro p{font-size:15px;line-height:1.75;color:#706678;max-width:330px;margin:0}
.faq-list{border-top:1px solid #d8cadf}
.faq-item{border-bottom:1px solid #d8cadf}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:24px 0;color:#281341;font-size:17px;font-weight:750;line-height:1.4}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{flex:none;position:relative;width:20px;height:20px}
.faq-item summary span:before,.faq-item summary span:after{content:"";position:absolute;left:4px;top:9px;width:12px;height:2px;background:#7a36a8}
.faq-item summary span:after{transform:rotate(90deg)}
.faq-item[open] summary span:after{display:none}
.faq-item summary:focus-visible{outline:3px solid #ff9d2c;outline-offset:3px}
.faq-answer{padding:0 36px 27px 0;max-width:670px}
.faq-answer p{margin:0;color:#6e6377;font-size:14px;line-height:1.75}
.faq-answer a{display:inline-block;margin-top:12px;color:#7730ac;font-size:13px;font-weight:800}
@media(max-width:900px){.faq-layout{grid-template-columns:1fr;gap:36px}.faq-intro{position:static}.faq-intro p{max-width:600px}.guide-tiles small{text-align:left}}
@media(max-width:750px){.home-faq{padding:66px 0 80px}.guide-tiles a{display:block}.guide-tiles small{display:block;margin-top:5px}.faq-item summary{padding:19px 0;font-size:15px}.faq-answer{padding:0 24px 22px 0}}
.guide-policy-source{margin:40px 0 0;padding:18px 22px;border:1px solid #e8dfeb;border-radius:10px;background:#faf7fc;color:#5d5267}.guide-policy-source strong{display:block;color:#2a183d;font-size:14px;margin-bottom:4px}.guide-policy-source p{margin:0;font-size:14px;line-height:1.6}.guide-policy-source a{color:#8234a4;text-decoration:underline;text-underline-offset:3px}

/* Blog: compact index and a single, readable article column. */
.blog-index{padding-top:74px;padding-bottom:110px;min-height:65vh}.blog-index-head{max-width:880px;margin-bottom:49px}.blog-index-head h1{font-size:clamp(42px,5.2vw,70px);line-height:1.06;letter-spacing:-.06em;margin:13px 0 18px;color:#241435}.blog-index-head p{font-size:19px;line-height:1.6;color:#71677a;margin:0}.blog-list{border-top:1px solid var(--line);max-width:1120px}.blog-list-item{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:30px 0;border-bottom:1px solid var(--line)}.blog-list-item>div{max-width:810px}.blog-topic{display:inline-block;color:#8a3aaa;font-size:11px;font-weight:850;letter-spacing:.16em}.blog-list-item h2{font-size:clamp(24px,2.5vw,35px);line-height:1.2;letter-spacing:-.035em;margin:10px 0 10px;color:#241435}.blog-list-item h2 a:hover{color:#8a3aaa}.blog-list-item p{font-size:15px;line-height:1.7;color:#71677a;margin:0}.blog-read-link{flex:none;font-size:13px;font-weight:800;color:#7433a0;padding-bottom:5px}.blog-read-link:hover{text-decoration:underline}.blog-article-main{padding-top:32px;padding-bottom:110px}.blog-reading-column{width:min(100%,850px);margin:48px auto 0}.blog-article-head{border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:35px}.blog-article-head h1{font-size:clamp(40px,4.6vw,66px);line-height:1.08;letter-spacing:-.055em;color:#241435;margin:12px 0 19px}.blog-article-head p{font-size:19px;line-height:1.65;color:#71677a;margin:0}.blog-article-content{font-size:17px;line-height:1.82;color:#4d4358}.blog-article-content h2{font-size:clamp(25px,2.8vw,33px);line-height:1.22;letter-spacing:-.035em;color:#241435;margin:44px 0 15px}.blog-article-content p{margin:0 0 19px}.blog-article-content a:not(.blog-sources a){color:#7937a4;text-decoration:underline;text-underline-offset:3px}.blog-sources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:60px;padding:0}.blog-sources summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:15px;font-weight:800;color:#28163c}.blog-sources summary::-webkit-details-marker{display:none}.blog-sources summary span{font-size:20px;transition:transform .2s}.blog-sources[open] summary span{transform:rotate(180deg)}.blog-sources ul{list-style:none;padding:0 0 22px;margin:0}.blog-sources li{padding:8px 0;font-size:14px;line-height:1.5}.blog-sources li a{color:#7732a6}.blog-sources li a:hover{text-decoration:underline}.blog-article-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:28px;font-size:13px;font-weight:760}.blog-article-bottom a:hover{text-decoration:underline}
@media(max-width:750px){.blog-index{padding-top:52px;padding-bottom:75px}.blog-index-head{margin-bottom:34px}.blog-index-head p,.blog-article-head p{font-size:16px}.blog-list-item{display:block;padding:26px 0}.blog-read-link{display:inline-block;margin-top:18px}.blog-article-main{padding-top:25px;padding-bottom:75px}.blog-reading-column{margin-top:35px}.blog-article-content{font-size:16px}.blog-article-bottom{flex-direction:column}}
.blog-related{margin-top:57px}.blog-related h2{font-size:30px;letter-spacing:-.04em;line-height:1.2;color:#241435;margin:8px 0 19px}.blog-related-list{border-top:1px solid var(--line)}.blog-related-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);color:#29183a}.blog-related-list a:hover strong,.blog-related-list a:hover>span:last-child{color:#8039a7}.blog-related-list strong,.blog-related-list small{display:block}.blog-related-list strong{font-size:16px;line-height:1.45}.blog-related-list small{color:#766b7e;font-size:13px;line-height:1.5;margin-top:3px}.blog-related-list a>span:last-child{color:#883eab;font-size:19px}.blog-article-bottom{margin-top:28px;border-top:1px solid var(--line)}
.blog-article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:19px;color:#81758a;font-size:13px;line-height:1.5}.blog-article-meta span+span::before{content:'·';margin-right:20px;color:#ae9fb8}

/* Verified options from one external product's colour selector. */
.style-picker{margin-top:22px}.style-picker .option-label{line-height:1.5}.style-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:12px}.style-option{display:flex;flex-direction:column;gap:5px;min-width:0;padding:5px;border:2px solid #e7dced;border-radius:10px;background:#fff;color:#4a355a;text-align:center}.style-option:hover,.style-option:focus-visible{border-color:#f39a27}.style-option.selected{border-color:#8d42b5;background:#f5ecfa}.style-option img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;background:#f8f7f8}.style-option span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.5em;font-size:10px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}
.style-picker:not(.expanded) .style-option:nth-child(n+7){display:none}.style-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;margin-top:10px;border:1px solid #e7dced;border-radius:9px;background:#fff;color:#713099;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.style-toggle::after{content:'⌄';font-size:18px;line-height:1}.style-picker.expanded .style-toggle::after{content:'⌃'}.style-toggle:hover,.style-toggle:focus-visible{border-color:#8d42b5;background:#f5ecfa}.style-toggle[hidden]{display:none}
@media(max-width:750px){.style-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.style-picker:not(.expanded) .style-option:nth-child(n+6){display:none}}
@media(max-width:480px){.style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.style-picker:not(.expanded) .style-option:nth-child(n+5){display:none}}
.main-image{cursor:zoom-in}.main-image img{transition:transform .24s ease,transform-origin .12s ease;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%)}.qc-thumb{cursor:zoom-in}.qc-thumb img{transition:transform .24s ease}
@media (hover:hover) and (pointer:fine){.main-image:hover img{transform:scale(1.45)}.qc-thumb:hover img{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.main-image img,.qc-thumb img{transition:none}}
.lightbox{overflow:hidden}.lightbox img{cursor:zoom-in;transition:transform .18s ease;user-select:none;-webkit-user-drag:none}.lightbox img.zoomed{cursor:grab;touch-action:none}.lightbox img.zoomed:active{cursor:grabbing}.lightbox-controls{position:absolute;z-index:2;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px;background:rgba(28,16,43,.9);border:1px solid rgba(255,255,255,.25);border-radius:11px;color:#fff}.lightbox-controls button{min-width:39px;height:38px;border:0;border-radius:7px;background:#fff;color:#241535;font-size:20px;font-weight:700;cursor:pointer}.lightbox-controls button:last-child{font-size:12px;padding:0 10px}.lightbox-controls button:disabled{opacity:.45;cursor:default}.lightbox-controls span{min-width:48px;text-align:center;font-size:12px;font-weight:700}.lightbox-close{z-index:3;cursor:pointer}@media(max-width:750px){.lightbox{padding:14px}.lightbox img{max-height:80vh}.lightbox-controls{bottom:14px}}@media(prefers-reduced-motion:reduce){.lightbox img{transition:none}}

/* Blog cards and a reading column aligned with the article breadcrumb. */
.blog-index.shell{width:min(1160px,calc(100% - 64px))}
.blog-index-head{max-width:820px;margin:0 auto 48px;text-align:center}
.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:none;border:0}
.blog-list-item{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:278px;padding:30px;background:#fff;border:1px solid #e9deee;border-radius:18px;box-shadow:0 5px 22px rgba(39,20,65,.045);transition:transform .2s,box-shadow .2s,border-color .2s}
.blog-list-item:hover{transform:translateY(-4px);border-color:#d9b9ec;box-shadow:0 18px 42px rgba(39,20,65,.11)}
.blog-list-item>div{max-width:none;flex:1}
.blog-list-item h2{font-size:clamp(24px,2.3vw,31px);line-height:1.18;margin:14px 0 13px}
.blog-list-item p{max-width:52ch}
.blog-read-link{display:flex;align-items:center;justify-content:space-between;align-self:stretch;margin-top:26px;padding:17px 0 0;border-top:1px solid var(--line)}
.blog-list-item:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 11px);justify-self:center}
.blog-article-main>.breadcrumb{width:min(100%,850px);margin-inline:auto}
@media(max-width:750px){.blog-index.shell{width:min(100% - 34px,650px)}.blog-index-head{text-align:left;margin-bottom:34px}.blog-list{grid-template-columns:1fr;gap:14px}.blog-list-item{min-height:230px;padding:24px}.blog-list-item:last-child:nth-child(odd){grid-column:auto;width:100%}.blog-list-item h2{font-size:25px}.blog-read-link{margin-top:22px}}

/* Arabic pages follow the reading direction while keeping product data in Latin order. */
html[dir="rtl"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] .kicker,html[dir="rtl"] .option-label,html[dir="rtl"] .brand-name small{letter-spacing:normal}
html[dir="rtl"] .brand-name{direction:ltr;text-align:left}
html[dir="rtl"] .brand-mark span{right:auto;left:4px}
html[dir="rtl"] .nav-dropdown{left:auto;right:-18px}
html[dir="rtl"] .language-dropdown{right:-18px}
html[dir="rtl"] .hero{background-position:center left}
html[dir="rtl"] .hero:before{background:linear-gradient(270deg,rgba(19,6,47,.78) 0%,rgba(19,6,47,.45) 48%,transparent 82%)}
html[dir="rtl"] .hero h1{direction:ltr;text-align:right}
html[dir="rtl"] .hero-search>span{margin-left:8px;margin-right:14px}

/* Search and card readability */
.search-main{padding-top:42px;padding-bottom:90px;min-height:70vh}
.search-main h1{font-size:clamp(36px,4vw,58px);letter-spacing:-.055em;line-height:1.08;margin:12px 0}
.search-main>p{color:var(--muted);line-height:1.6}
.search-controls{display:grid;grid-template-columns:minmax(230px,2fr) repeat(2,minmax(135px,1fr)) repeat(2,minmax(110px,.65fr)) auto;gap:12px;align-items:end;margin:28px 0 24px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}
.search-controls label{display:grid;gap:7px;color:#53425f;font-size:12px;font-weight:750}
.search-controls input,.search-controls select{width:100%;height:43px;padding:0 11px;border:1px solid #dacde2;border-radius:9px;background:#fff;color:#24163d;font:inherit;font-size:13px}
.search-controls .button{border:0;min-height:43px;cursor:pointer}
.search-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 19px;color:#655570;font-size:13px}
.search-summary a{color:#6e2bb5;font-weight:750}
.search-results{margin-bottom:26px}
#search-more{cursor:pointer}
#search-empty{padding:34px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px}
.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.card-body{min-height:146px}
.card-body strong{font-size:14px;line-height:1.4;-webkit-line-clamp:3}
.card-foot>span{font-size:11px}
@media(max-width:1250px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.search-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.search-query-label{grid-column:span 2}}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:750px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{min-height:145px}.search-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.search-query-label{grid-column:span 2}.search-controls .button{grid-column:span 2}}
@media(max-width:420px){.card-body strong{font-size:13px}.card-foot b{font-size:14px}}
html[dir="rtl"] .card-qc{left:auto;right:7px}
html[dir="rtl"] .card-body strong,html[dir="rtl"] .product-info h1{direction:ltr;text-align:right}
html[dir="rtl"] .card-foot b,html[dir="rtl"] .price-block strong,html[dir="rtl"] .size-chips span{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .price-block strong{text-align:right}
html[dir="rtl"] .copy-link,html[dir="rtl"] .guide-group-heading p,html[dir="rtl"] .blog-index-head{text-align:right}
html[dir="rtl"] .option-label span{margin-left:0;margin-right:8px}
html[dir="rtl"] .editorial-story{margin-left:0;margin-right:3px;border-left:0;border-right:4px solid #8d3cbd}
html[dir="rtl"] .editorial-list li{padding-left:0;padding-right:17px;border-left:0;border-right:3px solid #ff9b21}
html[dir="rtl"] .guide-quick-answer{border-left:0;border-right:3px solid #ff8b28;border-radius:9px 0 0 9px}
html[dir="rtl"] .guide-quick-answer ol{padding-left:0;padding-right:22px}
html[dir="rtl"] .guide-quick-answer li{padding-left:0;padding-right:3px}
@media(max-width:900px){html[dir="rtl"] .nav-dropdown,html[dir="rtl"] .language-dropdown{right:auto}}
@media(max-width:750px){html[dir="rtl"] .hero{background-position:38% center}html[dir="rtl"] .hero:before{background:linear-gradient(270deg,rgba(19,6,47,.89) 0%,rgba(19,6,47,.74) 62%,rgba(19,6,47,.36) 100%)}}
@media(prefers-reduced-motion:reduce){.blog-list-item{transition:none}.blog-list-item:hover{transform:none}}

/* Shared logo in the navigation and footer. */
.brand-logo,.footer-logo{display:block;flex:none;object-fit:cover;border-radius:12px;background:#fff}
.brand-logo{width:48px;height:45px}
.footer-brand{display:inline-flex;align-items:center;gap:13px}
.footer-logo{width:54px;height:51px}
@media(max-width:750px){.brand-logo{width:43px;height:41px}}

/* Blog index: three balanced cards across desktop widths. */
.blog-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-list-item{min-height:300px;padding:26px}
.blog-list-item h2{font-size:clamp(23px,1.65vw,28px)}
.blog-list-item:last-child:nth-child(odd){grid-column:auto;width:auto;justify-self:stretch}
@media(max-width:1000px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.blog-list{grid-template-columns:1fr}.blog-list-item{min-height:230px;padding:24px}.blog-list-item h2{font-size:25px}}