/* Instafood · TRAIN H · brand-merge.css purgé (14 pages types ×2 viewports + safelist parc). Cascade conservée. */
:root { --if-gold-strong: #f5a623; --if-gold-soft: #ffd57a; --if-cream-soft: #fff5df; }.nav { backdrop-filter: blur(16px) saturate(1.08); box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 50px; background: linear-gradient(rgba(8, 8, 8, 0.94), rgba(12, 8, 4, 0.88)) !important; border-bottom: 1px solid rgba(245, 166, 35, 0.18) !important; }.nav__links a, .nav__account { position: relative; transition: color 0.22s, opacity 0.22s, transform 0.22s; }.nav__links a::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -8px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, transparent, rgb(255, 217, 120), rgb(245, 166, 35), transparent); transform: scaleX(0); transform-origin: center center; transition: transform 0.24s; }.nav__links a:hover::after, .nav__links a:focus-visible::after { transform: scaleX(1); }.hero__proof-row > div, .hero__instagram, .fact-card, .stats-grid > div, .story-card, .if-order-card, .if-login-gate, .if-cart-panel, .faq-item, .avis-card { transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.26s, border-color 0.26s, background 0.26s; }.hero__proof-row > div:hover, .hero__instagram:hover, .fact-card:hover, .stats-grid > div:hover, .story-card:hover, .faq-item:hover, .avis-card:hover { transform: translateY(-4px); border-color: rgba(255, 216, 138, 0.55) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 24px 80px, rgba(255, 216, 138, 0.1) 0px 0px 0px 1px inset !important; }.section__title, .section h2[id$="title"] { text-shadow: rgba(0, 0, 0, 0.52) 0px 5px 0px, rgba(245, 166, 35, 0.08) 0px 0px 18px; }.section__title strong, .section__title em { filter: drop-shadow(rgba(0, 0, 0, 0.36) 0px 3px 0px); }.best-sellers__grid.product-card img, .if-order-card img, .story-card img { will-change: transform; }.product-card:hover img, .if-order-card:hover img, .story-card:hover img { transform: scale(1.045); }.product-card:hover, .if-order-card:hover { transform: translateY(-6px); border-color: rgba(255, 216, 138, 0.6) !important; box-shadow: rgba(0, 0, 0, 0.46) 0px 28px 84px, rgba(255, 216, 138, 0.14) 0px 0px 0px 1px inset !important; }.if-order-tabs { border-top: 1px solid rgba(245, 166, 35, 0.18); border-bottom: 1px solid rgba(245, 166, 35, 0.18); background: linear-gradient(rgba(6, 5, 4, 0.92), rgba(10, 7, 5, 0.82)) !important; }.if-tab.active { transform: translateY(-1px); }.if-order-card__cat, .if-config-title, .section__eyebrow, .hero__badge { letter-spacing: 0.05em; }.if-order-card p, .product-card p { line-height: 1.52; }.if-add, .product-card.btn, .btn--primary, .nav__cta { box-shadow: rgba(245, 166, 35, 0.18) 0px 10px 24px; }.if-add:hover, .product-card.btn:hover, .btn--primary:hover, .nav__cta:hover { transform: translateY(-1px); box-shadow: rgba(245, 166, 35, 0.24) 0px 16px 30px; }.if-order-hero--banner { overflow: hidden; position: relative; }.if-order-hero--banner::after { content: ""; position: absolute; inset: auto 0px 0px; height: 40%; background: linear-gradient(transparent, rgba(0, 0, 0, 0.22) 40%, rgba(0, 0, 0, 0.42)); pointer-events: none; }
@media (prefers-reduced-motion: reduce){.nav__links a, .nav__account, .hero__proof-row > div, .hero__instagram, .fact-card, .stats-grid > div, .story-card, .if-order-card, .faq-item, .avis-card, .if-tab, .product-card, .if-add, .product-card.btn, .btn--primary, .nav__cta { transition: none !important; transform: none !important; }.product-card:hover img, .if-order-card:hover img, .story-card:hover img { transform: none !important; }}
.section__title, .page-hero__title, .local-hero h1, .if-order-hero h1, .hero__title { text-wrap: balance; }.section__title em, .section__title strong, .page-hero__title em, .page-hero__title strong, .local-hero h1 em, .local-hero h1 strong, .if-order-hero h1 em, .if-order-hero h1 strong { display: inline !important; padding: 0px !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; background: none !important; box-shadow: none !important; color: var(--if-gold-strong) !important; -webkit-text-fill-color: currentcolor !important; text-shadow: rgba(0, 0, 0, 0.58) 0px 4px 0px, rgba(245, 166, 35, 0.14) 0px 0px 16px !important; filter: none !important; }.section__title em, .section__title strong { color: rgb(245, 177, 47) !important; letter-spacing: -0.012em !important; }.if-order-hero__title-sub { display: block !important; align-self: flex-start !important; max-width: none !important; padding: 0px !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; background: none !important; color: rgb(245, 177, 47) !important; -webkit-text-fill-color: currentcolor !important; text-shadow: rgba(0, 0, 0, 0.55) 0px 4px 0px, rgba(245, 166, 35, 0.14) 0px 0px 18px !important; box-shadow: none !important; }
@media (max-width: 760px){.if-order-hero__title-sub { font-size: clamp(1rem, 4.1vw, 1.25rem) !important; }}
.section__title em, .section__title strong, .hero__title em, .hero__title strong, .if-order-hero h1 em, .if-order-hero h1 strong, .local-hero h1 em, .local-hero h1 strong, .page-hero__title em, .page-hero__title strong, .menu-category__head.section__title em, .menu-category__head.section__title strong { background: none border-box !important; -webkit-text-fill-color: currentcolor !important; color: rgb(245, 177, 47) !important; box-shadow: none !important; filter: none !important; }.section__title.section__title-accent, .section__title.title-accent, .section__title [class*="accent"] { background: none border-box !important; -webkit-text-fill-color: currentcolor !important; color: rgb(245, 177, 47) !important; padding: 0px !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; }.section__title.section__title-accent::before, .section__title.section__title-accent::after, .section__title.title-accent::before, .section__title.title-accent::after, .section__title [class*="accent"]::before, .section__title [class*="accent"]::after { display: none !important; content: none !important; }.if-entity-mini { width: min(1180px, 100% - 28px); margin: 32px auto 54px; padding: 18px 20px; border-radius: 22px; border: 1px solid rgba(245, 166, 35, 0.22); background: rgba(245, 166, 35, 0.055); color: rgba(247, 239, 227, 0.8); line-height: 1.62; font-size: 0.95rem; }.if-entity-mini strong { color: rgb(255, 243, 199); }.if-entity-mini a { color: rgb(245, 177, 47); font-weight: 900; text-decoration: none; }
@media (max-width: 760px){.if-entity-mini { font-size: 0.86rem; }}
.if-sources-panel { margin: clamp(34px, 5vw, 70px) auto; padding: clamp(22px, 4vw, 42px); border: 1px solid rgba(255, 216, 138, 0.28); border-radius: 30px; background: linear-gradient(rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.024)); box-shadow: rgba(0, 0, 0, 0.36) 0px 26px 82px, rgba(255, 255, 255, 0.07) 0px 1px 0px inset; max-width: 1180px; color: var(--if-cream-soft,#fff5df); }.if-sources-panel__eyebrow { font-weight: 1000; text-transform: uppercase; letter-spacing: 0.09em; color: rgb(245, 177, 47); font-size: 0.78rem; margin-bottom: 8px; }.if-sources-panel h2 { font-family: var(--font-chunk,Impact),sans-serif; text-transform: uppercase; line-height: 0.96; font-size: clamp(2rem, 4.8vw, 4.2rem); margin: 0px 0px 14px; text-shadow: rgba(0, 0, 0, 0.56) 0px 4px 0px; }.if-sources-panel h2 span { color: rgb(245, 177, 47); }.if-sources-panel p { color: rgba(255, 245, 223, 0.78); line-height: 1.7; max-width: 860px; }.if-sources-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; margin-top: 22px; }.if-source-card { display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: var(--if-cream-soft,#fff5df); padding: 16px; border-radius: 20px; border: 1px solid rgba(255, 216, 138, 0.22); background: rgba(0, 0, 0, 0.22); transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s, background 0.22s; }.if-source-card:hover { transform: translateY(-4px); border-color: rgba(255, 216, 138, 0.56); box-shadow: rgba(0, 0, 0, 0.34) 0px 20px 58px; background: rgba(245, 166, 35, 0.07); }.if-source-card strong { color: rgb(255, 246, 223); font-size: 1rem; }.if-source-card small { color: rgba(255, 245, 223, 0.63); line-height: 1.45; }.if-source-card em { font-style: normal; color: rgb(245, 177, 47); font-weight: 900; font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.06em; }.if-entity-mini { margin-top: 20px; padding: 16px; border-radius: 18px; background: rgba(245, 166, 35, 0.08); border: 1px solid rgba(245, 166, 35, 0.2); color: rgba(255, 245, 223, 0.78); }
@media (max-width: 980px){.if-sources-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 560px){.if-sources-grid { grid-template-columns: 1fr; }.if-sources-panel { border-radius: 24px; }}
.if-lang__button { min-width: 96px !important; gap: 8px !important; justify-content: center !important; }.if-lang__button.if-lang__flag, .if-lang__item.if-lang__flag { align-items: center; justify-content: center; filter: drop-shadow(rgba(245, 166, 35, 0.22) 0px 0px 9px); display: inline-flex !important; font-size: 1.08rem !important; line-height: 1 !important; }.if-lang__button.if-lang__code, .if-lang__item.if-lang__code { min-width: 2.2em; text-align: center; font-weight: 1000 !important; letter-spacing: 0.045em !important; color: rgb(255, 246, 223) !important; }.if-lang__button.if-lang__chevron { margin-inline-start: 2px; color: rgb(255, 217, 138) !important; font-weight: 900 !important; }.if-lang__item { justify-content: flex-start !important; min-height: 42px !important; }.if-lang__item[aria-current="true"].if-lang__code { color: rgb(255, 217, 138) !important; }
@media (max-width: 640px){.if-lang__button { min-width: 84px !important; }.if-lang__button.if-lang__code { min-width: 1.8em; font-size: 0.72rem !important; }.if-lang__button.if-lang__flag { font-size: 1rem !important; }}
.if-order-card--compact:not(.is-open) { min-height: auto; }.if-order-card--compact:not(.is-open) p { min-height: 76px; }@keyframes ifPanelReveal { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 640px){.if-order-card--compact:not(.is-open) p { min-height: auto; }}
.if-lang__flag { width: 22px !important; height: 15px !important; min-width: 22px !important; display: inline-block !important; border-radius: 3px !important; overflow: hidden !important; font-size: 0px !important; line-height: 0 !important; box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px, rgba(245, 166, 35, 0.18) 0px 0px 12px !important; background: rgb(245, 166, 35) !important; vertical-align: middle !important; position: relative !important; }html[lang^="fr"].if-lang__button.if-lang__flag, .if-lang__item[data-lang="fr"].if-lang__flag { background: linear-gradient(90deg, rgb(0, 85, 164) 0px, rgb(0, 85, 164) 33.33%, rgb(255, 255, 255) 33.33%, rgb(255, 255, 255) 66.66%, rgb(239, 65, 53) 66.66%, rgb(239, 65, 53) 100%) !important; }html[lang^="en"].if-lang__button.if-lang__flag, .if-lang__item[data-lang="en"].if-lang__flag { background: linear-gradient(rgb(178, 34, 52) 0px, rgb(178, 34, 52) 14%, rgb(255, 255, 255) 14%, rgb(255, 255, 255) 28%, rgb(178, 34, 52) 28%, rgb(178, 34, 52) 42%, rgb(255, 255, 255) 42%, rgb(255, 255, 255) 56%, rgb(178, 34, 52) 56%, rgb(178, 34, 52) 70%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 84%, rgb(178, 34, 52) 84%, rgb(178, 34, 52) 100%) !important; }html[lang^="en"].if-lang__button.if-lang__flag::before, .if-lang__item[data-lang="en"].if-lang__flag::before { content: ""; position: absolute; left: 0px; top: 0px; width: 45%; height: 58%; background: rgb(60, 59, 110); }html[lang^="es"].if-lang__button.if-lang__flag, .if-lang__item[data-lang="es"].if-lang__flag { background: linear-gradient(rgb(170, 21, 27) 0px, rgb(170, 21, 27) 25%, rgb(241, 191, 0) 25%, rgb(241, 191, 0) 75%, rgb(170, 21, 27) 75%, rgb(170, 21, 27) 100%) !important; }html[lang^="ar"].if-lang__button.if-lang__flag, .if-lang__item[data-lang="ar"].if-lang__flag { background: rgb(193, 39, 45) !important; }html[lang^="ar"].if-lang__button.if-lang__flag::before, .if-lang__item[data-lang="ar"].if-lang__flag::before { content: "★"; position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; color: rgb(0, 98, 51); font-size: 10px; line-height: 1; text-shadow: none; }.if-lang__code { font-family: inherit !important; }.if-lang__flag-img { width: 22px !important; height: 15px !important; min-width: 22px !important; display: inline-block !important; border-radius: 3px !important; object-fit: cover !important; box-shadow: rgba(255, 255, 255, 0.22) 0px 0px 0px 1px, rgba(245, 166, 35, 0.22) 0px 0px 12px !important; vertical-align: middle !important; flex: 0 0 22px !important; background: rgba(255, 255, 255, 0.06) !important; }.if-lang__flag { display: none !important; }.if-lang__item, .if-lang__button { gap: 8px !important; }.if-check.active[data-name^="Sans"], .if-check.active[data-name*="Sauce à part"], .if-check.active[data-name*="Bien grillé"] { border-color: rgba(245, 166, 35, 0.75) !important; background: linear-gradient(rgba(245, 166, 35, 0.18), rgba(245, 166, 35, 0.06)) !important; }.if-ticket-card { max-width: 820px; margin: 120px auto 48px; padding: 30px; border: 1px solid rgba(245, 177, 47, 0.32); border-radius: 28px; background: linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(6, 6, 6, 0.98)); color: rgb(247, 239, 227); box-shadow: rgba(0, 0, 0, 0.48) 0px 30px 80px; }.if-ticket-head { display: flex; align-items: center; gap: 18px; border-bottom: 1px solid rgba(245, 177, 47, 0.22); padding-bottom: 18px; margin-bottom: 18px; }.if-ticket-head img { width: 74px; height: 74px; object-fit: contain; }.if-ticket-head h1 { margin: 0px; font-size: clamp(1.8rem, 4vw, 3rem); color: rgb(245, 177, 47); }.if-ticket-head p, .if-ticket-address, .if-ticket-note { color: rgba(247, 239, 227, 0.72); }.if-ticket-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 18px; padding: 14px; margin-bottom: 14px; }.if-ticket-meta span { color: rgba(247, 239, 227, 0.58); }.if-ticket-meta strong { color: rgb(255, 255, 255); }.if-ticket-table { width: 100%; border-collapse: collapse; margin: 18px 0px; }.if-ticket-table td { border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 12px 0px; vertical-align: top; }.if-ticket-table td:last-child { text-align: right; font-weight: 900; color: rgb(245, 177, 47); }.if-ticket-table small { color: rgba(247, 239, 227, 0.58); }.if-ticket-totals { display: grid; gap: 8px; margin: 18px 0px; }.if-ticket-totals div { display: flex; justify-content: space-between; gap: 16px; }.if-ticket-grand { font-size: 1.25rem; border-top: 1px solid rgba(245, 177, 47, 0.25); padding-top: 12px; color: rgb(245, 177, 47); font-weight: 900; }.if-loyalty-box { margin-top: 22px; border: 1px solid rgba(245, 177, 47, 0.28); background: rgba(245, 177, 47, 0.08); border-radius: 20px; padding: 18px; }.if-loyalty-box h2 { margin-top: 0px; color: rgb(245, 177, 47); }.if-loyalty-box li { margin: 0.35rem 0px; color: rgba(247, 239, 227, 0.82); }
@media print{.nav, .grain, .if-main-cta { display: none !important; }.if-ticket-card { margin: 0px; box-shadow: none; color: rgb(17, 17, 17); background: white; border: 0px; }.if-ticket-head h1, .if-ticket-table td:last-child, .if-ticket-grand, .if-loyalty-box h2 { color: rgb(17, 17, 17); }.if-ticket-address, .if-ticket-note, .if-ticket-table small { color: rgb(51, 51, 51); }.if-loyalty-box { border-color: rgb(221, 221, 221); background: rgb(250, 250, 250); }}
.if-review-stars button.is-selected { color: rgb(255, 181, 56); transform: translateY(-2px); }.if-review-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0px; }.if-review-chip { border: 1px solid rgba(245, 166, 35, 0.35); background: rgba(245, 166, 35, 0.08); color: rgb(255, 243, 219); border-radius: 999px; padding: 10px 12px; font-weight: 800; cursor: pointer; }.if-review-chip.is-selected { background: linear-gradient(135deg, rgb(245, 166, 35), rgb(255, 213, 143)); color: rgb(22, 17, 10); box-shadow: rgba(245, 166, 35, 0.2) 0px 10px 26px; }.if-secondary-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; border: 1px solid rgba(245, 166, 35, 0.35); background: rgba(255, 255, 255, 0.04); color: rgb(255, 243, 219); padding: 12px 16px; font-weight: 900; text-decoration: none; cursor: pointer; }.if-review-small { font-size: 0.84rem; color: rgba(255, 243, 219, 0.72); line-height: 1.5; }.if-guru-logo-badge { width: 186px !important; height: 104px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; border-radius: 28px !important; border: 1.4px solid rgba(255, 191, 50, 0.88) !important; background: radial-gradient(circle at 28% 16%, rgba(255, 229, 140, 0.22), transparent 28%), linear-gradient(145deg, rgb(5, 5, 5) 0%, rgb(16, 16, 16) 44%, rgb(42, 23, 0) 100%) !important; box-shadow: rgba(255, 221, 123, 0.14) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.45) 0px 14px 34px, rgba(245, 166, 35, 0.18) 0px 0px 22px !important; color: rgb(255, 244, 208) !important; text-decoration: none !important; position: relative !important; overflow: hidden !important; }.if-guru-logo-badge::before { content: ""; position: absolute; inset: 7px; border-radius: 22px; border: 1px solid rgba(255, 191, 50, 0.26); pointer-events: none; }.if-guru-logo-badge__top { font-family: var(--font-chunk) !important; font-size: 22px !important; line-height: 1 !important; color: rgb(255, 177, 26) !important; text-shadow: rgb(0, 0, 0) 0px 2px 0px, rgba(245, 166, 35, 0.3) 0px 0px 14px !important; letter-spacing: 0.02em !important; }.if-guru-logo-badge__main { margin-top: 5px !important; font-size: 10px !important; font-weight: 1000 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: rgb(255, 248, 232) !important; }.if-guru-logo-badge__sub { margin-top: 3px !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: rgb(255, 217, 138) !important; white-space: nowrap !important; max-width: 150px !important; overflow: hidden !important; text-overflow: ellipsis !important; }.if-guru-badge-wrap { display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: 0px !important; padding: 0px !important; margin: 18px auto !important; box-shadow: none !important; }
@media (max-width: 760px){.if-guru-logo-badge { width: 168px !important; height: 94px !important; }.if-guru-logo-badge__top { font-size: 20px !important; }}
.if-admin-tabs { display: flex; flex-wrap: wrap; gap: 10px; }.if-admin-timeline.is-active { background: rgba(201, 164, 92, 0.18); border-color: rgba(201, 164, 92, 0.55); color: rgb(255, 255, 255); }.if-service-modes { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin: 12px 0px; }.if-service-modes label { border: 1px solid rgba(201, 164, 92, 0.24); border-radius: 16px; padding: 13px; cursor: pointer; background: rgba(255, 255, 255, 0.035); }.if-service-modes input { margin-right: 6px; }.if-service-modes label:has(input:checked) { border-color: rgba(201, 164, 92, 0.75); background: rgba(201, 164, 92, 0.12); }.if-driver-statusbar { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; margin: 12px 0px; }.if-driver-statusbar button { min-height: 46px; }
@media (max-width: 720px){.if-admin-grid, .if-admin-columns, .if-driver-row, .if-service-modes, .if-driver-statusbar { grid-template-columns: 1fr; }.if-admin-tabs button { flex: 1 1 45%; }}
.if-editorial-guide { position: relative; }.if-editorial-guide__body { max-width: 980px; margin: 0px auto; display: grid; gap: 14px; }.if-editorial-guide__body p { font-size: clamp(1rem, 1.6vw, 1.12rem); line-height: 1.75; color: rgba(255, 255, 255, 0.82); }.if-editorial-guide__body h3 { margin-top: 18px; color: rgb(214, 177, 88); font-size: clamp(1.15rem, 2vw, 1.45rem); }.if-search-cluster__intro { max-width: 860px; color: rgba(255, 255, 255, 0.78); line-height: 1.7; margin: 10px 0px 18px; }.if-search-cluster a { display: inline-flex; align-items: center; min-height: 36px; text-decoration: none; }.if-search-cluster a:hover { text-decoration: underline; text-underline-offset: 4px; }.nav__logo-mascots { object-fit: cover; border-radius: 50%; background: rgb(5, 5, 5); box-shadow: rgba(214, 177, 88, 0.35) 0px 0px 0px 1px; }.if-account-shell { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 18px; margin: 22px 0px 28px; }.if-account-card, .if-account-panel { background: rgba(7, 7, 8, 0.76); border: 1px solid rgba(214, 172, 90, 0.28); border-radius: 22px; padding: 18px; box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 45px; }.if-account-card h2, .if-account-panel h2 { margin: 0px 0px 8px; }.if-account-card p, .if-account-panel p { color: rgba(255, 255, 255, 0.78); }.if-account-form { display: grid; gap: 10px; margin-top: 14px; }.if-account-form input { width: 100%; border: 1px solid rgba(214, 172, 90, 0.25); background: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255); border-radius: 14px; padding: 12px 13px; outline: none; }.if-account-form input:focus { border-color: rgb(214, 172, 90); box-shadow: rgba(214, 172, 90, 0.14) 0px 0px 0px 3px; }.if-account-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }.if-account-secondary { border: 1px solid rgba(214, 172, 90, 0.28); background: rgba(255, 255, 255, 0.06); color: rgb(248, 233, 191); border-radius: 999px; padding: 11px 15px; cursor: pointer; }.if-account-status { margin-top: 12px; color: rgb(248, 233, 191); font-size: 0.95rem; min-height: 22px; }.if-account-hero-logo { object-fit: contain; background: radial-gradient(circle, rgba(214, 172, 90, 0.16), rgba(0, 0, 0, 0.1)); padding: 12px; }
@media (max-width: 820px){.if-account-shell { grid-template-columns: 1fr; }.if-account-actions { flex-direction: column; }.if-account-actions a, .if-account-actions button { width: 100%; text-align: center; }}
.if-order-layout > .if-delivery-top-mount { grid-column: 1 / -1 !important; margin: 0px 0px 12px !important; padding: 10px 12px !important; border-radius: 18px !important; min-height: 0px !important; background: linear-gradient(135deg, rgba(245, 166, 35, 0.075), rgba(255, 255, 255, 0.024)) !important; }.if-delivery-top-mount.if-delivery-panel, .if-delivery-panel { padding: 10px 12px !important; margin: 0px !important; min-height: 0px !important; }.if-delivery-panel .if-service-modes { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; margin: 0px !important; }.if-delivery-panel .if-service-modes label { position: relative !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; flex: 0 0 auto !important; width: auto !important; min-width: 0px !important; min-height: 0px !important; padding: 7px 11px !important; border-radius: 999px !important; font-size: 0.82rem !important; line-height: 1 !important; font-weight: 900 !important; white-space: nowrap !important; }.if-delivery-panel .if-service-modes input { width: 13px !important; height: 13px !important; margin: 0px !important; accent-color: rgb(245, 166, 35) !important; }.if-delivery-panel .if-review-small { margin: 0.35rem 0px 0px !important; font-size: 0.78rem !important; }
@media (min-width: 1121px){.if-order-layout { grid-template-columns: minmax(0px, 1fr) 390px !important; }.if-order-layout > .if-delivery-top-mount { position: relative !important; top: auto !important; }.if-delivery-panel .if-service-modes { max-width: 720px !important; }}
@media (max-width: 760px){.if-order-layout > .if-delivery-top-mount { order: -2 !important; margin: 10px 0px 12px !important; padding: 10px !important; }.if-delivery-panel .if-service-modes { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 6px !important; }.if-delivery-panel .if-service-modes label { justify-content: center !important; padding: 8px 6px !important; font-size: 0.72rem !important; }.if-delivery-panel .if-service-modes input { display: none !important; }}