/* XYLO v2.9 — visual polish + performance-safe finite rails.
   Loaded after v2.8. No functional purchase/navigation changes. */
:root{--xylo29-purple:#7040D8;--xylo29-lilac:#A050EC}
/* Avoid animated full-card filters and multiple blurred compositing surfaces.
   Keep luminous layers, but only animate transforms on focused/hovered elements. */
body.xylo-command-home #featured-products .xylo-v26-featured-card{
  animation:none!important;filter:none!important;will-change:auto!important;
}
body.xylo-command-home #featured-products .xylo-v26-featured-card::before{
  animation:none!important;filter:blur(12px)!important;opacity:.78!important;
  background:radial-gradient(ellipse at center,rgba(160,80,236,.75),rgba(112,64,216,.34) 47%,transparent 76%)!important;
}
body.xylo-command-home #featured-products .xylo-v26-featured-link{transition:box-shadow .22s ease,transform .22s ease!important}
body.xylo-command-home #featured-products .xylo-v26-featured-link:hover{transform:translateY(-4px)}
body.xylo-command-home .xylo-home-hero-layout h1.xylo-v28-kinetic-title{
  animation:xylo28TitleShine 8s linear infinite!important;
  filter:none!important;text-shadow:0 0 17px rgba(160,80,236,.16)!important;
}
/* Finite carousels: native scroll, no clone entries, no vertical gesture traps. */
body.xylo-command-home .xylo-v28-carousel-rail{
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;-ms-overflow-style:none!important;
  overscroll-behavior-x:contain;touch-action:auto!important;
}
body.xylo-command-home .xylo-v28-carousel-rail::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}
body.xylo-command-home .xylo-v28-carousel-rail>*{scroll-snap-align:start!important}
/* Featured: align a short product set in the center while it fits, otherwise use the rail. */
body.xylo-command-home #featured-products .xylo-v28-carousel-rail{
  display:flex!important;justify-content:safe center!important;
  gap:clamp(19px,2.5vw,30px)!important;
}
/* Move action clear of section headline and below cards. */
body.xylo-command-home .xylo-v29-featured-action{display:flex;justify-content:flex-end;margin:0 36px 16px}
body.xylo-command-home .xylo-v29-featured-action a{
  display:inline-flex!important;align-items:center;gap:10px;
  border:1px solid rgba(191,131,255,.52);background:linear-gradient(112deg,#251337,#170e25)!important;
  border-radius:14px;padding:12px 18px;font-weight:800;color:#e4c6ff!important;
  box-shadow:inset 0 1px 0 rgba(234,208,255,.13),0 8px 24px rgba(10,2,23,.32);
  transition:transform .18s,border-color .18s;
}
body.xylo-command-home .xylo-v29-featured-action a:hover{border-color:#b17afb;transform:translateY(-2px)}
/* Socials: central icon + text, without corner arrows. Keep original card URLs. */
body.xylo-command-home .xylo-v28-carousel-rail .xylo-v26-link-card{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;gap:9px!important;
  padding:22px 20px!important;
}
body.xylo-command-home .xylo-v26-link-card .xylo-v26-link-logo{margin:0 auto 4px!important}
body.xylo-command-home .xylo-v26-link-card .xylo-v26-social-arrow{display:none!important}
body.xylo-command-home .xylo-v26-link-card strong,body.xylo-command-home .xylo-v26-link-card small{
  text-align:center!important;display:block!important;margin:0!important;
}
/* Why choose XYLO: editorial feature tiles, not centered social-icon tiles. */
body.xylo-command-home .xylo-v24-benefit.xylo-v29-feature{
  text-align:left!important;display:flex!important;flex-direction:column!important;
  justify-content:flex-start!important;align-items:flex-start!important;
  min-height:242px!important;padding:25px!important;isolation:isolate;
  border-radius:10px 28px 16px 28px!important;
  background:linear-gradient(125deg,#311941 0%,#1d112e 49%,#100c1b 100%)!important;
  border:1px solid rgba(186,119,252,.66)!important;
  box-shadow:inset 4px 0 0 rgba(180,100,248,.46),inset 0 1px 0 rgba(245,222,255,.12),0 16px 34px rgba(0,0,0,.3)!important;
}
body.xylo-command-home .xylo-v29-feature::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
  border-radius:inherit!important;transform:none!important;
  background:linear-gradient(130deg,rgba(218,163,255,.10),transparent 31%),
    repeating-linear-gradient(134deg,transparent 0 25px,rgba(176,109,249,.085) 25px 26px,transparent 26px 53px) right top / 38% 100% no-repeat!important;
  pointer-events:none!important;
}
body.xylo-command-home .xylo-v29-feature::after{
  content:""!important;position:absolute!important;inset:auto 14px 14px auto!important;
  width:73px!important;height:73px!important;border:1px solid rgba(196,145,251,.22)!important;
  border-radius:50%!important;pointer-events:none!important;
  box-shadow:0 0 0 19px rgba(146,74,218,.045)!important;
}
body.xylo-command-home .xylo-v29-feature>*{position:relative;z-index:1}
body.xylo-command-home .xylo-v29-feature-index{
  position:absolute!important;right:16px;top:10px;z-index:1;
  color:rgba(192,128,249,.23);font-size:73px;font-weight:950;line-height:1;
  letter-spacing:-.09em;pointer-events:none;
}
body.xylo-command-home .xylo-v29-feature-kicker{font-size:10px;font-weight:900;color:#c994ff;letter-spacing:.19em;margin-bottom:17px}
body.xylo-command-home .xylo-v29-feature .xylo-v24-benefit-icon{
  margin-bottom:16px!important;width:53px;height:53px;
  background:linear-gradient(135deg,#593078,#2c1747)!important;
  border-radius:13px!important;
  box-shadow:0 0 15px rgba(160,80,236,.24);
}
body.xylo-command-home .xylo-v29-feature h3{font-size:20px!important;margin-bottom:9px!important;max-width:95%}
body.xylo-command-home .xylo-v29-feature p{font-size:13px!important;line-height:1.52!important;max-width:92%}
/* Quieter idle effects reduce animation layers competing with the sticky header. */
@media(max-width:850px){
 body.xylo-command-home #featured-products .xylo-v28-carousel-rail{justify-content:flex-start!important}
 body.xylo-command-home .xylo-v29-featured-action{margin:0 18px 14px;justify-content:flex-end}
}
@media(max-width:600px){
 body.xylo-command-home .xylo-v29-featured-action{margin:0 12px 18px}
 body.xylo-command-home .xylo-v29-featured-action a{font-size:12px;min-height:44px}
 body.xylo-command-home .xylo-v29-feature{min-height:233px!important;padding:21px!important}
 body.xylo-command-home .xylo-v29-feature-index{font-size:65px}
}
@media(prefers-reduced-motion:reduce){
 body.xylo-command-home .xylo-home-hero-layout h1.xylo-v28-kinetic-title{animation:none!important}
 body.xylo-command-home #featured-products .xylo-v26-featured-card::before{animation:none!important}
}