/* MS Store — sistema de campanhas inspirado no varejo premium de perfumaria, identidade original */
:root{--ms-brand-black:#121212;--ms-brand-paper:#f7f5f0;--ms-brand-gold:#bca27a}
.sf-nav{z-index:80}.sf-brandmark{display:none!important}
.sf-brand{min-width:auto!important}
.sf-brand strong{font:600 31px/1 'Cormorant Garamond',Georgia,serif!important;letter-spacing:.04em!important;white-space:nowrap}
.sf-brand strong::first-letter{font-weight:700}
.sf-brand small{font-size:8px!important;letter-spacing:.23em!important}
.sf-top{background:#111;letter-spacing:.15em}
.sf-categories{box-shadow:0 2px 8px #00000008}
.ms-campaign{background:#080808!important;min-height:0!important;position:relative;isolation:isolate}
.ms-campaign:before{display:none!important}
.ms-campaign-slides{position:relative;aspect-ratio:3/1;width:100%;min-height:240px;max-height:min(640px,44vw);overflow:hidden}
.ms-campaign-slide{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .65s ease;z-index:0}
.ms-campaign-slide.is-active{opacity:1;pointer-events:auto;visibility:visible;z-index:1}
.ms-campaign-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ms-campaign-slide:focus-visible{outline:4px solid white;outline-offset:-7px;z-index:2}
.ms-campaign-mobile-caption{display:none}
.ms-campaign-controls{position:absolute;right:clamp(12px,4vw,70px);bottom:clamp(7px,1.1vw,18px);display:flex;align-items:center;gap:11px;z-index:4;background:#111c;backdrop-filter:blur(8px);padding:5px 10px;border:1px solid #ffffff47}
.ms-campaign-arrow{width:32px;height:30px;border:0;background:transparent;color:white;font:400 30px/1 Georgia,serif;display:grid;place-items:center;padding:0}
.ms-campaign-arrow:hover{color:#ddc29c}
.ms-campaign-dots{display:flex;gap:9px;align-items:center}
.ms-campaign-dot{height:3px;width:24px;background:#ffffff60;border:0;padding:0;border-radius:0;transition:background .2s}
.ms-campaign-dot.is-active{background:#f6f2ec}
.ms-campaign-intro{padding-top:65px!important;padding-bottom:64px!important;display:grid;grid-template-columns:1.1fr 1fr auto;align-items:end;gap:clamp(20px,4vw,65px);background:var(--editorial-paper)}
.ms-campaign-intro h1{font:500 clamp(43px,4.8vw,83px)/.98 'Cormorant Garamond',Georgia,serif!important;letter-spacing:-.04em!important;margin:11px 0 0;color:#181818}
.ms-campaign-intro p{color:#77736e;font-size:12px;line-height:2;max-width:460px;margin:0}
.ms-campaign-intro>a{white-space:nowrap;border-bottom:1px solid #171717;padding-bottom:8px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;color:#171717}
.ms-editorial-strip{background:#222;color:#dedad2}
.ms-editorial-strip-inner{padding-top:19px!important;padding-bottom:19px!important;display:flex;justify-content:space-between;align-items:center;gap:18px}
.ms-editorial-strip-inner span:first-child{letter-spacing:.19em;font-size:10px}
.ms-editorial-strip-inner span:nth-child(2){font:italic 500 20px 'Cormorant Garamond',Georgia,serif;color:#fff}
.ms-editorial-strip-inner a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #999;padding:6px}
.sf-heading{margin-top:75px}.sf-collection{border-radius:0!important}
.sf-card-title{color:#161616}.sf-card-btn{transition:color .22s,background .22s}
.sf-footer{margin-top:100px}
@media(max-width:1150px){.ms-campaign-intro{grid-template-columns:1fr 1fr}.ms-campaign-intro>a{grid-column:2}}
@media(max-width:750px){
 .sf-brand strong{font-size:25px!important}.sf-brand small{font-size:7px!important}
 .ms-campaign-slides{aspect-ratio:auto;height:440px;min-height:440px;max-height:none}
 .ms-campaign-slide img{object-fit:cover;object-position:74% center}
 .ms-campaign-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00000000 28%,#000000aa 75%,#000000eb 100%);pointer-events:none}
 .ms-campaign-mobile-caption{display:grid;position:absolute;bottom:45px;left:20px;right:20px;z-index:2;gap:8px;color:white;text-shadow:0 1px 7px #111}
 .ms-campaign-mobile-caption small{font-size:9px;letter-spacing:.18em}
 .ms-campaign-mobile-caption strong{font:500 clamp(35px,9vw,53px)/1.05 'Cormorant Garamond',Georgia,serif}
 .ms-campaign-mobile-caption>span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin-top:5px}
 .ms-campaign-controls{left:50%;right:auto;transform:translateX(-50%);bottom:7px;gap:6px}
 .ms-campaign-dot{width:19px}.ms-campaign-arrow{width:27px}
 .ms-campaign-intro{padding-top:36px!important;padding-bottom:39px!important;display:block}
 .ms-campaign-intro h1{font-size:52px!important;margin:11px 0 20px}
 .ms-campaign-intro p{font-size:12px;margin-bottom:22px}
 .ms-editorial-strip-inner{flex-wrap:wrap;justify-content:center;text-align:center}
 .ms-editorial-strip-inner span:nth-child(2){display:none}
 .ms-editorial-strip-inner a{font-size:9px}
}
@media(max-width:390px){.ms-campaign-slides{height:390px;min-height:390px}.ms-campaign-mobile-caption strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){.ms-campaign-slide{transition:none}}

/* Mantém a arte compactada em resolução nativa: evita aumento artificial em monitores largos. */
.ms-campaign-slide img{width:min(100%,1400px);max-width:1400px;margin-inline:auto;object-fit:contain;object-position:center}
@media(max-width:680px){
 .ms-campaign-slides{height:clamp(360px,95vw,440px);min-height:0}
 .ms-campaign-slide{background:radial-gradient(circle at 50% 33%,#262322,#080808 74%)}
 .ms-campaign-slide img{position:absolute;top:12%;left:0;right:0;width:100%;max-width:100%;height:auto;max-height:58%;object-fit:contain;object-position:center}
 .ms-campaign-mobile-caption{bottom:44px}
}