/*
Theme Name: MB&J FAMILY
Version: 1.0
Description: Thème premium MB&J FAMILY.
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap');
:root{--ink:#201a15;--gold:#bd8d35}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif;background:radial-gradient(circle at 5% 0%,#fff5e8 0,transparent 28%),radial-gradient(circle at 95% 12%,rgba(203,150,159,.22),transparent 27%),linear-gradient(135deg,#d8c0a5,#f1dfcc 48%,#d0b596);background-attachment:fixed;min-height:100vh}a{text-decoration:none;color:inherit}.top{height:27px;background:#0a0908;color:#ead8ba;text-align:center;font-size:9px;letter-spacing:1.5px;padding:7px}.head{background:#0a0908;color:#eee;border-bottom:1px solid #8d6a37}.nav{max-width:1380px;margin:auto;min-height:78px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.mark{width:46px;height:46px;border:1px solid #bd8d35;border-radius:50%;display:grid;place-items:center;color:#e7c98e;font:600 16px "Cormorant Garamond"}.brand-name{font:500 25px "Cormorant Garamond";letter-spacing:3px}.menu{display:flex;gap:6px;flex-wrap:wrap}.menu a{padding:10px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.women{color:#e5a6b9}.men{color:#8fb0df}.kids{color:#bca5e1}.baby{color:#91c2a1}.cart{color:#e7c98e;border:1px solid #c9a45b55}.hero{max-width:1380px;margin:auto;min-height:610px;padding:85px 55px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(247,230,211,.96),rgba(242,218,197,.72))}.eyebrow{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--gold)}h1{font:500 clamp(62px,8vw,110px)/.82 "Cormorant Garamond";margin:22px 0}.hero p{max-width:620px;line-height:1.9;color:#5c4c3c;font-size:13px}.btn{display:inline-block;border:1px solid var(--gold);padding:14px 22px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin-top:12px}.btn:hover{background:var(--gold);color:#fff}.section{max-width:1380px;margin:auto;padding:65px 24px;background:#f8e9d821}.title{text-align:center;margin-bottom:32px}.title span{font-size:10px;letter-spacing:4px;color:var(--gold)}.title h2{font:500 48px "Cormorant Garamond";margin:8px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{min-height:260px;padding:25px;display:flex;align-items:end;border:1px solid #593f2725;color:#fff}.card h3{font:500 42px "Cormorant Garamond";margin:0}.w{background:linear-gradient(145deg,#e6bdc9,#a96d80)}.m{background:linear-gradient(145deg,#9cb7d7,#405d89)}.k{background:linear-gradient(145deg,#c8b9e5,#7558a0)}.b{background:linear-gradient(145deg,#b6d7c2,#5d856a)}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:2px}.editorial article{min-height:280px;padding:42px;background:#f9e8d6c9;border:1px solid #67492025}.editorial article:nth-child(2){background:#e4ccb4c7}.editorial h3{font:500 43px "Cormorant Garamond";margin:10px 0}.foot{background:#0a0908;color:#aaa;padding:42px 24px}.footin{max-width:1380px;margin:auto;display:flex;justify-content:space-between}@media(max-width:900px){.menu{display:none}.grid{grid-template-columns:1fr 1fr}.editorial{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding:65px 25px}h1{font-size:66px}}