/* Applies only to phones. The existing desktop theme is untouched. */

/* 1.2.0: restore the premium WooCommerce catalogue grid on desktop. */
@media (min-width:701px){
  body.woocommerce-shop .woocommerce,
  body.post-type-archive-product .woocommerce,
  body.tax-product_cat .woocommerce,
  body.tax-product_tag .woocommerce{
    width:min(1680px,100%)!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:9rem 4vw 7rem!important;
    overflow:hidden!important;
  }
  body.woocommerce-shop .woocommerce-result-count,
  body.post-type-archive-product .woocommerce-result-count,
  body.tax-product_cat .woocommerce-result-count,
  body.tax-product_tag .woocommerce-result-count{
    float:left!important;
    margin:0 0 2.2rem!important;
    color:#ffffff8f!important;
    font-size:.67rem!important;
    line-height:48px!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  body.woocommerce-shop .woocommerce-ordering,
  body.post-type-archive-product .woocommerce-ordering,
  body.tax-product_cat .woocommerce-ordering,
  body.tax-product_tag .woocommerce-ordering{
    float:right!important;
    width:min(290px,32vw)!important;
    margin:0 0 2.2rem!important;
  }
  body.woocommerce-shop .woocommerce-ordering select,
  body.post-type-archive-product .woocommerce-ordering select,
  body.tax-product_cat .woocommerce-ordering select,
  body.tax-product_tag .woocommerce-ordering select{
    width:100%!important;
    height:48px!important;
    padding:0 .9rem!important;
    border:1px solid #ffffff2c!important;
    border-radius:0!important;
    background:#090b16!important;
    color:#f5f0e8!important;
    font:600 .64rem/1.2 AICON,Arial,sans-serif!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  body.woocommerce-shop ul.products,
  body.post-type-archive-product ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products{
    clear:both!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4rem 1rem!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.woocommerce-shop ul.products::before,
  body.woocommerce-shop ul.products::after,
  body.post-type-archive-product ul.products::before,
  body.post-type-archive-product ul.products::after,
  body.tax-product_cat ul.products::before,
  body.tax-product_cat ul.products::after,
  body.tax-product_tag ul.products::before,
  body.tax-product_tag ul.products::after{display:none!important}
  body.woocommerce-shop ul.products>article.product-tile,
  body.post-type-archive-product ul.products>article.product-tile,
  body.tax-product_cat ul.products>article.product-tile,
  body.tax-product_tag ul.products>article.product-tile,
  body.woocommerce-shop ul.products>li.product,
  body.post-type-archive-product ul.products>li.product,
  body.tax-product_cat ul.products>li.product,
  body.tax-product_tag ul.products>li.product{
    float:none!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.woocommerce-shop .product-tile .product-visual,
  body.post-type-archive-product .product-tile .product-visual,
  body.tax-product_cat .product-tile .product-visual,
  body.tax-product_tag .product-tile .product-visual{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/5!important;
    overflow:hidden!important;
    background:#e8dfd4!important;
  }
  body.woocommerce-shop .product-tile .product-visual img,
  body.post-type-archive-product .product-tile .product-visual img,
  body.tax-product_cat .product-tile .product-visual img,
  body.tax-product_tag .product-tile .product-visual img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
    image-rendering:auto!important;
    filter:none!important;
    transform:none!important;
  }
  body.woocommerce-shop .product-tile .product-visual:after,
  body.post-type-archive-product .product-tile .product-visual:after,
  body.tax-product_cat .product-tile .product-visual:after,
  body.tax-product_tag .product-tile .product-visual:after{background:linear-gradient(0deg,#0008 0,transparent 35%)!important}
}

@media (min-width:701px) and (max-width:1050px){
  body.woocommerce-shop ul.products,
  body.post-type-archive-product ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Optional accessories: product details plus a real WooCommerce cart action. */
.lagaga-pdp .pdp-check-grid .lagaga-accessory-card{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  border:1px solid #ffffff22!important;
  background:#090a0b!important;
}
.lagaga-pdp .pdp-check-grid .lagaga-accessory-card>a.lagaga-accessory-details{
  min-height:70px!important;
  padding:.85rem!important;
  border:0!important;
}
.lagaga-accessory-add{
  width:100%!important;
  min-height:44px!important;
  padding:.7rem .8rem!important;
  border:0!important;
  border-top:1px solid #ffffff22!important;
  border-radius:0!important;
  background:#c6a173!important;
  color:#050505!important;
  font:700 .52rem/1.25 AICON,Arial,sans-serif!important;
  letter-spacing:.1em!important;
  text-align:left!important;
  cursor:pointer!important;
}
.lagaga-accessory-add:hover,.lagaga-accessory-add:focus-visible{background:#dfbc8d!important}
.lagaga-accessory-add.is-loading{opacity:.72!important;cursor:wait!important}
.lagaga-accessory-add.is-added{background:#92b88e!important}

.lagaga-photo-coming{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2rem!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 42%,#443122 0,#171318 30%,#080a12 68%)!important;
  color:#f7f2eb!important;
  text-align:center!important;
}
.lagaga-photo-coming:before{
  content:""!important;
  position:absolute!important;
  width:72%!important;
  aspect-ratio:1!important;
  border:1px solid #c6a17366!important;
  border-radius:50%!important;
  box-shadow:0 0 70px #c6a1731f,inset 0 0 55px #c6a17312!important;
}
.lagaga-photo-coming small,.lagaga-photo-coming strong,.lagaga-photo-coming em{position:relative!important;z-index:1!important}
.lagaga-photo-coming small{margin-bottom:1rem!important;color:#c6a173!important;font:.52rem/1 AICON,Arial,sans-serif!important;letter-spacing:.22em!important}
.lagaga-photo-coming strong{font:600 clamp(1.5rem,2.3vw,2.5rem)/1.05 AICON,Arial,sans-serif!important;letter-spacing:.04em!important}
.lagaga-photo-coming em{margin-top:1rem!important;color:#ffffff72!important;font:normal .52rem/1.4 AICON,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.lagaga-pdp .pdp-gallery.lagaga-no-product-photo>.pdp-orbit,
.lagaga-pdp .pdp-gallery.lagaga-no-product-photo>.lagaga-product-visual-fixed,
.lagaga-pdp .pdp-gallery.lagaga-no-product-photo>.pdp-thumbs,
.lagaga-pdp .pdp-gallery.lagaga-no-product-photo>.pdp-stage{display:none!important}
.lagaga-single-coming{
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 42%,#443122 0,#171318 28%,#080a12 68%)!important;
  color:#f7f2eb!important;
  text-align:center!important;
}
.lagaga-single-coming:before{content:"";position:absolute;width:min(68vw,650px);aspect-ratio:1;border:1px solid #c6a17366;border-radius:50%;box-shadow:0 0 100px #c6a1731f,inset 0 0 70px #c6a17312}
.lagaga-single-coming small,.lagaga-single-coming strong,.lagaga-single-coming em{position:relative;z-index:1}
.lagaga-single-coming small{margin-bottom:1.25rem;color:#c6a173;font:.58rem/1 AICON,Arial,sans-serif;letter-spacing:.24em}
.lagaga-single-coming strong{font:600 clamp(2rem,4vw,4rem)/1.03 AICON,Arial,sans-serif;letter-spacing:.04em}
.lagaga-single-coming em{margin-top:1.25rem;color:#ffffff72;font:normal .58rem/1.4 AICON,Arial,sans-serif;letter-spacing:.14em}

@media (max-width:700px){
  .home-v2 .hero-v2 .hero-content{
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
  .home-v2 .hero-v2 h1{
    width:100%!important;
    max-width:none!important;
    font-size:clamp(1.9rem,8.4vw,2.65rem)!important;
    line-height:1.06!important;
    letter-spacing:0!important;
  }
  .home-v2 .hero-v2 h1 span{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
  }
  .home-v2 .hero-v2 .hero-image,
  .lifestyle-image,
  .exploded-image{
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    image-rendering:auto!important;
    transform:none!important;
    filter:none!important;
    will-change:auto!important;
  }
  .home-v2 .hero-v2 .hero-image{
    background-image:url('images/hero-mobile-premium.webp')!important;
  }
  .lifestyle-image{
    background-image:url('images/lifestyle-mobile-premium.webp')!important;
  }
  .exploded-image{
    background-image:url('images/exploded-mobile-premium.webp')!important;
  }
  .home-v2 .hero-v2 .hero-shade{
    background:linear-gradient(0deg,#02040ceb 0,#02040ca8 37%,transparent 68%),linear-gradient(90deg,#02040c8f 0,transparent 76%)!important;
  }
  .lifestyle-shade{
    background:linear-gradient(0deg,#050713f2 0,#050713a8 38%,transparent 70%)!important;
  }
  .exploded-shade{
    background:linear-gradient(0deg,#050713f2 0,#050713b8 39%,transparent 70%)!important;
  }
}

@media (max-width:360px){
  .home-v2 .hero-v2 h1{font-size:clamp(1.75rem,8.1vw,2rem)!important}
}

/* 1.0.1: the complete portrait image is always visible, never cropped. */
@media (max-width:700px){
  .home-v2 .hero-v2 .hero-image,
  .lifestyle-image,
  .exploded-image{
    background-size:contain!important;
    background-position:center top!important;
    background-color:#02040c!important;
  }
  .home-v2 .hero-v2 .hero-shade{
    background:linear-gradient(0deg,#02040c 0,#02040cf0 20%,#02040c78 38%,transparent 62%)!important;
  }
  .home-v2 .hero-v2 .hero-content{
    padding:0 1rem calc(1.4rem + env(safe-area-inset-bottom))!important;
  }
  .home-v2 .hero-v2 .eyebrow{
    margin-bottom:.45rem!important;
    font-size:.48rem!important;
    letter-spacing:.12em!important;
  }
  .home-v2 .hero-v2 h1{
    font-size:clamp(1.55rem,7vw,2rem)!important;
    line-height:1.03!important;
  }
  .home-v2 .hero-v2 .hero-content>p:not(.eyebrow){
    margin:.55rem 0 .75rem!important;
    max-width:25rem!important;
    font-size:.76rem!important;
    line-height:1.45!important;
  }
  .home-v2 .hero-v2 .hero-actions{
    grid-template-columns:1fr 1fr!important;
    gap:.45rem!important;
  }
  .home-v2 .hero-v2 .hero-actions .cta,
  .home-v2 .hero-v2 .hero-actions .text-link{
    min-height:42px!important;
    padding:.55rem .65rem!important;
    font-size:.5rem!important;
    letter-spacing:.07em!important;
  }
  .hero-index{display:none!important}
}

@media (max-width:360px){
  .home-v2 .hero-v2 .hero-actions{grid-template-columns:1fr!important}
  .home-v2 .hero-v2 h1{font-size:1.5rem!important}
}

/* 1.1.0: clean full-screen mobile navigation instead of a clipped side panel. */
@media (max-width:700px){
  body.mobile-nav-open{overflow:hidden!important;touch-action:none!important}
  body.mobile-nav-open .site-header{background:#030407!important;border-bottom-color:transparent!important}
  .site-header .nav{
    position:fixed!important;
    z-index:30!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:calc(96px + env(safe-area-inset-top)) max(1.15rem,env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) max(1.15rem,env(safe-area-inset-left))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:radial-gradient(circle at 88% 8%,#45291d 0,transparent 29%),radial-gradient(circle at 10% 90%,#162449 0,transparent 34%),#030407!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transition:opacity .24s ease,visibility .24s ease!important;
  }
  .site-header .nav::before{
    content:"IZBORNIK  /  LA GAGA";
    display:block!important;
    margin:0 0 1.15rem!important;
    color:#c6a173!important;
    font-size:.5rem!important;
    font-weight:700!important;
    letter-spacing:.18em!important;
  }
  .site-header .nav.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .site-header .nav>li,
  .site-header .nav>ul,
  .site-header .nav>ul>li{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  .site-header .nav a,
  .site-header .nav>li>a,
  .site-header .nav>ul>li>a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:56px!important;
    margin:0!important;
    padding:.72rem .1rem!important;
    border-top:0!important;
    border-bottom:1px solid #ffffff20!important;
    color:#f7f2eb!important;
    font-size:clamp(.82rem,3.8vw,1.05rem)!important;
    line-height:1.2!important;
    letter-spacing:.075em!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .site-header .nav a::after{
    content:"→";
    margin-left:auto;
    padding-left:1rem;
    color:#c6a173;
    font-size:.8rem;
  }
  .site-header .nav a:first-of-type{border-top:1px solid #ffffff20!important}
  .menu-button{
    position:relative!important;
    z-index:35!important;
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
  }
  .menu-button[aria-expanded="true"] i:first-child{top:21px!important;transform:rotate(45deg)!important}
  .menu-button[aria-expanded="true"] i:last-child{top:21px!important;transform:rotate(-45deg)!important}
  body.admin-bar .site-header .nav{padding-top:calc(142px + env(safe-area-inset-top))!important}
}

@media (max-width:360px){
  .site-header .nav{padding-left:.9rem!important;padding-right:.9rem!important}
  .site-header .nav a{min-height:52px!important;font-size:.78rem!important}
}

@media (max-width:700px){
  body.woocommerce-shop .woocommerce,
  body.post-type-archive-product .woocommerce,
  body.tax-product_cat .woocommerce,
  body.tax-product_tag .woocommerce{
    width:100%!important;
    max-width:100%!important;
    padding:calc(6.25rem + env(safe-area-inset-top)) 1rem 4rem!important;
  }
  body.woocommerce-shop ul.products,
  body.post-type-archive-product ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:2.75rem!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.woocommerce-shop ul.products>article.product-tile,
  body.post-type-archive-product ul.products>article.product-tile,
  body.tax-product_cat ul.products>article.product-tile,
  body.tax-product_tag ul.products>article.product-tile{
    float:none!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  body.woocommerce-shop .product-tile .product-visual,
  body.post-type-archive-product .product-tile .product-visual,
  body.tax-product_cat .product-tile .product-visual,
  body.tax-product_tag .product-tile .product-visual{
    height:auto!important;
    aspect-ratio:4/5!important;
  }
  body.woocommerce-shop .product-tile .product-visual img,
  body.post-type-archive-product .product-tile .product-visual img,
  body.tax-product_cat .product-tile .product-visual img,
  body.tax-product_tag .product-tile .product-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    image-rendering:auto!important;
    filter:none!important;
    transform:none!important;
  }
  .lagaga-pdp .pdp-check-grid{grid-template-columns:1fr!important}
  .lagaga-pdp .pdp-check-grid .lagaga-accessory-card{width:100%!important}
  .lagaga-accessory-add{min-height:48px!important;font-size:.58rem!important}
}