/* Instafood · TRAIN H · if-core-v114854.min.css purgé (14 pages types ×2 viewports + safelist parc). Cascade conservée. */
:root { --noir: #0a0a0a; --noir-2: #161412; --noir-3: #1f1c19; --brique: #2a201a; --cheddar: #ffb100; --cheddar-clair: #ffe18a; --cheddar-fonce: #d67b00; --rouge: #c8421c; --rouge-clair: #e85a35; --creme: #f4ede4; --creme-2: #d8cdb8; --vert: #34a853; --font-chunk: 'Bagel Fat One','Impact',sans-serif; --font-display: 'Anton','Impact',sans-serif; --font-hand: 'Caveat',cursive; --font-body: 'Manrope',system-ui,sans-serif; --max: 1400px; --easing: cubic-bezier(.7,.05,.2,1); }*, ::before, ::after { box-sizing: border-box; margin: 0px; padding: 0px; }html { scroll-behavior: smooth; text-size-adjust: 100%; scroll-padding-top: 90px; }body { background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--creme); font-family: var(--font-body); line-height: 1.5; overflow-x: hidden; -webkit-font-smoothing: antialiased; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='120' viewBox='0 0 240 120'><rect width='100%25' height='100%25' fill='%23161412'/><g fill='none' stroke='%23000' stroke-width='2' opacity='.6'><path d='M0,40 L240,40 M0,80 L240,80'/><path d='M60,0 L60,40 M180,0 L180,40 M0,40 L0,80 M120,40 L120,80 M240,40 L240,80 M60,80 L60,120 M180,80 L180,120'/></g><g fill='%23000' opacity='.25'><rect x='0' y='0' width='60' height='40'/><rect x='120' y='0' width='60' height='40' fill='%23090807' opacity='.5'/><rect x='180' y='40' width='60' height='40' opacity='.6'/><rect x='60' y='80' width='60' height='40' opacity='.5'/></g></svg>"); background-size: 240px 120px; }img { display: block; max-width: 100%; height: auto; }a { color: inherit; text-decoration: none; }button { cursor: pointer; font-family: inherit; border: none; }.grain { position: fixed; inset: 0px; pointer-events: none; z-index: 9998; opacity: 0.05; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }.nav { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; padding: 14px clamp(16px, 4vw, 48px); display: flex; align-items: center; justify-content: space-between; transition: transform .35s var(--easing),opacity .35s var(--easing),background-color .35s var(--easing),border-color .35s var(--easing),color .35s var(--easing),box-shadow .35s var(--easing); background: linear-gradient(rgba(10, 10, 10, 0.92) 0%, rgba(10, 10, 10, 0) 100%); }.nav.scrolled { background: rgba(10, 10, 10, 0.92); backdrop-filter: blur(14px); border-bottom: 2px solid var(--cheddar); padding: 10px clamp(16px, 4vw, 48px); }.nav__logo { font-family: var(--font-chunk); font-size: 1.5rem; color: var(--creme); display: flex; align-items: center; gap: 10px; background: var(--noir); padding: 4px 14px; border-radius: 6px; box-shadow: 0 2px 0 var(--cheddar); }.nav__logo strong { color: var(--cheddar); }.nav__links { display: flex; gap: 28px; align-items: center; }.nav__links a { font-size: 0.78rem; letter-spacing: 0.15em; text-transform: uppercase; font-weight: 700; position: relative; padding: 6px 0px; transition: color 0.25s; }.nav__links a::after { content: ""; position: absolute; left: 50%; bottom: 0px; width: 0px; height: 2px; background: var(--cheddar); transition: transform .35s var(--easing),opacity .35s var(--easing),background-color .35s var(--easing),border-color .35s var(--easing),color .35s var(--easing),box-shadow .35s var(--easing); }.nav__links a:hover, .nav__links a.active { color: var(--cheddar); }.nav__links a:hover::after, .nav__links a.active::after { width: 100%; left: 0px; }.nav__cta { background: var(--cheddar); color: var(--noir); padding: 11px 20px; font-weight: 800; font-size: 0.76rem; letter-spacing: 0.12em; text-transform: uppercase; border-radius: 999px; transition: transform .3s var(--easing),opacity .3s var(--easing),background-color .3s var(--easing),border-color .3s var(--easing),color .3s var(--easing),box-shadow .3s var(--easing); display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 0 var(--cheddar-fonce); }.nav__cta:hover { transform: translateY(-2px); box-shadow: 0 6px 0 var(--cheddar-fonce); background: var(--cheddar-clair); }.nav__burger { display: none; background: transparent; color: var(--creme); font-size: 1.5rem; padding: 6px; }
@media (max-width: 980px){.nav__links { display: none; }.nav__burger { display: block; }.nav__cta { padding: 10px 16px; font-size: 0.7rem; }.nav__links.open { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0px; right: 0px; background: var(--noir-2); padding: 20px; gap: 16px; border-bottom: 2px solid var(--cheddar); }}
.btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; border-radius: 999px; transition: transform .3s var(--easing),opacity .3s var(--easing),background-color .3s var(--easing),border-color .3s var(--easing),color .3s var(--easing),box-shadow .3s var(--easing); cursor: pointer; text-align: center; justify-content: center; }.btn--primary { background: var(--cheddar); color: var(--noir); box-shadow: 0 5px 0 var(--cheddar-fonce); }.btn--primary:hover { transform: translateY(-2px); box-shadow: 0 7px 0 var(--cheddar-fonce); background: var(--cheddar-clair); }.btn--ghost { background: transparent; color: var(--creme); border: 2px solid var(--creme); }.btn--ghost:hover { background: var(--creme); color: var(--noir); }.btn.arrow { transition: transform.3s var(--easing); }.btn:hover.arrow { transform: translateX(4px); }.hero { position: relative; min-height: 92svh; overflow: hidden; isolation: isolate; display: flex; align-items: flex-end; padding: 0px; }.hero__bg { position: absolute; inset: 0px; z-index: 0; background-image: image-set(url("posters/hero-banner.webp") 1x type("image/webp"), url("posters/hero-banner.webp") 1x type("image/png")); background-size: cover; background-position: center center; background-repeat: no-repeat; }.hero__bg::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(10, 10, 10, 0.18) 0%, rgba(10, 10, 10, 0.05) 35%, rgba(10, 10, 10, 0.55) 80%, rgba(10, 10, 10, 0.92) 100%); z-index: 1; }.hero__bg::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(10, 10, 10, 0.88) 0%, rgba(10, 10, 10, 0.65) 18%, rgba(10, 10, 10, 0.25) 38%, rgba(10, 10, 10, 0) 55%); z-index: 2; }@keyframes cheddarFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(1px); }
}@keyframes cheddarGlow { 
  0% { opacity: 0.72; transform: translateY(0px); }
  100% { opacity: 0.96; transform: translateY(2px); }
}@keyframes cheddarSplash { 
  0%, 100% { transform: translateY(0px) scale(1); opacity: 0.72; }
  50% { transform: translateY(-2px) scale(1.08); opacity: 0.95; }
}@keyframes cheddarDrop { 
  0%, 100% { transform: translateY(0px) scaleY(1); opacity: 0.78; }
  35% { transform: translateY(6px) scaleY(1.12); opacity: 0.95; }
  55% { transform: translateY(11px) scaleY(1.25); opacity: 1; }
  75% { transform: translateY(4px) scaleY(0.96); opacity: 0.88; }
}.hero__badge { display: inline-flex; align-items: center; gap: 10px; background: var(--cheddar); color: var(--noir); padding: 8px 18px; border-radius: 999px; font-size: 0.72rem; letter-spacing: 0.2em; font-weight: 800; text-transform: uppercase; margin-bottom: 22px; width: fit-content; box-shadow: 0 4px 0 var(--cheddar-fonce); animation: fadeUp 1s var(--easing).3s both; }.hero__badge::before { content: ""; width: 8px; height: 8px; background: var(--noir); border-radius: 50%; animation: 1.6s ease 0s infinite normal none running blink; }@keyframes blink { 
  50% { opacity: 0.3; }
}.hero__title { font-family: var(--font-chunk); font-size: clamp(3.2rem, 10vw, 8rem); line-height: 0.85; color: var(--creme); text-transform: uppercase; letter-spacing: -0.02em; text-shadow: 3px 3px 0 var(--noir),-1px -1px 0 var(--noir),6px 6px 0 var(--cheddar-fonce),0 20px 60px rgba(0,0,0,.6); animation: fadeUp 1.2s var(--easing).5s both; margin: 0px; }.hero__title.insta { display: block; color: var(--creme); }.hero__title.food { display: block; color: var(--cheddar); margin-top: 4px; }.hero__title em { display: block; font-family: var(--font-hand); font-style: normal; font-weight: 700; color: var(--cheddar-clair); font-size: 0.26em; letter-spacing: 0px; margin-top: 14px; text-transform: none; text-shadow: 2px 2px 0 var(--noir); transform: rotate(-2deg); opacity: 0.95; }.hero__sub { font-size: clamp(0.98rem, 1.2vw, 1.12rem); max-width: 580px; margin-top: 26px; color: var(--creme); line-height: 1.65; animation: fadeUp 1s var(--easing).8s both; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 12px; }.hero__sub strong { color: var(--cheddar); font-weight: 800; }.hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; animation: fadeUp 1s var(--easing) 1s both; }@keyframes fadeUp { 
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@media (max-width: 920px){.hero { min-height: auto; padding: 0px; }.hero__bg { background: linear-gradient(rgba(10, 10, 10, 0.55) 0%, rgba(10, 10, 10, 0.85) 100%), image-set(url("posters/hero-banner.webp") 1x type("image/webp"), url("posters/hero-banner.webp") 1x type("image/png")) center center / cover no-repeat; }.hero__bg::before { background: linear-gradient(rgba(10, 10, 10, 0.55) 0%, rgba(10, 10, 10, 0.65) 100%); }.hero__sub { margin-left: auto; margin-right: auto; }.hero__ctas { justify-content: center; }.hero__logo { max-width: 200px; }.hero__title em { font-size: 0.32em; }.hero__badge { font-size: 0.62rem; padding: 6px 14px; letter-spacing: 0.14em; }}
@media (max-width: 480px){.hero__logo { max-width: 160px; }.hero__title { font-size: clamp(2.6rem, 13vw, 4.2rem); }.hero__badge { font-size: 0.55rem; padding: 5px 11px; }}
.marquee__track.dot { display: inline-block; width: 12px; height: 12px; background: var(--noir); border-radius: 50%; flex-shrink: 0; }@keyframes marquee { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}.marquee--rouge.dot { background: var(--noir); }.section { padding: clamp(60px, 8vw, 120px) clamp(16px, 4vw, 48px); max-width: var(--max); margin: 0px auto; }section[id] { scroll-margin-top: 90px; }.howto[id], #commander, #carte, #avis, #location, #franchise, #histoire, #compose { scroll-margin-top: 90px; }
@media (max-width: 768px){section[id] { scroll-margin-top: 70px; }}
.section__head { text-align: center; max-width: 800px; margin: 0px auto clamp(40px, 6vw, 80px); padding: 0px 16px; }.section__eyebrow { display: inline-block; font-family: var(--font-hand); color: var(--cheddar); font-size: 1.4rem; font-weight: 700; margin-bottom: 8px; transform: rotate(-2deg); }.section__title { font-family: var(--font-chunk); font-size: clamp(2.4rem, 6vw, 5.2rem); line-height: 0.9; text-transform: uppercase; color: var(--creme); letter-spacing: -0.005em; text-shadow: 4px 4px 0 var(--noir),6px 6px 0 var(--cheddar-fonce); }.section__title em { font-style: normal; background: linear-gradient(rgb(255, 242, 190) 0%, rgb(255, 216, 105) 26%, rgb(245, 166, 35) 62%, rgb(217, 132, 0) 100%) text; color: transparent; text-shadow: rgba(0, 0, 0, 0.55) 2px 2px 0px, rgba(245, 166, 35, 0.18) 0px 0px 14px; }.section__sub { margin-top: 20px; color: var(--creme-2); font-size: 1.02rem; line-height: 1.65; max-width: 600px; margin-left: auto; margin-right: auto; }.section__sub strong { color: var(--cheddar); }.menu-tab.active { background: var(--cheddar); color: var(--noir); border-color: var(--cheddar); box-shadow: 0 4px 0 var(--cheddar-fonce); }.compose { background: var(--noir); border-radius: 24px; padding: clamp(28px, 4vw, 48px); margin: 0px auto; max-width: 1200px; border: 3px solid var(--cheddar); box-shadow: rgba(245, 166, 35, 0.1) 0px 0px 80px; }.tier:hover, .tier.active { border-color: var(--cheddar); transform: translateY(-4px); }.tier.active { box-shadow: rgba(245, 166, 35, 0.25) 0px 8px 24px; }.tier.active::before { content: "✓"; position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; background: var(--cheddar); color: var(--noir); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; border: 2px solid var(--noir); z-index: 3; }.options.free { font-weight: 700; color: var(--vert) !important; font-family: var(--font-body) !important; font-size: 0.74rem !important; }.faq { max-width: 900px; margin: 0px auto; }.faq-item { background: var(--noir-2); border: 2px solid var(--noir-3); border-radius: 14px; margin-bottom: 12px; overflow: hidden; transition: border-color 0.3s; }.faq-item:hover { border-color: var(--cheddar-fonce); }.faq-item[open] { border-color: var(--cheddar); }.faq-item summary { padding: 18px 24px; font-family: var(--font-chunk); font-size: 1.05rem; color: var(--creme); cursor: pointer; display: flex; justify-content: space-between; align-items: center; list-style: none; letter-spacing: 0.01em; }.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary::after { content: "+"; font-size: 1.4rem; color: var(--cheddar); transition: transform 0.3s; flex-shrink: 0; margin-left: 12px; }.faq-item[open] summary::after { transform: rotate(45deg); }.faq-item__body { padding: 0px 24px 20px; color: var(--creme-2); font-size: 0.95rem; line-height: 1.65; }.faq-item__body strong { color: var(--cheddar); }.faq-item__body a { color: var(--cheddar); text-decoration: underline; }.facts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 16px; max-width: 1200px; margin: 0px auto; }.fact-card { background: var(--noir-2); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 4px solid var(--cheddar); border-radius: 12px; padding: 20px 24px; transition: transform .3s var(--easing),opacity .3s var(--easing),background-color .3s var(--easing),border-color .3s var(--easing),color .3s var(--easing),box-shadow .3s var(--easing); }.fact-card:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: var(--cheddar); transform: translateY(-3px); box-shadow: rgba(245, 166, 35, 0.12) 0px 10px 30px; }.fact-card__label { font-family: var(--font-body); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.18em; color: var(--cheddar); font-weight: 800; margin-bottom: 8px; }.fact-card__value { font-family: var(--font-chunk); font-size: 1.35rem; color: var(--creme); letter-spacing: 0.005em; line-height: 1.1; margin-bottom: 6px; }.fact-card__value a { color: inherit; transition: color 0.2s; }.fact-card__value a:hover { color: var(--cheddar); }.fact-card__detail { color: var(--creme-2); font-size: 0.85rem; line-height: 1.55; }@keyframes avisScroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}.avis { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; }.location { background: var(--noir-2); padding: clamp(60px, 8vw, 110px) clamp(16px, 4vw, 48px); }.newsletter__form { max-width: 540px; margin: 0px auto; position: relative; display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }.newsletter__form input { padding: 14px 20px; background: var(--noir); color: var(--creme); border: 3px solid var(--noir); outline: none; font-family: inherit; font-size: 0.92rem; border-radius: 12px; transition: border-color 0.3s; }.newsletter__form input:focus { border-color: var(--cheddar-fonce); }.newsletter__form input::placeholder { color: var(--creme-2); opacity: 0.7; }.newsletter__form input[type="email"] { grid-column: 1 / -1; }.newsletter__form button { padding: 14px 24px; background: var(--noir); color: var(--cheddar); font-weight: 800; font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase; transition: transform 0.3s, opacity 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s; border-radius: 12px; grid-column: 1 / -1; margin-top: 4px; }.newsletter__form button:hover { background: rgb(26, 26, 26); transform: translateY(-2px); }.newsletter__form button:disabled { opacity: 0.6; cursor: not-allowed; }.newsletter__success.show { display: block; animation: 0.5s ease 0s 1 normal none running fadeUp; }.newsletter__legal { margin-top: 14px; font-size: 0.72rem; opacity: 0.7; }.franchise { position: relative; padding: clamp(70px, 11vw, 150px) clamp(16px, 4vw, 48px); background: linear-gradient(rgba(10, 10, 10, 0.88), rgba(10, 10, 10, 0.95)), url("posters/menu-overview.webp") center center / cover; isolation: isolate; }.franchise h2 { font-family: var(--font-chunk); font-size: clamp(2.4rem, 6.5vw, 5.5rem); line-height: 0.88; text-transform: uppercase; text-shadow: 4px 4px 0 var(--noir),6px 6px 0 var(--cheddar-fonce); }.franchise h2 em { font-style: normal; color: var(--cheddar); }.franchise p { font-size: 1.02rem; line-height: 1.65; color: var(--creme-2); margin-bottom: 20px; }.franchise__cities li.open span { background: var(--vert); color: var(--creme); }.footer { background: var(--noir); padding: 60px clamp(16px, 4vw, 48px) 28px; border-top: 4px solid var(--cheddar); }.reveal { opacity: 0; transform: translateY(30px); transition: opacity.9s var(--easing),transform.9s var(--easing); }.reveal.in { opacity: 1; transform: translateY(0px); }.reveal--d1 { transition-delay: 0.1s; }.reveal--d2 { transition-delay: 0.2s; }.reveal--d3 { transition-delay: 0.3s; }::selection { background: var(--cheddar); color: var(--noir); }::-webkit-scrollbar { width: 10px; }::-webkit-scrollbar-track { background: var(--noir); }::-webkit-scrollbar-thumb { background: var(--cheddar-fonce); border-radius: 5px; }::-webkit-scrollbar-thumb:hover { background: var(--cheddar); }.fab { position: fixed; bottom: 18px; right: 18px; z-index: 80; background: var(--cheddar); color: var(--noir); border-radius: 999px; padding: 12px 18px; font-family: var(--font-chunk); font-size: 0.95rem; box-shadow: 0 8px 24px rgba(0,0,0,.5),0 4px 0 var(--cheddar-fonce); transition: transform 0.3s, opacity 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s; display: none; }.fab:hover { background: var(--cheddar-clair); transform: translateY(-2px); }
@media (max-width: 980px){.fab { display: inline-flex; align-items: center; gap: 6px; }}
.wa-float { position: fixed; bottom: 22px; left: 22px; z-index: 90; width: 60px; height: 60px; background: rgb(37, 211, 102); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; box-shadow: rgba(37, 211, 102, 0.45) 0px 6px 20px, rgba(0, 0, 0, 0.3) 0px 2px 8px; transition: transform .3s var(--easing),opacity .3s var(--easing),background-color .3s var(--easing),border-color .3s var(--easing),color .3s var(--easing),box-shadow .3s var(--easing); animation: 2s ease 0s infinite normal none running waPulse; }.wa-float:hover { transform: scale(1.1) rotate(-5deg); box-shadow: rgba(37, 211, 102, 0.6) 0px 10px 30px; }.wa-float svg { width: 32px; height: 32px; fill: white; }.wa-float:hover.wa-float__label { opacity: 1; transform: translateY(-50%) translateX(105%); }@keyframes waPulse { 
  0%, 100% { box-shadow: rgba(37, 211, 102, 0.45) 0px 6px 20px, rgba(0, 0, 0, 0.3) 0px 2px 8px, rgba(37, 211, 102, 0.5) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(37, 211, 102, 0.45) 0px 6px 20px, rgba(0, 0, 0, 0.3) 0px 2px 8px, rgba(37, 211, 102, 0) 0px 0px 0px 14px; }
}
@media (max-width: 600px){.wa-float { width: 54px; height: 54px; bottom: 16px; left: 16px; }.wa-float svg { width: 28px; height: 28px; }}
.cookie-banner.visible { transform: translateY(0px); }.cookie-modal.visible { opacity: 1; pointer-events: auto; }.cookie-toggle__switch.active { background: var(--cheddar); }.cookie-toggle__switch.active::after { transform: translateX(20px); }.cookie-toggle__switch.disabled { opacity: 0.5; cursor: not-allowed; background: var(--cheddar-fonce); }.newsletter__consent { background: var(--noir-2); border: 1px solid var(--noir-3); border-radius: 12px; padding: 14px 18px; margin: 14px auto 16px; max-width: 500px; text-align: left; font-size: 0.78rem; color: var(--creme-2); line-height: 1.5; display: flex; gap: 12px; align-items: flex-start; }.newsletter__consent input[type="checkbox"] { margin-top: 3px; flex-shrink: 0; accent-color: var(--cheddar); width: 18px; height: 18px; cursor: pointer; }.newsletter__consent label { cursor: pointer; }.newsletter__consent a { color: var(--cheddar); text-decoration: underline; }
@media (max-width: 768px){.section { padding: 50px 16px; }.section__head { margin-bottom: 32px; }.section__title { font-size: clamp(2rem, 8vw, 2.8rem) !important; }.facts-grid { grid-template-columns: 1fr; gap: 12px; }.fact-card { padding: 16px 20px; }.fact-card__value { font-size: 1.15rem; }.compose { padding: 22px 18px; border-width: 2px; border-radius: 18px; }.location { padding: 60px 16px; }.newsletter__form { grid-template-columns: 1fr; }.newsletter__form input, .newsletter__form button { padding: 13px 18px; font-size: 0.88rem; }.franchise { padding: 60px 16px; }.franchise h2 { font-size: clamp(1.9rem, 7vw, 3rem); }.footer { padding: 50px 16px 24px; }.local-hero { padding: 110px 18px 40px; }.local-hero h1 { font-size: clamp(2rem, 8vw, 3rem); }.local-hero p { font-size: 0.95rem; }.faq-item summary { font-size: 0.92rem; padding: 14px 18px; }.faq-item__body { padding: 0px 18px 16px; font-size: 0.88rem; }.fab { bottom: 14px; right: 14px; padding: 10px 16px; font-size: 0.85rem; }.nav { padding: 12px 14px; }.nav__cta { padding: 8px 12px; font-size: 0.65rem; letter-spacing: 0.08em; }.nav__logo { font-size: 1.2rem; padding: 4px 10px; }}
@media (max-width: 480px){.section__title { font-size: clamp(1.7rem, 8vw, 2.4rem) !important; }.local-hero h1 { font-size: clamp(1.8rem, 9vw, 2.5rem); }.btn { padding: 12px 18px; font-size: 0.72rem; }}
.lightbox { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.95); z-index: 9999; display: none; align-items: center; justify-content: center; padding: 30px 20px; cursor: zoom-out; }.lightbox.open { display: flex; animation: 0.25s ease 0s 1 normal none running fadeIn; }.lightbox img { max-width: 100%; max-height: 92vh; object-fit: contain; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 80px; }.local-hero { padding: 130px clamp(16px, 4vw, 48px) 50px; text-align: center; background: linear-gradient(rgba(10, 10, 10, 0.85), rgba(10, 10, 10, 0.95)), url("../assets/posters/cat-tacos.webp") center center / cover; position: relative; isolation: isolate; border-bottom: 4px solid var(--cheddar); }.local-hero h1 { font-family: var(--font-chunk); font-size: clamp(2.4rem, 6.5vw, 5.5rem); line-height: 0.9; text-transform: uppercase; margin-bottom: 16px; text-shadow: 4px 4px 0 var(--noir),6px 6px 0 var(--cheddar-fonce); }.local-hero h1 em { font-style: normal; color: var(--cheddar); }.local-hero p { max-width: 700px; margin: 0px auto 24px; font-size: 1.05rem; line-height: 1.65; color: var(--creme-2); }.local-hero p strong { color: var(--cheddar); }.breadcrumb { display: flex; justify-content: center; gap: 8px; font-size: 0.8rem; color: var(--creme-2); margin-bottom: 14px; letter-spacing: 0.05em; }.breadcrumb a { color: var(--cheddar); }.breadcrumb a:hover { text-decoration: underline; }.btn--primary { position: relative; overflow: hidden; isolation: isolate; }.btn--primary::after { content: ""; position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent); transition: left 0.6s; z-index: -1; }.btn--primary:hover::after { left: 100%; }.nav__cta:hover { box-shadow: rgba(245, 166, 35, 0.55) 0px 0px 25px, rgba(0, 0, 0, 0.3) 0px 6px 20px; transform: translateY(-2px); }@keyframes rotateDash { 
  100% { transform: rotate(360deg); }
}.fact-card { background: linear-gradient(135deg,var(--noir-2) 0%,rgba(20,20,20,.95) 100%); position: relative; overflow: hidden; }.fact-card::before { content: ""; position: absolute; top: 0px; right: 0px; width: 80px; height: 80px; background: radial-gradient(circle at right top, rgba(245, 166, 35, 0.1) 0%, transparent 70%); pointer-events: none; }.section + .section, section + section { position: relative; }
@media (max-width: 480px){.hero__badge { margin: 0px auto 14px; max-width: fit-content; }}
.newsletter__form input { background: rgba(255, 255, 255, 0.95); color: var(--noir); font-weight: 600; }.newsletter__form input::placeholder { color: rgba(0, 0, 0, 0.5); font-weight: 500; }.newsletter__form input:focus { background: rgb(255, 255, 255); outline: 3px solid var(--noir); outline-offset: 2px; }.newsletter__consent { background: rgba(0, 0, 0, 0.85); color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.15); }.newsletter__consent label { color: rgba(255, 255, 255, 0.92); }.newsletter__consent strong { color: var(--cheddar-clair); }.newsletter__consent a { color: var(--cheddar-clair); }html { scroll-behavior: smooth; }::selection { background: var(--cheddar); color: var(--noir); }
@media (hover: hover){::-webkit-scrollbar { width: 10px; height: 10px; }::-webkit-scrollbar-track { background: var(--noir); }::-webkit-scrollbar-thumb { background: var(--cheddar-fonce); border-radius: 5px; }::-webkit-scrollbar-thumb:hover { background: var(--cheddar); }}
[dir="rtl"] { text-align: right; }[dir="rtl"].nav__links { flex-direction: row-reverse; }[dir="rtl"].hero__title { text-align: right; direction: rtl; }[dir="rtl"].hero__sub { text-align: right; }[dir="rtl"].hero__ctas { flex-direction: row-reverse; }[dir="rtl"].wa-float { right: 22px; left: auto; }[dir="rtl"].fab { left: 18px; right: auto; }[dir="rtl"].nav { direction: rtl; }[dir="rtl"].breadcrumb { direction: rtl; }[dir="rtl"].arrow { transform: rotate(180deg); display: inline-block; }[dir="rtl"].btn.arrow { margin-right: 6px; margin-left: 0px; }[dir="rtl"].stat__num, [dir="rtl"].fact-card__value { direction: ltr; text-align: left; }.nav__logo { gap: 12px; text-decoration: none; transition: transform .3s var(--easing),opacity .3s var(--easing),background-color .3s var(--easing),border-color .3s var(--easing),color .3s var(--easing),box-shadow .3s var(--easing); width: fit-content; max-width: max-content; display: inline-flex !important; align-items: center !important; padding: 5px 16px 5px 5px !important; background: rgba(0, 0, 0, 0.5) !important; border-radius: 999px !important; border: 1.5px solid rgba(245, 166, 35, 0.3) !important; }.nav__logo:hover { box-shadow: rgba(245, 166, 35, 0.25) 0px 4px 16px; border-color: var(--cheddar) !important; background: rgba(0, 0, 0, 0.75) !important; }.nav__logo-mascots { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; object-position: center top; background: var(--cheddar); border: 2px solid var(--cheddar); box-shadow: rgba(245, 166, 35, 0.5) 0px 2px 8px; transition: transform.3s var(--easing); flex-shrink: 0; }.nav__logo:hover .nav__logo-mascots { transform: rotate(-12deg) scale(1.1); }.nav__logo-text { font-family: var(--font-chunk); font-size: 1.5rem; color: var(--creme); letter-spacing: -0.01em; line-height: 1; display: flex; flex-direction: column; align-items: flex-start; }.nav__logo-text strong { color: var(--cheddar); font-weight: inherit; }.nav__logo-text::after { content: "RABAT"; font-size: 0.55rem; letter-spacing: 0.25em; color: var(--creme-2); font-family: var(--font-body); font-weight: 800; margin-top: 2px; }
@media (max-width: 600px){.nav__logo { gap: 8px; padding: 4px 10px 4px 4px !important; }.nav__logo-mascots { width: 36px; height: 36px; border-width: 1.5px; }.nav__logo-text { font-size: 1.1rem; }.nav__logo-text::after { font-size: 0.48rem; letter-spacing: 0.2em; }}
@media (max-width: 380px){.nav__logo-text { font-size: 0.95rem; }.nav__logo-mascots { width: 32px; height: 32px; }.nav__logo-text::after { display: none; }}
.hero__bg { background-position: center center !important; background-size: cover !important; }
@media (max-width: 768px){.hero__bg { background-position: 65% center !important; }}
.hero__badge, .hero__title, .hero__sub, .hero__ctas, .hero__rating-row, .hero__instagram { opacity: 1 !important; }
@media (prefers-reduced-motion: reduce){.hero__badge, .hero__title, .hero__sub, .hero__ctas, .hero__rating-row, .hero__instagram { animation: auto ease 0s 1 normal none running none !important; transform: none !important; opacity: 1 !important; }}
@media (max-width: 768px){.nav { align-items: center; justify-content: space-between; gap: 8px; display: flex !important; padding: 10px 12px !important; }.nav__logo { flex-shrink: 1; min-width: 0px; max-width: 60% !important; }.nav__cta { flex-shrink: 0; padding: 8px 14px !important; font-size: 0.68rem !important; letter-spacing: 0.06em !important; }.nav__burger { flex-shrink: 0; }}
@media (max-width: 480px){.nav__logo-text { font-size: 1rem !important; }.nav__logo-mascots { width: 32px !important; height: 32px !important; }.nav__logo-text::after { display: none !important; }.nav__cta { padding: 7px 12px !important; font-size: 0.62rem !important; }}
.hero { background-color: rgb(26, 26, 26); }.hero__bg { will-change: auto; background-color: rgb(42, 42, 42); }
@media (max-width: 768px){.hero { min-height: 88svh !important; }.hero__title { font-size: clamp(2.6rem, 14vw, 4.5rem) !important; }.hero__sub { font-size: 0.92rem !important; max-width: 100% !important; }}
.fab--maps { right: auto; left: 18px; background: var(--noir); color: var(--creme); border: 2px solid var(--cheddar); box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 24px; display: none; text-decoration: none; }.fab--maps:hover { background: var(--cheddar); color: var(--noir); }
@media (max-width: 980px){.fab--maps { align-items: center; gap: 6px; bottom: 18px; display: inline-flex !important; left: 86px !important; }}
@media (max-width: 980px) and (max-width: 480px){.wa-float { bottom: 80px !important; }}
.page-hero { position: relative; padding: clamp(120px, 14vw, 180px) clamp(20px, 5vw, 60px) clamp(60px, 8vw, 100px); background: linear-gradient(135deg,var(--noir) 0%,#1a1a1a 100%); border-bottom: 4px solid var(--cheddar); text-align: center; overflow: hidden; }.page-hero::before { content: ""; position: absolute; inset: 0px; background-image: radial-gradient(circle at 20% 50%, rgba(245, 166, 35, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 30%, rgba(245, 166, 35, 0.06) 0%, transparent 50%); pointer-events: none; }.page-hero__inner { position: relative; z-index: 2; max-width: 900px; margin: 0px auto; }.page-hero__eyebrow { display: inline-block; background: var(--cheddar); color: var(--noir); padding: 6px 16px; border-radius: 999px; font-size: 0.72rem; letter-spacing: 0.15em; font-weight: 800; text-transform: uppercase; margin-bottom: 24px; }.page-hero__title { font-family: var(--font-chunk); font-size: clamp(2.4rem, 7vw, 5.5rem); line-height: 0.92; color: var(--creme); letter-spacing: -0.015em; margin: 0px 0px 24px; text-shadow: 3px 3px 0 var(--noir),6px 6px 0 var(--cheddar-fonce); }.page-hero__title em { font-family: var(--font-hand); font-style: normal; color: var(--cheddar-clair); font-size: 0.95em; text-transform: none; letter-spacing: 0px; display: inline-block; transform: rotate(-2deg); }.page-hero__lead { font-size: clamp(1rem, 1.4vw, 1.18rem); line-height: 1.65; color: var(--creme); max-width: 720px; margin: 0px auto 32px; }.page-hero__lead strong { color: var(--cheddar); font-weight: 800; }.page-hero__ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }.breadcrumb { background: var(--noir-2); padding: 12px clamp(16px, 4vw, 48px); border-bottom: 1px solid rgba(245, 166, 35, 0.15); font-size: 0.85rem; }.breadcrumb ol { list-style: none; display: flex; gap: 10px; align-items: center; padding: 0px; max-width: var(--max); margin: 0px auto; flex-wrap: wrap; }.breadcrumb li { color: var(--creme-2); display: flex; align-items: center; gap: 10px; }.breadcrumb li:not(:last-child)::after { content: "›"; color: var(--cheddar); margin-left: 10px; }.breadcrumb a { color: var(--creme-2); text-decoration: none; transition: color 0.2s; }.breadcrumb a:hover { color: var(--cheddar); }.breadcrumb li:last-child { color: var(--creme); font-weight: 600; }.page-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 60px); align-items: center; max-width: var(--max); margin: 0px auto; }.page-grid__media { margin: 0px; border-radius: 24px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 50px; position: relative; }.page-grid__media img, .page-grid__media picture img { width: 100%; height: auto; display: block; aspect-ratio: 1 / 1; object-fit: cover; }.page-grid__content h2 { margin-top: 8px; }
@media (max-width: 768px){.page-grid { grid-template-columns: 1fr; }}
.feature-list { list-style: none; padding: 0px; margin: 24px 0px; }.feature-list li { padding: 12px 0px 12px 32px; position: relative; color: var(--creme); font-size: 1rem; line-height: 1.6; border-bottom: 1px solid rgba(245, 166, 35, 0.08); }.feature-list li::before { content: "✓"; position: absolute; left: 0px; top: 14px; color: var(--noir); background: var(--cheddar); width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.8rem; }.feature-list li strong { color: var(--cheddar); }.info-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; max-width: var(--max); margin: 0px auto; }.info-card { background: var(--noir-2); border: 1px solid rgba(245, 166, 35, 0.15); border-radius: 16px; padding: 24px; transition: transform .3s var(--easing),opacity .3s var(--easing),background-color .3s var(--easing),border-color .3s var(--easing),color .3s var(--easing),box-shadow .3s var(--easing); }.info-card:hover { border-color: rgba(245, 166, 35, 0.4); transform: translateY(-3px); box-shadow: rgba(245, 166, 35, 0.1) 0px 12px 30px; }.info-card h3 { font-family: var(--font-chunk); color: var(--cheddar); font-size: 1.2rem; margin: 0px 0px 12px; letter-spacing: -0.01em; }.info-card p { color: var(--creme); margin: 0px; line-height: 1.6; font-size: 0.95rem; }.info-card strong { color: var(--cheddar); }.info-card a { color: var(--cheddar); }.faq-list { max-width: 900px; margin: 0px auto; }.faq-item { background: var(--noir-2); border: 1px solid rgba(245, 166, 35, 0.12); border-radius: 12px; margin-bottom: 12px; overflow: hidden; transition: transform 0.25s, opacity 0.25s, background-color 0.25s, border-color 0.25s, color 0.25s, box-shadow 0.25s; }.faq-item[open] { border-color: rgba(245, 166, 35, 0.4); box-shadow: rgba(245, 166, 35, 0.08) 0px 6px 18px; }.faq-item summary { padding: 18px 50px 18px 22px; cursor: pointer; color: var(--creme); font-size: 1rem; list-style: none; position: relative; user-select: none; }.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); color: var(--cheddar); font-size: 1.6rem; font-weight: 300; transition: transform 0.3s; }.faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }.faq-item summary:hover { background: rgba(245, 166, 35, 0.05); }.faq-item p { padding: 0px 22px 20px; color: var(--creme); line-height: 1.7; margin: 0px; font-size: 0.95rem; }.faq-item p strong { color: var(--cheddar); }.section--cta { background: linear-gradient(135deg,var(--cheddar-fonce) 0%,var(--cheddar) 100%); padding: clamp(50px, 7vw, 90px) clamp(20px, 5vw, 60px); }.cta-block { max-width: 800px; margin: 0px auto; text-align: center; }.cta-block h2 { font-family: var(--font-chunk); color: var(--noir); font-size: clamp(1.8rem, 4.5vw, 3.2rem); line-height: 1; margin: 0px 0px 14px; text-shadow: 3px 3px 0 var(--cheddar-clair); }.cta-block h2 em { font-family: var(--font-hand); font-style: normal; color: var(--noir); display: inline-block; transform: rotate(-2deg); }.cta-block p { color: var(--noir); font-size: 1.05rem; margin-bottom: 28px; font-weight: 600; }.cta-block__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }.section--cta.btn--primary { background: var(--noir); color: var(--creme); border: 2px solid var(--noir); }.section--cta.btn--primary:hover { background: var(--noir-2); }.section--cta.btn--ghost { background: rgba(0, 0, 0, 0.1); color: var(--noir); border: 2px solid var(--noir); }.section--cta.btn--ghost:hover { background: var(--noir); color: var(--creme); }.related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; max-width: var(--max); margin: 0px auto; }.related-card { background: var(--noir-2); border: 1px solid rgba(245, 166, 35, 0.15); border-radius: 14px; padding: 20px; text-decoration: none; transition: transform .3s var(--easing),opacity .3s var(--easing),background-color .3s var(--easing),border-color .3s var(--easing),color .3s var(--easing),box-shadow .3s var(--easing); display: block; }.related-card:hover { border-color: var(--cheddar); transform: translateY(-4px); box-shadow: rgba(245, 166, 35, 0.15) 0px 12px 30px; }.related-card h3 { color: var(--cheddar); font-family: var(--font-chunk); font-size: 1.1rem; margin: 0px 0px 8px; letter-spacing: -0.01em; }.related-card p { color: var(--creme-2); margin: 0px; font-size: 0.85rem; line-height: 1.5; }.section--alt { background: linear-gradient(135deg, rgb(5, 5, 5) 0%, rgb(26, 26, 26) 100%); padding-top: clamp(50px, 7vw, 90px); padding-bottom: clamp(50px, 7vw, 90px); }.if-cart-dock { position: fixed; z-index: 1004; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0px 14px; border-radius: 999px; border: 1px solid rgba(245, 166, 35, 0.45); background: linear-gradient(135deg, rgb(11, 11, 11), rgb(29, 20, 8)); color: var(--creme); box-shadow: rgba(0, 0, 0, 0.45) 0px 16px 45px, rgba(255, 255, 255, 0.04) 0px 0px 0px 1px inset; cursor: pointer; font-family: var(--font-chunk); text-transform: uppercase; }.if-cart-empty { border: 1px dashed rgba(245, 166, 35, 0.3); border-radius: 16px; padding: 18px; color: var(--creme-2); font-size: 0.92rem; line-height: 1.55; background: rgba(245, 166, 35, 0.05); }.if-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.if-btn { min-height: 46px; border-radius: 999px; border: 0px; cursor: pointer; font-family: var(--font-chunk); text-transform: uppercase; letter-spacing: 0.02em; }.if-cart-toast.show { opacity: 1; transform: translate(-50%, 0px); }
@media (max-width: 640px){.if-cart-dock { left: 12px; right: 12px; justify-content: center; bottom: calc(12px + env(safe-area-inset-bottom)); }.if-grid { grid-template-columns: 1fr; }.fab, .wa-float { display: none !important; }}
.compose-cart-action.btn { min-height: 48px; padding-inline: 28px; }body.if-cart-enabled.wa-float, body.if-cart-enabled.fab { display: none !important; }.if-cart-dock { letter-spacing: 0.04em; backdrop-filter: blur(14px); background: linear-gradient(135deg, rgba(9, 9, 9, 0.96), rgba(33, 24, 10, 0.96)) !important; border: 1px solid rgba(245, 166, 35, 0.52) !important; color: var(--creme) !important; }.if-cart-empty { font-style: normal; }
@media (max-width: 980px){body.if-cart-enabled.cookie-banner.visible { padding-bottom: calc(22px + env(safe-area-inset-bottom)); }}
@media (max-width: 640px){.if-cart-dock { left: 14px !important; right: 14px !important; bottom: calc(14px + env(safe-area-inset-bottom)) !important; justify-content: center !important; min-height: 54px !important; font-size: 0.86rem !important; }}
.hero__title { text-wrap: balance; }.hero__sub { max-width: 720px; line-height: 1.55; }.hero__ctas, .page-hero__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.hero__ctas.btn, .page-hero__ctas.btn { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; }.wa-float { background: linear-gradient(135deg, rgb(11, 11, 11), rgb(26, 19, 8)); border: 1px solid rgba(245, 166, 35, 0.5); box-shadow: rgba(0, 0, 0, 0.45) 0px 12px 36px, rgba(255, 255, 255, 0.04) 0px 0px 0px 1px inset; animation: auto ease 0s 1 normal none running none; }.wa-float svg { fill: var(--cheddar); }.wa-float:hover { transform: translateY(-2px); box-shadow: rgba(245, 166, 35, 0.22) 0px 16px 44px; }.if-cart-dock { min-width: 172px; }.if-cart-item__qty button, .if-cart-close, .if-btn, .if-add-cart, .fab, .wa-float { touch-action: manipulation; }
@media (max-width: 980px){.hero { min-height: auto; }.hero__title { font-size: clamp(2.3rem, 12vw, 4.2rem); line-height: 0.9; }.hero__sub { font-size: 1rem; line-height: 1.55; }.hero__ctas { justify-content: flex-start; }.section__sub { max-width: 640px; }}
@media (max-width: 640px){.nav { min-height: 64px; }.nav__logo-text { font-size: 1.05rem; }.nav__cta { min-height: 40px; }.hero__badge { font-size: 0.68rem; padding: 8px 12px; line-height: 1.2; }.hero__title { margin-top: 12px; margin-bottom: 14px; }.hero__sub { margin-bottom: 18px; }.hero__ctas { display: grid; grid-template-columns: 1fr; width: 100%; }.hero__ctas.btn { width: 100%; }.compose { border-radius: 18px; padding: 18px; }.page-hero { padding-top: 100px; padding-bottom: 46px; }.page-hero__ctas { display: grid; grid-template-columns: 1fr; width: 100%; }.page-hero__ctas.btn { width: 100%; }.related-grid { grid-template-columns: 1fr !important; }.footer { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }.wa-float { width: 52px; height: 52px; left: 14px; bottom: calc(74px + env(safe-area-inset-bottom)) !important; }.fab, .fab--maps { width: 52px !important; height: 52px !important; min-width: 52px !important; padding: 0px !important; border-radius: 999px !important; font-size: 0px !important; justify-content: center !important; align-items: center !important; }.fab { right: 14px !important; bottom: calc(14px + env(safe-area-inset-bottom)) !important; }.fab::after { content: "CMD"; font-size: 0.66rem; letter-spacing: 0.05em; }.fab--maps { left: 78px !important; bottom: calc(14px + env(safe-area-inset-bottom)) !important; }.fab--maps::after { content: "MAP"; font-size: 0.66rem; letter-spacing: 0.05em; }.if-cart-dock { min-width: 0px; }}
@media (max-width: 360px){.hero__title { font-size: 2.2rem; }}
body.if-cookie-pending.if-cart-dock, body.if-cookie-pending.wa-float, body.if-cookie-pending.fab, body.if-cookie-modal-open.if-cart-dock, body.if-cookie-modal-open.wa-float, body.if-cookie-modal-open.fab { display: none !important; }
@media (max-width: 640px){.cookie-banner.visible { max-height: 78vh; overflow-y: auto; padding: 16px 14px calc(18px + env(safe-area-inset-bottom)) !important; }}
@media (min-width: 981px){.hero__ctas.btn, .page-hero__ctas.btn { min-width: 190px; }.if-cart-dock { right: 26px; bottom: 26px; min-height: 52px; padding-inline: 18px; }.if-cart-dock:hover { transform: translateY(-2px); border-color: var(--cheddar); box-shadow: rgba(245, 166, 35, 0.22) 0px 20px 58px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; }}
@media (max-width: 980px){body.if-cookie-pending { padding-bottom: 0px !important; }body.if-cookie-pending.footer { padding-bottom: 30px !important; }}
@media (prefers-reduced-motion: reduce){*, ::before, ::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important; }}
.btn--glovo { border-color: rgb(255, 194, 68) !important; color: rgb(255, 194, 68) !important; }.btn--glovo:hover { background: rgb(255, 194, 68) !important; color: rgb(10, 10, 10) !important; }.best-sellers { padding-top: clamp(54px, 7vw, 90px); }.product-card { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient(rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 194, 68, 0.22); box-shadow: rgba(0, 0, 0, 0.34) 0px 24px 80px; }.product-card img { width: 100%; aspect-ratio: 1.08 / 1; object-fit: cover; display: block; filter: saturate(1.04) contrast(1.03); }.product-card h3 { font-size: 1.15rem; margin: 0px 0px 7px; color: rgb(255, 255, 255); }.product-card p { font-size: 0.9rem; color: rgba(255, 255, 255, 0.72); line-height: 1.45; min-height: 76px; margin: 0px 0px 15px; }.product-card.btn { width: 100%; justify-content: center; min-height: 46px; }.conversion-sticky { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 990; display: flex; gap: 8px; padding: 8px; border-radius: 999px; background: rgba(8, 8, 8, 0.88); backdrop-filter: blur(16px); border: 1px solid rgba(255, 194, 68, 0.35); box-shadow: rgba(0, 0, 0, 0.45) 0px 18px 60px; }.conversion-sticky a { min-height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 999px; padding: 0px 20px; color: rgb(255, 255, 255); text-decoration: none; text-transform: uppercase; font-weight: 900; letter-spacing: 0.06em; font-size: 0.76rem; border: 1px solid rgba(255, 255, 255, 0.12); }.conversion-sticky__main { background: linear-gradient(135deg, rgb(255, 194, 68), rgb(201, 164, 92)) !important; color: rgb(8, 8, 8) !important; border-color: transparent !important; }body.if-cookie-pending.conversion-sticky, body.if-cookie-modal-open.conversion-sticky { display: none !important; }body.if-cart-enabled.conversion-sticky { bottom: calc(82px + env(safe-area-inset-bottom)); }
@media (max-width: 760px){.nav__links a[href="#best-sellers"] { display: none; }.hero__ctas--conversion.btn { width: 100%; justify-content: center; }.product-card p { min-height: 0px; }.conversion-sticky { left: 10px; right: 10px; bottom: calc(12px + env(safe-area-inset-bottom)); transform: none; display: grid; grid-template-columns: 0.85fr 1.25fr 0.85fr; border-radius: 24px; }.conversion-sticky a { min-height: 46px; padding: 0px 10px; font-size: 0.68rem; }.wa-float { display: none !important; }.fab { display: none !important; }}
@media (max-width: 380px){.conversion-sticky a { font-size: 0.62rem; }}
.product-card button.btn { border: 0px; font-family: var(--font-body); cursor: pointer; }.product-card button.btn:focus-visible, .conversion-sticky a:focus-visible, .if-cart-dock:focus-visible, .cookie-btn:focus-visible { outline: rgb(255, 255, 255) solid 3px; outline-offset: 3px; }body.if-cart-enabled.if-cart-dock { bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 1004; }body.if-cart-enabled.conversion-sticky { bottom: calc(82px + env(safe-area-inset-bottom)); z-index: 990; }.cookie-banner.visible ~ .conversion-sticky, body.if-cookie-pending.conversion-sticky, body.if-cookie-modal-open.conversion-sticky { display: none !important; }body.if-cookie-pending.if-cart-dock, body.if-cookie-modal-open.if-cart-dock { bottom: calc(18px + env(safe-area-inset-bottom)); }[dir="rtl"].conversion-sticky { direction: rtl; }
@media (min-width: 761px){.conversion-sticky { max-width: min(820px, -48px + 100vw); }}
@media (max-width: 760px){body.if-cart-enabled.conversion-sticky { bottom: calc(76px + env(safe-area-inset-bottom)); }.if-cart-dock { right: 12px; left: auto; bottom: calc(12px + env(safe-area-inset-bottom)); min-height: 46px; }}
body { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }body.if-cookie-pending.if-cart-dock, body.if-cookie-modal-open.if-cart-dock, body.if-cookie-pending.wa-float, body.if-cookie-modal-open.wa-float, body.if-cookie-pending.fab, body.if-cookie-modal-open.fab { display: none !important; }
@media (max-width: 760px){body { padding-bottom: calc(132px + env(safe-area-inset-bottom)); }}
html { scroll-padding-top: 96px; }.nav { backdrop-filter: blur(18px); }.nav__links a, .conversion-sticky a, .btn { touch-action: manipulation; }.hero__badge { box-shadow: rgba(0, 0, 0, 0.34) 0px 14px 42px, rgba(255, 194, 68, 0.14) 0px 0px 0px 1px inset; }.hero__ctas--conversion.btn { min-height: 54px; box-shadow: rgba(0, 0, 0, 0.22) 0px 18px 42px; }.hero__ctas--conversion.btn--primary { box-shadow: rgba(255, 194, 68, 0.24) 0px 18px 50px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset; }.product-card { isolation: isolate; transition: transform 0.24s, border-color 0.24s, box-shadow 0.24s; background: radial-gradient(circle at 18% 0px, rgba(255, 194, 68, 0.13), transparent 32%), linear-gradient(rgba(255, 255, 255, 0.067), rgba(255, 255, 255, 0.02)); }.product-card:hover { transform: translateY(-5px); border-color: rgba(255, 194, 68, 0.48); box-shadow: rgba(0, 0, 0, 0.44) 0px 30px 90px, rgba(255, 194, 68, 0.08) 0px 0px 0px 1px inset; }.product-card img { background: rgb(17, 17, 17); content-visibility: auto; }.product-card__body.btn { margin-top: auto; }.pcard, .product-card, .tier, .fact-card, .trust-badge { overflow-wrap: anywhere; }.conversion-sticky { z-index: 980; }body.if-cookie-pending { padding-bottom: 0px !important; }body.if-cookie-pending.conversion-sticky, body.if-cookie-pending.if-cart-dock, body.if-cookie-pending.wa-float, body.if-cookie-pending.fab { display: none !important; }
@media (max-width: 760px){html { scroll-padding-top: 84px; }.hero__ctas--conversion.btn { min-height: 50px; }.conversion-sticky { box-shadow: rgba(0, 0, 0, 0.56) 0px 12px 42px; }}
@media (prefers-reduced-motion: reduce){.product-card, .hero__proof-row > div { transition: none !important; }.product-card:hover, .hero__proof-row > div:hover { transform: none !important; }}
.if-cart-dock { z-index: 1050 !important; }.conversion-sticky { z-index: 980 !important; }.product-card a[aria-label] { display: block; line-height: 0; text-decoration: none; }.product-card h3 a { color: inherit; text-decoration: none; transition: color 0.2s; }.product-card h3 a:hover { color: var(--cheddar); }.product-card a[aria-label]:focus-visible, .product-card h3 a:focus-visible { outline: 3px solid var(--cheddar); outline-offset: 4px; border-radius: 8px; }.nav__account { border: 1.5px solid rgba(245, 166, 35, 0.55); border-radius: 999px; background: rgba(245, 166, 35, 0.08); box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 0px 1px inset; color: var(--cheddar) !important; padding: 8px 13px !important; }.nav__account:hover { background: var(--cheddar); color: var(--noir) !important; }.conversion-sticky, .fab, .wa-float { display: none !important; }
@media (max-width: 1080px){.nav__links { gap: 14px; }.nav__links a { font-size: 0.68rem; }.nav__cta { padding: 10px 14px; }.nav__account { padding: 7px 11px !important; }}
@media (max-width: 980px){.nav__links.open { padding-bottom: 18px; }.nav__links.open.nav__account { display: inline-flex; justify-content: center; }.nav__cta { display: inline-flex; }.nav { gap: 10px; }}
@media (max-width: 520px){.nav__logo-text { font-size: 1.05rem; }.nav__cta { font-size: 0.64rem !important; padding: 9px 11px !important; }}
:root { --if-liquid-gold-1: #fff1b3; --if-liquid-gold-2: #ffd45e; --if-liquid-gold-3: #ffb100; --if-liquid-gold-4: #d97900; --if-dark-brown: #160b03; }body { background-color: var(--noir); background-image: radial-gradient(circle at 18% 0%, rgba(255, 177, 0, 0.16), transparent 25%), radial-gradient(circle at 82% 8%, rgba(255, 120, 0, 0.12), transparent 26%), linear-gradient(rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.56)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='120' viewBox='0 0 240 120'><rect width='100%25' height='100%25' fill='%23110d09'/><g fill='none' stroke='%23000' stroke-width='2' opacity='.55'><path d='M0,40 L240,40 M0,80 L240,80'/><path d='M60,0 L60,40 M180,0 L180,40 M0,40 L0,80 M120,40 L120,80 M240,40 L240,80 M60,80 L60,120 M180,80 L180,120'/></g><g fill='%23000' opacity='.22'><rect x='0' y='0' width='60' height='40'/><rect x='120' y='0' width='60' height='40' fill='%23090807' opacity='.5'/><rect x='180' y='40' width='60' height='40' opacity='.58'/><rect x='60' y='80' width='60' height='40' opacity='.48'/></g></svg>"); }.nav, .if-pro-nav { box-shadow: rgba(0, 0, 0, 0.45) 0px 10px 42px, rgba(255, 177, 0, 0.18) 0px 2px 0px inset; background: linear-gradient(rgba(8, 8, 8, 0.95) 0%, rgba(8, 8, 8, 0.88) 68%, rgba(8, 8, 8, 0.55) 100%) !important; }.nav__logo, .if-pro-nav.nav__logo { background: linear-gradient(rgba(12, 10, 8, 0.98) 0%, rgba(20, 15, 10, 0.95) 100%) !important; border: 1px solid rgba(255, 177, 0, 0.46) !important; box-shadow: rgba(255, 216, 125, 0.14) 0px 0px 0px 1px inset, rgba(255, 177, 0, 0.16) 0px 12px 34px, rgba(214, 123, 0, 0.9) 0px 3px 0px !important; }.hero__bg::after { background: radial-gradient(circle at 12% 36%, rgba(255, 177, 0, 0.16), transparent 24%), radial-gradient(circle at 28% 62%, rgba(255, 132, 0, 0.13), transparent 30%), linear-gradient(rgba(10, 10, 10, 0.18) 0%, rgba(10, 10, 10, 0.04) 34%, rgba(10, 10, 10, 0.5) 74%, rgba(10, 10, 10, 0.93) 100%) !important; }.hero__badge { border: 1px solid rgba(255, 229, 155, 0.65); background: linear-gradient(180deg,var(--if-liquid-gold-1) 0%,var(--if-liquid-gold-2) 18%,var(--if-liquid-gold-3) 70%,var(--if-liquid-gold-4) 100%) !important; box-shadow: rgba(169, 96, 0, 0.85) 0px 10px 0px, rgba(255, 177, 0, 0.26) 0px 16px 45px, rgba(255, 227, 145, 0.12) 0px 0px 0px 2px inset !important; }.hero__title { text-shadow: rgb(18, 13, 9) 3px 3px 0px, rgba(214, 123, 0, 0.95) 7px 7px 0px, rgba(255, 186, 41, 0.18) 0px 0px 26px, rgba(0, 0, 0, 0.72) 0px 22px 60px !important; }.btn--primary, .btn-primary, .hero__ctas.btn:first-child, .if-main-cta, .if-add, .if-checkout, .if-btn--primary, .cookie-btn--primary, .newsletter__button, .local-hero.btn, .page-hero__ctas.btn:first-child { position: relative; overflow: hidden; background: linear-gradient(180deg,var(--if-liquid-gold-1) 0%,var(--if-liquid-gold-2) 16%,var(--if-liquid-gold-3) 58%,var(--if-liquid-gold-4) 100%) !important; color: var(--if-dark-brown) !important; border: 1px solid rgba(255, 233, 166, 0.78) !important; box-shadow: rgba(164, 92, 0, 0.88) 0px 7px 0px, rgba(255, 177, 0, 0.3) 0px 16px 36px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset !important; }.btn--primary::before, .btn-primary::before, .hero__ctas.btn:first-child::before, .if-main-cta::before, .if-add::before, .if-checkout::before, .if-btn--primary::before, .cookie-btn--primary::before, .newsletter__button::before, .local-hero.btn::before, .page-hero__ctas.btn:first-child::before { content: ""; position: absolute; inset: -1px auto -1px -35%; width: 38%; transform: skewX(-22deg); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.62), transparent); animation: 4.8s ease-in-out 0s infinite normal none running goldShine; pointer-events: none; }@keyframes goldShine { 
  0%, 70%, 100% { left: -35%; opacity: 0; }
  12% { left: 120%; opacity: 1; }
}.btn--primary:hover, .btn-primary:hover, .hero__ctas.btn:first-child:hover, .if-main-cta:hover, .if-add:hover, .if-checkout:hover, .if-btn--primary:hover, .local-hero.btn:hover, .page-hero__ctas.btn:first-child:hover { filter: saturate(1.08) brightness(1.02); transform: translateY(-2px); box-shadow: rgba(164, 92, 0, 0.92) 0px 8px 0px, rgba(255, 177, 0, 0.36) 0px 22px 40px, rgba(255, 255, 255, 0.44) 0px 1px 0px inset !important; }.if-account-btn, .if-lang__button, .nav__links a, .if-pro-nav.nav__links a { border-color: rgba(255, 177, 0, 0.26) !important; }.if-account-btn:hover, .if-lang__button:hover, .nav__links a:hover, .if-pro-nav.nav__links a:hover { box-shadow: rgba(255, 177, 0, 0.12) 0px 8px 24px; background: rgba(255, 177, 0, 0.12) !important; color: var(--if-liquid-gold-2) !important; }.hero__instagram, .trust-badge, .if-order-card, .if-cart-panel, .feature-card, .menu-card, .avis-card, .info-card { box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 30px, rgba(255, 177, 0, 0.08) 0px 0px 0px 1px inset; }.hero__instagram, .if-order-card, .if-cart-panel { border-color: rgba(255, 177, 0, 0.28) !important; }.if-order-card img, .card img, .menu-card img, .product-card img { filter: saturate(1.06) contrast(1.04) drop-shadow(rgba(0, 0, 0, 0.18) 0px 8px 18px); }.section-title, .menu-section h2, .page-hero__title, .local-hero h1 { text-shadow: rgba(214, 123, 0, 0.65) 0px 4px 0px, rgba(255, 177, 0, 0.11) 0px 0px 26px; }@keyframes cheddarBreath { 
  0%, 100% { transform: translateY(0px) scaleY(1); }
  50% { transform: translateY(1px) scaleY(1.015); }
}@keyframes cheddarAura { 
  0% { opacity: 0.76; transform: translateY(0px); }
  100% { opacity: 0.96; transform: translateY(2px); }
}@keyframes cheddarSheen { 
  0% { transform: translateX(-18%) translateY(0px); opacity: 0.28; }
  14% { opacity: 0.62; }
  34% { transform: translateX(8%) translateY(0px); opacity: 0.82; }
  54% { opacity: 0.14; }
  100% { transform: translateX(32%) translateY(0px); opacity: 0.08; }
}.menu-tab.active { background: linear-gradient(135deg, rgb(255, 240, 190) 0%, rgb(255, 208, 120) 22%, rgb(245, 166, 35) 62%, rgb(216, 137, 8) 100%) !important; color: rgb(18, 11, 3) !important; border-color: rgba(255, 230, 170, 0.5) !important; box-shadow: rgba(137, 78, 3, 0.7) 0px 10px 0px, rgba(245, 166, 35, 0.24) 0px 18px 40px, rgba(255, 255, 255, 0.58) 0px 1px 0px inset !important; }.pcard, .product-card, .feature-card, .fact-card, .info-card, .avis-card, .story-card { position: relative !important; isolation: isolate !important; background: radial-gradient(circle at 18% 0%, rgba(245, 166, 35, 0.08), transparent 30%), linear-gradient(rgba(18, 16, 13, 0.96), rgba(8, 8, 7, 0.94)) !important; border: 1px solid rgba(245, 166, 35, 0.18) !important; box-shadow: rgba(0, 0, 0, 0.32) 0px 18px 54px, rgba(255, 255, 255, 0.035) 0px 1px 0px inset !important; transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.34s, box-shadow 0.34s, background 0.34s !important; }.pcard::before, .product-card::before, .feature-card::before, .fact-card::before, .info-card::before, .avis-card::before, .story-card::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none; z-index: 2; background: linear-gradient(135deg, rgba(255, 229, 165, 0.72), rgba(245, 166, 35, 0.1) 32%, rgba(245, 166, 35, 0.52) 68%, rgba(255, 238, 190, 0.18)); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); opacity: 0; transition: opacity 0.34s; }.pcard::after, .product-card::after, .feature-card::after, .fact-card::after, .info-card::after, .avis-card::after, .story-card::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; z-index: 1; background: linear-gradient(115deg, transparent 0%, rgba(255, 230, 170, 0.08) 40%, rgba(255, 230, 170, 0.24) 48%, rgba(245, 166, 35, 0.06) 56%, transparent 72%); transform: translateX(-125%); opacity: 0; transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.34s; }.pcard:hover, .product-card:hover, .feature-card:hover, .fact-card:hover, .info-card:hover, .avis-card:hover, .story-card:hover { transform: translateY(-8px) scale(1.008) !important; border-color: rgba(255, 177, 0, 0.78) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 34px 92px, rgba(255, 177, 0, 0.1) 0px 0px 0px 1px inset, rgba(245, 166, 35, 0.16) 0px 0px 46px !important; }.pcard:hover::before, .product-card:hover::before, .feature-card:hover::before, .fact-card:hover::before, .info-card:hover::before, .avis-card:hover::before, .story-card:hover::before { opacity: 1; }.pcard:hover::after, .product-card:hover::after, .feature-card:hover::after, .fact-card:hover::after, .info-card:hover::after, .avis-card:hover::after, .story-card:hover::after { transform: translateX(125%); opacity: 1; }.pcard__media img, .product-card img, .story-card img { transform-origin: center center !important; transition: transform 0.62s cubic-bezier(0.16, 1, 0.3, 1), filter 0.62s !important; filter: saturate(1.08) contrast(1.05) brightness(0.98) drop-shadow(rgba(0, 0, 0, 0.18) 0px 8px 18px) !important; }.pcard:hover.pcard__media img, .product-card:hover img, .story-card:hover img { transform: scale(1.075) !important; filter: saturate(1.2) contrast(1.1) brightness(1.04) drop-shadow(rgba(0, 0, 0, 0.22) 0px 12px 22px) !important; }.pcard__name, .product-card h3, .product-card h3 a { color: rgb(255, 246, 230) !important; text-shadow: rgba(0, 0, 0, 0.35) 0px 3px 0px !important; }.pcard:hover.pcard__name, .product-card:hover h3, .product-card:hover h3 a { color: rgb(255, 249, 239) !important; text-shadow: rgba(0, 0, 0, 0.42) 0px 3px 0px, rgba(245, 166, 35, 0.16) 0px 0px 18px !important; }.if-home-order-link, .product-card.btn, .pcard.if-add-cart { position: relative !important; overflow: hidden !important; background: linear-gradient(135deg, rgb(255, 240, 190) 0%, rgb(255, 208, 120) 24%, rgb(245, 166, 35) 58%, rgb(216, 137, 8) 100%) !important; color: rgb(18, 11, 3) !important; border: 1px solid rgba(255, 230, 170, 0.48) !important; box-shadow: rgba(137, 78, 3, 0.72) 0px 8px 0px, rgba(245, 166, 35, 0.24) 0px 18px 38px, rgba(255, 255, 255, 0.52) 0px 1px 0px inset !important; transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.24s, filter 0.24s !important; }.if-home-order-link::before, .product-card.btn::before, .pcard.if-add-cart::before { content: ""; position: absolute; inset: -2px auto -2px -40%; width: 32%; transform: skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.58), transparent); transition: left 0.72s cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; }.if-home-order-link:hover, .product-card.btn:hover, .pcard.if-add-cart:hover { transform: translateY(-2px) !important; filter: saturate(1.08) brightness(1.03) !important; box-shadow: rgba(137, 78, 3, 0.78) 0px 10px 0px, rgba(245, 166, 35, 0.3) 0px 22px 46px, rgba(255, 255, 255, 0.56) 0px 1px 0px inset !important; }.if-home-order-link:hover::before, .product-card.btn:hover::before, .pcard.if-add-cart:hover::before { left: 125%; }.section, .facts-section, .menu-section { background-color: transparent !important; }.section__eyebrow { color: rgb(255, 177, 0) !important; text-shadow: rgba(245, 166, 35, 0.22) 0px 0px 18px !important; }.section__title { color: rgb(255, 246, 230) !important; }.section__title em, .section__title strong { background: linear-gradient(90deg, rgb(255, 242, 190), rgb(255, 208, 120), rgb(245, 166, 35)) text !important; color: transparent !important; }
@media (prefers-reduced-motion: reduce){.menu-tab, .pcard, .product-card, .feature-card, .fact-card, .info-card, .avis-card, .story-card, .pcard__media img, .product-card img, .story-card img { transition: none !important; }.pcard:hover, .product-card:hover, .feature-card:hover, .fact-card:hover, .info-card:hover, .avis-card:hover, .story-card:hover { transform: none !important; }.pcard::after, .product-card::after, .feature-card::after, .fact-card::after, .info-card::after, .avis-card::after, .story-card::after, .if-home-order-link::before, .product-card.btn::before, .pcard.if-add-cart::before { display: none !important; }}
.section__title em, .section__title strong, .hero__title em, .if-order-hero h1 em, .menu-category__head.section__title em { background: none border-box !important; -webkit-text-fill-color: currentcolor !important; color: rgb(245, 177, 47) !important; }.hero__ctas--conversion.btn { position: relative; overflow: hidden; min-width: 220px; background: linear-gradient(180deg,var(--if-liquid-gold-1) 0%,var(--if-liquid-gold-2) 16%,var(--if-liquid-gold-3) 58%,var(--if-liquid-gold-4) 100%) !important; color: var(--if-dark-brown) !important; border: 1px solid rgba(255, 233, 166, 0.78) !important; box-shadow: rgba(164, 92, 0, 0.88) 0px 7px 0px, rgba(255, 177, 0, 0.3) 0px 16px 36px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset !important; }.hero__ctas--conversion.btn::before { content: ""; position: absolute; inset: -1px auto -1px -35%; width: 38%; transform: skewX(-22deg); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.62), transparent); animation: 4.8s ease-in-out 0s infinite normal none running goldShine; pointer-events: none; }.hero__ctas--conversion.btn:hover { filter: saturate(1.08) brightness(1.02); transform: translateY(-2px); box-shadow: rgba(164, 92, 0, 0.92) 0px 8px 0px, rgba(255, 177, 0, 0.36) 0px 22px 40px, rgba(255, 255, 255, 0.44) 0px 1px 0px inset !important; }.hero__ctas--conversion.btn--glovo, .hero__ctas--conversion.btn--ghost { background: linear-gradient(180deg,var(--if-liquid-gold-1) 0%,var(--if-liquid-gold-2) 16%,var(--if-liquid-gold-3) 58%,var(--if-liquid-gold-4) 100%) !important; color: var(--if-dark-brown) !important; border: 1px solid rgba(255, 233, 166, 0.78) !important; }
@media (max-width: 760px){.hero__ctas--conversion.btn { min-width: 0px; width: 100%; }}
.if-human-reviews.avis-slider { min-height: 260px; contain: layout paint; }.if-human-reviews.avis-track { will-change: transform; transform: translate3d(0px, 0px, 0px); }.if-human-reviews.avis-card { backface-visibility: hidden; }
@media (max-width: 600px){.if-human-reviews.avis-slider { min-height: 235px; }.if-human-reviews.avis-track { animation-duration: 130s !important; }}
.hero::before, .hero__cheddar-splash, .hero__cheddar-drop, .hero__cheddar-drip { animation: auto ease 0s 1 normal none running none !important; }.hero__bg { animation: auto ease 0s 1 normal none running none !important; transform: none !important; }.reveal { transition: opacity 0.18s, transform 0.18s; }.if-delivery-top-mount { margin: 18px auto 20px; max-width: 1180px; border: 1px solid rgba(245, 166, 35, 0.24); border-radius: 24px; background: linear-gradient(135deg, rgba(245, 166, 35, 0.08), rgba(255, 255, 255, 0.035)); padding: 18px; }.if-delivery-top-mount h2 { margin: 0px 0px 6px; color: rgb(255, 213, 143); }.if-delivery-top-mount.if-delivery-panel { margin-top: 12px; margin-bottom: 0px; }.if-service-modes label:has(input:checked), .if-service-modes label.is-selected { background: linear-gradient(135deg, rgb(245, 166, 35), rgb(255, 213, 143)) !important; color: rgb(22, 17, 10) !important; border-color: rgba(255, 236, 178, 0.9) !important; box-shadow: rgba(245, 166, 35, 0.22) 0px 12px 28px !important; }
@media (max-width: 760px){.if-order-layout { display: flex; flex-direction: column; }.if-delivery-top-mount { order: -2; margin: 14px 12px 16px; padding: 14px; border-radius: 20px; }.ifProducts, #ifProducts { order: -1; }.if-service-modes { grid-template-columns: 1fr !important; }}
.if-home-whatsapp-float { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom,0px)); z-index: 2147482600; width: 62px; height: 62px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid rgba(246, 210, 122, 0.72); background: radial-gradient(circle at 30% 30%, rgba(255, 235, 180, 0.22), rgba(201, 164, 92, 0.1) 38%, rgba(8, 8, 8, 0.18) 70%, rgba(8, 8, 8, 0.04) 100%); backdrop-filter: blur(10px) saturate(140%); box-shadow: rgba(0, 0, 0, 0.34) 0px 18px 40px, rgba(255, 255, 255, 0.03) 0px 0px 0px 1px inset, rgba(246, 210, 122, 0.18) 0px 0px 26px; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; overflow: hidden; pointer-events: auto; color: rgb(246, 210, 122) !important; text-decoration: none !important; }.if-home-whatsapp-float::before { content: ""; position: absolute; inset: -35% auto -35% -120%; width: 68%; transform: rotate(18deg); background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 245, 210, 0.55), rgba(255, 255, 255, 0)); animation: 3.6s ease-in-out 0s infinite normal none running ifWaLuxShine; pointer-events: none; }.if-home-whatsapp-float:hover, .if-home-whatsapp-float:focus-visible { transform: translateY(-2px) scale(1.03); border-color: rgba(255, 229, 159, 0.98); box-shadow: rgba(0, 0, 0, 0.42) 0px 22px 56px, rgba(246, 210, 122, 0.28) 0px 0px 34px; outline: none; }.if-home-whatsapp-float__icon { position: relative; z-index: 1; width: 29px; height: 29px; display: block; color: rgb(246, 210, 122); filter: drop-shadow(rgba(246, 210, 122, 0.26) 0px 0px 12px); }@keyframes ifWaLuxShine { 
  0% { transform: translateX(0px) rotate(18deg); opacity: 0; }
  14% { opacity: 0; }
  32% { opacity: 1; }
  55% { opacity: 0.15; }
  100% { transform: translateX(290%) rotate(18deg); opacity: 0; }
}
@media (max-width: 520px){.if-home-whatsapp-float { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom,0px)); width: 58px; height: 58px; }.if-home-whatsapp-float__icon { width: 27px; height: 27px; }}
@media (max-width: 780px){.hero__bg { background-image: image-set(url("posters/hero-banner-mobile.webp") 1x type("image/webp"), url("posters/hero-banner.webp") 1x type("image/webp")) !important; }}
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){html { scroll-behavior: auto; }}
body { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }h1, h2, h3 { text-wrap: balance; }p, li, .faq-item p { text-wrap: pretty; }::selection { background: var(--cheddar); color: var(--noir); }:where(input, textarea, select) { accent-color: var(--cheddar); }* { -webkit-tap-highlight-color: transparent; }.btn { touch-action: manipulation; }::-webkit-scrollbar { width: 10px; height: 10px; }::-webkit-scrollbar-track { background: rgb(14, 14, 14); }::-webkit-scrollbar-thumb { background: linear-gradient(180deg,var(--cheddar-fonce),#8a5200); border-radius: 8px; border: 2px solid rgb(14, 14, 14); }::-webkit-scrollbar-thumb:hover { background: var(--cheddar); }html { scrollbar-color: var(--cheddar-fonce) #0e0e0e; scrollbar-width: thin; }:where(a, button, .btn, summary, [tabindex]):focus-visible { outline: 2px solid var(--cheddar); outline-offset: 3px; border-radius: 6px; }.btn { transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.3, 1), box-shadow 0.18s cubic-bezier(0.2, 0.8, 0.3, 1), background 0.18s; }.btn--primary:active { transform: translateY(2px); box-shadow: 0 2px 0 var(--cheddar-fonce); }.product-card { transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.3, 1), box-shadow 0.28s, border-color 0.28s; will-change: transform; }.product-card img { transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.3, 1); }
@media (hover: hover){.product-card:hover { transform: translateY(-4px); border-color: rgba(255, 194, 68, 0.5); box-shadow: rgba(0, 0, 0, 0.45) 0px 32px 90px, rgba(255, 177, 0, 0.08) 0px 0px 0px 1px; }.product-card:hover img { transform: scale(1.045); }}
.if-hub a, .footer a:not(.btn) { background-image: linear-gradient(currentcolor, currentcolor); background-size: 0% 1px; background-position: 0px 100%; background-repeat: no-repeat; transition: background-size 0.25s, color 0.2s; }.if-hub a:hover, .footer a:not(.btn):hover { background-size: 100% 1px; }.faq-item summary { transition: color 0.2s; }.faq-item summary:hover { color: var(--cheddar); }.faq-item[open] summary { color: var(--cheddar); }.product-card img, .hero img { object-fit: cover; }
@media (prefers-reduced-motion: reduce){.btn, .product-card, .product-card img, .if-hub a, .footer a { transition: none !important; }.product-card:hover, .product-card:hover img, .btn--primary:hover { transform: none !important; }}
@view-transition { navigation: auto; }::view-transition-old(root) { animation-duration: 0.18s; }::view-transition-new(root) { animation-duration: 0.22s; }
@media (prefers-reduced-motion: reduce){::view-transition-old(root), ::view-transition-new(root) { animation: auto ease 0s 1 normal none running none; }}
@media (prefers-reduced-motion: no-preference){.if-in { opacity: 1 !important; transform: none !important; }@keyframes ifup { 
  0% { opacity: 0; transform: translateY(28px); }
  100% { opacity: 1; transform: none; }
}.product-card { transition: transform 0.35s, box-shadow 0.35s; }.product-card:hover { transform: translateY(-8px); box-shadow: rgba(212, 175, 55, 0.16) 0px 18px 50px; }.product-card img { transition: transform 0.6s; }.product-card:hover img { transform: scale(1.045); }.btn--primary, .if-main-cta { position: relative; overflow: hidden; transition: transform 0.25s, box-shadow 0.25s; }.btn--primary:hover, .if-main-cta:hover { transform: translateY(-2px); box-shadow: rgba(212, 175, 55, 0.35) 0px 10px 30px; }.btn--primary::after, .if-main-cta::after { content: ""; position: absolute; top: 0px; left: -80%; width: 60%; height: 100%; background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.35), transparent); transform: skewX(-20deg); transition: left 0.6s; }.btn--primary:hover::after, .if-main-cta:hover::after { left: 130%; }.section__title { position: relative; }.section__title::after { content: ""; display: block; width: 0px; height: 3px; margin-top: 0.45rem; border-radius: 2px; background: linear-gradient(90deg, rgb(212, 175, 55), rgb(245, 214, 123)); transition: width 0.7s 0.15s; }.if-in .section__title::after, .section__title.if-in::after { width: 64px; }}
#nav { transition: background 0.3s, box-shadow 0.3s, backdrop-filter 0.3s; }.if-nav-glass { backdrop-filter: blur(14px) saturate(1.35); box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 34px; background: rgba(9, 9, 11, 0.74) !important; }.if-vwrap { position: relative; border-radius: 22px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 26px 80px, rgba(212, 175, 55, 0.22) 0px 0px 0px 1px; max-width: 430px; width: 100%; }.if-vwrap video { display: block; width: 100%; height: auto; }.if-sound { position: absolute; right: 12px; bottom: 12px; z-index: 3; width: 46px; height: 46px; border-radius: 999px; border: 1px solid rgba(212, 175, 55, 0.65); background: rgba(10, 10, 12, 0.6); color: rgb(245, 214, 123); font-size: 19px; cursor: pointer; backdrop-filter: blur(8px); transition: transform 0.2s, background 0.2s; }.if-sound:hover { transform: scale(1.08); background: rgba(212, 175, 55, 0.22); }.if-vplay { position: absolute; inset: 0px; display: none; place-items: center; font-size: 52px; color: rgb(245, 214, 123); text-shadow: rgba(0, 0, 0, 0.6) 0px 4px 24px; pointer-events: none; }.if-paused .if-vplay { display: grid; }@keyframes ifmq { 
  100% { transform: translateX(-50%); }
}details.faq-item { transition: box-shadow 0.3s; }details.faq-item[open] { box-shadow: rgba(212, 175, 55, 0.1) 0px 8px 30px; }.if-cinema__track { display: flex; gap: clamp(14px, 2.6vw, 28px); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding: 16px max(6vw, 18px) 22px; scrollbar-width: none; }.if-cinema__track::-webkit-scrollbar { display: none; }.if-cinema__cell { flex: 0 0 auto; width: min(74vw, 320px); scroll-snap-align: center; margin: 0px; background: rgb(11, 10, 9); transition: transform 0.35s, box-shadow 0.35s; }
@media (hover: hover){.if-cinema__cell:hover { transform: translateY(-5px); }}
.if-cinema__cell video { aspect-ratio: 9 / 16; object-fit: cover; background: rgb(0, 0, 0); }
@media (min-width: 1080px){.if-cinema__track { justify-content: center; }}
.if-motion a:focus-visible, .if-motion button:focus-visible, .if-motion summary:focus-visible { outline: rgb(245, 214, 123) solid 2px; outline-offset: 3px; border-radius: 6px; }.if-progress { position: fixed; top: 0px; left: 0px; height: 2px; width: 100%; transform-origin: 0px 50%; transform: scaleX(var(--ifp,0)); background: linear-gradient(90deg, rgb(212, 175, 55), rgb(245, 166, 35), rgb(255, 225, 138)); z-index: 9999; pointer-events: none; }html.if-3d .if-tilt { position: relative; transform-style: preserve-3d; transition: transform 0.5s cubic-bezier(0.2, 0.6, 0.3, 1); will-change: transform; }html.if-3d .if-glare { position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity 0.35s; background: radial-gradient(440px circle at var(--gx,50%) var(--gy,50%),rgba(245,214,123,.20),transparent 42%); z-index: 3; }html.if-3d .if-tilt:hover .if-glare { opacity: 1; }
@media (hover: hover) and (prefers-reduced-motion: no-preference){html.if-3d .product-card img { animation: 5.6s ease-in-out 0s infinite normal none running if-float; }html.if-3d .product-card:nth-child(2n) img { animation-delay: 0.9s; }html.if-3d .product-card:nth-child(3n) img { animation-delay: 1.7s; }@keyframes if-float { 
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-6px) rotate(0.35deg); }
}}
.hero__bg, .hero__cheddar-top, .hero__cheddar-drip { will-change: transform; }
@media (prefers-reduced-motion: reduce){.if-progress { display: none; }}
.franchise__cities li.open span { color: rgb(11, 10, 9); font-weight: 800; }@keyframes ifHeroTitleIn { 
  0% { opacity: 1; transform: translateY(16px); }
  100% { opacity: 1; transform: none; }
}.hero__title { animation: ifHeroTitleIn .7s var(--easing,cubic-bezier(.22,.61,.36,1)) 0s both; }
@media (prefers-reduced-motion: reduce){.hero__title { animation: auto ease 0s 1 normal none running none; }}
:root { --if-gold: #f5a623; --if-gold-soft: #ffc870; --if-ink: #090806; --if-cream: #f7efe3; --if-muted: #cfc4b2; --if-line: rgba(245,166,35,.26); --if-surface: rgba(255,255,255,.055); --if-radius: 24px; --if-shadow: 0 24px 80px rgba(0,0,0,.36); }html.if-public-v11476 { scroll-padding-top: 92px; background: var(--if-ink); }html.if-public-v11476 body { overflow-x: clip; min-width: 320px; }html.if-public-v11476:where(img, video, iframe, svg) { max-width: 100%; }html.if-public-v11476:where(a, button, input, select, textarea) { font: inherit; }html.if-public-v11476:where(a, button, [role="button"]) { -webkit-tap-highlight-color: transparent; }html.if-public-v11476:is(a.btn, button.btn, a.if-main-cta, button.if-main-cta, a.if-secondary-cta, button.if-secondary-cta, a.if-primary, button.if-primary, a.if-secondary, button.if-secondary, a.if-ghost, button.if-ghost, a.platform, button.platform, a.if-btn, button.if-btn, a.conversion-sticky__main, button.conversion-sticky__main, a.fab, button.fab, .btn-cookies, .if-home-whatsapp-float, .if-add, .if-checkout) { box-sizing: border-box; min-height: 48px; min-width: 48px; padding: 12px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; line-height: 1.2; text-align: center; text-decoration: none; font-weight: 900; border-radius: 999px; cursor: pointer; touch-action: manipulation; white-space: normal; }html.if-public-v11476:is(a.btn, button.btn, a.if-main-cta, button.if-main-cta, a.if-primary, button.if-primary, .if-btn.primary) { background: linear-gradient(135deg,var(--if-gold-soft),var(--if-gold) 58%,#d68a0c); color: rgb(22, 13, 4); border: 1px solid transparent; box-shadow: rgba(245, 166, 35, 0.24) 0px 12px 32px; }html.if-public-v11476:is(.btn--secondary, .if-secondary-cta, .if-secondary, .if-btn.secondary) { background: rgba(255, 255, 255, 0.055); color: var(--if-cream); border: 1px solid var(--if-line); }html.if-public-v11476:is(.btn--ghost, .if-ghost) { background: transparent; color: var(--if-gold-soft); border: 1px solid rgba(245, 166, 35, 0.38); }
@media (hover: hover){html.if-public-v11476:is(a.btn, button.btn, a.if-main-cta, button.if-main-cta, a.if-primary, button.if-primary, .if-btn.primary):hover { transform: translateY(-2px); box-shadow: rgba(245, 166, 35, 0.34) 0px 18px 44px; }html.if-public-v11476:is(.btn--secondary, .if-secondary-cta, .if-secondary, .if-btn.secondary, .btn--ghost, .if-ghost):hover { background: rgba(245, 166, 35, 0.12); border-color: rgba(245, 166, 35, 0.65); color: var(--if-gold-soft); }}
html.if-public-v11476:where(a, button, [role="button"], summary, input, select, textarea):focus-visible { outline: 3px solid var(--if-gold-soft) !important; outline-offset: 3px !important; }html.if-public-v11476 .if-pro-nav.nav { min-height: 68px; grid-template-columns: auto minmax(0px, 1fr) auto auto; }html.if-public-v11476 .if-pro-nav .nav__links { min-width: 0px; }html.if-public-v11476 .if-pro-nav .nav__links a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 11px; }html.if-public-v11476 .if-nav-actions:is(.if-account-btn, .if-lang__button, .if-main-cta, .nav__cta), html.if-public-v11476 .nav__burger { min-height: 44px !important; height: 44px !important; }html.if-public-v11476 .nav__burger { align-items: center; justify-content: center; cursor: pointer; min-width: 44px !important; width: 44px !important; }html.if-public-v11476 .if-mobile-only { display: none !important; }html.if-public-v11476 body.if-nav-open { overflow: hidden; }html.if-public-v11476:where(.section, .if-content-card, .if-growth-proof, .if-sources-panel, .if-entity-panel) { scroll-margin-top: 94px; }html.if-public-v11476:where(.section__sub, .if-content-card p, .if-content-card li, .if-discovery-card p) { max-width: 72ch; }html.if-public-v11476:where(.product-grid, .if-product-grid, .if-discovery-grid, .if-link-grid) { min-width: 0px; }html.if-public-v11476:where(.product-card, .if-order-card, .if-discovery-card, .if-link-card) { min-width: 0px; }html.if-public-v11476:where(h1, h2, h3, p, a, span, strong) { overflow-wrap: anywhere; }html.if-home-v11476 .hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }html.if-home-v11476 .hero__ctas .btn { min-width: 180px; }html.if-home-v11476 #avis .avis-slider { overflow: visible !important; }html.if-home-v11476 #avis .avis-track.if-compact-reviews { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; width: auto !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; display: grid !important; }html.if-home-v11476 #avis .avis-track.if-compact-reviews .avis-card { width: auto !important; min-width: 0px !important; margin: 0px !important; transform: none !important; }html.if-home-v11476 .if-discovery-card { min-height: 190px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; padding: 22px; color: var(--if-cream); text-decoration: none; border: 1px solid rgba(245, 166, 35, 0.22); border-radius: 22px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)); transition: transform 0.22s, border-color 0.22s, background 0.22s; }html.if-home-v11476 .if-discovery-card strong { font-size: 1.08rem; color: var(--if-gold-soft); }html.if-home-v11476 .if-discovery-card p { font-size: 0.88rem; line-height: 1.55; color: var(--if-muted); margin: 0px; }html.if-home-v11476 .if-discovery-card span { font-weight: 900; color: var(--if-cream); }
@media (hover: hover){html.if-home-v11476 .if-discovery-card:hover { transform: translateY(-4px); border-color: rgba(245, 166, 35, 0.58); background: rgba(245, 166, 35, 0.075); }}
html.if-experience-page-v11476 .if-experience-main { width: min(1240px, 100% - 32px); margin: 0px auto; padding: 28px 0px 76px; }html.if-experience-page-v11476 .if-experience-intro { margin: 22px 0px; padding: clamp(24px, 4vw, 42px); border: 1px solid var(--if-line); border-radius: 30px; background: var(--if-surface); }html.if-experience-page-v11476 .if-experience-intro p { color: var(--if-muted); line-height: 1.75; max-width: 78ch; }html.if-experience-page-v11476 .if-video-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; margin: 24px 0px 40px; }html.if-experience-page-v11476 .if-video-card { overflow: hidden; border: 1px solid var(--if-line); border-radius: 26px; background: rgb(11, 9, 7); box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 54px; }html.if-experience-page-v11476 .if-video-card video { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; background: rgb(0, 0, 0); }html.if-experience-page-v11476 .if-video-card__body { padding: 18px; }html.if-experience-page-v11476 .if-video-card__body h2 { font-size: 1.1rem; margin: 0px 0px 8px; color: var(--if-gold-soft); }html.if-experience-page-v11476 .if-video-card__body p { font-size: 0.9rem; line-height: 1.6; color: var(--if-muted); margin: 0px; }html.if-experience-page-v11476 .if-link-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; margin-top: 20px; }html.if-experience-page-v11476 .if-link-card { display: flex; flex-direction: column; gap: 8px; min-height: 150px; padding: 20px; border-radius: 20px; border: 1px solid var(--if-line); background: var(--if-surface); color: var(--if-cream); text-decoration: none; }html.if-experience-page-v11476 .if-link-card strong { color: var(--if-gold-soft); }html.if-experience-page-v11476 .if-link-card span { color: var(--if-muted); line-height: 1.55; font-size: 0.9rem; }
@media (max-width: 1120px){html.if-public-v11476 .if-pro-nav.nav { grid-template-columns: auto minmax(0px, 1fr) auto !important; }html.if-public-v11476 .if-pro-nav .nav__links { max-height: min(72vh, 620px); overflow: auto; }html.if-public-v11476 .if-mobile-only { display: flex !important; }html.if-home-v11476 #avis .avis-track.if-compact-reviews { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 760px){html.if-public-v11476 { scroll-padding-top: 78px; }html.if-public-v11476 .section { padding-left: 18px !important; padding-right: 18px !important; }html.if-experience-page-v11476 .if-video-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }html.if-experience-page-v11476 .if-link-grid { grid-template-columns: 1fr 1fr; }}
@media (max-width: 560px){html.if-public-v11476 .if-pro-nav.nav { padding: 8px 10px !important; gap: 7px !important; }html.if-public-v11476 .if-pro-nav .nav__logo-text { font-size: 1rem !important; }html.if-public-v11476 .if-pro-nav .nav__logo-mascots { width: 36px !important; height: 36px !important; }html.if-public-v11476 .if-nav-actions { gap: 6px !important; min-width: 0px !important; }html.if-public-v11476 .if-account-btn { display: none !important; }html.if-public-v11476 .if-lang__button { min-width: 44px !important; padding: 0px 8px !important; }html.if-public-v11476 .if-nav-actions .if-main-cta { max-width: 126px; line-height: 1.05; min-width: 0px !important; padding: 8px 11px !important; font-size: 0.68rem !important; }html.if-public-v11476 .nav__burger { flex: 0 0 44px; }html.if-home-v11476 .hero__ctas { display: grid; grid-template-columns: 1fr; width: 100%; }html.if-home-v11476 .hero__ctas .btn { width: 100%; min-height: 52px; min-width: 0px; }html.if-home-v11476 #avis .avis-track.if-compact-reviews { grid-template-columns: 1fr; }html.if-home-v11476 .if-discovery-card { min-height: 150px; }html.if-experience-page-v11476 .if-experience-main { width: min(100% - 24px, 1240px); padding-top: 18px; }html.if-experience-page-v11476 .if-video-grid { grid-template-columns: 1fr; }html.if-experience-page-v11476 .if-link-grid { grid-template-columns: 1fr; }}
@media (prefers-reduced-motion: reduce){html.if-public-v11476 *, html.if-public-v11476 ::before, html.if-public-v11476 ::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: no-preference){::view-transition-old(root) { animation-duration: 0.16s; animation-timing-function: ease-out; }::view-transition-new(root) { animation-duration: 0.24s; animation-timing-function: ease-out; }.reveal { animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: if27Rise; animation-timeline: view(); animation-range: entry entry 55%; }.reveal--d1 { animation-range: entry 6% entry 61%; }.reveal--d2 { animation-range: entry 12% entry 67%; }.reveal--d3 { animation-range: entry 18% entry 73%; }}
@keyframes if27Rise { 
  0% { opacity: 0.001; transform: translateY(20px) scale(0.985); }
  100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: no-preference){.btn, .if-main-cta, .if-primary { transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1); }.btn:hover, .if-main-cta:hover, .if-primary:hover { transform: translateY(-2px); }.btn:active, .if-main-cta:active, .if-primary:active { transform: translateY(0px) scale(0.97); transition-duration: 0.12s; }}
.btn:focus-visible, .if-main-cta:focus-visible, .if-primary:focus-visible { outline: rgb(212, 175, 55) solid 2px; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce){.reveal, .reveal--d1, .reveal--d2, .reveal--d3 { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }}
.hero__title { animation: ifHeroTitleIn .7s var(--easing,cubic-bezier(.22,.61,.36,1)) 0s both; }
@media (prefers-reduced-motion: reduce){.hero__title { animation: auto ease 0s 1 normal none running none; }}
.if-growth-proof, .if-product-answer { max-width: 1180px; margin: 28px auto; padding: 24px; border: 1px solid rgba(212, 175, 55, 0.32); border-radius: 22px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 227, 0.88)); box-shadow: rgba(22, 18, 10, 0.08) 0px 14px 40px; }.if-growth-proof h2, .if-product-answer h2 { margin: 0px 0px 10px; font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.15; }.if-growth-proof p, .if-product-answer p { max-width: 820px; line-height: 1.65; }.if-proof-grid, .if-product-facts { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; margin: 18px 0px; }.if-proof-card, .if-product-facts li { list-style: none; padding: 15px; border-radius: 16px; background: rgb(255, 255, 255); border: 1px solid rgba(20, 18, 12, 0.1); }.if-proof-card strong, .if-product-facts strong { display: block; margin-bottom: 5px; }.if-growth-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }.if-growth-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 17px; border-radius: 999px; text-decoration: none; font-weight: 800; }.if-growth-actions .if-primary { background: rgb(17, 17, 17); color: rgb(255, 255, 255); }.if-growth-actions .if-secondary { background: rgb(212, 175, 55); color: rgb(17, 17, 17); }.if-growth-actions .if-ghost { border: 1px solid rgb(139, 116, 37); color: rgb(48, 39, 12); background: rgb(255, 255, 255); }.if-live-pill { display: inline-flex; gap: 8px; align-items: center; padding: 8px 12px; border-radius: 999px; background: rgb(242, 242, 239); font-weight: 750; }.if-live-pill.is-open { background: rgb(232, 247, 237); color: rgb(20, 92, 44); }.if-live-pill.is-closed { background: rgb(255, 240, 237); color: rgb(141, 36, 24); }.if-source-note { font-size: 0.88rem; opacity: 0.78; }.if-related-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 15px; }.if-related-links a { padding: 8px 12px; border-radius: 999px; background: rgba(212, 175, 55, 0.13); color: inherit; text-decoration: none; font-weight: 700; }
@media (max-width: 720px){.if-growth-proof, .if-product-answer { margin: 20px 12px; padding: 19px; }.if-proof-grid, .if-product-facts { grid-template-columns: 1fr; }.if-growth-actions a { width: 100%; }}
.if-growth-proof, .if-product-answer { color: rgb(23, 19, 16); }.if-growth-proof h2, .if-growth-proof h3, .if-product-answer h2, .if-product-answer h3 { color: rgb(23, 19, 16); }.if-growth-proof p, .if-product-answer p { color: rgb(42, 35, 32); }.if-proof-card, .if-product-facts li { color: rgb(42, 35, 32); }.if-proof-card h3, .if-proof-card strong, .if-product-facts strong { color: rgb(23, 19, 16); }.if-growth-proof a, .if-product-answer a, .if-proof-card a, .if-product-facts a { color: rgb(138, 90, 0); text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }.if-growth-proof a:hover, .if-product-answer a:hover, .if-proof-card a:hover, .if-product-facts a:hover { color: rgb(107, 69, 0); }.if-proof-card { transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; }.if-proof-card:hover { transform: translateY(-3px); box-shadow: rgba(22, 18, 10, 0.12) 0px 12px 28px; border-color: rgba(212, 175, 55, 0.5); }.pcard, .related-card, .info-card, .avis-card, .tier, .zone, .platform { will-change: auto; }.pcard:hover, .related-card:hover, .info-card:hover { transform: translateY(-4px); }.pcard:active, .related-card:active, .info-card:active, .platform:active { transform: translateY(-1px) scale(0.988); }.btn:active, .if-btn:active, button.btn:active { transform: translateY(1px) scale(0.99); }.btn, .if-btn { transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.18s, box-shadow 0.18s, color 0.18s; }.faq-item summary { transition: transform 0.2s, color 0.2s; }.faq-item summary:active { transform: scale(0.995); }.faq-item[open] summary { transform: none; }.if-lang__button:active, .nav__burger:active, .if-account-btn:active { transform: scale(0.94); }a.btn:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--cheddar,#f5c96b); outline-offset: 3px; }
@media (hover: none){.pcard:hover, .related-card:hover, .info-card:hover { transform: none; }}
@media (prefers-reduced-motion: reduce){.pcard, .related-card, .info-card, .avis-card, .tier, .zone, .platform, .btn, .if-btn, .faq-item summary { transition: none !important; }.pcard:hover, .related-card:hover, .info-card:hover, .pcard:active, .related-card:active, .info-card:active, .btn:active, .if-btn:active, .faq-item summary:active, .if-lang__button:active, .nav__burger:active, .if-account-btn:active { transform: none !important; }}