/* v1.15.8 — Hero border restyle + hard deck-order fix */
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-hero,
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-hero.syh-hero-compact,
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-hero .syh-shell{
  background:linear-gradient(135deg,#ffffff 0%,#f8fbfe 56%,#eaf5fb 100%)!important;
}

/* Replace the plain oval border with a more stylized curved composition */
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual{
  border:1px solid rgba(193,211,225,.92)!important;
  border-radius:40px!important;
  background:
    radial-gradient(circle at 68% 48%, rgba(164,211,231,.28) 0%, rgba(164,211,231,.14) 26%, rgba(164,211,231,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,251,254,.98) 48%, rgba(237,246,251,.98) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 20px 38px rgba(20,63,97,.06)!important;
  overflow:hidden!important;
}
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual::before,
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual::after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
}
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual::before{
  inset:24px auto 24px -78px!important;
  width:180px!important;
  border-radius:0 110px 110px 0!important;
  border:1.5px solid rgba(182,205,221,.85)!important;
  border-left:none!important;
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(245,250,253,.92) 100%)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.65)!important;
}
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual::after{
  left:14px!important;
  right:14px!important;
  bottom:18px!important;
  height:72px!important;
  border-bottom:1.5px solid rgba(185,209,224,.75)!important;
  border-radius:0 0 42% 42%/0 0 100% 100%!important;
  opacity:.8!important;
}
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-book-deck{
  width:min(100%, 650px)!important;
  transform:scale(1.16)!important;
}
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-deck-cover{
  box-shadow:0 20px 38px rgba(15,49,76,.18), 0 12px 20px rgba(15,49,76,.10)!important;
}

/* Hard fix: middle category cover must be on top even if older CSS/themes intervene */
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-parent-category-card-media .syh-category-deck{
  isolation:isolate!important;
  overflow:visible!important;
}
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-parent-category-card-media .syh-category-deck > img.syh-category-deck-cover{
  position:absolute!important;
}
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-parent-category-card-media .syh-category-deck > img.syh-category-deck-cover--1{
  z-index:10!important;
  transform:translateX(-98%) rotate(-10deg)!important;
}
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-parent-category-card-media .syh-category-deck > img.syh-category-deck-cover--3{
  z-index:12!important;
  transform:translateX(-2%) rotate(10deg)!important;
}
body.syh-v1158-home #syh-app.syh-home-v1158 .syh-parent-category-card-media .syh-category-deck > img.syh-category-deck-cover--2{
  z-index:999!important;
  transform:translateX(-50%) rotate(0deg) scale(1.02)!important;
  box-shadow:0 18px 34px rgba(15,49,76,.18), 0 10px 18px rgba(15,49,76,.10)!important;
}

@media (max-width: 1024px){
  body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual{min-height:320px!important; border-radius:30px!important}
  body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual::before{inset:20px auto 20px -42px!important; width:100px!important; border-radius:0 70px 70px 0!important}
  body.syh-v1158-home #syh-app.syh-home-v1158 .syh-book-deck{transform:scale(1.06)!important}
}
@media (max-width: 767px){
  body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual{min-height:272px!important; border-radius:24px!important}
  body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual::before{display:none!important}
  body.syh-v1158-home #syh-app.syh-home-v1158 .syh-ecosystem-visual::after{left:12px!important; right:12px!important; bottom:14px!important; height:56px!important}
  body.syh-v1158-home #syh-app.syh-home-v1158 .syh-book-deck{transform:scale(1)!important}
}