/* ==== FLEET THEME STANDARD — sizing tokens (from WordPress Design & Development Core)
   docs/elementor-pro/13-global-layout-foundation.md · 15-global-content-spacing-policy.md ·
   docs/quy-chuan-layout-va-tuong-tac.md. Paste this block verbatim at the top of the theme CSS.
   Change only colours/fonts/radius below the block, never the sizing values. ==== */
:root{
  /* Content width = OUTER container max-width (padding sits inside it) */
  --container-max:1440px;
  --container-pad:clamp(48px,5vw,96px);
  /* Section Spacing (band padding-block) */
  --section-y:120px; --section-y-compact:80px;
  /* Content Spacing (gap of content stacks) — sm <= md <= lg */
  --content-gap-sm:12px; --content-gap-md:24px; --content-gap-lg:48px;
  /* Grid / card collection gap */
  --grid-gap:32px;
  /* Component padding (inside cards/surfaces) */
  --card-pad:32px;
  /* Interaction */
  --touch:44px;
}
/* Laptop 1025–1366 */
@media (max-width:1366px){:root{--container-max:1366px;--container-pad:clamp(40px,4.5vw,72px);--section-y:104px;--section-y-compact:72px;--content-gap-md:20px;--content-gap-lg:40px;--grid-gap:28px;--card-pad:28px}}
/* Tablet 769–1024 */
@media (max-width:1024px){:root{--container-max:1024px;--container-pad:clamp(24px,4vw,48px);--section-y:80px;--section-y-compact:64px;--content-gap-sm:10px;--content-gap-md:20px;--content-gap-lg:32px;--grid-gap:24px;--card-pad:24px}}
/* Mobile <=768 */
@media (max-width:768px){:root{--container-max:768px;--container-pad:clamp(16px,5vw,24px);--section-y:64px;--section-y-compact:48px;--content-gap-sm:8px;--content-gap-md:16px;--content-gap-lg:28px;--grid-gap:16px;--card-pad:20px}}

/* Band -> Inner. Header, main and footer inners all use .container */
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);box-sizing:border-box}
.band{padding-block:var(--section-y)}
.band.compact{padding-block:var(--section-y-compact)}
/* Content stacks: sibling spacing ONLY via parent gap */
.stack{display:flex;flex-direction:column;gap:var(--content-gap-md)}
.stack-sm{display:flex;flex-direction:column;gap:var(--content-gap-sm)}
.stack-lg{display:flex;flex-direction:column;gap:var(--content-gap-lg)}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
/* Reset default UA margins so nothing spaces siblings by accident */
h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0}
/* Prose exception (rich text inside ONE article body) */
.prose p,.prose ul,.prose ol,.prose blockquote,.prose figure{margin-block:0 1em}
.prose h2,.prose h3{margin-block:1.6em .5em}
[hidden]{display:none!important}
/* Accessibility baseline */
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* ==== END FLEET THEME STANDARD ==== */

/* ==== CHRONOS theme: graphite + brushed steel, fine serif ==== */
:root{
  --bg:#16181b; --bg2:#1e2125; --bg3:#272a2f; --ink:#eceef0; --muted:#a3a9b1; --line:#353a41;
  --steel:#c9ccd1; --champ:#d6b98c; --champ-ink:#16181b;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Manrope',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
  --r:2px;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
main{overflow-x:clip;display:block}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--champ);color:var(--champ-ink);padding:12px 16px}
.skip:focus{top:12px}

/* type */
.display{font:500 clamp(46px,6.4vw,96px)/.98 var(--serif);letter-spacing:-.01em}
.display em,.h1 em{font-style:italic;color:var(--champ)}
.h1{font:500 clamp(40px,4.6vw,68px)/1.04 var(--serif)}
.h2{font:500 clamp(32px,3.4vw,50px)/1.08 var(--serif)}
.h3{font:500 clamp(24px,2.2vw,30px)/1.2 var(--serif)}
.h4{font:600 19px/1.3 var(--serif);letter-spacing:.01em}
.h4 a{text-decoration:none}
.lead{font-size:clamp(17px,1.4vw,19px);color:var(--muted)}
.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--champ)}
.mono{font-family:var(--mono)}
.small{font-size:14px}
.muted{color:var(--muted)}
.center{text-align:center;align-items:center}
.measure{max-width:62ch}
.price{font:500 17px var(--mono)}
.price.lg{font-size:24px}
s.muted{font:400 14px var(--mono)}

/* buttons & links */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border:1px solid var(--champ);background:var(--champ);color:var(--champ-ink);font:600 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:var(--r);transition:background-color .2s,color .2s,border-color .2s}
.btn:hover{background:#e5cda6;border-color:#e5cda6}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--steel)}
.btn.ghost:hover{background:var(--ink);color:var(--bg)}
.btn.sm{min-height:44px;padding:10px 16px}
.btn.grow{flex:1}
.link{color:var(--champ);text-decoration:none;font:500 14px var(--mono);letter-spacing:.04em;min-height:44px;display:inline-flex;align-items:center}
.link:hover{text-decoration:underline}
.linkbtn{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;min-height:44px;font-size:14px;padding:0 4px}
.linkbtn:hover{color:var(--ink)}
.iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid transparent;border-radius:50%;cursor:pointer;color:var(--ink);text-decoration:none;position:relative;transition:border-color .2s}
.iconbtn:hover{border-color:var(--line)}
.iconbtn svg{width:20px;height:20px}
.push{margin-inline-start:auto}

/* announce + header */
.announce{background:#0f1113;border-bottom:1px solid var(--line)}
.announce p{font:400 12px/1 var(--mono);letter-spacing:.08em;color:var(--muted);text-align:center;padding-block:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(22,24,27,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-header .container{display:flex;align-items:center;gap:32px;min-height:76px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;min-height:44px}
.logo b{font:600 22px/1 var(--serif);letter-spacing:.32em}
.logo .mark{width:28px;height:28px;color:var(--champ)}
.nav{display:flex;gap:4px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;font-size:14px;letter-spacing:.04em;color:var(--muted);transition:color .2s}
.nav a:hover,.nav a[aria-current]{color:var(--ink)}
.nav a[aria-current]{box-shadow:inset 0 -1px 0 var(--champ)}
.hicons{display:flex;align-items:center;gap:4px}

.bagcount{position:absolute;top:2px;right:0;min-width:18px;height:18px;border-radius:9px;background:var(--champ);color:var(--champ-ink);font-size:10px;display:grid;place-items:center}
.burger{display:none}

/* bands */
.dark{background:#0f1113}
.steel{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 40%),repeating-linear-gradient(90deg,#c3c7cc 0 1px,#cfd2d6 1px 3px,#c8cbd0 3px 4px);color:#16181b}
.steel .muted{color:#3d434b}
.steel .eyebrow{color:#5a4a2c}
.steel .pcard .pimg{background:#fff}
.steel .tag{color:var(--ink)}
.phead{border-bottom:1px solid var(--line)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:400 12px var(--mono);color:var(--muted)}
.crumbs{align-items:center}
.crumbs a{color:var(--muted);min-height:44px;display:inline-flex;align-items:center}
.sechead{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}

/* hero */
.hero{background:radial-gradient(ellipse at 75% 40%,#2a2e34 0,var(--bg) 60%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--content-gap-lg);align-items:center}
.hero-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:40px;border-top:1px solid var(--line);padding-top:24px}
.hero-stats dt{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero-stats dd{font-size:17px}
.dialwrap{align-items:center}
.dial{width:min(100%,480px);height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
.dial .tk{stroke:#7d838b;stroke-width:1.5}
.dial .tk5{stroke:#e9ebee;stroke-width:4}
.dial .nums text{font:500 26px var(--serif);fill:#e9ebee}
.dial .dlogo{font:600 15px var(--serif);letter-spacing:.38em;fill:var(--champ)}
.dial .dsub{font:400 9px var(--mono);letter-spacing:.2em;fill:#8d939b}
.dial .hh,.dial .hm{fill:#eceef0}
.dial .hs{stroke:var(--champ);stroke-width:2}
.dial .hs-c{fill:var(--champ)}

/* maisons strip */
.strip{border-block:1px solid var(--line)}
.maisons{list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--grid-gap);text-align:center;font:italic 400 24px var(--serif);color:var(--muted)}

/* product cards */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap)}
.pgrid.three{grid-template-columns:repeat(3,1fr)}
.pcard{display:flex;flex-direction:column;gap:16px}
.pimg{position:relative;display:block;overflow:hidden;background:var(--bg2);aspect-ratio:4/5;border-radius:var(--r)}
.pimg.wide{aspect-ratio:4/3}
.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.pimg:hover img{transform:scale(1.04)}
.tag{position:absolute;top:12px;left:12px;z-index:1;background:var(--bg);color:var(--ink);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px}

/* categories */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}
.cgrid.two{grid-template-columns:repeat(2,1fr)}
.ccard{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;text-decoration:none;color:#fff;border-radius:var(--r)}
.ccard img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ccard:hover img{transform:scale(1.04)}
.cc-t{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:4px;padding:28px;background:linear-gradient(0deg,rgba(10,11,13,.92),rgba(10,11,13,0))}
.place img{aspect-ratio:4/3;object-fit:cover;width:100%}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--content-gap-lg);align-items:center}
.splitimg img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.steps{list-style:none;padding:0;display:grid;gap:20px}
.steps li{display:grid;grid-template-columns:48px 1fr;gap:16px;border-top:1px solid var(--line);padding-top:20px}
.steps .mono{color:var(--champ)}

/* testimonials */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}
.quote{border:1px solid var(--line);padding:var(--card-pad);background:var(--bg2)}
.quote p{font:italic 400 23px/1.4 var(--serif)}
.usp{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap)}
.usp>div{border-top:1px solid var(--champ);padding-top:20px}

/* newsletter */
.newsbox{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--content-gap-lg);align-items:center;border:1px solid var(--line);background:var(--bg2);padding:clamp(28px,4vw,64px)}
.newsform{display:flex;gap:12px;flex-wrap:wrap}
.newsform input{flex:1 1 220px}
input,select,textarea{min-height:48px;padding:12px 14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);width:100%}
input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:var(--champ)}
input[type=range]{padding:0;min-height:44px;accent-color:var(--champ);border:0;background:none}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--champ);outline-offset:1px}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{padding:0}

/* shop */
.shop{display:grid;grid-template-columns:260px 1fr;gap:var(--content-gap-lg);align-items:start}
.filters{position:sticky;top:96px;border:1px solid var(--line);background:var(--bg2);padding:var(--card-pad)}
.chk{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-size:15px}
.chk input{position:absolute;inset:0;width:100%;height:100%;margin:0;clip-path:inset(50%);cursor:pointer}
.chk span{display:inline-flex;align-items:center;gap:12px}
.chk span::before{content:'';flex:none;width:18px;height:18px;border:1px solid var(--steel);border-radius:2px;transition:background-color .2s,border-color .2s}
.chk input[type=radio]+span::before{border-radius:50%}
.chk input:checked+span::before{background:var(--champ);border-color:var(--champ);box-shadow:inset 0 0 0 3px var(--bg2)}
.chk input:focus-visible+span{outline:2px solid var(--champ);outline-offset:4px}
.sortl{display:flex;align-items:center;gap:10px}
.sortl select{width:auto}
.pager{display:flex;gap:8px;justify-content:center}
.pager a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);text-decoration:none;font-family:var(--mono)}
.pager a[aria-current]{border-color:var(--champ);color:var(--champ)}
.empty{border:1px dashed var(--line);padding:var(--card-pad)}

/* PDP */
.pdp{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--content-gap-lg);align-items:start}
.viewer{position:relative;aspect-ratio:1/1;overflow:hidden;perspective:1100px;background:radial-gradient(circle at 50% 45%,#2e3238,#111316 72%);border:1px solid var(--line);cursor:grab;touch-action:pan-y;user-select:none}
.viewer.grab{cursor:grabbing}
.viewer:focus-visible{outline:2px solid var(--champ);outline-offset:3px}
.stage{position:absolute;inset:8%;transform-style:preserve-3d;transition:transform .12s linear;--sheen:50%}
.stage img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 30px 60px rgba(0,0,0,.6);transition:transform .25s ease;pointer-events:none}
.sheen{position:absolute;inset:0;border-radius:50%;background:linear-gradient(105deg,transparent calc(var(--sheen) - 18%),rgba(255,255,255,.22) var(--sheen),transparent calc(var(--sheen) + 18%));pointer-events:none}
.viewer.zoom .stage img{transform:scale(2)}
.viewer.zoom{cursor:zoom-out}
.vbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.vbar [data-deg]{color:var(--champ);min-width:48px}
.thumbs{display:grid;grid-template-columns:repeat(3,96px);gap:12px}
.thumb{padding:0;border:1px solid var(--line);background:var(--bg2);cursor:pointer;aspect-ratio:1;overflow:hidden;transition:border-color .2s}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb[aria-current],.thumb:hover{border-color:var(--champ)}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative;display:inline-flex;cursor:pointer}
.opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;clip-path:inset(50%);cursor:pointer}
.opt span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);font-size:14px;transition:border-color .2s,color .2s}
.opt input:checked+span{border-color:var(--champ);color:var(--champ)}
.opt input:focus-visible+span{outline:2px solid var(--champ);outline-offset:2px}
.qty{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:24px;padding:0 4px}
.spec{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.spec>div{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--line)}
.spec dt{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.spec dd{font-size:15px}
.acc{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{min-height:52px;display:flex;align-items:center;cursor:pointer;font:600 18px var(--serif);list-style:none}
.acc summary::after{content:'+';margin-inline-start:auto;font-family:var(--mono);color:var(--champ)}
.acc details[open] summary::after{content:'−'}
.acc summary::-webkit-details-marker{display:none}
.acc details[open]{padding-bottom:18px}

/* compare */
.cmp-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}
.cmpwrap{overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;min-width:640px}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line);font-size:15px}
.cmp tbody th{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);width:18%}
.cmp tr.diff td{color:var(--champ)}
.cmph{text-decoration:none;display:flex}
.cmph img{width:140px;height:140px;object-fit:cover;border-radius:50%}

/* cart + drawer */
.cart{display:grid;grid-template-columns:1fr 360px;gap:var(--content-gap-lg);align-items:start}
.summary{border:1px solid var(--line);background:var(--bg2);padding:var(--card-pad)}
.sub{display:flex;justify-content:space-between;gap:12px}
.line{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:16px}
.line img{width:72px;height:90px;object-fit:cover}
.end{align-items:flex-end}
dialog{border:0;padding:0;color:var(--ink);background:var(--bg2)}
dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}
.drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(440px,100vw);border-left:1px solid var(--line)}
.drawer[open]{display:flex;flex-direction:column}
.dr-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}
.dr-body{flex:1;overflow-y:auto;padding:24px}
.dr-foot{padding:24px;border-top:1px solid var(--line);background:var(--bg)}
.ship{height:3px;background:var(--line)}
.ship i{display:block;height:100%;background:var(--champ);transition:width .3s}

/* journal / article */
.jgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}
.artimg img{width:100%;aspect-ratio:21/9;object-fit:cover}
.prose{font-size:18px}
.prose h2{font:500 32px/1.15 var(--serif)}
.prose blockquote{border-left:2px solid var(--champ);padding-left:24px;font:italic 400 26px/1.35 var(--serif);margin-inline:0}

/* contact */
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--content-gap-lg);align-items:start}
.form{border:1px solid var(--line);background:var(--bg2);padding:var(--card-pad)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:var(--content-gap-md)}
.okbox{border:1px solid var(--champ);padding:var(--card-pad);background:var(--bg2)}
.cinfo{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap)}
.statn{font-size:clamp(30px,3vw,44px);font-weight:500}

/* 404 */
.nf-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--content-gap-lg);align-items:center}

/* footer */
.site-footer{background:#0f1113;border-top:1px solid var(--line);padding-block:72px 32px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--grid-gap)}
.fh{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--champ)}
.site-footer .stack-sm>a:not(.logo){color:var(--muted);text-decoration:none;min-height:32px;display:inline-flex;align-items:center;font-size:15px}
.site-footer .stack-sm>a:hover{color:var(--ink)}
.fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px}

/* Laptop */
@media (max-width:1366px){
  .nav a{padding:0 10px}
  .site-header .container{gap:20px}
}
/* Tablet */
@media (max-width:1024px){
  .burger{display:inline-grid}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg2);border-bottom:1px solid var(--line);padding:12px var(--container-pad)}
  .nav.open{display:flex}
  .site-header .container{position:relative}
  .hero-grid,.split,.pdp,.contact,.nf-grid,.newsbox{grid-template-columns:1fr}
  .dialwrap{order:-1}
  .dial{width:min(100%,360px)}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .pgrid.three{grid-template-columns:repeat(2,1fr)}
  .maisons{grid-template-columns:repeat(3,1fr)}
  .tgrid{grid-template-columns:1fr}
  .usp,.stats{grid-template-columns:repeat(2,1fr)}
  .shop{grid-template-columns:1fr}
  .filters{position:static}
  .cart{grid-template-columns:1fr}
  .jgrid{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:repeat(3,1fr)}
  .fgrid>div:first-child{grid-column:1/-1}
}
/* Mobile */
@media (max-width:768px){
  .cgrid{grid-template-columns:1fr}
  .cgrid.two{grid-template-columns:1fr}
  .ccard{aspect-ratio:4/3}
  .jgrid{grid-template-columns:1fr}
  .cmp-pick{grid-template-columns:1fr}
  .frow,.cinfo{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .hero-stats{grid-template-columns:repeat(3,1fr);gap:16px}
  .spec{grid-template-columns:1fr}
}
@media (max-width:480px){
  .pgrid,.pgrid.three{grid-template-columns:repeat(2,1fr);gap:12px}
  .pcard .h4{font-size:17px}
  .maisons{grid-template-columns:repeat(2,1fr);font-size:20px}
  .usp,.stats{grid-template-columns:1fr 1fr}
  .logo b{font-size:19px;letter-spacing:.24em}
  .site-header .container{gap:12px}
  .hero-stats dd{font-size:14px}
  .announce p{font-size:11px}
}