/* Instafood · TRAIN H · premium-final-v114839.css purgé (14 pages types ×2 viewports + safelist parc). Cascade conservée. */
:root { --if-gold: #ffb100; --if-gold2: #ffe18a; --if-black: #080706; --if-cream: #f7efe3; --if-border: rgba(245,166,35,.32); }html { scroll-padding-top: 92px; }body { overflow-x: hidden; }.grain { pointer-events: none; }.if-pro-nav.nav { position: sticky; top: 0px; z-index: 9999; grid-template-columns: auto minmax(240px, 1fr) auto auto; align-items: center; gap: 16px; background: linear-gradient(rgba(8, 7, 6, 0.96), rgba(8, 7, 6, 0.84)); border-bottom: 1px solid var(--if-border); backdrop-filter: blur(18px); box-shadow: rgba(0, 0, 0, 0.36) 0px 12px 40px; display: grid !important; padding: 10px clamp(12px, 3vw, 34px) !important; }.if-pro-nav.nav__logo { align-items: center; gap: 10px; min-width: max-content; text-decoration: none; color: var(--if-cream); display: flex !important; }.if-pro-nav .nav__logo-mascots { width: 42px; height: 42px; object-fit: contain; border-radius: 12px; filter: drop-shadow(rgba(245, 166, 35, 0.22) 0px 8px 18px); }.if-pro-nav .nav__logo-text { font-size: 1.26rem; letter-spacing: 0.01em; white-space: nowrap; }.if-pro-nav .nav__logo-text strong { color: var(--if-gold2); }.if-pro-nav .nav__links { display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 0px; }.if-pro-nav .nav__links a { color: rgba(247, 239, 227, 0.88); text-decoration: none; font-weight: 850; font-size: 0.82rem; letter-spacing: 0.02em; padding: 10px 11px; border-radius: 999px; white-space: nowrap; transition: background 0.2s, color 0.2s, transform 0.2s; }.if-pro-nav .nav__links a:hover { background: rgba(245, 166, 35, 0.12); color: var(--if-gold2); transform: translateY(-1px); }.if-nav-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: max-content; }.if-account-btn, .if-main-cta, .if-lang__button { height: 42px; border-radius: 999px; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--if-border); font-weight: 950; font-size: 0.78rem; text-decoration: none; white-space: nowrap; letter-spacing: 0.02em; display: inline-flex !important; }.if-account-btn { background: rgba(255, 255, 255, 0.043); padding: 0px 14px; color: var(--if-cream) !important; }.if-account-btn:hover { background: rgba(245, 166, 35, 0.12); border-color: rgba(245, 166, 35, 0.55); color: var(--if-gold2) !important; }.if-main-cta { box-shadow: rgba(245, 166, 35, 0.28) 0px 14px 36px; text-transform: uppercase; background: linear-gradient(135deg, rgb(255, 200, 112), rgb(245, 166, 35) 55%, rgb(214, 138, 12)) !important; color: rgb(22, 13, 4) !important; border: 0px !important; padding: 0px 18px !important; }.if-main-cta:hover { transform: translateY(-1px); box-shadow: rgba(245, 166, 35, 0.38) 0px 18px 45px; }.if-lang { position: relative; }.if-lang__button { background: rgba(10, 10, 10, 0.88); color: var(--if-cream); padding: 0px 11px; cursor: pointer; }.if-lang__flag { font-size: 1rem; line-height: 1; }.if-lang__menu { position: absolute; right: 0px; top: calc(100% + 10px); min-width: 145px; padding: 8px; border: 1px solid rgba(245, 166, 35, 0.38); border-radius: 18px; background: rgba(8, 7, 6, 0.98); box-shadow: rgba(0, 0, 0, 0.55) 0px 22px 70px; backdrop-filter: blur(18px); }.if-lang__item { display: flex; align-items: center; gap: 9px; color: var(--if-cream); text-decoration: none; padding: 10px 11px; border-radius: 12px; font-weight: 900; }.if-lang__item:hover, .if-lang__item[aria-current="true"] { background: rgba(245, 166, 35, 0.14); color: var(--if-gold2); }.nav__burger { border: 1px solid var(--if-border); background: rgba(255, 255, 255, 0.05); color: var(--if-gold2); width: 42px; height: 42px; border-radius: 14px; font-size: 1.2rem; display: none !important; }.if-cart-dock, .floating-cta, .ai-popup, .ai-assistant, .parallax-heavy { display: none !important; }.if-cart-enabled.if-cart-dock { display: inline-flex !important; }
@media (max-width: 1120px){.if-pro-nav.nav { grid-template-columns: auto 1fr auto; gap: 10px; }.if-pro-nav .nav__links { position: absolute; left: 12px; right: 12px; top: calc(100% + 8px); display: none; flex-direction: column; align-items: stretch; background: rgba(8, 7, 6, 0.98); border: 1px solid var(--if-border); border-radius: 22px; padding: 12px; box-shadow: rgba(0, 0, 0, 0.6) 0px 22px 70px; }.if-pro-nav .nav__links.open { display: flex; }.if-pro-nav .nav__links a { text-align: center; padding: 13px; }.if-nav-actions { grid-column: 2; }.nav__burger { grid-column: 3; display: inline-flex !important; }.if-account-btn span { display: none; }.if-main-cta { padding: 0px 14px !important; }}
@media (max-width: 560px){.if-pro-nav.nav { grid-template-columns: auto 1fr auto; gap: 7px; padding: 8px 10px !important; }.if-pro-nav .nav__logo-mascots { width: 36px; height: 36px; }.if-pro-nav .nav__logo-text { font-size: 1.05rem; }.if-nav-actions { gap: 5px; }.if-account-btn, .if-lang__button, .if-main-cta { height: 38px; font-size: 0.68rem; }.if-main-cta { padding: 0px 10px !important; }.if-account-btn { padding: 0px 10px; }.if-lang__button { padding: 0px 8px; }.if-lang__menu { right: -52px; }.nav__burger { width: 38px; height: 38px; }}
@media (prefers-reduced-motion: no-preference){.hero__content, .product-card, .story-card, .faq-item, .if-order-card, .if-account-card { animation: 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running ifReveal; }.product-card:nth-child(2n), .if-order-card:nth-child(2n) { animation-delay: 0.06s; }.product-card:nth-child(3n), .if-order-card:nth-child(3n) { animation-delay: 0.11s; }@keyframes ifReveal { 
  0% { opacity: 0; transform: translateY(24px) scale(0.985); filter: blur(8px); }
  100% { opacity: 1; transform: none; filter: blur(0px); }
}.btn, .if-order-card, .product-card { transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; }.btn:hover, .if-order-card:hover, .product-card:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.35) 0px 24px 80px, rgba(245, 166, 35, 0.16) 0px 0px 0px 1px; }}
.if-order-page { background: radial-gradient(circle at 20% 0px, rgba(245, 166, 35, 0.18), transparent 34%), radial-gradient(circle at 84% 12%, rgba(200, 66, 28, 0.13), transparent 32%), rgb(9, 8, 6); color: var(--if-cream); min-height: 100vh; }.if-order-wrap { width: min(1420px, 100% - 28px); margin: 0px auto; padding: 36px 0px 70px; }.if-order-hero { display: grid; grid-template-columns: minmax(0px, 1.04fr) minmax(300px, 0.96fr); gap: 28px; align-items: center; margin: 28px 0px 24px; padding: clamp(24px, 4vw, 52px); border: 1px solid var(--if-border); border-radius: 34px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)); box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 110px; overflow: hidden; position: relative; }.if-order-hero::before { content: ""; position: absolute; inset: -30%; background: conic-gradient(from 180deg, transparent, rgba(245, 166, 35, 0.13), transparent 24%); animation: 9s linear 0s infinite normal none running ifGlow; pointer-events: none; }@keyframes ifGlow { 
  100% { transform: rotate(360deg); }
}.if-order-hero > * { position: relative; z-index: 1; }.if-order-hero h1 { font-family: var(--font-chunk,Impact),sans-serif; font-size: clamp(2.5rem, 7vw, 6.8rem); line-height: 0.88; letter-spacing: -0.04em; text-transform: uppercase; }.if-order-hero h1 em { color: var(--if-gold2); font-style: normal; }.if-order-hero p { font-size: clamp(1rem, 2vw, 1.25rem); color: rgba(247, 239, 227, 0.84); max-width: 720px; margin-top: 18px; }.if-order-hero__image img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 30px; border: 1px solid rgba(245, 166, 35, 0.28); box-shadow: rgba(0, 0, 0, 0.55) 0px 30px 90px; }.if-login-gate { margin: 20px 0px; padding: 20px; border: 1px solid rgba(245, 166, 35, 0.42); border-radius: 26px; background: rgba(245, 166, 35, 0.08); }.if-login-gate strong { color: var(--if-gold2); }.if-order-tabs { display: flex; gap: 8px; overflow: auto; padding: 6px 0px 14px; position: sticky; top: 68px; z-index: 80; background: linear-gradient(rgba(9, 8, 6, 0.96), rgba(9, 8, 6, 0.78)); }.if-tab.active { background: linear-gradient(135deg, rgb(255, 200, 112), rgb(245, 166, 35)); color: rgb(22, 13, 4); border-color: transparent; }.if-order-layout { display: grid; grid-template-columns: minmax(0px, 1fr) 390px; gap: 22px; align-items: start; }.if-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }.if-cart-panel { position: sticky; top: 132px; border: 1px solid rgba(245, 166, 35, 0.32); border-radius: 28px; background: rgba(8, 7, 6, 0.92); box-shadow: rgba(0, 0, 0, 0.52) 0px 28px 95px; overflow: hidden; }.if-cart-panel h2 { font-size: 1.3rem; padding: 18px; border-bottom: 1px solid rgba(245, 166, 35, 0.18); }.if-cart-items { max-height: 42vh; overflow: auto; padding: 12px; }.if-cart-line { padding: 12px; border: 1px solid rgba(245, 166, 35, 0.18); border-radius: 18px; background: rgba(255, 255, 255, 0.04); margin-bottom: 10px; }.if-cart-line small { display: block; color: rgba(247, 239, 227, 0.68); margin-top: 5px; }.if-cart-summary { padding: 16px; border-top: 1px solid rgba(245, 166, 35, 0.18); background: rgba(245, 166, 35, 0.07); }.if-total { display: flex; justify-content: space-between; align-items: center; font-weight: 1000; font-size: 1.18rem; margin-bottom: 12px; }.if-checkout { width: 100%; border: 0px; border-radius: 16px; background: linear-gradient(135deg, rgb(255, 200, 112), rgb(245, 166, 35)); color: rgb(22, 13, 4); font-weight: 1000; padding: 14px; cursor: pointer; }.if-checkout[disabled], .if-add[disabled] { opacity: 0.45; cursor: not-allowed; filter: grayscale(1); }.if-pill-options button.active { background: rgba(245, 166, 35, 0.16); border-color: rgba(245, 166, 35, 0.7); color: var(--if-gold2); }.if-toast { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); background: rgb(11, 9, 7); border: 1px solid rgba(245, 166, 35, 0.38); color: var(--if-cream); padding: 12px 16px; border-radius: 999px; z-index: 99999; box-shadow: rgba(0, 0, 0, 0.55) 0px 20px 80px; }
@media (max-width: 1120px){.if-order-layout { grid-template-columns: 1fr; }.if-cart-panel { position: relative; top: auto; }.if-product-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }.if-order-hero { grid-template-columns: 1fr; }}
@media (max-width: 640px){.if-order-wrap { width: min(100% - 18px, 1420px); padding-top: 18px; }.if-product-grid { grid-template-columns: 1fr; }.if-order-tabs { top: 56px; }.if-order-hero { padding: 20px; border-radius: 26px; }.if-order-hero h1 { font-size: 2.4rem; }.if-cart-panel { border-radius: 22px; }}
[dir="rtl"].if-lang__menu { left: 0px; right: auto; }[dir="rtl"].if-order-card__body, [dir="rtl"].if-cart-panel, [dir="rtl"].if-login-gate { text-align: right; }:root { --if-gold: #ffb100; --if-gold2: #ffd98a; --if-gold3: #fff0be; --if-amber: #ff9f1c; --if-black: #060504; --if-black2: #0d0906; --if-cream: #fff6e8; --if-glow: rgba(255,190,84,.42); --if-glow-soft: rgba(255,190,84,.18); --if-red-glow: rgba(232,90,53,.18); }body { background-blend-mode: screen, screen, screen, normal, normal; background-color: rgb(6, 5, 4) !important; background-image: radial-gradient(circle at 18% -8%, rgba(255, 200, 112, 0.24), transparent 30%), radial-gradient(circle at 90% 10%, rgba(200, 66, 28, 0.18), transparent 30%), radial-gradient(circle at 50% 115%, rgba(245, 166, 35, 0.18), transparent 40%), linear-gradient(rgb(6, 5, 4) 0%, rgb(13, 9, 6) 36%, rgb(7, 6, 5) 100%), 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='%23120d09'/><g fill='none' stroke='%23000000' 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></svg>") !important; }.grain { opacity: 0.075 !important; mix-blend-mode: soft-light !important; }.grain::after { content: ""; position: fixed; inset: 0px; pointer-events: none; background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.04) 42%, transparent 58%); animation: 9s ease-in-out 0s infinite normal none running ifFilmSweep; }.if-pro-nav.nav { background: linear-gradient(rgba(15, 10, 6, 0.98), rgba(8, 6, 4, 0.88)) !important; border-bottom: 1px solid rgba(255, 216, 138, 0.45) !important; box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 55px, rgba(245, 166, 35, 0.13) 0px 0px 42px !important; }.if-pro-nav.nav::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 230, 170, 0.85), rgba(245, 166, 35, 0.58), transparent); pointer-events: none; }.if-pro-nav.nav__logo { filter: drop-shadow(rgba(245, 166, 35, 0.22) 0px 0px 18px); }.if-pro-nav .nav__logo-text strong { background: none; -webkit-text-fill-color: currentcolor; color: rgb(245, 177, 47); text-shadow: none; }.if-main-cta, .btn--primary, .if-checkout, .if-add, .nav__cta { position: relative; overflow: hidden; background: linear-gradient(135deg, rgb(255, 240, 190) 0%, rgb(255, 208, 120) 24%, rgb(245, 166, 35) 55%, rgb(200, 120, 6) 100%) !important; color: rgb(21, 11, 2) !important; box-shadow: rgba(137, 78, 3, 0.85) 0px 12px 0px, rgba(245, 166, 35, 0.38) 0px 22px 52px, rgba(255, 255, 255, 0.75) 0px 1px 0px inset !important; border: 1px solid rgba(255, 238, 190, 0.36) !important; }.if-main-cta::before, .btn--primary::before, .if-checkout::before, .if-add::before, .nav__cta::before { content: ""; position: absolute; inset: -160% -60%; background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, 0.74) 49%, transparent 60%); transform: translateX(-35%) rotate(10deg); animation: 4.8s ease-in-out 0s infinite normal none running ifGoldShine; pointer-events: none; }.if-main-cta:hover, .btn--primary:hover, .if-checkout:hover, .if-add:hover, .nav__cta:hover { transform: translateY(-3px) scale(1.015) !important; box-shadow: rgba(137, 78, 3, 0.88) 0px 15px 0px, rgba(245, 166, 35, 0.5) 0px 30px 75px, rgba(255, 255, 255, 0.75) 0px 1px 0px inset !important; }.if-account-btn, .if-lang__button, .btn--ghost { background: linear-gradient(rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.024)) !important; border: 1px solid rgba(255, 216, 138, 0.38) !important; box-shadow: rgba(255, 255, 255, 0.12) 0px 1px 0px inset, rgba(0, 0, 0, 0.32) 0px 10px 34px !important; }.if-account-btn:hover, .if-lang__button:hover, .btn--ghost:hover { background: linear-gradient(rgba(245, 166, 35, 0.18), rgba(245, 166, 35, 0.06)) !important; color: rgb(255, 217, 138) !important; box-shadow: rgba(245, 166, 35, 0.2) 0px 0px 34px !important; }.hero { min-height: 96svh; background: rgb(5, 4, 3) !important; }.hero::before { content: ""; position: absolute; inset: 0px; z-index: 3; pointer-events: none; background: radial-gradient(circle at 24% 23%, rgba(255, 202, 112, 0.2), transparent 30%), radial-gradient(circle at 88% 54%, rgba(255, 154, 37, 0.16), transparent 34%), linear-gradient(110deg, rgba(255, 216, 138, 0.08), transparent 32%, rgba(255, 166, 35, 0.08) 75%, transparent); mix-blend-mode: screen; animation: 8s ease-in-out 0s infinite normal none running ifHeroBreath; }.hero::after { content: ""; position: absolute; inset: auto 0px 0px; z-index: 3; height: 35%; pointer-events: none; background: linear-gradient(transparent, rgba(6, 5, 4, 0.98)); }.hero__bg { transform: scale(1.018); animation: 14s ease-in-out 0s infinite alternate none running ifHeroKenBurns; filter: saturate(1.24) contrast(1.12) brightness(1.08) !important; }.hero__bg::after { background: linear-gradient(rgba(5, 4, 3, 0.02) 0%, rgba(5, 4, 3, 0.08) 31%, rgba(5, 4, 3, 0.44) 70%, rgba(5, 4, 3, 0.94) 100%) !important; }.hero__bg::before { background: linear-gradient(90deg, rgba(5, 4, 3, 0.9) 0%, rgba(5, 4, 3, 0.68) 19%, rgba(5, 4, 3, 0.25) 43%, rgba(5, 4, 3, 0.02) 68%) !important; }.hero__badge { background: linear-gradient(135deg, rgb(255, 241, 191), rgb(245, 166, 35) 62%, rgb(200, 120, 6)) !important; color: rgb(17, 8, 2) !important; border: 1px solid rgba(255, 238, 190, 0.72) !important; box-shadow: rgba(139, 78, 0, 0.88) 0px 8px 0px, rgba(245, 166, 35, 0.34) 0px 20px 54px, rgba(255, 255, 255, 0.72) 0px 1px 0px inset !important; }.hero__title { filter: drop-shadow(rgba(245, 166, 35, 0.12) 0px 0px 25px); color: rgb(255, 246, 232) !important; text-shadow: rgb(0, 0, 0) 0px 3px 0px, rgba(122, 67, 0, 0.82) 0px 7px 0px, rgba(255, 223, 165, 0.25) 0px 0px 22px, rgba(0, 0, 0, 0.85) 0px 30px 88px !important; }.hero__title.food, .hero__title em { background: linear-gradient(90deg, rgb(255, 241, 191), rgb(255, 208, 120), rgb(245, 166, 35), rgb(255, 241, 191)) 0% 0% / 220% 100% text; animation: 6s ease-in-out 0s infinite normal none running ifGoldText; color: transparent !important; }.hero__sub { color: rgb(255, 242, 223) !important; text-shadow: rgba(0, 0, 0, 0.85) 0px 4px 18px !important; }.section { position: relative; }.section::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 12% 0%, rgba(245, 166, 35, 0.09), transparent 25%), radial-gradient(circle at 88% 20%, rgba(200, 66, 28, 0.08), transparent 26%); opacity: 0.85; }.section > * { position: relative; z-index: 1; }.section__title strong, .section__title em { background: none; -webkit-text-fill-color: currentcolor; color: rgb(245, 177, 47); text-shadow: none; }.product-card, .story-card, .faq-item, .if-order-card, .if-cart-panel, .if-login-gate, .if-order-hero { background: linear-gradient(rgba(255, 255, 255, 0.082), rgba(255, 255, 255, 0.024)) !important; border-color: rgba(255, 216, 138, 0.32) !important; box-shadow: rgba(0, 0, 0, 0.38) 0px 24px 74px, rgba(255, 216, 138, 0.08) 0px 0px 0px 1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important; }.product-card img, .if-order-card img, .story-card img { filter: saturate(1.16) contrast(1.08) brightness(1.04); transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), filter 0.55s; }.product-card:hover img, .if-order-card:hover img, .story-card:hover img { transform: scale(1.045); filter: saturate(1.28) contrast(1.12) brightness(1.08); }.if-order-page { background: radial-gradient(circle at 16% 0px, rgba(255, 216, 138, 0.24), transparent 30%), radial-gradient(circle at 84% 10%, rgba(232, 90, 53, 0.18), transparent 34%), linear-gradient(rgb(6, 5, 4), rgb(16, 11, 7) 45%, rgb(7, 5, 4)) !important; }.if-order-hero::before { opacity: 1 !important; background: conic-gradient(from 180deg, transparent, rgba(255, 216, 138, 0.2), rgba(245, 166, 35, 0.1), transparent 28%) !important; }.if-order-hero h1 em { background: linear-gradient(90deg, rgb(255, 241, 191), rgb(255, 208, 120), rgb(245, 166, 35)) text; color: transparent !important; }.if-order-card::after, .product-card::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), transparent 28%, transparent 68%, rgba(245, 166, 35, 0.12)); opacity: 0.75; }.if-tab.active { background: linear-gradient(135deg, rgb(255, 240, 190), rgb(255, 208, 120), rgb(245, 166, 35)) !important; box-shadow: rgba(245, 166, 35, 0.26) 0px 14px 38px !important; }.if-pill-options button.active { background: linear-gradient(rgba(245, 166, 35, 0.28), rgba(245, 166, 35, 0.12)) !important; border-color: rgba(255, 216, 138, 0.78) !important; box-shadow: rgba(245, 166, 35, 0.12) 0px 0px 24px !important; }@keyframes ifGoldShine { 
  0%, 70% { transform: translateX(-45%) rotate(10deg); opacity: 0; }
  78% { opacity: 0.85; }
  100% { transform: translateX(46%) rotate(10deg); opacity: 0; }
}@keyframes ifGoldText { 
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}@keyframes ifFilmSweep { 
  0%, 100% { opacity: 0.18; transform: translateX(-12%); }
  50% { opacity: 0.44; transform: translateX(12%); }
}@keyframes ifHeroBreath { 
  0%, 100% { opacity: 0.64; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.025); }
}@keyframes ifHeroKenBurns { 
  0% { transform: scale(1.018) translate3d(0px, 0px, 0px); }
  100% { transform: scale(1.06) translate3d(-1.2%, 0.6%, 0px); }
}
@media (max-width: 920px){.hero__bg { filter: saturate(1.18) contrast(1.08) brightness(1.02) !important; }.hero__bg::before { background: linear-gradient(rgba(5, 4, 3, 0.42), rgba(5, 4, 3, 0.78)) !important; }.hero__title { text-shadow: rgb(0, 0, 0) 0px 3px 0px, rgba(122, 67, 0, 0.72) 0px 5px 0px, rgba(0, 0, 0, 0.9) 0px 18px 58px !important; }}
@media (prefers-reduced-motion: reduce){.grain::after, .hero::before, .hero__bg, .hero__title.food, .hero__title em, .if-main-cta::before, .btn--primary::before, .if-checkout::before, .if-add::before, .nav__cta::before { animation: auto ease 0s 1 normal none running none !important; }.hero__bg { transform: none !important; }}
.if-main-cta, .if-add, .if-btn--primary { letter-spacing: 0.03em; }.if-lang__button.if-lang__flag { filter: drop-shadow(rgba(255, 177, 0, 0.18) 0px 0px 10px); }.if-size-card.active { background: linear-gradient(rgba(255, 177, 0, 0.22), rgba(255, 177, 0, 0.1)); border-color: rgba(255, 216, 138, 0.78); box-shadow: rgba(255, 216, 138, 0.18) 0px 0px 0px 1px inset, rgba(255, 177, 0, 0.12) 0px 18px 34px; }.if-pro-nav.nav__logo { padding: 8px 14px; border: 1px solid rgba(255, 216, 138, 0.52); border-radius: 999px; background: linear-gradient(rgba(18, 12, 8, 0.92), rgba(10, 8, 6, 0.74)); box-shadow: rgba(0, 0, 0, 0.32) 0px 10px 30px, rgba(245, 166, 35, 0.1) 0px 0px 28px; }.if-main-cta, .if-checkout, .if-add, .nav__cta { background: linear-gradient(135deg, rgb(255, 231, 162) 0%, rgb(255, 211, 111) 24%, rgb(247, 180, 44) 60%, rgb(216, 137, 8) 100%) !important; color: rgb(22, 13, 4) !important; box-shadow: rgba(245, 166, 35, 0.3) 0px 14px 32px, rgba(255, 255, 255, 0.55) 0px 1px 0px inset !important; }.if-main-cta:hover, .if-checkout:hover, .if-add:hover, .nav__cta:hover { filter: brightness(1.03) saturate(1.05); transform: translateY(-1px); }.if-help, .if-order-card p, .if-cart-line small { color: rgba(247, 239, 227, 0.78) !important; }.if-order-card h3, .if-cart-panel h2, .if-total, .if-option-group label { color: rgb(255, 246, 223) !important; }.section__title, .section__title *, .if-order-hero h1, .if-order-hero h1 * { text-shadow: rgba(0, 0, 0, 0.48) 0px 4px 0px, rgba(245, 166, 35, 0.16) 0px 0px 18px; }.section__title strong, .section__title em, .if-order-hero h1 em { background: none; -webkit-text-fill-color: currentcolor; color: rgb(245, 177, 47); text-shadow: none; }.if-order-hero--banner { min-height: 560px; align-items: end; grid-template-columns: 1fr !important; background-image: linear-gradient(90deg, rgba(6, 5, 4, 0.82) 0%, rgba(6, 5, 4, 0.58) 38%, rgba(6, 5, 4, 0.18) 72%), url("../assets/posters/hero-banner.webp") !important; background-size: cover !important; background-position: center center !important; padding: clamp(26px, 4vw, 52px) !important; }.if-order-hero--banner::before { display: none !important; }.if-order-hero--banner.if-order-hero__image { display: none !important; }.if-order-hero--banner h1 { max-width: 780px; line-height: 0.9; font-size: clamp(2.7rem, 6.5vw, 6.4rem) !important; color: rgb(255, 245, 223) !important; }.if-order-hero--banner p { max-width: 760px; color: rgba(255, 245, 223, 0.9) !important; }.if-order-hero--banner.hero__badge { display: inline-flex; background: linear-gradient(135deg, rgb(255, 217, 122), rgb(245, 166, 35)); color: rgb(22, 13, 4); border-radius: 999px; padding: 10px 18px; font-weight: 1000; box-shadow: rgba(245, 166, 35, 0.26) 0px 10px 28px; margin-bottom: 18px; }
@media (max-width: 760px){.if-order-hero--banner { min-height: 470px; background-position: 64% center !important; }.if-order-hero--banner h1 { font-size: 2.55rem !important; }.if-pro-nav.nav__logo { padding: 6px 10px; }}
.if-pro-nav.nav { overflow: visible !important; }.if-pro-nav.nav__logo { min-height: 72px; padding: 8px 18px 8px 10px !important; gap: 12px !important; align-items: center !important; background: linear-gradient(rgba(16, 10, 7, 0.96), rgba(8, 6, 4, 0.84)) !important; border: 1.5px solid rgba(255, 208, 120, 0.62) !important; box-shadow: rgba(0, 0, 0, 0.38) 0px 14px 34px, rgba(245, 166, 35, 0.12) 0px 0px 26px, rgba(255, 248, 224, 0.1) 0px 1px 0px inset !important; }.if-pro-nav .nav__logo-mascots { width: 54px !important; height: 54px !important; object-fit: contain !important; object-position: center center !important; border-radius: 14px !important; background: transparent !important; border: 0px !important; box-shadow: none !important; filter: drop-shadow(rgba(245, 166, 35, 0.24) 0px 8px 18px) !important; }.if-pro-nav .nav__logo-text { font-size: 1.34rem !important; line-height: 0.92 !important; letter-spacing: 0.005em !important; }.if-pro-nav .nav__logo-text::after { margin-top: 4px !important; letter-spacing: 0.28em !important; }.if-pro-nav.nav__logo:hover { transform: translateY(-1px); }.if-order-hero--banner h1 { display: flex !important; flex-direction: column !important; gap: 10px !important; max-width: 860px !important; font-size: clamp(2.5rem, 6.1vw, 5.5rem) !important; line-height: 0.9 !important; letter-spacing: -0.035em !important; }.if-order-hero__title-main { display: block; color: rgb(255, 245, 223) !important; text-shadow: rgba(0, 0, 0, 0.44) 0px 5px 0px, rgba(245, 166, 35, 0.16) 0px 0px 18px !important; }.if-order-hero__title-sub { display: inline-block; align-self: flex-start; max-width: max-content; font-weight: 1000; padding: 0.28em 0.42em 0.22em; border-radius: 0.18em; background: linear-gradient(135deg, rgba(255, 242, 190, 0.96), rgba(255, 208, 120, 0.94), rgba(245, 166, 35, 0.92)); box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 24px, rgba(150, 88, 0, 0.92) 0px 5px 0px, rgba(255, 255, 255, 0.45) 0px 1px 0px inset; font-size: clamp(1.3rem, 3vw, 2.25rem) !important; line-height: 1 !important; color: rgb(26, 16, 4) !important; text-shadow: none !important; }[dir="rtl"].if-order-hero__title-sub { align-self: flex-end; }
@media (max-width: 760px){.if-pro-nav.nav__logo { min-height: 64px; padding: 7px 12px 7px 8px !important; }.if-pro-nav .nav__logo-mascots { width: 46px !important; height: 46px !important; }.if-pro-nav .nav__logo-text { font-size: 1.16rem !important; }.if-order-hero--banner h1 { gap: 8px !important; font-size: clamp(2.15rem, 9vw, 3.3rem) !important; }.if-order-hero__title-sub { padding: 0.22em 0.34em 0.18em; font-size: clamp(1.02rem, 4.4vw, 1.28rem) !important; }}
:root { --if-focus: #ffe3a0; --if-gold-soft: rgba(255,216,138,.18); }.if-pro-nav .nav__links a, .if-account-btn, .if-lang__button, .if-main-cta, .btn, .if-tab, .if-add, .if-checkout { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }.if-pro-nav .nav__links a:hover, .if-account-btn:hover, .if-lang__button:hover, .if-tab:hover { box-shadow: rgba(255, 177, 0, 0.1) 0px 10px 28px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }.if-order-tabs { scrollbar-width: thin; scrollbar-color: rgba(255, 177, 0, 0.55) rgba(0, 0, 0, 0.18); }.if-order-tabs::-webkit-scrollbar { height: 7px; }.if-order-tabs::-webkit-scrollbar-thumb { background: linear-gradient(90deg, rgb(216, 137, 8), rgb(255, 208, 120)); border-radius: 999px; }.if-product-grid img, .product-card img, .story-card img, .if-order-card img { content-visibility: auto; contain-intrinsic-size: 260px; }.if-cart-panel { backdrop-filter: blur(16px); }
@media (max-width: 640px){.if-order-tabs { top: 62px; padding-inline: 2px; mask-image: linear-gradient(90deg, transparent 0px, rgb(0, 0, 0) 18px, rgb(0, 0, 0) calc(100% - 18px), transparent 100%); }.if-cart-panel { position: relative !important; top: auto !important; }}
@media (prefers-reduced-motion: reduce){*, ::before, ::after { scroll-behavior: auto !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !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; }
@media (max-width: 1120px){.if-pro-nav .nav__links { position: absolute !important; left: 12px !important; right: 12px !important; top: calc(100% + 8px) !important; z-index: 2147482000 !important; display: none !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; background: rgba(8, 7, 6, 0.984) !important; border: 1px solid rgba(201, 164, 92, 0.34) !important; border-radius: 22px !important; padding: 14px !important; box-shadow: rgba(0, 0, 0, 0.74) 0px 24px 80px !important; pointer-events: auto !important; }.if-pro-nav .nav__links.open, body.if-nav-open .if-pro-nav .nav__links { display: flex !important; }.if-pro-nav .nav__links a { display: flex !important; justify-content: center !important; align-items: center !important; min-height: 44px !important; padding: 13px 14px !important; text-align: center !important; border-radius: 14px !important; pointer-events: auto !important; }.nav__burger { display: inline-flex !important; align-items: center !important; justify-content: center !important; pointer-events: auto !important; touch-action: manipulation !important; }}
.nav__logo-text::after, .if-pro-nav .nav__logo-text::after { content: none !important; display: none !important; }.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); }