@charset "UTF-8";
/* Verre cannelé (« fractal glass ») et verre liquide sur les éléments phares de DiaGana Store.
   Uniquement des dégradés (pas de flou supplémentaire) : léger pour la carte graphique, même sur petit téléphone. */
.feat,.av,.p-card{position:relative}
/* Le bandeau des chiffres clés (.hero-stats) est déjà en verre liquide (.lg) : on n'y touche pas —
   le mettre dans un calque isolé cassait le flou du verre et effaçait les chiffres. */
/* Cartes « à propos » et avantages : cannelures qui s'effacent vers le bas */
.feat::before,.av::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:.8;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 6px,rgba(0,0,0,.05) 6px 7px,transparent 7px 13px);
  -webkit-mask:linear-gradient(#000,transparent 85%);mask:linear-gradient(#000,transparent 85%)}
.feat>*,.av>*{position:relative;z-index:1}
/* Cartes produits : reflet de verre qui traverse la carte au survol (ordinateur) */
@media (hover:hover){
  .p-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;
    background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 45%,rgba(255,255,255,.03) 52%,transparent 64%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);
    background-size:240% 100%,auto;background-position:140% 0,0 0;transition:opacity .3s,background-position .9s cubic-bezier(.2,.8,.2,1)}
  .p-card:hover::after{opacity:1;background-position:-40% 0,0 0}
}
@media (prefers-reduced-motion:reduce){.p-card::after{transition:none}}
html.leger .feat::before,html.leger .av::before,html.leger .p-card::after{display:none}