/* Aşiyan V28 — model-first hero, compact mobile height, slightly larger top navigation */

/* Top navigation only; mega-menu typography remains untouched. */
@media(min-width:1181px){
  .storefront-v28 .header-nav{
    gap:16px!important;
  }
  .storefront-v28 .header-nav>.nav-entry:not(.nav-entry-sale)>a{
    font-size:12.5px!important;
    letter-spacing:.075em!important;
    font-weight:650!important;
  }
  .storefront-v28 .header-nav>.nav-entry:not(.nav-entry-sale)>a .v24-nav-chevron{
    width:13px!important;
    height:13px!important;
  }
}
@media(min-width:1181px) and (max-width:1500px){
  .storefront-v28 .header-nav{gap:12px!important}
  .storefront-v28 .header-nav>.nav-entry:not(.nav-entry-sale)>a{
    font-size:11.5px!important;
    letter-spacing:.055em!important;
  }
}

/* Remove the large featured-product rail so the model remains the hero. */
.storefront-v28 .v24-product-panel{
  display:none!important;
}

/* The hero now uses the full canvas: counter + editorial copy only. */
@media(min-width:992px){
  .storefront-v28 .v24-hero-content{
    grid-template-columns:72px minmax(500px,760px)!important;
    justify-content:start!important;
    gap:38px!important;
    width:min(1580px,calc(100% - 88px))!important;
    padding-right:300px!important;
  }
  .storefront-v28 .v24-hero-copy{
    max-width:740px!important;
  }
  .storefront-v28 .v24-hero-overlay{
    background:
      linear-gradient(90deg,rgba(24,3,10,.96) 0%,rgba(37,6,16,.72) 31%,rgba(24,4,11,.04) 67%,rgba(22,3,10,.30) 100%),
      linear-gradient(0deg,rgba(16,2,8,.68) 0%,rgba(16,2,8,.01) 54%),
      radial-gradient(circle at 88% 20%,rgba(132,28,61,.16),transparent 34%)!important;
  }
}

/* Clean next control, independent of the removed product panel. */
.storefront-v28 .v28-global-next{
  position:absolute;
  right:34px;
  top:50%;
  z-index:12;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(30,7,15,.28);
  color:#fff;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform:translateY(-50%);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.storefront-v28 .v28-global-next:hover{
  background:#fff;
  border-color:#fff;
  color:#5f1733;
  transform:translateY(-50%) scale(1.04);
}
.storefront-v28 .v28-global-next .v24-inline-icon{width:20px;height:20px}

/* Tablet no longer reserves a third column for product cards. */
@media(max-width:1180px) and (min-width:768px){
  .storefront-v28 .v24-hero-stage{
    height:clamp(600px,78svh,680px)!important;
    min-height:600px!important;
  }
  .storefront-v28 .v24-hero-content{
    grid-template-columns:48px minmax(0,680px)!important;
    justify-content:start!important;
    width:calc(100% - 44px)!important;
    padding:96px 90px 34px 0!important;
  }
  .storefront-v28 .v28-global-next{right:22px;width:48px;height:48px}
}

/* Mobile: fully collapse the old collection area and its reserved height. */
@media(max-width:767px){
  .storefront-v28 .v24-hero,
  .storefront-v28 .v24-hero-stage,
  .storefront-v28 .v24-hero-slide{
    min-height:0!important;
  }
  .storefront-v28 .v24-hero-stage,
  .storefront-v28 .v24-hero-slide{
    height:clamp(510px,72svh,560px)!important;
    max-height:560px!important;
  }
  .storefront-v28 .v24-hero-content{
    grid-template-columns:26px minmax(0,1fr)!important;
    align-content:center!important;
    align-items:center!important;
    gap:10px!important;
    width:calc(100% - 20px)!important;
    height:100%!important;
    padding:82px 52px 20px 0!important;
  }
  .storefront-v28 .v24-hero-counter{
    align-self:center!important;
    padding-top:0!important;
  }
  .storefront-v28 .v24-hero-counter i{
    min-height:112px!important;
    height:112px!important;
  }
  .storefront-v28 .v24-hero-copy{
    align-self:center!important;
    padding-bottom:0!important;
    max-width:100%!important;
  }
  .storefront-v28 .v24-hero-kicker{margin-bottom:14px!important}
  .storefront-v28 .v24-hero-copy h1{
    margin-bottom:14px!important;
    font-size:clamp(39px,12.5vw,54px)!important;
    line-height:.92!important;
  }
  .storefront-v28 .v24-hero-description{margin-top:0!important}
  .storefront-v28 .v24-hero-description p{
    display:-webkit-box;
    max-width:320px!important;
    overflow:hidden;
    font-size:13px!important;
    line-height:1.55!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .storefront-v28 .v24-hero-actions{
    margin-top:18px!important;
    gap:8px!important;
  }
  .storefront-v28 .v24-primary-button,
  .storefront-v28 .v24-secondary-button{
    min-height:43px!important;
    padding:0 14px!important;
    font-size:9px!important;
  }
  .storefront-v28 .v24-video-link{display:none!important}
  .storefront-v28 .v28-global-next{
    right:10px;
    top:54%;
    width:42px;
    height:42px;
    background:rgba(26,6,13,.35);
  }
  .storefront-v28 .v25-hero-media picture,
  .storefront-v28 .v25-hero-media>video{
    inset:70px 0 0!important;
  }
  .storefront-v28 .v25-hero-media picture img,
  .storefront-v28 .v25-hero-media>video{
    object-position:58% top!important;
  }
}

@media(max-width:390px){
  .storefront-v28 .v24-hero-stage,
  .storefront-v28 .v24-hero-slide{
    height:510px!important;
  }
  .storefront-v28 .v24-hero-content{padding-right:46px!important}
  .storefront-v28 .v24-hero-copy h1{font-size:40px!important}
  .storefront-v28 .v24-secondary-button{display:none!important}
}