/* Single authoritative mobile KPI treatment for banner 1, visually matching banner 2.
   Loaded last to supersede legacy mobile sizing and animation declarations. */
@media(max-width:700px){
 .hero[data-hero-slider] .hero-slide-brand .hero-float-list{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(4,minmax(68px,auto))!important;
  gap:13px!important;
  width:calc(100% - 32px)!important;max-width:350px!important;
  margin:18px auto 12px!important;padding:0!important;
  position:relative!important;inset:auto!important;transform:none!important;
 }
 .hero[data-hero-slider] .hero-slide-brand .hero-float{
  position:relative!important;inset:auto!important;
  display:flex!important;align-items:center!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  min-height:68px!important;height:auto!important;
  padding:10px 8px!important;gap:7px!important;
  border-radius:17px!important;isolation:isolate!important;overflow:visible!important;
  background:linear-gradient(120deg,rgba(35,11,61,.96),rgba(18,8,43,.97))!important;
  border:1px solid rgba(193,99,255,.85)!important;
  box-shadow:0 8px 23px #07001588,0 0 13px #9d32ff55,inset 0 0 18px #9c37f11e!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
 }
 .hero[data-hero-slider] .hero-slide-brand .hero-float:nth-child(1){grid-area:1/1}
 .hero[data-hero-slider] .hero-slide-brand .hero-float:nth-child(2){grid-area:2/1}
 .hero[data-hero-slider] .hero-slide-brand .hero-float:nth-child(3){grid-area:3/1}
 .hero[data-hero-slider] .hero-slide-brand .hero-float:nth-child(4){grid-area:4/1}
 .hero[data-hero-slider] .hero-slide-brand .hero-float .float-icon{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  box-shadow:0 3px 12px rgba(255,103,31,.35)!important;
 }
 .hero[data-hero-slider] .hero-slide-brand .hero-float b{
  display:block!important;font-size:13px!important;line-height:1.25!important;
  font-weight:800!important;overflow-wrap:anywhere!important;
 }
 .hero[data-hero-slider] .hero-slide-brand .hero-float small{
  display:block!important;font-size:11px!important;line-height:1.35!important;
  overflow-wrap:anywhere!important;
 }
 /* Exactly the same traveling conic light perimeter as the second banner. */
 .hero[data-hero-slider] .hero-slide-brand .hero-float::before{
  content:""!important;position:absolute!important;inset:-2px!important;
  border-radius:inherit!important;padding:2px!important;
  background:conic-gradient(from var(--ai-border-angle,0deg),transparent 0deg,transparent 235deg,#ff9d46 266deg,#fff3b0 281deg,#ff6822 294deg,transparent 324deg)!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important;
  filter:drop-shadow(0 0 5px #ff7b24)!important;
  pointer-events:none!important;
  animation:ai-border-travel 3.4s linear infinite!important;
 }
 .hero[data-hero-slider] .hero-slide-brand .hero-float::after{
  content:""!important;position:absolute!important;inset:0!important;
  border-radius:inherit!important;pointer-events:none!important;
  box-shadow:inset 0 0 9px #c85dff44,0 0 11px #a63aff35!important;
 }
 .hero[data-hero-slider] .hero-slide-brand .hero-float:nth-child(2)::before{animation-delay:-.85s!important}
 .hero[data-hero-slider] .hero-slide-brand .hero-float:nth-child(3)::before{animation-delay:-1.7s!important}
 .hero[data-hero-slider] .hero-slide-brand .hero-float:nth-child(4)::before{animation-delay:-2.55s!important}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-float{
  animation:ikrea-banner1-orbit-float 4.8s ease-in-out infinite!important;
  translate:0 0;
 }
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-float:nth-child(2){animation-delay:-1.2s!important}
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-float:nth-child(3){animation-delay:-2.4s!important}
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-float:nth-child(4){animation-delay:-3.6s!important}
}
@keyframes ikrea-banner1-orbit-float{
 0%,100%{translate:0 0}
 50%{translate:0 -10px}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .hero[data-hero-slider] .hero-slide-brand .hero-float,
 .hero[data-hero-slider] .hero-slide-brand .hero-float::before{animation:none!important}
}
@media(max-width:360px){
 .hero[data-hero-slider] .hero-slide-brand .hero-float-list{gap:11px!important;width:calc(100% - 24px)!important}
 .hero[data-hero-slider] .hero-slide-brand .hero-float{padding:8px 6px!important;gap:5px!important}
 .hero[data-hero-slider] .hero-slide-brand .hero-float .float-icon{width:26px!important;height:26px!important;flex-basis:26px!important}
}