/* MS Fashion | Sistema visual editorial 2026 — identidade própria, estética minimalista. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ms-plum:#181817;--ms-wine:#181817;--ms-rose:#6f6a64;--ms-cream:#f9f8f5;--ms-ink:#181817;--ms-muted:#696762;--ms-line:#e6e4df;--ms-r:2px;--ms-shadow:none;--editorial-ink:#181817;--editorial-muted:#6c6963;--editorial-paper:#faf9f6;--editorial-line:#e7e5e0;--editorial-serif:'Cormorant Garamond',Georgia,serif}
html{scroll-padding-top:150px}body{background:var(--editorial-paper);color:var(--editorial-ink);font:400 14px/1.65 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:'DM Sans',sans-serif}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #35332f;outline-offset:3px}
.sf-top{background:#161616;color:#f8f8f6;letter-spacing:.19em;font-weight:500;font-size:9px;padding:8px 18px}
.sf-nav{background:#fdfcfacc;border-bottom:1px solid var(--editorial-line);box-shadow:none;backdrop-filter:blur(20px)}
.sf-navrow{max-width:1560px;min-height:91px;padding:14px clamp(22px,4.4vw,78px);gap:clamp(18px,3vw,50px)}
.sf-brand{gap:15px;min-width:245px}.sf-brandmark{border:0;background:transparent;box-shadow:none;border-radius:0;width:51px;height:51px}
.sf-brandmark img{border-radius:0;padding:0;object-fit:contain}.sf-brand strong{font:600 24px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.24em;color:#171717}
.sf-brand small{color:#65615a;font-size:8px;font-weight:500;letter-spacing:.28em;margin-top:7px}
.sf-search{max-width:355px}.sf-search input{border:0;border-bottom:1px solid #c9c8c2;background:transparent;border-radius:0;padding:11px 8px 11px 30px;color:#171717;font-size:12px}
.sf-search input::placeholder{color:#85837c}.sf-search span{left:6px;color:#333;font-size:20px}.sf-search input:focus{border-color:#111;background:transparent}
.sf-links{gap:clamp(13px,2.2vw,28px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#242424}
.sf-links a{transition:opacity .2s}.sf-links a:hover{opacity:.5;color:#242424}.sf-links a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.sf-links .sf-access{border:0;background:transparent;padding:0;border-radius:0;color:#77746f;font-weight:500}
.sf-categories{padding:10px clamp(20px,4vw,80px);gap:clamp(21px,3.4vw,56px);border-top:1px solid #eeeae5;justify-content:center;background:#fdfcfb}
.sf-categories button{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#3e3d39;font-weight:500;padding:6px 0;border-bottom:1px solid transparent}
.sf-categories button:hover,.sf-categories button[aria-pressed=true]{color:#171717;border-bottom-color:#171717}
.sf-hero{background:#e9e8e3;color:#171717;min-height:610px}.sf-hero:before{display:none}
.sf-hero-inner{max-width:1600px;min-height:610px;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,85px);padding:42px clamp(24px,6vw,105px)}
.sf-hero-inner>div:first-child{max-width:690px;position:relative;z-index:2}
.sf-eyebrow{font-size:10px;letter-spacing:.24em;font-weight:600;color:#4c4b47}
.sf-hero h1{font:500 clamp(57px,6.25vw,104px)/.98 var(--editorial-serif);letter-spacing:-.045em;color:#161616;margin:29px 0 30px}
.sf-hero p{color:#42413d;max-width:435px;font:400 14px/1.9 'DM Sans',sans-serif}
.sf-primary{background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;border-radius:0;font-size:10px;letter-spacing:.13em;text-transform:uppercase;padding:17px 27px;font-weight:600;transition:background .18s,color .18s,transform .18s}
.sf-primary:hover{background:#fff;color:#111;transform:none}
.sf-hero a.sf-primary:nth-of-type(2){background:transparent!important;color:#161616!important;border:1px solid #161616!important;margin-left:9px!important}
.sf-hero a.sf-primary:nth-of-type(2):hover{background:#161616!important;color:#fff!important}
.sf-hero .sf-hint{font:400 11px/1.7 'DM Sans',sans-serif;color:#696760;margin-top:30px!important;letter-spacing:0}
.sf-collage{height:520px;justify-content:center}
.sf-collage-frame{width:min(100%,560px);height:510px;border:0;border-radius:0;background:#d8d7d0;box-shadow:none;backdrop-filter:none;overflow:hidden}
.sf-collage img{box-shadow:none;border:0;border-radius:0;object-fit:contain;background:#f4f2ed}
.sf-collage .sf-a{width:58%;height:76%;padding:25px;transform:none;position:absolute;left:3%;top:8%;z-index:2}
.sf-collage .sf-b{width:42%;height:53%;padding:16px;transform:none;position:absolute;right:3%;top:5%;z-index:3;background:#e6e1d8}
.sf-collage .sf-c{width:39%;height:43%;padding:13px;transform:none;position:absolute;right:6%;left:auto;bottom:4%;z-index:4;background:#c8c8bd}
.sf-seal{z-index:5;bottom:23px;left:24px;right:auto;width:auto;height:auto;padding:11px 13px;background:#f9f8f5;border:0;border-radius:0;color:#252520;font-size:9px;letter-spacing:.18em;text-align:left;line-height:1.5}
.sf-wrap{max-width:1510px;padding:0 clamp(24px,5vw,86px)}
.sf-benefits{background:#f8f7f4;border-top:1px solid #e3e0db;border-bottom:1px solid #e3e0db}
.sf-benefitrow{padding:29px clamp(24px,5vw,86px);gap:35px}
.sf-benefit-icon{width:31px;height:31px;border:1px solid #d6d3cb;background:transparent;color:#333;border-radius:0;font-size:17px}
.sf-benefit b{font:600 11px 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.sf-benefit small{font-size:11px;color:#75726c}
.sf-heading{align-items:end;margin:95px 0 35px;gap:30px}
.sf-heading h2{font:500 clamp(40px,4.4vw,68px)/1.05 var(--editorial-serif);letter-spacing:-.03em;color:#171717;margin:9px 0 17px}
.sf-heading p{color:#65635f;max-width:610px;font:400 13px/1.9 'DM Sans',sans-serif}
.sf-heading a{color:#171717;text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:600;border-bottom:1px solid #1b1b1b;padding-bottom:6px}
.sf-collections{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}
.sf-collection,.sf-collection:nth-child(2),.sf-collection:nth-child(3),.sf-collection:nth-child(4){height:320px;min-height:320px;background:#ece9e4;border:0;border-radius:0;padding:24px;transition:filter .2s,transform .2s;color:#191919;overflow:hidden}
.sf-collection:nth-child(2){background:#e2e1dc}.sf-collection:nth-child(3){background:#eae7df}.sf-collection:nth-child(4){background:#d7d4cd}
.sf-collection:hover{transform:none;filter:brightness(.96);box-shadow:none}
.sf-collection img{width:76%;height:75%;object-fit:contain;right:-4%;top:0;background:transparent;filter:none;border-radius:0;opacity:.96}
.sf-collection .sf-text{max-width:95%;text-shadow:none;background:linear-gradient(to top,#edeae6ee,#edeae600);padding:50px 0 3px;width:100%}
.sf-collection b{font:500 29px/1.05 var(--editorial-serif);letter-spacing:-.02em;color:#1a1a1a}
.sf-collection small{font-size:9px;letter-spacing:.15em;margin-top:12px;color:#43413b;font-weight:600}
.sf-controls{gap:7px;padding-bottom:14px;border-bottom:1px solid #dedcd6;margin:22px 0 23px}
.sf-filter{background:transparent;border:1px solid #d4d2cb;color:#44423d;border-radius:0;font-weight:500;font-size:10px;letter-spacing:.06em;padding:11px 16px}
.sf-filter:hover{border-color:#151515;color:#111}.sf-filter[aria-pressed=true]{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.sf-sort{border:0;border-bottom:1px solid #b8b5ad;border-radius:0;background:transparent;color:#333;padding:9px 10px;font-size:11px}
.sf-listbar{margin-bottom:25px}.sf-listbar small{font-size:11px;color:#75716b}
.sf-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:17px;row-gap:49px}
.sf-card{border:0;background:transparent;box-shadow:none;border-radius:0;transition:none}
.sf-card:hover{box-shadow:none;transform:none}
.sf-photo{aspect-ratio:3/4;background:#f0efeb;padding:20px;overflow:hidden}
.sf-photo img{object-fit:contain;transition:transform .5s ease}
.sf-card:hover .sf-photo img{transform:scale(1.045)}
.sf-photo .sf-placeholder{border:1px solid #d3d0c9;border-radius:0;color:#817d75}
.sf-product-badge{top:14px;left:14px;border:0;border-radius:0;font-size:9px;letter-spacing:.06em;color:#34332e}
.sf-card-info{padding:16px 2px 0;gap:2px}
.sf-card-type{font-size:9px;color:#77736b;letter-spacing:.15em;font-weight:500}
.sf-card-title{font:500 18px/1.3 var(--editorial-serif);margin:8px 0 4px;min-height:unset;letter-spacing:-.01em}
.sf-card-options{font-size:11px;line-height:1.5;color:#66615b;margin:5px 0 14px}
.sf-card-btn{border:1px solid #191919;border-radius:0;background:transparent;color:#191919;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:13px 14px}
.sf-card-btn:hover{background:#191919;color:#fff}
.sf-more{padding:50px 0 85px}.sf-more button{border:1px solid #191919;border-radius:0;background:transparent;color:#191919;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:16px 30px}
.sf-empty{border:1px solid #d9d6cf;border-radius:0;background:#f7f6f3;color:#6d6962;padding:55px}
.sf-footer{background:#171717;color:#fff;margin-top:70px}.sf-footer-wrap{max-width:1510px;padding:75px clamp(24px,5vw,86px);gap:70px}
.sf-footer img{border-radius:0;background:#fff;padding:3px}
.sf-footer h3{font:500 27px var(--editorial-serif);letter-spacing:.08em}
.sf-footer p,.sf-footer a{color:#c2c1bf;font-size:12px;line-height:1.9}
.sf-footer a:hover{text-decoration:underline;color:#fff}
.sf-footer-bottom{color:#a5a5a3;border-top:1px solid #383838;letter-spacing:.02em;padding:21px}
.sf-dialog{border:0;border-radius:0;background:#faf9f6;box-shadow:0 30px 105px #0004}
.sf-dialog::backdrop{background:#141414b0;backdrop-filter:blur(2px)}
.sf-dialog-head{border-bottom:1px solid #e1ded7;padding:17px 27px}
.sf-dialog-head b{font:600 10px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#222}
.sf-dialog-close{background:transparent;color:#222;border-radius:0;font-size:29px}
.sf-dialog-main{gap:45px;padding:35px}
.sf-dialog-photo{background:#eceae5;border:0;border-radius:0;min-height:385px}
.sf-dialog-photo img{height:330px}
.sf-dialog h2{font:500 48px/1 var(--editorial-serif)}
.sf-dialog .sf-chip{border:1px solid #d2d0c9;border-radius:0;background:transparent;color:#2a2925}
.sf-dialog .sf-caption,.sf-dialog .sf-note{color:#66635d}
.sf-dialog .sf-note{background:#eeece7;border:0;border-left:2px solid #555;border-radius:0}
#buyDetails{background:#fff!important;border:1px solid #dedbd4!important;border-radius:0!important;padding:20px!important}
#buyDetails select,#buyDetails input{border:1px solid #cfcdc7!important;border-radius:0!important;background:#fff}
#addToCart{background:#1b1b1b!important;color:#fff!important;border-radius:0!important;font-size:11px;text-transform:uppercase;letter-spacing:.11em;padding:15px 20px!important}
#addToCart:disabled{background:#b8b7b2!important}
.checkout-wrap,.account-main{color:#181817}
.checkout-wrap{max-width:1350px!important;margin:75px auto!important}
.checkout-wrap>h1,.account-panel h1{font:500 clamp(45px,5vw,76px)/1 var(--editorial-serif)!important;color:#171717!important;margin:12px 0 20px}
.checkout-grid{gap:32px!important;grid-template-columns:minmax(0,1.6fr) minmax(330px,.86fr)!important;margin-top:32px}
.checkout-panel,.account-panel{background:#fff!important;border:1px solid #e1ded8!important;border-radius:0!important;box-shadow:none!important;padding:34px!important}
.checkout-panel h2{font:500 31px var(--editorial-serif)!important;color:#171717!important}
.checkout-row{border-bottom:1px solid #e4e1da!important;padding:23px 0!important}
.checkout-row strong{font-weight:600;font-size:13px}
.checkout-row button{background:#efede8!important;color:#292824!important;border-radius:0!important;font-size:11px}
.checkout-panel input,.checkout-panel select,.account-panel input{border:1px solid #d7d4ce!important;border-radius:0!important;background:#fff!important;padding:13px!important}
.checkout-panel label,.account-panel label{font-size:11px!important;letter-spacing:.03em!important;color:#383631!important;font-weight:600!important}
.checkout-total{font:500 22px var(--editorial-serif)!important}
.action-main,.account-panel button[type=submit],#signOut{background:#171717!important;border:1px solid #171717!important;border-radius:0!important;color:#fff!important;padding:17px!important;font-size:11px!important;letter-spacing:.11em!important;text-transform:uppercase!important;font-weight:600!important}
.action-main:disabled{background:#9e9d99!important}
.checkout-note{background:#f0eee9!important;border-left:2px solid #252525;border-radius:0!important;color:#59564f!important;line-height:1.7!important}
.quiet{color:#706c65!important;line-height:1.85!important}
.account-links a,.account-panel a{color:#1d1d1d!important;text-underline-offset:4px;text-decoration:underline;font-size:12px}
.account-main{max-width:660px!important;margin:80px auto!important}
.account-panel{padding:45px!important}
.account-tabs{gap:0!important;border-bottom:1px solid #d2cfc9!important}
.account-tabs button{background:transparent!important;color:#55514a!important;border-radius:0!important;border-bottom:2px solid transparent!important;letter-spacing:.09em!important;font-size:10px!important;text-transform:uppercase;padding:17px!important}
.account-tabs button.active{border-bottom:2px solid #171717!important;color:#171717!important;background:transparent!important}
@media(max-width:1100px){.sf-navrow{gap:15px}.sf-brand{min-width:200px}.sf-links{gap:13px}.sf-hero-inner{min-height:535px}.sf-hero{min-height:535px}.sf-collage-frame{height:445px}.sf-collage{height:455px}.sf-collection{height:270px;min-height:270px}.sf-collection b{font-size:25px}}
@media(max-width:800px){.checkout-grid{grid-template-columns:1fr!important}.checkout-wrap{margin:38px auto!important}.account-main{margin:35px auto!important}.account-panel,.checkout-panel{padding:25px!important}.sf-hero-inner{grid-template-columns:1fr}.sf-hero{min-height:0}.sf-hero h1{font-size:clamp(53px,10vw,78px)}.sf-collage{height:375px}.sf-collage-frame{width:min(100%,500px);height:370px}}
@media(max-width:750px){html{scroll-padding-top:175px}.sf-top{font-size:8px;letter-spacing:.08em;padding:7px}.sf-navrow{padding:12px 18px;gap:12px;min-height:0}.sf-brand{flex:1;min-width:0;gap:9px}.sf-brandmark{width:39px;height:39px}.sf-brand strong{font-size:21px;letter-spacing:.15em}.sf-brand small{font-size:7px}.sf-links{display:flex!important;align-items:center;gap:15px;font-size:9px}.sf-links a{display:none!important}.sf-links a[href*="carrinho"],.sf-links a[href="carrinho.html"],.sf-links a[href="conta.html"]{display:inline!important}.sf-links .sf-access{display:none!important}.sf-search{order:3;flex:0 0 100%;max-width:none}.sf-search input{padding:10px 8px 10px 29px}.sf-categories{gap:25px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:10px 18px;scrollbar-width:thin}.sf-categories button{font-size:9px}.sf-hero-inner{padding:52px 22px 30px;gap:25px}.sf-hero h1{font-size:clamp(51px,12vw,74px);margin:22px 0}.sf-hero p{font-size:12px}.sf-primary{padding:14px 18px;font-size:9px}.sf-hero a.sf-primary:nth-of-type(2){margin-left:7px!important}.sf-collage{height:315px}.sf-collage-frame{width:min(100%,450px);height:315px;transform:none}.sf-collage .sf-a{padding:14px}.sf-benefitrow{grid-template-columns:1fr;gap:15px;padding:23px 19px}.sf-benefit small{display:block}.sf-wrap{padding:0 18px}.sf-heading{margin:60px 0 25px}.sf-heading h2{font-size:48px}.sf-heading p{font-size:12px}.sf-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-collection,.sf-collection:nth-child(2),.sf-collection:nth-child(3),.sf-collection:nth-child(4){height:220px;min-height:220px;padding:14px}.sf-collection img{width:92%;height:70%}.sf-collection b{font-size:25px}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;row-gap:30px}.sf-card-info{padding:12px 1px 0}.sf-photo{padding:9px}.sf-card-title{font-size:18px}.sf-card-options{font-size:10px}.sf-card-btn{padding:11px 7px;font-size:9px}.sf-footer-wrap{padding:45px 20px;gap:24px;grid-template-columns:1fr 1fr}.sf-dialog-main{grid-template-columns:1fr;gap:15px;padding:20px}.sf-dialog-photo{min-height:220px}.sf-dialog-photo img{height:220px}.sf-dialog h2{font-size:39px}}
@media(max-width:430px){.sf-links{gap:9px;font-size:9px}.sf-brand strong{font-size:19px}.sf-brandmark{width:34px;height:34px}.sf-hero h1{font-size:48px}.sf-collage{height:265px}.sf-collage-frame{height:265px}.sf-collection{height:185px!important;min-height:185px!important}.sf-collection b{font-size:22px}.sf-heading h2{font-size:41px}.sf-card-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sf-photo img,.sf-card,.sf-collection,.sf-primary{transition:none!important}}
