/* Product Cards Slider */
.procrdsldr-outer{padding: 0 0 40px 0;}
.procrdsldr-inner {/*display: flex;gap: 0px;*/}
.procrdsldr{opacity:0;transition:opacity .6s ease;}
.swiper-initialized.procrdsldr{opacity:1;}
.procrdsldr-card {/*width:calc(25vw - 15px)!important;flex-shrink: 0;*/position: relative;}
/*
@media (max-width: 1024px) {
    .procrdsldr-card {width:calc(33.33vw - 15px)!important;}
}
@media (max-width: 768px) {
    .procrdsldr-card {width:calc(50vw - 20px)!important;}
}
@media (max-width: 540px) {
    .procrdsldr-card {width:calc(100vw - 20px)!important;}
}
*/
.procrdsldr-images{position:relative;overflow:hidden;z-index:1;}
.procrdsldr-card img{width: 100%!important;flex-shrink: 0;position: relative;display: block;transition:all ease-in-out 1s;}
.procrdsldr-card [aria-label="1 / 1"] img:hover,
.procrdsldr-card [aria-label="1 / 1"] img:focus{transform:scale(1.05);}
.procrdsldr-card .swiper-button-next,
.procrdsldr-card .swiper-button-prev{width:25px;height:25px;background-color:rgba(255, 255, 255, 0.4);backdrop-filter: blur(5px);border-radius: 20px;opacity:0!important;transition:opacity ease .5s;color:#000!important;}
.procrdsldr-card .swiper-button-next:after,
.procrdsldr-card .swiper-button-prev:after{font-size:10px;}
.procrdsldr-card:hover .swiper-button-next,
.procrdsldr-card:hover .swiper-button-prev{opacity:1!important;}
.procrdsldr-card:hover .swiper-button-disabled{opacity:.5!important;}

.procrdsldr-card-sale-badge{position: absolute;z-index:2;top: 12px;left: 12px;color: #000;font-weight:500;font-size: 10px;padding: 0px 14px;margin:0;background-color:rgba(255, 255, 255, 0.4);backdrop-filter: blur(5px);min-width:50px;line-height:21px;text-align:center;}
.procrdsldr-card-cats{font-weight:400;color:rgba(0, 0, 0, 0.5)!important;font-size:10px;margin-bottom:4px;margin-top:15px;}
.procrdsldr-card-cats a{font-weight:400;text-transform:uppercase;color:rgba(0, 0, 0, 0.5)!important;font-size:10px;display:inline-block;}
.procrdsldr-card-title{font-weight:400;color:rgba(0, 0, 0, 1);font-size:12px!important;margin:0 0 4px!important;}
.procrdsldr-card-look .procrdsldr-card-title{margin-top:15px!important;}
.procrdsldr-card-price{font-weight:400;color:rgba(0, 0, 0, 1);font-size:12px;}
.procrdsldr-card-price ins{text-decoration:none!important;}

.procrdsldr-card-title-look{position: absolute;z-index: 2;bottom: 12px;left: 12px;color: rgb(0, 0, 0);font-weight:500!important;font-size: 14px!important;background-color: rgba(255, 255, 255, 0.4);backdrop-filter: blur(5px);min-width: 50px;line-height: 20px;text-align: center;padding: 0px 14px;margin: 0px;}

.procrdsldr .swiper-scrollbar{bottom:-10px!important;}

.procrdsldr{overflow:hidden!important;}
.procrdsldr .swiper-wrapper{overflow:visible!important;}

/* Looks Cards listing with load more button */
.collection-looks-grid{display:grid;gap:8px;grid-template-columns:repeat(4, 1fr);}
@media (max-width: 768px) {
    .collection-looks-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width: 480px) {
    .collection-looks-grid{grid-template-columns:repeat(1, 1fr);}
}
.collection-looks-grid .look-card-link{display:block;text-decoration: none;color: inherit;position:relative;}
.collection-looks-grid .look-card{background: #fff;overflow: hidden;}
.collection-looks-grid .look-card img{width:100%;display: block;}
.collection-looks-grid .look-card-title{position: absolute;z-index: 2;bottom: 12px;left: 12px;color: #000;font-weight: 500!important;font-size:14px!important;padding: 0px 14px;background-color: rgba(255, 255, 255, 0.4);backdrop-filter: blur(5px);min-width: 50px;line-height: 20px!important;text-align: center;margin:0;}

.collection-looks-grid .swiper-wrapper {display: flex;transition-property: transform;}
.collection-looks-grid .swiper-slide {flex-shrink: 0;width: 100%;}

.collection-looks-grid .swiper-button-next,
.collection-looks-grid .swiper-button-prev{width:25px;height:25px;background-color:rgba(255, 255, 255, 0.4);backdrop-filter: blur(5px);border-radius: 20px;opacity:0!important;transition:opacity ease .5s;}
.collection-looks-grid .swiper-button-next:after,
.collection-looks-grid .swiper-button-prev:after{font-size:10px;}
.collection-looks-grid .swiper-container:hover .swiper-button-next,
.collection-looks-grid .swiper-container:hover .swiper-button-prev{opacity:1!important;}
.collection-looks-grid .swiper-container:hover .swiper-button-disabled{opacity:.5!important;}

.looks-load-more-wrap{text-align:center;padding-top:40px;}
.looks-load-more{border:0;background:none transparent!important;padding:0;margin:0;color:#000!important;font-size:12px;text-transform:uppercase;text-decoration:underline;}

/* Page Gallery */
.page-gallery-wrapper {position: relative;}
.page-gallery-images {position: relative;}
.page-gallery-thumbs-wrapper {position: sticky;top: 50%;transform: translateY(-50%);width: 40px;left: 20px;z-index: 10;pointer-events: none;opacity:0;transition: opacity .5s ease;}
.page-gallery-wrapper:hover .page-gallery-thumbs-wrapper {opacity:1;}
.page-gallery-thumbs-wrapper.is-hidden {display:none;}
.page-gallery-thumbs {pointer-events: auto;/* thumbs clickable */display: flex;flex-direction: column;gap: 0;}
.page-gallery-thumbs img {width: 100%;cursor: pointer;opacity: 0.8;transition: opacity .2s;display:block;}
.page-gallery-thumbs img.active {opacity: 1;}
.page-gallery-main-images {width: 100%;}
.page-main-image-wrap img {width: 100%;display: block;}
.thumbs-scrollbar {position: absolute;top: 0;right: -8px;width: 3px;height: 100%;background: rgba(255,255,255,0);border-radius: 0px;overflow: hidden;}
.thumbs-scrollbar-fill {width: 100%;height: 40px; /* fixed size */background: #000;border-radius: 0px;transform: translateY(0);transition: transform 0.1s linear;}



@media (min-width: 1025px) {
    .page-gallery-images {display: block;overflow: visible;}
    .page-gallery-images > .page-main-image-wrap {width: 100%;flex: none;scroll-snap-align: none;}
    .page-gallery-images .swiper-wrapper {display: block!important}
}
@media (max-width: 1024px) {

.page-gallery-images {
  aspect-ratio: 683 / 1024; /* matches your portrait images */
  overflow: hidden;
}
.page-main-image-wrap,
.page-main-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
	
  /* Hide thumbs on mobile */
  .page-gallery-thumbs-wrapper,
  .thumbs-scrollbar {
    display: none !important;
  }

  /* Swiper container */
  .page-gallery-images {
    overflow: hidden;            /* Swiper manages scrolling */
    padding-bottom: 0;
    touch-action: pan-y;         /* allow vertical page scroll */
  }

  /* Swiper layout */
  .page-gallery-images .swiper-wrapper {
    display: flex;
    align-items: stretch;
  }

  .page-gallery-images .swiper-slide {
    width: auto;
    flex-shrink: 0;
  }

  /* Slide sizing */
  .page-main-image-wrap {
    width: min(90vw, 683px);
  }

  .page-main-image {
    width: 100%;
    height: auto;
    display: block;
  }
}
    .page-gallery-images::-webkit-scrollbar {height: 3px;}
    .page-gallery-images::-webkit-scrollbar-thumb {background: rgba(0,0,0,1);border-radius: 0;}
    .page-gallery-images::-webkit-scrollbar-track {background: rgba(229,229,229,1);}
    .page-gallery-images > .page-main-image-wrap {flex: 0 0 auto;          /* no wrapping */scroll-snap-align: start; /* snap per item */width: min(90vw, 683px);  /* 1 per view; tweak as needed */}
    /* Ensure images don’t overflow their wrap */
    .page-gallery-images img.page-main-image {width: 100%;height: auto;display: block;}
}

/* Collection Breadcrumb  */
.collection-breadcrumbs,
.collection-breadcrumbs *{font-size:12px!important;color:#767676!important;text-decoration:none!important;font-weight:400;}
.collection-breadcrumbs *{display:inline-block;margin-right:6px;}

/* Link to Parent */
.link-to-parent.no-style{text-decoration: none;display: inline-block;border-bottom: 1px solid;line-height: 1.2;}