.elementor-52 .elementor-element.elementor-element-7abcb28{--display:flex;}/* Start custom CSS for html, class: .elementor-element-cdfe00b *//* ============================================================
   LA CARTE — Le Comptoir de Raise  |  CSS v2
   ============================================================ */

:root {
  --navy:  #09162A;
  --navy2: #0F2040;
  --navy3: #162B55;
  --steel: #6B8AB0;
  --gold:  #C9A84C;
  --goldL: #E2C46E;
  --goldD: rgba(201,168,76,.12);
  --cream: #F3EEE6;
  --off:   #FAF8F4;
  --ink:   #07111F;
  --sub:   rgba(255,255,255,.55);
  --header-h: 0px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box }
html { scroll-behavior:smooth }
body {
  font-family: 'Manrope', sans-serif;
  background: var(--off);
  color: var(--navy);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ── Animations ── */
@keyframes fUp  { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:none} }
@keyframes fIn  { from{opacity:0} to{opacity:1} }
@keyframes hSc  { from{transform:scale(1.06)} to{transform:scale(1)} }
@keyframes tick { from{transform:translateX(0)} to{transform:translateX(-50%)} }

.r { transition: opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1) }
.r.on { opacity:1; transform:none }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s}

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.hero {
  position: relative;
  height: 72vh;
  min-height: 480px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.hero-bg {
  position: absolute; inset: 0;
  background:
    linear-gradient(175deg, rgba(9,22,42,.5) 0%, rgba(9,22,42,.05) 35%, rgba(9,22,42,.75) 65%, rgba(9,22,42,.99) 100%),
    url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=1800&q=90') center/cover no-repeat;
  animation: hSc 14s ease-out forwards;
}
.hero-noise {
  position: absolute; inset:0; z-index:1; opacity:.05; pointer-events:none;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hdeco { position:absolute; z-index:2; pointer-events:none }
.hdeco-tl { top:88px; left:clamp(24px,5vw,72px); width:56px; height:56px; border-top:1px solid rgba(201,168,76,.35); border-left:1px solid rgba(201,168,76,.35); opacity:0; animation:fIn 1s 1.4s forwards }
.hdeco-br { bottom:clamp(44px,7vh,76px); right:clamp(24px,5vw,72px); width:56px; height:56px; border-bottom:1px solid rgba(201,168,76,.35); border-right:1px solid rgba(201,168,76,.35); opacity:0; animation:fIn 1s 1.6s forwards }
.hero-c {
  position:relative; z-index:3; width:100%;
  padding:0 clamp(24px,5vw,72px) clamp(50px,8vh,90px);
  display:flex; align-items:flex-end; justify-content:space-between; gap:40px;
}
.h-eye {
  display:inline-flex; align-items:center; gap:14px;
  font-size:10px; font-weight:600; letter-spacing:6px; text-transform:uppercase; color:var(--gold);
  margin-bottom:14px; opacity:0; animation:fUp .9s 1.1s cubic-bezier(.16,1,.3,1) forwards;
}
.h-eye::before,.h-eye::after { content:''; width:24px; height:1px; background:var(--gold); opacity:.7 }
.hero-h { font-family:'Cormorant Garamond',serif; font-size:clamp(52px,9vw,118px); font-weight:300; line-height:.9; color:#fff }
.hl1 { display:block; opacity:0; animation:fUp 1s 1.25s cubic-bezier(.16,1,.3,1) forwards }
.hl2 { display:block; font-style:italic; color:var(--gold); font-size:.72em; opacity:0; animation:fUp 1s 1.4s cubic-bezier(.16,1,.3,1) forwards }
.h-sub { font-family:'DM Serif Display',serif; font-size:clamp(13px,1.3vw,16px); font-style:italic; color:var(--sub); margin-top:18px; max-width:380px; line-height:1.7; opacity:0; animation:fUp .9s 1.6s cubic-bezier(.16,1,.3,1) forwards }
.hero-r { display:flex; flex-direction:column; align-items:flex-end; gap:4px; opacity:0; animation:fIn 1s 1.9s forwards; padding-bottom:6px }
.h-season { font-family:'Cormorant Garamond',serif; font-size:13px; font-style:italic; color:var(--sub); text-align:right }
.h-season strong { display:block; font-family:'Bebas Neue',sans-serif; font-size:26px; font-style:normal; letter-spacing:3px; color:#fff; font-weight:400 }

/* ══════════════════════════════════════
   TICKER
══════════════════════════════════════ */
.ticker { background:var(--gold); padding:12px 0; overflow:hidden; white-space:nowrap; position:relative; z-index:2 }
.tinner { display:inline-flex; animation:tick 32s linear infinite }
.tinner span { font-family:'Bebas Neue',sans-serif; font-size:clamp(12px,1.3vw,15px); letter-spacing:6px; color:var(--ink); padding:0 32px }
.tinner .sep { opacity:.35 }

/* ══════════════════════════════════════
   LAYOUT
══════════════════════════════════════ */
.page-layout {
  max-width: 1360px; margin:0 auto;
  padding:0 clamp(24px,5vw,72px);
  display:grid; grid-template-columns:240px 1fr; gap:0;
}

/* ══════════════════════════════════════
   SIDEBAR
══════════════════════════════════════ */
.menu-nav {
  position:sticky; top:24px;
  height:fit-content; max-height:calc(100vh - 48px);
  overflow-y:auto; padding:48px 0;
  border-right:1px solid rgba(9,22,42,.08);
  scrollbar-width:none;
}
.menu-nav::-webkit-scrollbar { display:none }
.menu-nav-inner { padding-right:28px }

.mnav-lbl { font-size:9px; font-weight:700; letter-spacing:5px; text-transform:uppercase; color:var(--gold); margin-bottom:18px; display:block }
.mnav-links { display:flex; flex-direction:column; gap:2px }
.mnl {
  display:flex; align-items:center; gap:10px;
  padding:11px 14px; border-radius:4px;
  font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase;
  color:#8FA0B4; border:none; background:transparent; width:100%; text-align:left;
  cursor:pointer; transition:all .3s; position:relative;
}
.mnl::before {
  content:''; position:absolute; left:0; top:4px; bottom:4px; width:2px;
  background:var(--gold); transform:scaleY(0); transition:transform .3s cubic-bezier(.16,1,.3,1); border-radius:2px;
}
.mnl:hover,.mnl.on { color:var(--navy); background:rgba(201,168,76,.08) }
.mnl:hover::before,.mnl.on::before { transform:scaleY(1) }
.mnl.on { font-weight:700 }
.mnl-ico { font-size:15px; width:22px; text-align:center; flex-shrink:0 }
.msep { height:1px; background:rgba(9,22,42,.07); margin:12px 0 }

.mbox { padding:18px; background:var(--navy); border-radius:6px; margin-top:20px; position:relative; overflow:hidden }
.mbox::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(to right,var(--gold),transparent) }
.mbox-t { font-size:9px; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:6px }
.mbox-v { font-size:11px; color:rgba(255,255,255,.45); line-height:1.6 }
.mbox-btn { display:block; margin-top:14px; padding:10px; background:var(--gold); border-radius:3px; font-size:9px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--ink); text-decoration:none; text-align:center; transition:background .3s }
.mbox-btn:hover { background:var(--goldL) }

/* ══════════════════════════════════════
   CONTENU
══════════════════════════════════════ */
.mcontent { padding:52px 0 80px 52px }

.msec { padding:48px 0 64px; border-bottom:1px solid rgba(9,22,42,.07) }
.msec:last-child { border-bottom:none; padding-bottom:0 }

.ms-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:36px; flex-wrap:wrap; gap:14px }
.ms-lbl { font-size:9px; font-weight:700; letter-spacing:5px; text-transform:uppercase; color:var(--gold); margin-bottom:9px; display:flex; align-items:center; gap:10px }
.ms-lbl::before { content:''; width:18px; height:1px; background:var(--gold) }
.ms-ttl { font-family:'Bebas Neue',sans-serif; font-size:clamp(34px,4vw,52px); line-height:.92; letter-spacing:1px; color:var(--navy) }
.ms-sub { font-family:'DM Serif Display',serif; font-size:13px; font-style:italic; color:#8FA0B4; margin-top:6px; max-width:360px; line-height:1.5 }
.ms-cnt { padding:7px 16px; border:1px solid rgba(201,168,76,.3); border-radius:20px; font-size:9px; letter-spacing:3px; text-transform:uppercase; color:var(--gold) }

/* ── Plat signature ── */
.pfeat {
  display:grid; grid-template-columns:1fr auto;
  gap:20px 32px; padding:28px;
  border:1px solid rgba(201,168,76,.18); border-radius:8px; margin-bottom:4px;
  background:linear-gradient(135deg,rgba(201,168,76,.04),rgba(9,22,42,.02));
  position:relative; overflow:hidden; transition:all .4s;
}
.pfeat::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(to right,var(--gold),transparent) }
.pfeat:hover { box-shadow:0 10px 48px rgba(201,168,76,.12) }
.pfeat-sig { position:absolute; top:14px; right:14px; padding:4px 12px; background:var(--gold); border-radius:20px; font-size:8px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--ink) }
.pfeat-img { width:110px; height:110px; border-radius:6px; overflow:hidden; flex-shrink:0; align-self:center }
.pfeat-img-f { width:100%; height:100%; background-size:cover; background-position:center; transition:transform .5s cubic-bezier(.16,1,.3,1) }
.pfeat:hover .pfeat-img-f { transform:scale(1.07) }

/* ── Liste plats ── */
.plist { display:flex; flex-direction:column }
.pi {
  display:grid; grid-template-columns:1fr auto;
  gap:12px 32px; padding:22px 0;
  border-bottom:1px solid rgba(9,22,42,.06);
  position:relative; transition:all .3s;
}
.pi::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:linear-gradient(to right,var(--gold),transparent); transition:width .5s cubic-bezier(.16,1,.3,1) }
.pi:hover::after { width:100% }
.pi:hover .pi-nm { color:var(--gold) }
.pi-top { display:flex; align-items:center; gap:8px; margin-bottom:4px; flex-wrap:wrap }
.pi-tag { font-size:9px; font-weight:700; letter-spacing:4px; text-transform:uppercase; color:var(--steel) }
.bdg { padding:2px 8px; border-radius:20px; font-size:8px; font-weight:700; letter-spacing:1px }
.bvg  { background:rgba(107,180,107,.1); color:#5a9e5a; border:1px solid rgba(107,180,107,.22) }
.bsig { background:var(--goldD); color:var(--gold); border:1px solid rgba(201,168,76,.22) }
.bnw  { background:rgba(91,120,185,.1); color:var(--steel); border:1px solid rgba(91,120,185,.22) }
.bhot { background:rgba(210,80,60,.09); color:#c45a40; border:1px solid rgba(210,80,60,.18) }
.pi-nm { font-family:'Cormorant Garamond',serif; font-size:clamp(17px,1.7vw,21px); font-weight:600; color:var(--navy); line-height:1.2; margin-bottom:5px; transition:color .3s }
.pi-desc { font-size:12px; color:#8FA0B4; line-height:1.65 }
.pi-alg { font-size:10px; color:#b0bfcc; margin-top:4px; font-style:italic }
.pi-r { display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:3px; flex-shrink:0 }
.pi-p { font-family:'Cormorant Garamond',serif; font-size:clamp(20px,1.8vw,26px); font-weight:500; color:var(--navy); white-space:nowrap }
.pi-pn { font-size:10px; color:#b0bfcc; text-align:right }

/* ── Grille accompagnements ── */
.acc-grid {
  display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:4px;
}
.acc-item {
  padding:16px 12px;
  background:#fff; border:1px solid rgba(9,22,42,.08); border-radius:6px;
  text-align:center; transition:all .3s;
}
.acc-item:hover { border-color:rgba(201,168,76,.3); transform:translateY(-2px); box-shadow:0 6px 24px rgba(9,22,42,.07) }
.acc-name { font-family:'Cormorant Garamond',serif; font-size:15px; font-weight:600; color:var(--navy); display:block; margin-bottom:4px }
.acc-price { font-family:'Cormorant Garamond',serif; font-size:17px; color:var(--gold); font-weight:500 }

/* ── Tapas à partager ── */
.tapas-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:4px }
.tapas-item {
  display:flex; justify-content:space-between; align-items:center;
  padding:20px 24px; background:#fff; border:1px solid rgba(9,22,42,.06);
  transition:all .3s; gap:16px;
}
.tapas-item:hover { background:var(--navy); }
.tapas-item:hover .tapas-name { color:#fff }
.tapas-item:hover .tapas-price { color:var(--gold) }
.tapas-name { font-family:'Cormorant Garamond',serif; font-size:18px; font-weight:600; color:var(--navy); transition:color .3s }
.tapas-price { font-family:'Cormorant Garamond',serif; font-size:22px; color:var(--gold); font-weight:300; flex-shrink:0; transition:color .3s }

/* ── Cocktails ── */
.ck-g { display:grid; grid-template-columns:1fr 1fr; gap:2px }
.ck { padding:24px; background:#fff; border:1px solid rgba(9,22,42,.06); transition:all .35s; position:relative; overflow:hidden }
.ck::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(to right,var(--gold),transparent); transform:scaleX(0); transition:transform .4s cubic-bezier(.16,1,.3,1) }
.ck:hover { background:var(--navy); transform:translateY(-2px); box-shadow:0 10px 36px rgba(9,22,42,.1) }
.ck:hover::after { transform:scaleX(1) }
.ck:hover .ck-nm,.ck:hover .ck-p { color:#fff }
.ck:hover .ck-d,.ck:hover .ck-a { color:rgba(255,255,255,.35) }
.ck:hover .ck-p { color:var(--gold) }
.ck-tag { font-size:9px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:6px }
.ck-nm { font-family:'Cormorant Garamond',serif; font-size:clamp(16px,1.5vw,20px); font-weight:600; color:var(--navy); transition:color .3s }
.ck-d  { font-size:11px; color:#8FA0B4; line-height:1.55; margin-top:5px; transition:color .3s }
.ck-ft { display:flex; justify-content:space-between; align-items:center; margin-top:14px; padding-top:12px; border-top:1px solid rgba(9,22,42,.06) }
.ck-p  { font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:500; color:var(--navy); transition:color .3s }
.ck-a  { font-size:10px; color:#b0bfcc; transition:color .3s }
.na-wrap { margin-top:12px; padding:24px; background:linear-gradient(135deg,rgba(107,138,176,.06),rgba(201,168,76,.03)); border-radius:6px; border:1px solid rgba(107,138,176,.14) }
.na-lbl { font-size:9px; font-weight:700; letter-spacing:5px; text-transform:uppercase; color:var(--steel); margin-bottom:16px; display:flex; align-items:center; gap:10px }
.na-lbl::before { content:''; width:16px; height:1px; background:var(--steel) }
.na-g { display:grid; grid-template-columns:1fr 1fr; gap:0 }
.nai { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; padding:12px 0; border-bottom:1px solid rgba(9,22,42,.05) }
.nai:last-child,.nai:nth-last-child(2) { border-bottom:none }
.nai-n { font-family:'Cormorant Garamond',serif; font-size:15px; font-weight:600; color:var(--navy) }
.nai-d { font-size:11px; color:#8FA0B4; margin-top:1px }
.nai-p { font-family:'Cormorant Garamond',serif; font-size:17px; color:var(--gold); font-weight:500; flex-shrink:0 }

/* ── Vins ── */
.vins-g { display:grid; grid-template-columns:1fr 1fr; gap:12px }
.vc { background:#fff; border-radius:6px; padding:24px; border:1px solid rgba(9,22,42,.07); transition:all .3s }
.vc:hover { box-shadow:0 8px 40px rgba(9,22,42,.07); border-color:rgba(201,168,76,.22) }
.vc-head { display:flex; align-items:center; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid rgba(9,22,42,.07) }
.vc-ico { font-size:20px }
.vc-ttl { font-family:'Bebas Neue',sans-serif; font-size:17px; letter-spacing:2px; color:var(--navy) }
.vc-sub { font-size:11px; color:#8FA0B4; margin-top:1px }
.vl { display:flex; flex-direction:column }
.vi { display:flex; justify-content:space-between; align-items:baseline; padding:10px 0; border-bottom:1px solid rgba(9,22,42,.05) }
.vi:last-child { border-bottom:none }
.vi-n { font-family:'Cormorant Garamond',serif; font-size:15px; font-weight:600; color:var(--navy) }
.vi-o { font-size:11px; color:#8FA0B4; margin-top:1px }
.vi-p  { font-family:'Cormorant Garamond',serif; font-size:16px; font-weight:500; color:var(--gold); flex-shrink:0; margin-left:16px; text-align:right }
.vi-ps { font-size:9px; color:#b0bfcc; margin-top:1px }

/* ── CTA ── */
.ctasec { background:var(--navy); border-radius:10px; padding:clamp(36px,5vw,68px); text-align:center; margin-top:64px; position:relative; overflow:hidden }
.ctasec::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); opacity:.04; pointer-events:none }
.cta-lbl { font-size:9px; font-weight:700; letter-spacing:5px; text-transform:uppercase; color:var(--gold); margin-bottom:12px; display:flex; align-items:center; justify-content:center; gap:10px }
.cta-lbl::before,.cta-lbl::after { content:''; width:18px; height:1px; background:var(--gold); opacity:.7 }
.cta-t  { font-family:'Cormorant Garamond',serif; font-size:clamp(34px,5vw,62px); font-weight:300; color:#fff; line-height:.95; margin-bottom:12px; position:relative; z-index:1 }
.cta-t em { font-style:italic; color:var(--gold) }
.cta-s  { font-family:'DM Serif Display',serif; font-size:clamp(13px,1.3vw,16px); font-style:italic; color:var(--sub); margin-bottom:34px; position:relative; z-index:1 }
.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; position:relative; z-index:1 }
.btn { display:inline-flex; align-items:center; gap:10px; padding:15px 34px; font-family:'Manrope',sans-serif; font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase; text-decoration:none; border-radius:3px; transition:all .4s cubic-bezier(.16,1,.3,1); border:none }
.btn-g  { background:var(--gold); color:var(--ink) }
.btn-g:hover  { background:var(--goldL); transform:translateY(-2px); box-shadow:0 14px 44px rgba(201,168,76,.35) }
.btn-gh { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.2) }
.btn-gh:hover { border-color:var(--gold); color:var(--gold); transform:translateY(-2px) }

/* ── Mobile nav ── */
.mobnav { display:none; overflow-x:auto; scrollbar-width:none; padding:0 clamp(16px,4vw,36px); background:#fff; position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(9,22,42,.07) }
.mobnav::-webkit-scrollbar { display:none }
.mnm { display:flex; gap:4px; white-space:nowrap; padding:10px 0 }
.mnm-b { padding:7px 16px; border-radius:20px; font-size:10px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#8FA0B4; border:1px solid rgba(9,22,42,.1); background:transparent; transition:all .3s; flex-shrink:0; cursor:pointer }
.mnm-b.on,.mnm-b:hover { background:var(--navy); color:var(--gold); border-color:var(--navy) }

/* ── Footer ── */
footer { background:var(--ink); padding:52px 0 0; border-top:1px solid rgba(201,168,76,.1) }
.ft { max-width:1360px; margin:0 auto; padding:0 clamp(24px,5vw,72px) 44px; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:36px }
.fb-lo { font-family:'Cormorant Garamond',serif; font-size:10px; letter-spacing:6px; text-transform:uppercase; color:var(--gold); margin-bottom:3px }
.fb-n  { font-family:'Bebas Neue',sans-serif; font-size:clamp(16px,1.8vw,22px); letter-spacing:4px; color:#fff; margin-bottom:12px }
.fb-d  { font-size:12px; color:rgba(255,255,255,.24); line-height:1.8; max-width:240px }
.fc h5 { font-size:9px; font-weight:700; letter-spacing:4px; text-transform:uppercase; color:var(--gold); margin-bottom:15px }
.fc a  { display:block; font-size:12px; color:rgba(255,255,255,.26); text-decoration:none; margin-bottom:10px; transition:color .3s }
.fc a:hover { color:var(--gold) }
.fbot { max-width:1360px; margin:0 auto; padding:18px clamp(24px,5vw,72px); border-top:1px solid rgba(255,255,255,.04); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; font-size:10px; color:rgba(255,255,255,.14) }

/* ── Boissons grid ── */
.boissons-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 16px;
}
.bois-col {
  background: #fff;
  border: 1px solid rgba(9,22,42,.07);
  border-radius: 8px;
  overflow: hidden;
}
.bois-title {
  padding: 14px 18px;
  background: var(--navy);
  font-family: 'Bebas Neue', sans-serif;
  font-size: 15px; letter-spacing: 2px;
  color: var(--gold);
  position: relative;
}
.bois-title::after {
  content: '';
  position: absolute; bottom: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(to right, var(--gold), transparent);
}
.bois-list { padding: 8px 0; }
.bois-item {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 18px;
  border-bottom: 1px solid rgba(9,22,42,.05);
  transition: background .2s;
}
.bois-item:last-child { border-bottom: none; }
.bois-item:hover { background: rgba(201,168,76,.04); }
.bois-name { font-size: 13px; color: var(--navy); font-weight: 500; }
.bois-price { font-family: 'Cormorant Garamond', serif; font-size: 16px; color: var(--gold); font-weight: 500; flex-shrink: 0; margin-left: 12px; }

@media(max-width:860px){ .boissons-grid { grid-template-columns: 1fr; } }
@media(max-width:1100px){ .boissons-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:1100px){ .page-layout{grid-template-columns:190px 1fr} .vins-g{grid-template-columns:1fr} .acc-grid{grid-template-columns:repeat(3,1fr)} .ft{grid-template-columns:1fr 1fr} }
@media(max-width:860px){
  .page-layout{grid-template-columns:1fr;padding:0 clamp(16px,4vw,36px)}
  .menu-nav{display:none} .mcontent{padding:28px 0 56px} .mobnav{display:block}
  .ck-g,.na-g{grid-template-columns:1fr} .hero-r{display:none}
  .ft{grid-template-columns:1fr 1fr} .pfeat{grid-template-columns:1fr} .pfeat-img{display:none}
  .acc-grid{grid-template-columns:repeat(2,1fr)} .tapas-grid{grid-template-columns:1fr}
}
@media(max-width:520px){ .vins-g{grid-template-columns:1fr} .cta-btns{flex-direction:column;align-items:center} .ft{grid-template-columns:1fr} .fbot{flex-direction:column;text-align:center} .acc-grid{grid-template-columns:1fr 1fr} }/* End custom CSS */