/* =====================================================================
   OFFRES : Direction A « Une offre à la fois » (prototype 19/10)
   Section #prestations de restaurants.html. CSS simple (pas de Tailwind).
   Même monde que l'accueil validé : noir étoilé + plasma, Inter, labels
   JetBrains Mono, verre liquide (.glass-btn). Aucun doré, aucun numéro,
   aucune étiquette au-dessus des titres, aucun mot encadré.
   iPhone : aucune couche fixe, aucun backdrop-filter ici.
   ===================================================================== */

.ofa{
  --ofa-ink:#f5f5f7;
  --ofa-mute:#a1a1a6;
  --ofa-dim:rgba(245,245,247,.56);
  --ofa-line:rgba(255,255,255,.09);
  --ofa-line-2:rgba(255,255,255,.16);
  --ofa-ease:cubic-bezier(.23,1,.32,1);
  --ofa-ease-io:cubic-bezier(.77,0,.175,1);
  --ofa-glass:
    0 0 8px rgba(0,0,0,.03), 0 2px 6px rgba(0,0,0,.08),
    inset 3px 3px .5px -3.5px rgba(255,255,255,.09), inset -3px -3px .5px -3.5px rgba(255,255,255,.85),
    inset 1px 1px 1px -.5px rgba(255,255,255,.6), inset -1px -1px 1px -.5px rgba(255,255,255,.6),
    inset 0 0 6px 6px rgba(255,255,255,.12), inset 0 0 2px 2px rgba(255,255,255,.06), 0 0 12px rgba(0,0,0,.15);
  position:relative;
  max-width:1280px; margin:0 auto;
  padding:88px 20px 96px;
  border-top:1px solid #1a1a1a;
  color:var(--ofa-ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}
@media (min-width:768px){ .ofa{ padding:128px 64px; } }

.ofa, .ofa *, .ofa *::before, .ofa *::after{ box-sizing:border-box; }
.ofa img{ max-width:none; }

/* ---------- En-tête ---------- */
.ofa-head{ max-width:760px; }
.ofa-h2{ margin:0; font-weight:600; font-size:32px; line-height:1.14; letter-spacing:-.025em; text-wrap:balance; }
@media (min-width:768px){ .ofa-h2{ font-size:48px; line-height:1.08; } }
.ofa-lead{ margin:16px 0 0; max-width:60ch; color:var(--ofa-mute); font-size:17px; line-height:1.6; text-wrap:pretty; }
@media (min-width:768px){ .ofa-lead{ font-size:18px; } }

/* ---------- Onglets de catégorie ----------
   Téléphone : pastilles de verre qui passent à la ligne (tout est visible, rien n'est caché
   hors écran). Ordinateur : une seule barre ronde (même matière que la barre de navigation)
   avec une pastille de verre qui glisse sous l'onglet actif. */
.ofa-rail{ margin-top:32px; }
.ofa-rail-track{ position:relative; display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-start; }
.ofa-thumb{ display:none; }
.ofa-tab{
  position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center;
  height:44px; padding:0 16px; border-radius:999px; text-decoration:none; white-space:nowrap;
  font:500 13px/1 'Inter',sans-serif; letter-spacing:.02em; text-transform:uppercase;
  color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.035); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  -webkit-tap-highlight-color:transparent;
  transition:color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .16s var(--ofa-ease);
}
.ofa-tab:active{ transform:scale(.97); }
@media (hover:hover) and (pointer:fine){ .ofa-tab:hover{ color:#fff; } }
.ofa-tab.is-active, .ofa-tab[aria-selected="true"]{ color:#fff; background:rgba(255,255,255,.08); box-shadow:var(--ofa-glass); }
.ofa-tab:focus-visible{ outline:2px solid #fff; outline-offset:2px; border-radius:999px; }

@media (min-width:768px){
  .ofa-rail{ margin-top:40px; }
  .ofa-rail-track{
    display:inline-flex; flex-wrap:nowrap; gap:0; padding:5px; border-radius:999px;
    background:#0f0f11; border:1px solid rgba(255,255,255,.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 1px 37px rgba(0,0,0,.45);
  }
  .ofa-tab{ height:44px; padding:0 22px; background:none; box-shadow:none; }
  .ofa-tab.is-active, .ofa-tab[aria-selected="true"]{ background:none; box-shadow:none; }
  .ofa-js .ofa-thumb{
    display:block; position:absolute; z-index:0; top:5px; left:0; height:44px; width:var(--tw,120px); border-radius:999px;
    transform:translateX(var(--tx,5px));
    background:rgba(255,255,255,.08); box-shadow:var(--ofa-glass);
    transition:transform .46s var(--ofa-ease), width .46s var(--ofa-ease);
  }
  .ofa-thumb.is-instant{ transition:none; }
}

/* ---------- Scène ---------- */
.ofa-stage{
  position:relative; margin:20px 0 0; padding:8px; border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.014)), #0c0c0e;
  border:1px solid var(--ofa-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 40px 90px -40px rgba(0,0,0,.95);
  overflow:clip;
}
@media (min-width:768px){ .ofa-stage{ margin-top:24px; padding:10px; border-radius:32px; } }

/* Panneau : sans JS, tous les panneaux sont empilés et lisibles */
.ofa-panel{ display:grid; grid-template-columns:minmax(0,1fr); scroll-margin-top:96px; }
.ofa-panel + .ofa-panel{ margin-top:10px; }
.ofa-js .ofa-panel + .ofa-panel{ margin-top:0; }

/* Visuel */
.ofa-visual{
  position:relative; overflow:hidden; border-radius:20px; background:#0b0b0d;
  aspect-ratio:4/3; isolation:isolate;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.ofa-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
  transform-origin:50% 60%; transition:transform 1.1s var(--ofa-ease); }
.ofa-visual--ba .ofa-img{ object-position:50% 72%; }
.ofa-visual--ue .ofa-img{ object-position:50% 62%; }   /* burger O'Régale : le burger et le papier restent dans le cadre */
/* Uber Eats (04/11) : la fiche O'Régale, bannière en haut et plats dessous (4 en ligne au téléphone, 2 × 2 sur ordinateur) */
.ofa-visual--fiche{ aspect-ratio:auto; display:grid; grid-template-rows:auto minmax(0,1fr); gap:6px; padding:6px; }
.ofa-fiche-ban{ display:block; width:100%; aspect-ratio:2000/851; object-fit:cover; border-radius:14px; }
.ofa-fiche-plats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; min-height:0; }
.ofa-fiche-plats img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px; }
.ofa-visual--menu .ofa-img{ object-position:50% 42%; }
.ofa-visual--print .ofa-img{ object-position:50% 45%; }
.ofa-visual--borne{ aspect-ratio:1/1; }

/* Uber Eats : avant / après */
.ofa-scrim{ position:absolute; inset:auto 0 0 0; height:30%; z-index:1; pointer-events:none;
  background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)); }
.ofa-cap{ position:absolute; z-index:2; font:700 11px/1 'JetBrains Mono',ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase;
  color:#fff; text-shadow:0 1px 8px rgba(0,0,0,.6); }
.ofa-cap--apres{ right:16px; bottom:16px; }
.ofa-visual--src .ofa-img{ bottom:auto; height:calc(100% - 34px); }
.ofa-src{ position:absolute; left:16px; right:16px; bottom:0; height:34px; line-height:34px; z-index:2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  font:500 10.5px/34px 'JetBrains Mono',ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; color:var(--ofa-mute); }
.ofa-inset{ position:absolute; z-index:2; left:12px; top:12px; width:36%; aspect-ratio:3/2; border-radius:12px; overflow:visible; }
.ofa-inset img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:12px;
  box-shadow:0 0 0 1px rgba(255,255,255,.35), 0 18px 40px rgba(0,0,0,.55); }
.ofa-inset .ofa-cap{ position:absolute; left:2px; top:calc(100% + 8px); color:#0b0b0d; text-shadow:0 1px 6px rgba(255,255,255,.7); }

/* Bornes (20/10, David : « des trucs autour, pas ouf ») : plus de halo flouté derrière.
   La photo de la borne installée remplit le cadre ; les écrans (miniatures) sont posés sur un fond uni. */
.ofa-slide{ position:absolute; inset:0; display:block; transition:opacity .42s var(--ofa-ease), transform .6s var(--ofa-ease); }
.ofa-slide:not(.is-on){ opacity:0; transform:scale(.985); }
.ofa-visual--borne .ofa-img{ inset:6% 0; margin:auto; width:auto; height:88%; max-width:88%;
  object-fit:contain; border-radius:12px; box-shadow:0 0 0 1px rgba(255,255,255,.1); }
.ofa-visual--borne .is-photo .ofa-img{ inset:0; width:100%; height:100%; max-width:none; margin:0;
  object-fit:cover; object-position:50% 45%; border-radius:0; box-shadow:none; }

/* Exemple réel dans le corps d'une offre (dépliant Le Plaza, 20/10) : montré en entier, sans halo, légende dessous */
.ofa-doc{ margin:16px 0 20px; }
.ofa-doc img{ display:block; width:100%; height:auto; border-radius:14px; box-shadow:0 0 0 1px rgba(255,255,255,.08); }
.ofa-doc figcaption{ padding-top:10px; font:500 10.5px/1.4 'JetBrains Mono',ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; color:var(--ofa-mute); }

/* Panneau sans visuel (Visibilité) : une colonne centrée */
.ofa-panel--solo .ofa-copy{ width:100%; max-width:640px; margin:0 auto; padding:26px 14px 14px; }

/* Texte */
.ofa-copy{ padding:22px 12px 12px; display:flex; flex-direction:column; min-width:0; }
.ofa-cat-h{ margin:0 0 6px; font-size:24px; font-weight:600; letter-spacing:-.02em; }
.ofa-js .ofa-cat-h{ position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

.ofa-item + .ofa-item{ border-top:1px solid var(--ofa-line); }
.ofa-item-h{ margin:0; font-size:inherit; font-weight:inherit; }
.ofa-item-h, .ofa-toggle{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; width:100%; }
.ofa-toggle{ appearance:none; border:0; background:none; padding:0; margin:0; color:inherit; font:inherit; text-align:left; cursor:pointer;
  -webkit-tap-highlight-color:transparent; }
.ofa-item-h{ padding:16px 0 14px; }
.ofa-item:first-child .ofa-item-h{ padding-top:2px; }
.ofa-name{ flex:1 1 auto; min-width:0; font-size:21px; font-weight:600; line-height:1.22; letter-spacing:-.02em; color:#fff; text-wrap:balance; transition:color .25s ease; }
.ofa-from{ flex:none; font-size:14px; font-weight:500; color:var(--ofa-mute); font-variant-numeric:tabular-nums; white-space:nowrap; transition:opacity .25s ease; }
.ofa-chev{ flex:none; width:14px; height:14px; align-self:center; color:var(--ofa-mute); transition:transform .3s var(--ofa-ease); }

/* Accordéon (avec JS) : une offre ouverte à la fois, les autres en une ligne nom + prix */
.ofa-js .ofa-item:not(.is-open) .ofa-item-h{ padding:4px 0; }
.ofa-js .ofa-item:not(.is-open) .ofa-toggle{ align-items:center; min-height:56px; padding:0 12px; margin:0 -12px; width:calc(100% + 24px); border-radius:12px;
  transition:background-color .18s ease, transform .16s var(--ofa-ease); }
.ofa-js .ofa-item:not(.is-open) .ofa-name{ color:#f5f5f7; font-size:18px; font-weight:500; letter-spacing:-.01em; }
.ofa-js .ofa-item:not(.is-open) .ofa-from{ color:rgba(245,245,247,.85); font-size:15px; }
.ofa-js .ofa-item:not(.is-open) .ofa-chev{ opacity:.8; color:#f5f5f7; }
.ofa-js .ofa-item:not(.is-open) .ofa-toggle:active{ background:rgba(255,255,255,.06); transform:scale(.99); }
@media (hover:hover) and (pointer:fine){ .ofa-js .ofa-item:not(.is-open) .ofa-toggle:hover{ background:rgba(255,255,255,.04); } }
/* téléphone : le nom garde toute la largeur, le prix passe dessous (plus de coupure « Carte / ») */
@media (max-width:599px){
  .ofa-js .ofa-item:not(.is-open) .ofa-toggle{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; row-gap:2px; padding-top:10px; padding-bottom:10px; }
  .ofa-js .ofa-item:not(.is-open) .ofa-name{ grid-column:1; grid-row:1; }
  .ofa-js .ofa-item:not(.is-open) .ofa-from{ grid-column:1; grid-row:2; }
  .ofa-js .ofa-item:not(.is-open) .ofa-chev{ grid-column:2; grid-row:1 / span 2; }
}
.ofa-js .ofa-item.is-open .ofa-from, .ofa-js .ofa-item.is-open .ofa-chev{ display:none; }
.ofa-toggle:focus-visible{ outline:2px solid #fff; outline-offset:4px; border-radius:6px; }

.ofa-body{ display:grid; grid-template-rows:1fr; }
.ofa-body-in{ min-height:0; overflow:hidden; }
.ofa-js .ofa-body{ transition:grid-template-rows .46s var(--ofa-ease), visibility 0s; }
.ofa-js .ofa-item:not(.is-open) .ofa-body{ grid-template-rows:0fr; visibility:hidden; transition:grid-template-rows .32s var(--ofa-ease), visibility 0s linear .32s; }
.ofa-js .ofa-body-in{ transition:opacity .3s ease .08s, transform .46s var(--ofa-ease) .04s; }
.ofa-js .ofa-item:not(.is-open) .ofa-body-in{ opacity:0; transform:translateY(-6px); transition:opacity .14s ease, transform .2s ease; }

.ofa-promise{ margin:0; max-width:46ch; color:var(--ofa-mute); font-size:16px; line-height:1.55; text-wrap:pretty; }
.ofa-incl{ list-style:none; margin:18px 0 0; padding:0; display:grid; gap:10px; }
.ofa-incl li{ position:relative; padding-left:28px; font-size:15px; line-height:1.5; color:rgba(245,245,247,.9); }
.ofa-incl li::before{ content:"check"; position:absolute; left:0; top:1px; font-family:'Material Symbols Outlined'; font-size:18px; line-height:1;
  font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 20; color:#fff; opacity:.75; }

.ofa-price{ margin-top:24px; }
.ofa-amount{ margin:0; display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px;
  font-size:38px; font-weight:700; line-height:1.05; letter-spacing:-.035em; font-variant-numeric:tabular-nums; color:#fff; }
.ofa-amount small{ font-size:15px; font-weight:500; letter-spacing:0; color:var(--ofa-mute); }
.ofa-amount .ofa-des{ font-size:17px; font-weight:500; color:var(--ofa-mute); margin-right:-4px; }
.ofa-amount--duo{ gap:6px 24px; font-size:32px; }
@media (min-width:960px){ .ofa-amount--duo{ font-size:46px; gap:6px 32px; } }
.ofa-amount--duo > span{ display:inline-flex; align-items:baseline; gap:8px; }
.ofa-notes{ list-style:none; margin:10px 0 0; padding:0; display:grid; gap:4px; color:var(--ofa-mute); font-size:14px; line-height:1.5; }

.ofa-cta{ margin-top:22px; width:100%; height:52px; padding:0 28px; text-decoration:none;
  font:700 12px/1 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; text-transform:uppercase; }
.ofa-cta:focus-visible{ outline:2px solid #fff; outline-offset:3px; border-radius:999px; }
@media (min-width:600px) and (max-width:959px){
  .ofa-visual{ aspect-ratio:16/10; }
  .ofa-visual--borne{ aspect-ratio:4/3; }
  .ofa-cta{ width:auto; min-width:280px; }
  .ofa-copy{ padding:26px 20px 16px; }
}
.ofa-item.is-open .ofa-body-in{ padding-bottom:24px; }
.ofa-item.is-solo .ofa-body-in{ padding-bottom:4px; }

/* Bornes : exemples (miniatures qui changent le visuel) */
.ofa-gal{ margin-top:22px; padding-top:18px; border-top:1px solid var(--ofa-line); }
.ofa-gal-h{ margin:0 0 12px; font-size:14px; color:var(--ofa-mute); }
.ofa-gal-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,84px)); gap:10px; }   /* 5 écrans depuis Grizz Club (04/11) */
.ofa-gal-list img{ display:block; width:100%; aspect-ratio:9/16; object-fit:cover; border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); }
.ofa-shot{ display:block; width:100%; padding:0; border:0; background:none; cursor:pointer; border-radius:10px; position:relative;
  -webkit-tap-highlight-color:transparent; transition:transform .16s var(--ofa-ease), opacity .2s ease; opacity:.55; }
.ofa-shot::after{ content:""; position:absolute; inset:0; border-radius:10px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); transition:box-shadow .2s ease; }
.ofa-shot[aria-pressed="true"]{ opacity:1; }
.ofa-shot[aria-pressed="true"]::after{ box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85); }
.ofa-shot:active{ transform:scale(.96); }
@media (hover:hover) and (pointer:fine){ .ofa-shot:hover{ opacity:1; } }
.ofa-shot:focus-visible{ outline:2px solid #fff; outline-offset:3px; }

/* ---------- Transitions entre catégories (JS) ----------
   Le panneau qui arrive glisse de 18 px dans le sens de l'onglet choisi, sort du flou ; celui qui
   part s'efface plus vite (sortie plus rapide que l'entrée). Transitions CSS = interruptibles. */
.ofa-js .ofa-panel{ display:none; }
.ofa-js .ofa-panel.is-active, .ofa-js .ofa-panel.is-leaving{ display:grid; }
.ofa-js .ofa-panel.is-active{ opacity:1; transition:opacity .34s var(--ofa-ease) .04s; }
.ofa-js .ofa-panel.is-active .ofa-copy{ transform:none; filter:none; transition:transform .5s var(--ofa-ease) .04s, filter .34s ease .04s; }
.ofa-js .ofa-panel.is-leaving{ position:absolute; top:8px; left:8px; right:8px; opacity:0; pointer-events:none; transition:opacity .16s ease-out; }
@media (min-width:768px){ .ofa-js .ofa-panel.is-leaving{ top:10px; left:10px; right:10px; } }
.ofa-js .ofa-panel.is-pre{ opacity:0; transition:none; }
.ofa-js .ofa-panel.is-pre .ofa-copy{ transform:translateX(calc(var(--dir,0) * 18px)); filter:blur(5px); transition:none; }
.ofa-js .ofa-panel.is-pre .ofa-img{ transform:scale(1.05); transition:none; }
.ofa-stage.is-resizing{ will-change:height; }

/* ---------- Entrée de la section (un seul moment, au premier passage) ---------- */
@media (prefers-reduced-motion:no-preference){
  .ofa-js .ofa.ofa-wait .ofa-rv{ opacity:0; transform:translateY(24px); }
  .ofa-js .ofa .ofa-rv{ transition:opacity .9s var(--ofa-ease), transform .9s var(--ofa-ease); }
  .ofa-js .ofa .ofa-rail.ofa-rv{ transition-delay:.08s; }
  .ofa-js .ofa .ofa-stage.ofa-rv{ transition-delay:.16s; }
  .ofa-js .ofa.ofa-wait .ofa-stage .ofa-visual{ clip-path:inset(0 0 100% 0 round 20px); }
  .ofa-js .ofa .ofa-stage .ofa-visual{ transition:clip-path 1.1s var(--ofa-ease-io) .22s; }
}
@media (prefers-reduced-motion:no-preference) and (min-width:960px){
  .ofa-js .ofa.ofa-wait .ofa-stage .ofa-visual{ clip-path:inset(0 0 100% 0 round 24px); }
}

/* ---------- Ordinateur : visuel à gauche, offre à droite ---------- */
@media (min-width:960px){
  .ofa-panel{ grid-template-columns:minmax(0,.9fr) minmax(0,1fr); align-items:stretch; }
  .ofa-panel--solo{ grid-template-columns:minmax(0,1fr); }
  .ofa-panel--solo .ofa-copy{ padding:44px 24px 36px; }
  .ofa-visual{ aspect-ratio:auto; min-height:480px; height:100%; border-radius:24px; }
  .ofa-copy{ padding:34px 40px 30px 44px; justify-content:flex-start; }
  .ofa-name{ font-size:28px; line-height:1.15; letter-spacing:-.025em; }
  .ofa-js .ofa-item:not(.is-open) .ofa-name{ font-size:19px; letter-spacing:-.01em; }
  .ofa-item-h{ padding:18px 0 16px; }
  .ofa-amount{ font-size:46px; }
  .ofa-cta{ width:auto; min-width:250px; }
  .ofa-inset{ left:18px; top:18px; width:34%; }
  .ofa-cap--apres{ right:22px; bottom:22px; }
  .ofa-cap{ font-size:12px; }
  .ofa-visual--ba .ofa-img{ object-position:50% 70%; }
  .ofa-visual--ue .ofa-img{ object-position:50% 58%; }
  .ofa-visual--fiche{ gap:8px; padding:8px; }
  .ofa-fiche-ban{ border-radius:16px; }
  .ofa-fiche-plats{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:8px; }
  .ofa-fiche-plats img{ aspect-ratio:auto; height:100%; min-height:0; border-radius:14px; }
  /* écrans de borne : cadrage sur les plats (le haut de l'écran), la légende dit ce que c'est */
  .ofa-visual--src .ofa-img{ object-position:50% 0%; }
  .ofa-gal-list{ gap:10px; }
}

/* ---------- Cadre ---------- */
.ofa-cadre{ margin-top:48px; padding-top:28px; border-top:1px solid var(--ofa-line); }
.ofa-cadre-h{ margin:0; font-size:17px; font-weight:600; letter-spacing:-.01em; }
.ofa-cadre-grid{ margin:18px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:20px 20px; }
.ofa-cadre-grid dt{ font-size:14px; font-weight:600; color:rgba(255,255,255,.92); line-height:1.35; }
.ofa-cadre-grid dd{ margin:4px 0 0; font-size:13.5px; line-height:1.5; color:var(--ofa-mute); }
@media (min-width:960px){
  .ofa-cadre{ margin-top:64px; display:grid; grid-template-columns:240px 1fr; gap:40px; }
  .ofa-cadre-grid{ margin:0; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; }
}

/* Mouvement réduit : aucun déplacement, seulement des fondus courts */
@media (prefers-reduced-motion:reduce){
  .ofa *, .ofa *::before, .ofa *::after{ animation:none !important; }
  .ofa-js .ofa-panel.is-pre .ofa-copy, .ofa-js .ofa-panel.is-pre .ofa-img{ transform:none; filter:none; }
  .ofa-thumb, .ofa-img, .ofa-slide, .ofa-js .ofa-body, .ofa-js .ofa-body-in{ transition-duration:.01s !important; }
}