/* ════════ Couche premium — boutique AllyStore ════════ */
/* Hero : blobs dégradés flottants (parallax) */
.hero-blobs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-blobs .pblob{position:absolute;border-radius:50%;filter:blur(52px);opacity:.42;mix-blend-mode:screen;will-change:transform,margin}
.pblob-1{width:360px;height:360px;top:-90px;left:4%;background:radial-gradient(circle at 30% 30%,#60A5FA,#2563EB)}
.pblob-2{width:280px;height:280px;bottom:-80px;right:8%;background:radial-gradient(circle at 60% 40%,#93C5FD,#1E40AF)}
.pblob-3{width:220px;height:220px;top:24%;right:42%;background:radial-gradient(circle at 50% 50%,#3B82F6,#1D4ED8)}
@keyframes pblobFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(26px,-20px) scale(1.07)}66%{transform:translate(-18px,16px) scale(.96)}}
.hero-in{position:relative;z-index:2}

/* Titre hero : dégradé animé */
.hero-h1 em{background:linear-gradient(120deg,#93C5FD,#60A5FA,#3B82F6);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:pTextShine 6s linear infinite}
@keyframes pTextShine{to{background-position:220% center}}

/* Cartes produit : liseré lumineux + lift renforcé */
.pcard{position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}
.pcard::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(96,165,250,.7),transparent 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.pcard:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(37,99,235,.18)}
.pcard:hover::after{opacity:1}

/* Cartes kit du hero : lift doux */
.hkc{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.hkc:hover{transform:translateY(-3px)}

/* Boutons magnétiques : transform piloté par JS, on garde une transition douce */
.btn-primary,.btn-ghost{will-change:transform;transition:transform .15s ease,background .2s,color .2s,box-shadow .2s}

@media (prefers-reduced-motion:reduce){
  .hero-blobs .pblob,.hero-h1 em{animation:none!important}
  .hero-h1 em{background-position:0 center}
}