@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");
:root{--ink:#21151b;--rose:#d84f7d;--blush:#fff1f5;--cream:#fffaf7;--wine:#711f3b;--line:#eadde2}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}.top{background:var(--ink);color:#fff;text-align:center;padding:9px;font-size:13px}.nav{height:76px;display:flex;align-items:center;gap:30px;padding:0 5vw;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.logo{font-family:"Playfair Display";font-size:29px;font-weight:600}.logo i{color:var(--rose)}.navlinks{display:flex;gap:23px;margin:auto;font-size:14px;font-weight:600}.nav .cta,.btn{background:var(--ink);color:white;border-radius:999px;padding:13px 20px}.hero{min-height:650px;padding:80px 7vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:linear-gradient(115deg,#fff1f5 0%,#fffaf7 55%,#f2d7df 100%);overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--rose);font-weight:700;font-size:12px}.hero h1{font-family:"Playfair Display";font-size:clamp(54px,7vw,105px);line-height:.88;margin:18px 0 25px;max-width:850px}.hero h1 em{color:var(--rose);font-weight:600}.hero p{font-size:19px;line-height:1.6;max-width:590px;color:#5d4a52}.buttons{display:flex;gap:12px;margin-top:32px}.btn.alt{background:white;color:var(--ink);border:1px solid var(--line)}.art{height:520px;position:relative}.shape{position:absolute;border-radius:48% 52% 40% 60%;background:linear-gradient(150deg,#e66a91,#79233f);inset:0 8%;transform:rotate(8deg);box-shadow:0 30px 80px #8b315044}.shape:after{content:"MES COLLANTS";position:absolute;inset:44% 0 auto;text-align:center;color:white;font-family:"Playfair Display";font-size:40px;letter-spacing:.08em}.section{padding:85px 6vw}.head{text-align:center;max-width:780px;margin:0 auto 45px}.head h2{font:600 48px/1.05 "Playfair Display";margin:8px}.head p{color:#6c5960}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{min-height:360px;border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;background:#f2d7df}.card:nth-child(2){background:#d8b1bd}.card:nth-child(3){background:#301b24;color:#fff}.card:nth-child(4){background:#ecd9cf}.card b{font:600 29px "Playfair Display"}.card span{margin-top:7px;font-size:14px}.strip{background:var(--wine);color:#fff;padding:70px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.strip h2{font:600 48px "Playfair Display";margin:0}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1px solid #ffffff55;padding:10px 14px;border-radius:99px}.journal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post{background:white;border:1px solid var(--line);border-radius:20px;padding:28px}.post h3{font:600 25px "Playfair Display"}.seo{background:#fff;padding:60px 7vw;line-height:1.75}.footer{background:#1e1419;color:#eee;padding:55px 7vw 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer small{color:#bcaeb4}.legal{border-top:1px solid #ffffff22;margin-top:35px;padding-top:20px;font-size:12px;color:#a999a0}@media(max-width:850px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:55px;min-height:auto}.art{height:300px}.grid,.journal,.footgrid,.strip{grid-template-columns:1fr 1fr}.hero h1{font-size:58px}}@media(max-width:560px){.grid,.journal,.footgrid,.strip{grid-template-columns:1fr}.section{padding:60px 22px}.hero{padding:55px 22px}.art{height:240px}.head h2,.strip h2{font-size:38px}.nav{padding:0 20px}.nav .cta{display:none}}
.photohero{min-height:72vh;background:linear-gradient(90deg,rgba(22,10,16,.86),rgba(22,10,16,.22)),url("/assets/hero-new.jpg") center/cover;color:#fff;display:flex;align-items:center;padding:7vw}.photohero>div{max-width:700px}.photohero h1{font:600 clamp(58px,7vw,105px)/.92 "Playfair Display";margin:14px 0}.photohero p{font-size:19px;line-height:1.6}.photogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.photocard{min-height:440px;border-radius:22px;overflow:hidden;position:relative;background-position:center;background-size:cover}.photocard:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(20,10,15,.88))}.photocard .copy{position:absolute;z-index:1;bottom:25px;left:25px;right:20px;color:#fff}.photocard b{font:600 28px "Playfair Display"}.photocard p{font-size:13px}.feature{min-height:470px;background-size:cover;background-position:center;border-radius:26px;padding:55px;display:flex;align-items:end;color:#fff;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,10,17,.8),transparent)}.feature>div{z-index:1;max-width:520px}.feature h2{font:600 48px "Playfair Display";margin:0 0 12px}@media(max-width:850px){.photogrid{grid-template-columns:1fr 1fr}.photohero{min-height:620px}}@media(max-width:560px){.photogrid{grid-template-columns:1fr}.photocard{min-height:390px}.feature{padding:30px}.feature h2{font-size:38px}}
.mega{position:relative}.mega-panel{display:none;position:absolute;top:24px;left:-260px;width:760px;background:#fff;padding:28px;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #32132222;grid-template-columns:repeat(3,1fr);gap:24px}.mega:hover .mega-panel{display:grid}.mega-panel b{font-family:"Playfair Display";font-size:18px}.mega-panel a{display:block;padding:5px 0;font-weight:500;color:#69545d}.catintro{max-width:850px;margin:0 auto 45px;text-align:center}.catintro h2{font:600 44px "Playfair Display"}.crumb{font-size:12px;color:#8b737c;margin-bottom:12px}.guidebox{background:var(--blush);border-radius:22px;padding:32px;margin-top:30px}.guidebox h2{font:600 34px "Playfair Display";margin-top:0}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.product-img{height:320px;background-size:cover;background-position:center;position:relative}.badge{position:absolute;top:14px;left:14px;background:#fff;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:700}.product-body{padding:18px}.product h3{font:600 21px 'Playfair Display';margin:0 0 7px}.price{font-weight:800;font-size:20px}.buy{width:100%;border:0;margin-top:14px;background:var(--ink);color:#fff;padding:12px;border-radius:99px;font-weight:700;cursor:pointer}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background:#fff;padding:25px 6vw;border-block:1px solid var(--line);text-align:center}.cartrow{display:grid;grid-template-columns:90px 1fr auto 35px;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #ddd}.cartrow img{width:90px;height:100px;object-fit:cover;border-radius:12px}.warning{padding:18px;background:#fff3cd;border-radius:14px;margin:20px 0}@media(max-width:850px){.products{grid-template-columns:1fr 1fr}.trust{grid-template-columns:1fr 1fr}}@media(max-width:560px){.products{grid-template-columns:1fr}}
.theme-toggle,.menu-toggle{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 13px;cursor:pointer;font-weight:700}.menu-toggle{display:none;font-size:20px}.nav-actions{display:flex;gap:8px;align-items:center}.mobile-menu{display:none;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-weight:600}
html[data-theme="dark"]{--ink:#f8eef2;--rose:#ff6c9d;--blush:#2b1b22;--cream:#130f11;--wine:#35131f;--line:#3e3036}html[data-theme="dark"] body{background:#130f11;color:#f8eef2}html[data-theme="dark"] .nav,html[data-theme="dark"] .mobile-menu,html[data-theme="dark"] .product,html[data-theme="dark"] .seo,html[data-theme="dark"] .post{background:#1b1518;color:#f8eef2}html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .menu-toggle{background:#2a2024;color:#fff}html[data-theme="dark"] .hero{background:linear-gradient(115deg,#29171f,#130f11 60%,#311b24)}html[data-theme="dark"] .guidebox{background:#25191e}html[data-theme="dark"] .trust{background:#1b1518}
@media(max-width:850px){.menu-toggle{display:inline-block}.navlinks{display:none}.nav{gap:12px}.nav-actions{margin-left:auto}.logo{font-size:25px}}
/* v2 navigation + dark-mode fixes */
.nav{z-index:1000}.mobile-menu{position:relative;z-index:999}
html[data-theme="dark"] .top{background:#090708;color:#fff}
html[data-theme="dark"] .head p,html[data-theme="dark"] .hero p,html[data-theme="dark"] .catintro p,html[data-theme="dark"] .product p{color:#cdbfc5}
html[data-theme="dark"] .btn.alt{background:#251b20;color:#fff;border-color:#59434c}
html[data-theme="dark"] .card:not(:nth-child(3)){color:#21151b}
html[data-theme="dark"] select,html[data-theme="dark"] input,html[data-theme="dark"] textarea{background:#21191d;color:#fff;border-color:#49363f}
html[data-theme="dark"] .warning{background:#3b3215;color:#fff0a8}
html[data-theme="dark"] .mega-panel{background:#1b1518;color:#fff;border-color:#49363f}
html[data-theme="dark"] .mega-panel a{color:#e7dbe0}
@media(max-width:850px){
 .nav{height:68px;position:sticky;top:0}
 .nav-actions{display:flex!important;margin-left:auto}
 .mobile-menu{display:none!important;position:fixed;top:68px;left:0;right:0;bottom:0;overflow:auto;background:#fff;padding:12px 24px 40px}
 .mobile-menu.open{display:block!important}
 html[data-theme="dark"] .mobile-menu{background:#171215;color:#fff}
 .mobile-menu a{font-size:17px;padding:15px 2px}
 body.menu-open{overflow:hidden}
}
/* MesCollants 2050 */
:root{--hot:#ff5f99}.future-hero{min-height:72vh;display:flex;align-items:end;padding:7vw;background:linear-gradient(90deg,#10080dbd,#10080d22),url('/assets/hero-editorial.jpg?v=2051') center/cover;border-radius:0 0 34px 34px;position:relative;overflow:hidden}.future-hero:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #ffffff40;border-radius:50%;right:-100px;top:-120px;box-shadow:0 0 80px #ff6c9d33}.future-copy{max-width:720px;color:white;position:relative;z-index:2}.future-copy h1{font:600 clamp(54px,8vw,112px)/.88 'Playfair Display';margin:12px 0}.future-copy p{font-size:20px;max-width:600px}.marquee{overflow:hidden;white-space:nowrap;padding:17px 0;background:var(--ink);color:var(--cream);font-weight:700;letter-spacing:.08em}.marquee span{display:inline-block;animation:run 24s linear infinite}@keyframes run{to{transform:translateX(-50%)}}.editorial{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding:12px}.editorial-card{min-height:520px;border-radius:26px;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:.5s}.editorial-card:hover{transform:scale(.992)}.editorial-card>div{position:absolute;inset:auto 0 0;padding:34px;color:#fff;background:linear-gradient(transparent,#000b)}.editorial-card h2{font:600 46px 'Playfair Display';margin:0}.rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 0 22px}.rail .product{min-width:270px;scroll-snap-align:start}.rail::-webkit-scrollbar{height:5px}.rail::-webkit-scrollbar-thumb{background:var(--rose);border-radius:10px}.lookgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.look{height:360px;border-radius:20px;background-size:cover;background-position:center;position:relative;overflow:hidden}.look span{position:absolute;bottom:15px;left:15px;background:#ffffffdd;color:#21151b;padding:9px 13px;border-radius:99px;font-weight:700}.glow{background:radial-gradient(circle at 20% 10%,#ff75a944,transparent 28%),radial-gradient(circle at 80% 80%,#9c64ff33,transparent 25%),var(--cream)}html[data-theme=dark] .glow{background:radial-gradient(circle at 20% 10%,#ff75a933,transparent 28%),radial-gradient(circle at 80% 80%,#9c64ff22,transparent 25%),#130f11}.floating-orb{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--rose),#a86cff);color:white;display:grid;place-items:center;z-index:50;box-shadow:0 12px 40px #ff5f9977;text-decoration:none;font-size:23px}.product{transition:transform .3s,box-shadow .3s}.product:hover{transform:translateY(-7px);box-shadow:0 20px 45px #32132218}.product-img{transition:transform .5s}.product:hover .product-img{transform:scale(1.02)}@media(max-width:850px){.editorial{grid-template-columns:1fr}.editorial-card{min-height:440px}.lookgrid{display:flex;overflow-x:auto}.look{min-width:75vw}.future-hero{min-height:65vh;padding:35px 22px}.future-copy h1{font-size:58px}}
/* Hero slider 2070 */
.future-hero{background-image:linear-gradient(90deg,#10080dbd,#10080d22),var(--hero-img)!important;transition:background-image .7s ease-in-out}
.hero-dots{display:flex;gap:8px;margin-top:22px}.hero-dot{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0}.hero-dot.active{background:#fff}

/* Home — Experience MesCollants 18+ */
.experience-home{padding:42px 24px;background:linear-gradient(135deg,#f8ecef 0%,#fff 62%);border-bottom:1px solid rgba(80,45,55,.12)}
.experience-home-inner{max-width:1180px;margin:0 auto}
.experience-home h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,52px);line-height:1.04;margin:8px 0 14px;max-width:850px}
.experience-home p{max-width:790px;font-size:17px;line-height:1.65;margin:0 0 20px}
.experience-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 16px}
.experience-home-meta{font-weight:700;font-size:14px;letter-spacing:.02em}
.experience-home .experience-home-state{font-size:14px;margin:9px 0 0;opacity:.75}
@media(max-width:700px){.experience-home{padding:30px 18px}.experience-home h2{font-size:34px}.experience-home p{font-size:16px}}