@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#253eff;--ink:#10121b;--gray:#eff1f5;--muted:#626776}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.5 'DM Sans',Arial,sans-serif;background:#fff}button,a,summary{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ff8e4f;outline-offset:5px}.announcement{background:var(--blue);color:white;text-align:center;padding:10px 16px;font-size:13px;letter-spacing:.06em}.announcement span{padding:0 12px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #e6e7eb;background:#fff}.wordmark{font:900 36px/.9 'Manrope',Arial,sans-serif;letter-spacing:-2px}.wordmark span{font:12px Arial;vertical-align:top;margin-left:5px;letter-spacing:0}nav{display:flex;gap:34px;font-size:14px}nav a:hover{color:var(--blue)}.bag{background:none;border:0;font-size:14px}.bag span{background:var(--ink);color:#fff;display:inline-flex;width:26px;height:26px;border-radius:50%;justify-content:center;align-items:center;margin-left:10px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.hero-copy{padding:64px 9% 30px 10%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em}.hero h1{font:800 clamp(46px,5.2vw,84px)/1.04 'Manrope',Arial,sans-serif;letter-spacing:-.065em;margin:25px 0}.hero h1 em{color:var(--blue);font-style:normal;font-size:.66em;letter-spacing:-.045em;white-space:nowrap}.hero-copy>p{color:var(--muted);font-size:18px;margin:25px 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;border-radius:4px;border:0;font-size:14px;font-weight:700;min-height:50px}.dark{background:var(--ink);color:white}.dark:hover{background:var(--blue)}.white{background:white;color:var(--ink)}.hero-note{display:flex;font-size:12px;gap:22px;margin-top:48px;font-weight:700}.hero-note span{font-weight:400;color:var(--muted)}.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:#e7edff;min-height:560px}.stage-label{position:absolute;inset:32px 34px auto;display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.1em}.giant-b{position:absolute;font:800 470px/1 'Manrope',sans-serif;color:#d0daff;left:12%;top:70px;letter-spacing:-50px;z-index:-1}.hero-jbl{position:absolute;width:65%;height:53%;object-fit:contain;left:-1%;top:12%;transform:rotate(-17deg);mix-blend-mode:multiply;filter:drop-shadow(10px 25px 12px #35458825)}.hero-perfume{position:absolute;width:45%;height:57%;object-fit:contain;right:2%;bottom:6%;transform:rotate(12deg);mix-blend-mode:multiply;filter:drop-shadow(10px 25px 10px #35458825)}.floating-tag{position:absolute;bottom:14%;left:8%;background:var(--blue);color:#fff;padding:20px 24px;transform:rotate(-7deg);font-size:23px;line-height:1.2;font-weight:700;box-shadow:0 12px 20px #1322a71a}.stage-bottom{position:absolute;bottom:22px;left:34px;font-size:11px;letter-spacing:.13em}.strip{background:var(--ink);color:white;display:flex;justify-content:space-around;gap:20px;padding:22px;font:700 14px 'Manrope',sans-serif;letter-spacing:.12em}.section{padding:80px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px}h2{font:800 clamp(30px,3.2vw,48px)/1.13 'Manrope',Arial,sans-serif;letter-spacing:-.045em;margin:15px 0 0}.section-head>p{font-size:14px;color:var(--muted)}.filterbar{display:flex;gap:10px;margin:36px 0 18px;flex-wrap:wrap}.filterbar button{background:#fff;border:1px solid #dce0e7;border-radius:30px;padding:11px 21px;font-size:14px}.filterbar button.active{background:var(--ink);border-color:var(--ink);color:#fff}.filterbar small{margin-left:9px;font-size:12px;opacity:.7}.price-note{font-size:13px;color:var(--muted);margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.product{min-width:0}.product-visual{position:relative;background:var(--gray);aspect-ratio:1.12;overflow:hidden;border-radius:5px;display:block;width:100%;border:0}.product-visual img{width:76%;height:76%;position:absolute;left:12%;top:12%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-visual:hover img{transform:scale(1.06)}.badge{position:absolute;left:18px;top:17px;border-radius:20px;padding:5px 11px;background:#fff;font-size:11px;letter-spacing:.04em;z-index:1}.product-num{position:absolute;right:18px;bottom:15px;font:600 12px 'Manrope';color:#7e8391}.category{font-size:11px;letter-spacing:.1em;color:var(--muted);margin-top:19px;text-transform:uppercase}.product h3{font:700 21px/1.2 'Manrope';letter-spacing:-.04em;margin:7px 0}.product-desc{font-size:14px;color:var(--muted);margin:7px 0 17px}.product-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e7ec;padding-top:15px}.price{font-size:21px;font-weight:700;letter-spacing:-.035em}.price small{font-size:11px;display:block;font-weight:400;color:var(--muted);letter-spacing:0}.add{width:40px;height:40px;border:1px solid #dce0e7;background:white;border-radius:50%;font-size:24px}.add:hover{background:var(--blue);border-color:var(--blue);color:white}.how{background:#f2f4f8;display:grid;grid-template-columns:1fr 1fr;gap:9%}.how h2{font-size:56px}.how em{color:var(--blue);font-style:normal}.how-title>p{max-width:320px;color:var(--muted)}.steps article{display:flex;gap:28px;padding:25px 0;border-bottom:1px solid #d8dce5}.steps article:first-child{padding-top:0}.steps article>span{font:600 18px 'Manrope';color:var(--blue);padding-top:6px}.steps h3{font:700 23px 'Manrope';letter-spacing:-.04em;margin:0 0 10px}.steps p{color:var(--muted);margin:0}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:6%}details{border-bottom:1px solid #dce0e7;padding:21px 0}summary{cursor:pointer;font-size:17px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:var(--blue);font-size:21px}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:15px;max-width:600px}.closing{background:var(--blue);padding:70px 5%;text-align:center;color:white}.closing>p{font-size:12px;letter-spacing:.18em}.closing h2{font-size:clamp(45px,7vw,100px);margin:10px 0 30px}footer{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{color:var(--muted);font-size:14px}footer>span{font-size:11px;letter-spacing:.1em}dialog{border:0;padding:0;border-radius:12px;width:min(900px,calc(100% - 28px));max-height:90vh;color:var(--ink)}dialog::backdrop{background:#10121b99;backdrop-filter:blur(4px)}.close{position:absolute;top:12px;right:15px;width:40px;height:40px;border:0;background:white;border-radius:50%;font-size:30px;z-index:3}#detail-content{display:grid;grid-template-columns:1fr 1fr}.detail-image{width:100%;height:100%;min-height:440px;object-fit:contain;padding:40px;background:var(--gray)}.detail-info{padding:60px 35px 35px}.detail-info h2{font-size:35px}.detail-info p{color:var(--muted)}.detail-info ul{padding-left:18px;color:var(--muted);font-size:15px}.detail-info .price{margin:20px 0}.detail-info .button{width:100%}.detail-info small{display:block;font-size:12px;color:var(--muted);margin-top:15px}.selection-inner{padding:45px}.selection-note{color:var(--muted);font-size:14px}.selected-row{display:flex;gap:15px;align-items:center;border-bottom:1px solid #e0e3e9;padding:18px 0}.selected-row img{width:65px;height:65px;object-fit:contain}.selected-row div{flex:1}.selected-row strong{display:block;font-size:16px}.selected-row small{color:var(--muted)}.remove{border:0;background:none;font-size:13px;color:var(--muted);text-decoration:underline}.selection-inner .button{margin-top:15px}.total{font-weight:700;font-size:22px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 24px;background:var(--ink);color:white;border-radius:40px;opacity:0;pointer-events:none;transition:.25s;z-index:10;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}#copy-state{font-size:14px;color:var(--blue)}textarea{width:100%;min-height:160px;padding:12px;border:1px solid #ccc}body:has(dialog[open]){overflow:hidden}@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}.hero-copy{padding-top:85px}}@media(max-width:900px){header{height:80px}.hero{min-height:0}.hero-copy{padding-top:45px}.hero h1{font-size:52px}.hero-stage{min-height:530px}.hero-note{display:none}.grid{gap:30px 18px}.product h3{font-size:19px}.how h2{font-size:45px}.section{padding:60px 5%}.section-head{display:block}.section-head>p{margin-top:15px}footer{flex-wrap:wrap}}@media(max-width:620px){.announcement{font-size:11px;padding:9px 10px}.announcement span{padding:0 4px}header{padding:0 6%;height:76px}.wordmark{font-size:31px}nav{display:none}.bag{font-size:12px;padding-right:0}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 35px}.hero h1{font-size:62px;margin:20px 0}.hero-copy>p{font-size:16px;margin:18px 0 24px}.eyebrow{font-size:10px}.hero-stage{min-height:430px}.giant-b{font-size:350px;top:45px}.stage-label{inset:25px 25px auto}.floating-tag{font-size:20px;padding:17px 22px}.strip{font-size:10px;padding:18px 10px;gap:12px;letter-spacing:.05em}.section{padding:48px 6%}h2{font-size:32px}.filterbar{gap:7px;margin-top:24px}.filterbar button{padding:9px 13px;font-size:12px}.price-note{font-size:12px}.grid{grid-template-columns:repeat(2,1fr);gap:28px 13px}.product-visual{aspect-ratio:.9}.product-visual img{width:84%;height:70%;left:8%;top:20%}.badge{left:9px;top:10px;font-size:9px;padding:4px 7px}.product-num{font-size:10px;right:10px;bottom:10px}.category{font-size:9px;margin-top:13px}.product h3{font-size:17px;line-height:1.25}.product-desc{font-size:12px;min-height:36px;margin:7px 0 12px}.price{font-size:19px}.price small{font-size:10px}.add{width:33px;height:33px}.how,.faq{grid-template-columns:1fr;gap:30px}.how h2{font-size:45px}.steps article{gap:19px;padding:23px 0}.steps h3{font-size:21px}.steps p{font-size:15px}.closing{padding:50px 6%}.closing h2{font-size:47px}footer{padding:35px 6%;display:block}footer>span{display:block;margin-top:25px}#detail-content{display:block}.detail-image{height:280px;min-height:0;padding:35px}.detail-info{padding:25px}.detail-info h2{font-size:29px}.selection-inner{padding:45px 22px 25px}.selected-row{gap:9px}.selected-row img{width:48px;height:48px}.selected-row strong{font-size:14px}.remove{font-size:12px}.toast{max-width:95%;white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* BRUMON / ELECTRIC EDITION */

:root{--blue:#315bff;--ink:#f5f7ff;--gray:#111b36;--muted:#a6b1c9}body{background:#050a16;color:var(--ink)}header{background:#050a16;border-color:#ffffff1c}.wordmark{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-style:italic;font-size:43px;letter-spacing:-1px}.wordmark span{display:none}.announcement{background:#244bff;font-size:12px}.bag{color:#fff}.bag span{background:#315bff}.hero{background:radial-gradient(ellipse at 70% 30%,#163ecb60,transparent 60%),#050a16;grid-template-columns:1.05fr 1fr;overflow:hidden}.hero-copy{padding-top:60px}.hero h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(78px,8vw,130px);line-height:.86;letter-spacing:-.025em}.hero h1 em{font-size:1em;color:#5278ff;letter-spacing:-.025em}.hero-copy>p{color:#b6c1da}.hero-stage{min-height:660px;background:#0a173f;display:flex;align-items:center;justify-content:center}.campaign-hero{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:center}.hero-note{border-top:1px solid #ffffff22;padding-top:20px;margin-top:40px}.eyebrow{color:#8aa3ff}.dark{background:#315bff;color:white}.dark:hover{background:#5278ff}.hero .button{background:#f5f7ff;color:#071022;border-radius:0;min-width:210px}.strip{background:#244bff;transform:rotate(-1deg) scale(1.02);padding:19px;box-shadow:0 10px 35px #0005}.section{padding-top:85px;padding-bottom:85px}h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-style:italic;text-transform:uppercase;font-size:52px;letter-spacing:-.015em}.section-head>p{color:var(--muted)}.filterbar button{background:transparent;color:#c4cde2;border-color:#ffffff30;border-radius:3px}.filterbar button.active{background:#315bff;border-color:#315bff;color:#fff}.grid{gap:38px 24px}.product-visual{aspect-ratio:4/5;background:#e7ecf8;border-radius:0;border:1px solid #ffffff18}.product-visual.campaign-card img{width:100%;height:100%;left:0;top:0;object-fit:cover;mix-blend-mode:normal}.product-visual.campaign-card .badge{background:#050b20bd;color:white;backdrop-filter:blur(8px);top:auto;bottom:15px;border:1px solid #ffffff40}.badge{border-radius:3px;font-size:10px;letter-spacing:.08em;background:#244bff;color:#fff}.product-num{display:none}.product h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-style:italic;font-size:29px;letter-spacing:0}.category{color:#8da7ff}.product-desc{color:#9eabc8}.product-bottom{border-color:#ffffff20}.add{background:transparent;color:#fff;border-color:#ffffff40;border-radius:3px}.add:hover{background:#315bff}.how{background:radial-gradient(ellipse at 0% 100%,#14328970,transparent 60%),#0b1225;border-block:1px solid #ffffff15}.how h2{font-size:70px}.how em{color:#5278ff}.steps article{border-color:#ffffff25}.steps article>span{color:#7695ff}.steps h3{color:#fff}.faq{background:#060c1b}details{border-color:#ffffff25}summary:after{color:#7d9aff}.closing{background:radial-gradient(ellipse at 90% 90%,#f2603450,transparent 25%),radial-gradient(ellipse at 20% 10%,#3d71ff,transparent 65%),#183fcf;padding:80px 5%}.closing h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-style:italic;font-size:clamp(65px,9vw,140px)}.closing .button{border-radius:0}.white{color:#0b1325}footer{border-top:1px solid #ffffff15}.footer-contact{font-size:14px;color:#bac8e9}.footer-contact:hover{color:#fff}.price{color:#fff}dialog{background:#0b142b;color:#f5f7ff;border:1px solid #ffffff2b;border-radius:4px}.close{background:#1b2c51;color:white;border-radius:3px}.detail-image{background:#101c36;padding:0;object-fit:cover}.detail-info h2{font-size:44px}.detail-info .eyebrow{font-size:11px}.detail-info .price{color:#fff}.selection-inner h2{font-size:44px}.selected-row{border-color:#ffffff25}.selected-row img{height:75px}.secondary{background:transparent;border:1px solid #ffffff55;color:white}.toast{background:#315bff;color:white}.total{color:#fff}#copy-state{color:#9db4ff}textarea{background:#101d39;color:white;border-color:#ffffff35}@media(max-width:900px){.hero h1{font-size:85px}.hero-stage{min-height:610px}.hero-copy{padding-top:55px}.wordmark{font-size:38px}.how h2{font-size:60px}}@media(max-width:620px){.hero{grid-template-columns:1fr}.hero-copy{padding-top:40px;padding-bottom:40px}.hero h1{font-size:91px;line-height:.89;margin:25px 0}.hero-stage{min-height:0;aspect-ratio:4/5}.campaign-hero{object-fit:cover}.hero .button{width:100%}.announcement{font-size:10px}.wordmark{font-size:38px}.strip{font-size:9px}.section{padding-top:50px;padding-bottom:50px}h2{font-size:38px}.product h3{font-size:23px}.product-visual{aspect-ratio:4/5}.product-visual.campaign-card .badge{bottom:8px;left:7px;font-size:8px;padding:4px 5px}.grid{gap:30px 12px}.how h2{font-size:58px}.closing h2{font-size:75px}.detail-image{height:auto;max-height:390px;object-fit:contain}.detail-info h2{font-size:36px}.footer-contact{display:block;margin-top:25px}}
/* Expanded selection — electric campaign system */
.product{display:flex;flex-direction:column}.product-bottom{margin-top:auto}.product-variant{font-size:14px;color:#d0dafa;margin:0 0 8px;line-height:1.4}.product-desc{font-size:14px;line-height:1.5}.category{font-size:12px}.price small{font-size:12px}.price-note{font-size:14px}.filterbar button{font-size:14px;min-height:44px}.add{min-width:44px;min-height:44px}.product-bottom{gap:8px}.product .price{font-size:21px;line-height:1.3}.editorial-card{background:#071636 url('assets/electric-backdrop.png') center/cover;container-type:inline-size;isolation:isolate}.poster-logo{position:absolute;top:3%;left:0;right:0;text-align:center;color:#fff;font:800 italic 7cqw/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.03em;z-index:2}.poster-headline{position:absolute;top:13%;left:7%;right:7%;color:#fff;font:800 italic 16cqw/.96 'Barlow Condensed','Arial Narrow',sans-serif;text-align:left;letter-spacing:-.025em;text-shadow:0 4px 24px #020c3e88;z-index:1}.fragrance-type{font-family:Georgia,'Times New Roman',serif;font-size:12cqw;line-height:1.04;font-weight:400}.product-light{position:absolute;left:8%;right:8%;top:37%;bottom:11%;background:radial-gradient(ellipse at 50% 50%,#f3f6ff 0%,#d5e4ff 45%,#a4c6fd88 63%,transparent 73%);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.editorial-card .product-light img{position:static;width:88%;height:93%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.02);transition:transform .35s ease}.editorial-card:hover .product-light img{transform:translateY(-5px) scale(1.035)}.poster-caption{position:absolute;left:8%;right:8%;bottom:6.5%;font-size:14px;color:#fff;text-align:right;font-weight:700;letter-spacing:.04em;z-index:3}.poster-caption>span{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:3px}.product-visual.editorial-card .badge{top:auto;bottom:3%;left:5%;font-size:10px;background:#020b23ba;border:1px solid #ffffff50;backdrop-filter:blur(8px)}.detail-poster{position:relative;aspect-ratio:4/5;align-self:center;overflow:hidden;width:100%}.detail-poster.campaign-card>img{display:block;width:100%;height:100%;object-fit:cover}.detail-poster .poster-caption{bottom:5%}#detail-content{align-items:center}.detail-info{padding:50px 30px 30px}.detail-info small{font-size:13px}.detail-info ul{font-size:16px}.selected-row small{display:block}.section-head>p{font-size:16px}.hero .eyebrow{font-size:12px;max-width:360px}.hero h1{line-height:.98}.strip{transform:none}.selection-note{font-size:14px}.remove{min-height:44px}.price small{font-weight:400}summary{min-height:36px}
@media(max-width:620px){.grid{gap:32px 13px}.product h3{font-size:24px;line-height:1.1;margin-bottom:9px}.product-variant{font-size:12px}.category{font-size:12px;line-height:1.4}.product-desc{font-size:14px;min-height:0}.product .price{font-size:18px;letter-spacing:-.025em}.product-bottom{flex-wrap:wrap}.product-bottom .price{flex:1;min-width:95px}.filterbar{gap:8px}.filterbar button{font-size:14px;padding:9px 12px}.poster-caption{font-size:12px;left:5%;right:5%;bottom:9%}.poster-caption>span{display:none}.poster-headline{font-size:16cqw}.fragrance-type{font-size:12cqw}.product-visual.editorial-card .badge{font-size:9px;bottom:3%;padding:4px 6px}.detail-poster{max-height:520px;aspect-ratio:4/5;width:100%}.detail-poster .poster-caption{font-size:16px;bottom:7%}.detail-poster .poster-caption>span{display:block;font-size:13px}.detail-info{padding:28px 24px}.announcement{font-size:12px}.hero h1{font-size:clamp(68px,19vw,91px);line-height:1}.hero h1 em{white-space:normal}.hero .eyebrow{font-size:12px}.strip{font-size:12px;flex-wrap:wrap}.bag{font-size:14px}.how-title .eyebrow,.faq .eyebrow,.section-head .eyebrow{font-size:12px}}

/* BRUMON — daylight palette. Presentation-only grading preserves original artwork. */
:root{--blue:#4e7198;--ink:#26384b;--gray:#e7edf2;--muted:#5d6d7d}
body{background:#eef2f6;color:var(--ink)}
header{background:#f8fafc;border-color:#d5dfe8}
.announcement{background:#dbe7f1;color:#344e69}
.bag{color:var(--ink)}.bag span{background:#527595;color:#fff}
.hero{background:linear-gradient(120deg,#f8fafc,#e3ecf4)}
.hero h1 em,.how em{color:#6689ab}.hero-copy>p{color:#586b7e}
.hero-note{border-color:#cad7e3}.hero-stage{background:#dce6f0}
.eyebrow,.category{color:#516f8c}
.hero .button,.dark{background:#466887;color:#fff}.hero .button:hover,.dark:hover{background:#365672}
.strip{background:#d4e2ed;color:#35516d;box-shadow:none;border-block:1px solid #c8d8e6}
.filterbar button{background:#f8fafc;color:#425c74;border-color:#c7d5e1}
.filterbar button.active{background:#4d7091;border-color:#4d7091;color:#fff}
.product-visual{border-color:#c9d5df;background:#dfe8ef;isolation:isolate}
.product-variant{color:#4f6479}.product-desc{color:#617184}
.product-bottom{border-color:#ccd8e2}.price,.detail-info .price,.total{color:#26384b}
.add{background:#f8fafc;color:#446784;border-color:#bfd0df}.add:hover{background:#4e7198;color:white}
.how{background:linear-gradient(125deg,#e2ecf4,#f1f5f8);border-color:#d3dee8}
.steps article,details,.selected-row{border-color:#cedbe5}
.steps article>span{color:#6385a5}.steps h3{color:#26384b}
.faq{background:#f8fafc}summary:after{color:#527595}
.closing{background:linear-gradient(120deg,#dae8f2,#edf1f5 65%,#f2e8ed);color:#344f69}
.closing .white{background:#fff;color:#344f69}
footer{background:#eef2f6;border-color:#d3dee8}.footer-contact{color:#4e6c87}.footer-contact:hover{color:#26384b}
dialog{background:#f5f8fb;color:#26384b;border-color:#c9d7e3}
.close{background:#e2eaf1;color:#304c66}.secondary{border-color:#aebfce;color:#385873}
textarea{background:#fff;color:#26384b;border-color:#bdcddb}#copy-state{color:#466887}
.toast{background:#466887;color:#fff}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#537eaa}

/* Clear blue surfaces with the original vibrant brand accents. */
:root{--blue:#315bff}
body,footer{background:#e8f0f8}header{background:#f3f7fc}
.hero{background:linear-gradient(120deg,#f5f9fd,#d9e8f6)}
.how{background:linear-gradient(125deg,#d9e8f5,#ecf3f9)}
.faq{background:#f4f8fc}.strip{background:#cbdff0}
.closing{background:linear-gradient(120deg,#cfe2f3,#e7eff7 65%,#f0e8ef)}
.announcement{background:#244bff;color:white}
.hero h1 em{color:#315bff}
.hero .button,.dark,.filterbar button.active,.bag span{background:#315bff;color:white;border-color:#315bff}
.hero .button:hover,.dark:hover,.filterbar button.active:hover{background:#244bdf}
.add{background:#315bff;color:white;border-color:#315bff}.add:hover{background:#244bdf}
.secondary,.closing .white{background:#315bff;border-color:#315bff;color:#fff}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#315bff}

/* Subtle artwork sizing and color refinement; preserve detail and brand accents. */
.product-visual{width:88%;margin-inline:auto}

.detail-poster{width:96%;justify-self:center}

/* Smaller campaign artwork, grouped catalog. */
.product-visual{width:calc(88% - 38px);aspect-ratio:4/5;margin-inline:auto}
.catalog-group + .catalog-group{margin-top:64px}
.catalog-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid #bdcddd;margin-bottom:28px;padding-bottom:14px}
.catalog-group-heading h3{font:700 italic 34px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0;color:#26384b}
.catalog-group-heading span{font-size:14px;color:#516f8c}
@media(max-width:620px){.catalog-group + .catalog-group{margin-top:44px}.catalog-group-heading h3{font-size:29px}.product-visual.campaign-card .badge{display:none}}
.product-visual.campaign-card{background:transparent}
.product-visual.campaign-card img,.detail-poster.campaign-card>img{object-fit:contain}
.product-visual.campaign-card:hover img{transform:none}
.product-variant:empty,.product-desc:empty{display:none}

/* Random product campaign rotation, preserving the existing hero dimensions. */
.campaign-hero{opacity:1;transition:opacity .8s ease}
.campaign-hero.hero-hidden{opacity:0;pointer-events:none}
.hero-pause{position:absolute;z-index:2;right:16px;bottom:16px;background:#111b32bb;color:#fff;border:1px solid #ffffff70;border-radius:4px;padding:9px 14px;min-height:44px;font-size:14px;backdrop-filter:blur(8px)}
.hero-pause:hover{background:#111b32ee}
@media(prefers-reduced-motion:reduce){.campaign-hero{transition:none}}

/* Show the complete campaign artwork and reserve space for playback control. */
.hero-stage .campaign-hero{object-fit:contain;object-position:center;padding:12px 12px 60px}
.hero-stage .hero-pause{bottom:8px}
/* Pedidos */
.order-form{display:grid;gap:16px;margin:28px 0}.order-form label{display:grid;gap:7px;font-size:14px}.order-form input,.quantity-label input{font:inherit;padding:12px;border:1px solid #697caa;border-radius:6px;background:#f5f7ff;color:#142447;min-width:0}.order-form .consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.consent input{margin-top:5px}.order-form .honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.quantity-label{display:grid;gap:5px;font-size:13px}.quantity-label input{width:65px}.selected-row{flex-wrap:wrap}#order-state{line-height:1.6;overflow-wrap:anywhere}#order-state:not(:empty){padding:16px;border:1px solid #8ca0d4;border-radius:8px}.selection-inner{max-height:85vh;overflow:auto}.order-form h3{font-size:24px}button:disabled{opacity:.5;cursor:not-allowed}