/* T-Shop v15 — original-style branded hero */
.hero-original{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:720px!important;
  background:#03133d!important;
  color:#fff!important;
}
.hero-bg-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:-4!important;
  filter:saturate(1.35) contrast(1.08) brightness(.72)!important;
}
.hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
  background:
    linear-gradient(90deg,rgba(1,9,35,.88) 0%,rgba(2,18,53,.52) 48%,rgba(2,18,53,.14) 72%,rgba(2,15,45,.38) 100%),
    radial-gradient(circle at 70% 44%,rgba(24,209,255,.17),transparent 30%),
    radial-gradient(circle at 29% 66%,rgba(255,192,57,.14),transparent 25%)!important;
}
.hero-original-inner{
  position:relative!important;
  min-height:720px!important;
  padding-top:38px!important;
  padding-bottom:32px!important;
}
.hero-topline{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  align-items:start!important;
  gap:28px!important;
  width:min(760px,72%)!important;
}
.hero-big-logo{
  width:220px!important;
  height:220px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 15px 28px rgba(0,0,0,.34))!important;
}
.hero-title-block{padding-top:6px!important}
.hero-shop-name{
  font:500 clamp(2.6rem,4.4vw,5rem)/1 Georgia,serif!important;
  color:#dfc078!important;
  white-space:nowrap!important;
  margin-bottom:15px!important;
  letter-spacing:.01em!important;
}
.hero-original h1{
  margin:0!important;
  font:500 clamp(3.35rem,5.2vw,6.25rem)/.98 Georgia,serif!important;
  letter-spacing:.1em!important;
  color:#dfc078!important;
  text-shadow:0 7px 28px rgba(0,0,0,.28)!important;
}
.hero-subtitle{
  position:absolute!important;
  z-index:5!important;
  top:56%!important;
  left:29%!important;
  transform:translateY(-50%)!important;
  width:34%!important;
  text-align:center!important;
  font:700 clamp(1.45rem,2.15vw,2.3rem)/1.75 Georgia,serif!important;
  letter-spacing:.12em!important;
  color:#fff!important;
  text-shadow:0 4px 18px rgba(0,0,0,.52)!important;
}
.hero-visuals{
  position:absolute!important;
  z-index:2!important;
  right:-2%!important;
  bottom:0!important;
  width:52%!important;
  height:74%!important;
}
.hero-fashion{
  position:absolute!important;
  right:0!important;
  bottom:-2%!important;
  width:75%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.38)) saturate(1.2)!important;
}
.hero-animal{
  position:absolute!important;
  left:-2%!important;
  bottom:-4%!important;
  width:43%!important;
  height:55%!important;
  object-fit:contain!important;
  object-position:left bottom!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.38)) saturate(1.2)!important;
}
.hero-cta-row{
  position:absolute!important;
  z-index:8!important;
  left:4%!important;
  bottom:28px!important;
  display:flex!important;
  gap:10px!important;
}
.hero-cta-row .btn{
  min-height:45px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.23)!important;
}

@media(max-width:900px){
  .hero-topline{width:78%!important;grid-template-columns:180px 1fr!important}
  .hero-big-logo{width:180px!important;height:180px!important}
  .hero-subtitle{left:27%!important;width:40%!important}
}

@media(max-width:700px){
  .hero-original{
    min-height:930px!important;
  }
  .hero-bg-photo{
    object-position:center!important;
    filter:saturate(1.4) contrast(1.1) brightness(.78)!important;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(1,8,33,.18) 0%,rgba(1,11,39,.06) 32%,rgba(2,15,48,.38) 62%,rgba(1,9,34,.88) 100%),
      radial-gradient(circle at 70% 57%,rgba(15,214,255,.14),transparent 31%),
      radial-gradient(circle at 24% 73%,rgba(255,192,57,.13),transparent 25%)!important;
  }
  .hero-original-inner{
    min-height:930px!important;
    padding-top:20px!important;
  }
  .hero-topline{
    width:100%!important;
    grid-template-columns:34vw minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
  }
  .hero-big-logo{
    width:34vw!important;
    height:34vw!important;
    max-width:160px!important;
    max-height:160px!important;
  }
  .hero-shop-name{
    font-size:clamp(2.05rem,9.5vw,3.4rem)!important;
    margin-bottom:10px!important;
  }
  .hero-original h1{
    font-size:clamp(2.85rem,11.7vw,4.35rem)!important;
    line-height:1.06!important;
    letter-spacing:.07em!important;
  }
  .hero-subtitle{
    top:46%!important;
    left:50%!important;
    width:84%!important;
    transform:translate(-50%,-50%)!important;
    font-size:clamp(1.1rem,5.2vw,1.75rem)!important;
    line-height:1.9!important;
    letter-spacing:.08em!important;
  }
  .hero-visuals{
    right:-3%!important;
    bottom:62px!important;
    width:106%!important;
    height:49%!important;
  }
  .hero-fashion{
    right:-2%!important;
    width:69%!important;
    height:100%!important;
  }
  .hero-animal{
    left:-3%!important;
    width:46%!important;
    height:60%!important;
  }
  .hero-cta-row{
    left:3vw!important;
    right:3vw!important;
    bottom:16px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .hero-cta-row .btn{
    min-height:43px!important;
    font-size:.72rem!important;
    padding:8px!important;
  }
}

@media(max-width:390px){
  .hero-original{min-height:895px!important}
  .hero-original-inner{min-height:895px!important}
  .hero-shop-name{font-size:2rem!important}
  .hero-original h1{font-size:2.68rem!important}
  .hero-subtitle{top:47%!important}
}