/* Aşiyan Storefront V11 — viewport-fitted product media, normalized product copy and highlighted stock alerts */
:root{
  --v11-product-stage:calc(100svh - var(--v10-header-height,76px));
  --v11-body-font:Manrope,Arial,sans-serif;
}

/*
 * The first product panel must fit directly under the sticky header.
 * V10's desktop min-height could exceed short laptop viewports and forced
 * the media to sit lower than the visible fold.
 */
@media (min-width:901px){
  .storefront-v11.page-product .store-main{
    padding:0!important;
    margin:0!important;
    overflow:clip!important;
  }
  .storefront-v11 .product-page-v8{
    margin-top:0!important;
    padding-top:0!important;
  }
  .storefront-v11 .product-v8-layout{
    height:var(--v11-product-stage)!important;
    min-height:0!important;
    max-height:none!important;
    align-items:stretch!important;
  }
  .storefront-v11 .product-v8-story,
  .storefront-v11 .product-v8-media,
  .storefront-v11 .product-buybox-v8{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
  .storefront-v11 .product-v8-media .product-gallery,
  .storefront-v11 .product-v8-media .product-gallery-slide{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
  .storefront-v11 .product-v8-media .product-gallery-slide.active{
    align-items:stretch!important;
    justify-content:stretch!important;
  }
  .storefront-v11 .product-v8-media .product-gallery-slide img,
  .storefront-v11 .product-v8-media .product-gallery-slide video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center top!important;
    background:#eee8e1!important;
  }
  .storefront-v11 .product-buybox-v8{
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
}

/* On phones keep the whole visual visible, but pin it to the top of its stage. */
@media (max-width:900px){
  .storefront-v11 .product-v8-media .product-gallery-slide.active{
    align-items:flex-start!important;
  }
  .storefront-v11 .product-v8-media .product-gallery-slide img,
  .storefront-v11 .product-v8-media .product-gallery-slide video{
    object-fit:contain!important;
    object-position:center top!important;
  }
}

/* Strip editor/DB typography from the product description and restore storefront rhythm. */
.storefront-v11 .product-description-content{
  font-family:var(--v11-body-font)!important;
  font-size:11px!important;
  line-height:1.75!important;
  font-weight:400!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  color:#625b55!important;
}
.storefront-v11 .product-description-content :where(p,div,span,li,a,strong,b,em,i,u,small,font){
  font-family:var(--v11-body-font)!important;
  font-size:11px!important;
  line-height:1.75!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  color:#625b55!important;
  background:transparent!important;
}
.storefront-v11 .product-description-content :where(p,div){margin-top:0!important;margin-bottom:9px!important}
.storefront-v11 .product-description-content :where(p,div):last-child{margin-bottom:0!important}
.storefront-v11 .product-description-content :where(ul,ol){margin:8px 0 10px!important;padding-left:19px!important}
.storefront-v11 .product-description-content li{margin:3px 0!important}
.storefront-v11 .product-description-content :where(strong,b){font-weight:700!important;color:#2a2521!important}
.storefront-v11 .product-description-content :where(h1,h2,h3,h4,h5,h6){
  font-family:var(--v11-body-font)!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:700!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  color:#2a2521!important;
  background:transparent!important;
  margin:12px 0 6px!important;
}
.storefront-v11 .product-description-content img{max-width:100%!important;height:auto!important}

/* Visible, clickable emphasis whenever the back-in-stock control is shown. */
.storefront-v11 .stock-alert-entry:not([hidden])>button{
  position:relative;
  overflow:hidden;
  border:2px solid #b7893f!important;
  background:linear-gradient(110deg,#fffaf1,#fff 52%,#fff7e8)!important;
  box-shadow:0 0 0 0 rgba(183,137,63,.34);
  animation:v11StockAlertPulse 1.35s ease-in-out infinite;
}
.storefront-v11 .stock-alert-entry:not([hidden])>button:before{
  content:"";
  position:absolute;
  top:-40%;
  bottom:-40%;
  left:-45%;
  width:28%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);
  animation:v11StockAlertSweep 2.7s ease-in-out infinite;
  pointer-events:none;
}
.storefront-v11 .stock-alert-entry:not([hidden])>button:hover,
.storefront-v11 .stock-alert-entry:not([hidden])>button:focus-visible{
  animation-play-state:paused;
  border-color:#8e6428!important;
  box-shadow:0 0 0 4px rgba(183,137,63,.17),0 12px 24px rgba(55,39,20,.12)!important;
}
.storefront-v11 .stock-alert-entry:not([hidden])>button>.icon:first-child{
  animation:v11BellNudge 1.35s ease-in-out infinite;
}
@keyframes v11StockAlertPulse{
  0%,100%{border-color:#c9a15f;box-shadow:0 0 0 0 rgba(183,137,63,.30)}
  50%{border-color:#a66f22;box-shadow:0 0 0 7px rgba(183,137,63,.10)}
}
@keyframes v11StockAlertSweep{
  0%,28%{left:-45%;opacity:0}
  45%{opacity:1}
  66%,100%{left:125%;opacity:0}
}
@keyframes v11BellNudge{
  0%,78%,100%{transform:rotate(0)}
  84%{transform:rotate(-10deg)}
  90%{transform:rotate(9deg)}
  96%{transform:rotate(-4deg)}
}
@media (prefers-reduced-motion:reduce){
  .storefront-v11 .stock-alert-entry:not([hidden])>button,
  .storefront-v11 .stock-alert-entry:not([hidden])>button:before,
  .storefront-v11 .stock-alert-entry:not([hidden])>button>.icon:first-child{animation:none!important}
}