/** Shopify CDN: Minification failed

Line 872:1 Unexpected bad string token
Line 872:94 Unterminated string token
Line 882:122 Unterminated string token
Line 910:396 Unterminated string token
Line 912:345 Unterminated string token
Line 923:300 Unterminated string token
Line 929:71 Unexpected "{"
Line 929:80 Expected ":"
Line 929:86 Unexpected "`"
Line 929:303 Unterminated string token
... and 191 more hidden warnings

**/
/* ======================================== */
/* Coverage Collection Section - Unique CSS to avoid conflicts */

/* Section header (heading + description) — font from theme settings */
.bls__collection-coverage .bls__section-heading {
  font-size: var(--coverage-heading-size, 36px);
  font-weight: var(--coverage-heading-weight, 700);
  color: var(--coverage-heading-color, #222222);
}

.bls__collection-coverage .bls__section-des,
.bls__collection-coverage .bls__section-des p {
  font-size: var(--coverage-des-size, 16px);
  font-weight: var(--coverage-des-weight, 400);
  color: var(--coverage-des-color, #666666);
}

/* Responsive: section heading & description font smaller on tablet/mobile */
@media (max-width: 991px) {
  .bls__collection-coverage .bls__section-heading {
    font-size: calc(var(--coverage-heading-size, 36px) * 0.85);
  }
  .bls__collection-coverage .bls__section-des,
  .bls__collection-coverage .bls__section-des p {
    font-size: calc(var(--coverage-des-size, 16px) * 0.95);
  }
  .bls__collection-coverage .bls__collection-title-coverage {
    font-size: calc(var(--coverage-collection-title-size, 16px) * 0.92);
  }
  .bls__collection-coverage .bls__collection-subtitle-coverage,
  .bls__collection-coverage .bls__collection-count-coverage {
    font-size: calc(var(--coverage-collection-count-size, 14px) * 0.92);
  }
}

@media (max-width: 767px) {
  .bls__collection-coverage .bls__section-heading {
    font-size: calc(var(--coverage-heading-size, 36px) * 0.72);
  }
  .bls__collection-coverage .bls__section-des,
  .bls__collection-coverage .bls__section-des p {
    font-size: calc(var(--coverage-des-size, 16px) * 0.9);
  }
  .bls__collection-coverage .bls__collection-title-coverage {
    font-size: calc(var(--coverage-collection-title-size, 16px) * 0.85);
  }
  .bls__collection-coverage .bls__collection-subtitle-coverage,
  .bls__collection-coverage .bls__collection-count-coverage {
    font-size: calc(var(--coverage-collection-count-size, 14px) * 0.85);
  }
}

@media (max-width: 480px) {
  .bls__collection-coverage .bls__section-heading {
    font-size: calc(var(--coverage-heading-size, 36px) * 0.62);
  }
  .bls__collection-coverage .bls__section-des,
  .bls__collection-coverage .bls__section-des p {
    font-size: calc(var(--coverage-des-size, 16px) * 0.85);
  }
  .bls__collection-coverage .bls__collection-title-coverage {
    font-size: calc(var(--coverage-collection-title-size, 16px) * 0.78);
  }
  .bls__collection-coverage .bls__collection-subtitle-coverage,
  .bls__collection-coverage .bls__collection-count-coverage {
    font-size: calc(var(--coverage-collection-count-size, 14px) * 0.78);
  }
}

.coverage-collection-item {
    --coverage-collection-title-color: var(--color-link);
    --coverage-collection-count-color: var(--grey-color);
    --coverage-collection-subtitle-color: var(--grey-color);
    --coverage-collection-info-bg: var(--color-white);
    --coverage-collection-image-border-width: 2px;
    --coverage-collection-image-border-color: var(--border-color-base);
}

.bls__collection-coverage .bls__collection-title-coverage {
    font-size: var(--coverage-collection-title-size);
    font-weight: var(--coverage-collection-title-weight, var(--heading-font-weight));
    color: var(--coverage-collection-title-color);
    text-transform: capitalize;
    margin-bottom: var(--coverage-collection-title-spacing);
}

.bls__collection-coverage .bls__collection-title-coverage a {
    color: var(--coverage-collection-title-color);
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.bls__collection-coverage .bls__collection-title-coverage a:hover {
    color: var(--primary-color);
}

.bls__collection-coverage .bls__collection-subtitle-coverage {
    font-size: calc(var(--coverage-collection-count-size) - 1px);
    font-weight: var(--coverage-collection-count-weight);
    color: var(--coverage-collection-subtitle-color);
    margin-top: 4px;
    display: block;
}

.bls__collection-coverage .bls__collection-count-coverage {
    font-size: var(--coverage-collection-count-size);
    font-weight: var(--coverage-collection-count-weight);
    color: var(--coverage-collection-count-color);
}

.bls__collection-coverage .link__collection-count-coverage::before,
.bls__collection-coverage .bls__collection-count-coverage::before {
    content: "(";
}

.bls__collection-coverage .link__collection-count-coverage::after,
.bls__collection-coverage .bls__collection-count-coverage::after {
    content: ")";
}

.bls__collection-coverage .collection-infinite-scroll .button {
    cursor: pointer;
}

.bls__collection-coverage .design-2.bls__collection-content-coverage .bls__collection-image-coverage,
.bls__collection-coverage .design-3.bls__collection-content-coverage .bls__collection-image-coverage,
.bls__collection-coverage .design-7.bls__collection-content-coverage .bls__collection-image-coverage {
    max-width: var(--image-width);
}

.bls__collection-coverage .bls__collection-content-coverage .bls__collection-image-coverage {
    overflow: hidden;
    margin: auto;
    margin-bottom: 0;
}

/* Unified box styling - image + content as one box */
.bls__collection-coverage .bls__collection-content-coverage .coverage-collection-item {
    overflow: hidden;
    transition: var(--bls-transition);
}

/* Ensure proper spacing in container-fluid */
.bls__collection-coverage .container-fluid .bls__collection-grid-coverage .row {
    padding-left: 15px;
    padding-right: 15px;
}

/* Container fluid with max-width for better display */
.bls__section.bls__collection-coverage .container-fluid {
    max-width: calc(var(--bls-container-fluid-width) + var(--bs-gutter-x));
}

@media (max-width: 767px) {
    .bls__section.bls__collection-coverage .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Swiper in container-fluid */
.bls__collection-coverage .container-fluid .swiper {
    margin-left: 0;
    margin-right: 0;
}

.bls__collection-coverage .container-fluid .bls__swiper-coverage {
    overflow: visible;
}

/* Ensure carousel respects column settings */
.bls__collection-coverage .bls__swiper-coverage .swiper-slide {
    height: auto;
    opacity: 1 !important;
}

/* Fix for loop slide images - ensure duplicates show properly */
.bls__collection-coverage .bls__swiper-coverage .swiper-slide-duplicate .coverage-collection-item,
.bls__collection-coverage .bls__swiper-coverage .swiper-slide-duplicate .bls__collection-image-coverage,
.bls__collection-coverage .bls__swiper-coverage .swiper-slide-duplicate img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.bls__collection-coverage .bls__swiper-coverage .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.bls__collection-coverage .bls__swiper-coverage .swiper-slide .bls__collection-image-coverage {
    display: block;
}

/* Responsive column behavior */
@media (min-width: 1200px) {
    .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-7 > * {
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
    .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-8 > * {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

/* Image border styling - applied to image container only, not entire card */
.bls__collection-coverage .bls__collection-content-coverage.has-border .bls__collection-image-coverage {
    border: var(--coverage-collection-image-border-width) solid var(--coverage-collection-image-border-color);
    border-bottom: 0px;
}

.bls__collection-coverage .bls__collection-content-coverage.has-border.rounded .bls__collection-image-coverage {
    border-radius: 50%;
}

.bls__collection-coverage .bls__collection-content-coverage.has-border.radius .bls__collection-image-coverage {
    /* Border on image only, sharp corners */
}

.bls__collection-coverage .bls__collection-content-coverage.rounded .coverage-collection-item {
    /* Keep sharp corners for box, only image is rounded */
}

.bls__collection-coverage .bls__collection-content-coverage.rounded .bls__collection-image-coverage {
    border-radius: 50%;
    will-change: transform;
    margin: 1rem;
}

.bls__collection-coverage .bls__collection-packery-content.radius .collection-item-link,
.bls__collection-coverage .bls__collection-content-coverage.radius .coverage-collection-item {
    /* Border radius removed for sharp corners */
    will-change: transform;
}

.bls__collection-coverage .bls__collection-content-coverage.radius .bls__collection-image-coverage {
    /* No border-radius on top - sharp corners */
}

.bls__collection-coverage .bls__collection-packery-content.radius .collection-item-link {
    display: block;
}

/* Design 1 and collection list - Updated with left alignment */
.bls__collection-coverage .design-1 .bls__collection-infor-coverage.show-count,
.bls__collection-coverage .design-4 .bls__collection-infor-coverage.show-count,
.bls__collection-coverage .collection-list__item .bls__collection-infor-coverage.show-count {
    position: absolute;
    inset: auto 2rem 2rem 2rem;
    background-color: var(--coverage-collection-info-bg);
    padding: 2rem;
    text-align: left;
    z-index: 2;
}

.bls__collection-coverage .design-5 .bls__collection-infor-coverage {
    position: absolute;
    inset: auto 4rem 4rem 4rem;
    z-index: 2;
    text-transform: uppercase;
    text-align: left;
    background-color: var(--coverage-collection-info-bg);
    padding: 2rem;
}

.bls__collection-coverage .design-5 .bls__collection-infor-coverage .bls__collection-title-coverage {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-color-base);
    text-transform: uppercase;
}

.bls__collection-coverage .design-5 .bls__collection-infor-coverage .bls__collection-link-coverage {
    font-size: 14px;
    font-weight: 700;
}

.bls__collection-coverage .design-5 .bls__collection-title-coverage a:hover {
    color: var(--color-link-hover);
}

@media (max-width: 767px) {
    .bls__collection-coverage .design-5 .bls__collection-infor-coverage {
        inset: auto 2rem 2rem 2rem;
        padding: 1.5rem;
    }

    .bls__collection-coverage .design-5 .bls__collection-infor-coverage .bls__collection-link-coverage {
        font-size: 12px;
    }
}

.bls__collection-coverage .d-grid .bls__collection-infor-coverage:not(.show-count),
.bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
.bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
.bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
    inset: auto 0 3rem;
    margin: 0 1rem;
    z-index: 2;
    text-align: left;
}

.template-collection #MainContent .bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
.template-collection #MainContent .bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
.template-collection #MainContent .bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
    inset: auto 0 1.5rem;
    margin: 0 1.5rem;
}

@media (max-width: 575px) {
    .bls__collection-coverage .design-5 .bls__collection-infor-coverage {
        inset: auto 1.5rem 1.5rem 1.5rem;
        padding: 1.25rem;
    }

    .bls__collection-coverage .d-grid .bls__collection-infor-coverage:not(.show-count),
    .bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
    .bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
    .bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
        inset: auto 0 1.5rem;
    }
}

/* design 4 collection */
.bls__collection-coverage .design-4 .bls__collection-infor-coverage .bls__collection-count-coverage span {
    display: none;
}

.bls__collection-coverage .design-4 .bls__collection-infor-coverage {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.bls__collection-coverage .design-4 .bls__collection-infor-coverage.show-count {
    inset: auto 4rem 3rem 4rem;
    padding: 1rem 2rem;
}

@media only screen and (min-width: 768px) {

    .bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
    .bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
    .bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
        margin: 0 3rem;
        inset: auto 0 3rem;
    }

    .template-collection #MainContent .bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
    .template-collection #MainContent .bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
    .template-collection #MainContent .bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
        inset: auto 0 2rem;
        margin: 0 2rem;
    }
}

.bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage.show-count {
    margin: auto;
    padding: 10px;
    background-color: var(--coverage-collection-info-bg);
    width: 90%;
    max-width: 20rem;
    text-align: left;
}

.bls__collection-coverage .design-1:not(.more-categories) .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage.show-count {
    padding: var(--btn-padding);
    padding-left: 1rem;
    padding-right: 1rem;
    border: 1px solid var(--coverage-collection-info-bg);
    box-shadow: 0 5px 30px #0000000d;
    align-items: center;
    background-color: var(--coverage-collection-info-bg);
}

/* Design 2 - Left aligned */
.bls__collection-coverage .design-6 .bls__collection-count-coverage::before,
.bls__collection-coverage .design-6 .bls__collection-count-coverage::after,
.bls__collection-coverage .design-2 .bls__collection-count-coverage::before,
.bls__collection-coverage .design-2 .bls__collection-count-coverage::after,
.bls__collection-coverage .design-7 .bls__collection-count-coverage::before,
.bls__collection-coverage .design-7 .bls__collection-count-coverage::after {
    display: none;
}

.bls__collection-coverage .design-6 .bls__collection-title-coverage,
.bls__collection-coverage .design-2 .bls__collection-title-coverage,
.bls__collection-coverage .design-7 .bls__collection-title-coverage {
    margin-bottom: 0px;
}

.bls__collection-coverage .design-2 .bls__collection-infor-coverage,
.bls__collection-coverage .design-6 .bls__collection-infor-coverage,
.bls__collection-coverage .design-3 .bls__collection-infor-coverage,
.bls__collection-coverage .design-7 .bls__collection-infor-coverage {
    text-align: left;
    padding: 1.5rem;
    background-color: var(--coverage-collection-info-bg);
}

/* Design 3 - Left aligned */
.bls__collection-coverage .design-3 .bls__collection-count-coverage {
    padding-left: 5px;
    position: relative;
    top: -8px;
}

.bls__collection-coverage .design-3 .bls__collection-count-coverage::before,
.bls__collection-coverage .design-3 .bls__collection-count-coverage::after,
.bls__collection-coverage .design-3 .bls__collection-count-coverage span {
    display: none;
}

.bls__collection-coverage .design-3 .bls__collection-infor-coverage {
    justify-content: flex-start;
}

/* Design 6 */
.bls__collection-coverage .design-6 .bls__collection-infor-coverage {
    position: relative;
    z-index: 2;
}

/* Design 7 - Text below left aligned */
.bls__collection-coverage .design-7 .bls__collection-infor-coverage {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.bls__collection-coverage .design-7 .bls__collection-count-coverage {
    padding-left: 5px;
    position: relative;
    top: -8px;
}

.bls__collection-coverage .design-7 .bls__collection-count-coverage span {
    display: none;
}

.bls__collection-coverage .design-7 .bls__collection-subtitle-coverage {
    margin-top: 2px;
    color: #8B8888;
}

/* Collection packery */
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 3rem;
    pointer-events: none;
    z-index: 2;
    display: inline-flex;
    justify-content: flex-start;
    gap: 5px;
}

.bls__collection-coverage .bls__collection-packery .grid-6 .bls__collection-image-coverage img{
    width: 100%;
}

.bls__collection-coverage .bls__collection-packery  .bls__collection-infor-coverage.modern{
    bottom: auto;
    top: 3rem;
    left: 3rem;
    right: auto;
    width: max-content;
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0;
    font-size: 2rem;
}

.bls__collection-coverage .bls__collection-packery .modern .bls__collection-count-coverage{
     font-size: 1.4rem;
}

.bls__collection-coverage .bls__collection-packery .bls__collection-count-coverage {
    color: var(--color-link);
}

.bls__collection-coverage .bls__collection-packery .bls__collection-count-coverage span {
    display: none;
}

.bls__collection-coverage .bls__collection-packery .row .coverage-collection-item {
    height: 100%;
}

.bls__collection-coverage .bls__collection-packery-content .bls__collection-image-coverage.h-full.mb-15 {
    margin-bottom: 0;
}

.bls__collection-coverage .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bls__collection-coverage .grid-4 .bls__collection-column:first-child {
    grid-area: 1/1/3/2;
}

.bls__collection-coverage .grid-4 .bls__collection-column:nth-child(2) {
    grid-area: 3/1/4/2;
}

.bls__collection-coverage .grid-4 .bls__collection-column:nth-child(3) {
    grid-area: 1/2/2/3;
}

.bls__collection-coverage .grid-4 .bls__collection-column:nth-child(4) {
    grid-area: 2/2/4/3;
}

@media only screen and (min-width: 480px) {
    .bls__collection-coverage .grid-5 {
        grid-template-columns: 30% 20% 20% 30%;
    }

    .bls__collection-coverage .grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bls__collection-coverage .grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .bls__collection-coverage .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (min-width: 992px) {
    .bls__collection-coverage .grid-5 .bls__collection-column:first-child {
        grid-area: 1/1/3/2;
    }

    .bls__collection-coverage .grid-5 .bls__collection-column:nth-child(2) {
        grid-area: 1/2/2/4;
    }

    .bls__collection-coverage .grid-5 .bls__collection-column:last-child {
        grid-area: 1/4/3/5;
    }

    .bls__collection-coverage .grid-3 .bls__collection-column:first-child {
        grid-area: 1/1/3/2;
    }

    .bls__collection-coverage .grid-3 .bls__collection-column:last-child {
        grid-area: 2/2/3/3;
    }
}

@media only screen and (max-width: 767px) {
    .bls__collection-coverage .bls__collection-packery .bls__collection-packery-content .grid-4 .bls__collection-infor-coverage {
        text-align: left;
    }

    .bls__collection-coverage .bls__collection-packery .bls__collection-packery-content .grid-4 .bls__collection-title-coverage {
        --btn-padding: 0.8rem 3rem;
        display: inline-flex;
        align-items: center;
        width: unset;
        text-align: left;
    }

    .bls__collection-coverage .bls__collection-packery .bls__collection-packery-content:not(.more-categories) .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage {
        padding: var(--btn-padding);
    }
    .bls__collection-coverage .grid-6 .bls__collection-image-coverage img{
        width: 100%;    
    }
}

@media only screen and (min-width: 768px) {
    .bls__collection-coverage .grid-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .bls__collection-coverage .grid-4 .bls__collection-column:first-child {
        grid-area: 1/1/3/2;
    }

    .bls__collection-coverage .grid-4 .bls__collection-column:nth-child(2) {
        grid-area: 1/2/2/3;
    }

    .bls__collection-coverage .grid-4 .bls__collection-column:nth-child(3) {
        grid-area: 2/2/3/3;
    }

    .bls__collection-coverage .grid-4 .bls__collection-column:nth-child(4) {
        grid-area: 1/3/3/4;
    }

    .bls__collection-coverage .grid-6{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .bls__collection-coverage .grid-6 .bls__collection-column:first-child {
        grid-row: 1 / 2;
        grid-column: 1 / 3;
    }
    .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(2) {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }
    .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(3) {
        grid-column: 4 / 5;
        grid-row: 1 / 2;
    }
    .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(4) {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }
    .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(5) {
        grid-column: 2 / 4;
        grid-row: 2 / 3;
    }
    .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(6) {
        grid-column: 4 / 5;
        grid-row: 2 / 3;
    }
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
    .bls__collection-coverage .grid-5 .bls__collection-column:first-child {
        grid-area: 1/1/3/3;
    }

    .bls__collection-coverage .grid-5 .bls__collection-column:nth-child(2) {
        grid-area: 3/1/4/5;
    }

    .bls__collection-coverage .grid-5 .bls__collection-column:nth-child(3) {
        grid-area: 4/1/5/3;
    }

    .bls__collection-coverage .grid-5 .bls__collection-column:nth-child(4) {
        grid-area: 4/3/5/5;
    }

    .bls__collection-coverage .grid-5 .bls__collection-column:last-child {
        grid-area: 1/3/3/5;
    }

    .bls__collection-coverage .grid-3 .bls__collection-column:first-child {
        grid-area: 1/1/3/2;
    }

    .bls__collection-coverage .grid-3 .bls__collection-column:last-child {
        grid-area: 2/2/3/3;
    }
}

@media (max-width: 767px) {
    .bls__section.bls__collection-coverage .bls__collection-packery .row.gap-mobile>* {
        margin-bottom: var(--bs-gutter-x);
    }
}

@media (max-width: 1199px) {
    .bls__section.bls__collection-coverage .bls__collection-packery .row.gap-tablet>* {
        margin-bottom: var(--bs-gutter-x);
    }
}

/* collection links */
@media only screen and (min-width: 1200px) {
    .bls__collection-coverage .bls__collection-link-grid {
        max-width: var(--content-box-link);
        margin: auto;
    }
}

.bls__collection-coverage .bls__collection-link-grid .link__collection-count-coverage {
    vertical-align: middle;
    opacity: 0.5;
    font-weight: calc(var(--link-font-weight) - 100);
    font-size: clamp(12px, 3vw, 14px);
    position: relative;
    top: -10px;
    right: -5px;
}

.bls__collection-coverage .bls__collection-link-grid .link__collection-count-coverage span {
    display: none;
}

.bls__collection-coverage .bls__collection-link-grid .bls__collection-links-coverage {
    width: auto;
}

.bls__collection-coverage .bls__collection-links-coverage a:not(.btn-link) {
    padding: 8.5px 38px;
}

.bls__collection-coverage .bls__collection-links-coverage a.btn-link {
    padding: 0 2.5rem;
}

.bls__collection-coverage .bls__collection-links-coverage a.btn-link::before {
    display: none;
}

@media only screen and (max-width: 767px) {
    .bls__collection-coverage .bls__collection-links-coverage a:not(.btn-link) {
        padding: 3.5px 20px;
    }

    .bls__collection-coverage .bls__collection-links-coverage a.btn-link {
        padding: 0 1.5rem;
    }

    .bls__collection-coverage .bls__collection-link-grid .link__collection-count-coverage {
        top: -6px;
    }
}

.bls__collection-coverage .bls__collection-links-coverage a {
    --btn-text-transform: none;
    font-size: var(--link-font-size);
    font-size: clamp(16px, 3vw, var(--link-font-size));
    font-weight: var(--link-font-weight);
}

.bls__collection-coverage .bls__collection-link .bls__section-header.clt-white * {
    color: var(--color-white);
}

.bls__collection-coverage .bls__collection-links-coverage.clt-white a.btn-primary {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--heading-color);
}

.bls__collection-coverage .bls__collection-links-coverage.clt-white a.btn-secondary {
    background-color: transparent;
    border-color: var(--color-white);
    color: var(--color-white);
}

.bls__collection-coverage .bls__collection-links-coverage.clt-white a.btn-secondary:hover {
    background-color: var(--color-white);
    color: var(--heading-color);
}

.bls__collection-coverage .bls__collection-links-coverage.clt-white a.btn-link {
    --btn-link-color: var(--color-white);
}

.bls__collection-coverage .design-2.custom-width-images .bls__collection-grid-coverage .bls__collection-item-coverage,
.bls__collection-coverage .design-3.custom-width-images .bls__collection-grid-coverage .bls__collection-item-coverage,
.bls__collection-coverage .design-7.custom-width-images .bls__collection-grid-coverage .bls__collection-item-coverage {
    width: var(--image-width);
}

.bls__collection-coverage .bls__collection-menu-items-coverage {
    --collection-title-menu-font-size: 16px;
    --collection-list-menu-font-size: 14px;
    height: auto;
}

.bls__collection-coverage .bls__collection-menu-items-coverage>div {
    border-radius: var(--product-images-style-radius);
    height: 100%;
}

.bls__collection-coverage .has-bg .bls__collection-menu-items-coverage>div {
    background-color: var(--color-white);
    padding: 3rem;
}

.bls__collection-coverage .bls__collection-menu-items-coverage>div .image {
    max-width: 45%;
}

.bls__collection-coverage .bls__collection-menu-items-coverage li {
    margin-top: 2px;
    transition: var(--bls-transition);
}

.bls__collection-coverage .bls__collection-menu-items-coverage li:hover {
    padding-left: 5px;
}

.bls__collection-coverage .bls__collection-menu-title-coverage {
    font-size: var(--collection-title-menu-font-size);
}

.bls__collection-coverage .bls__collection-menu-list-coverage {
    font-size: var(--collection-list-menu-font-size);
}

.bls__collection-coverage .bls__collection-menu-list-coverage a:not(:hover) {
    color: rgb(var(--base-color));
}

.bls__collection-coverage .bls__collection-menu-btn-coverage {
    color: var(--primary-color);
    font-size: var(--collection-list-menu-font-size);
    display: inline-flex;
    margin-top: 2rem;
    align-items: center;
    cursor: pointer;
}

.bls__collection-coverage .bls__collection-menu-btn-coverage:hover {
    color: var(--primary-color);
    padding-left: 5px;
}

@media (max-width: 475px) {
    .bls__collection-coverage .design-4 .bls__collection-infor-coverage.show-count {
        inset: auto 2rem 2rem 2rem;
    }
}" is ko bi dekho optimize ho sakey or code check karo sub sahi hai mobile mai bi layout dekho
</user_query>

assistant:
[Thinking] The user is asking me to review and optimize their Shopify Liquid file and CSS file for a "Coverage Collections" section. They want me to:

1. Check the code for correctness
2. Optimize where possible
3. Check mobile layout issues

Let me first read the existing files they have open to understand the current state, then analyze the code they've pasted.

Let me look at the files they have in their workspace.
[Tool call] Read
  path: /Users/shahidali/col-center.css
[Tool call] Read
  path: /Users/shahidali/collection-carousel.liquid

[Tool result] Read

[Tool result] Read

assistant:
[Thinking] The user has shared a Liquid file and CSS file for a "Coverage Collections" Shopify section. They want me to:

1. Review and optimize the code
2. Check for any issues
3. Ensure mobile layout is correct

Let me analyze the code they pasted in the message (not the files I just read - those are different files). The user pasted:
1. A Liquid template for "Coverage Collections" 
2. A CSS file for the same section

Let me look for the `list-collection-item-coverage` snippet since the liquid file renders it, and check if there are any related files.

Let me analyze the issues I can see:


The Swiper initialization is missing pagination configuration even though the markup includes a pagination element, and there are several unused data attributes like `data-preview` and `data-arrow-centerimage` that suggest incomplete implementation. The JavaScript also doesn't account for Shopify theme editor events, which could cause issues when previewing or selecting sections in the editor.

Looking at the CSS, there are empty rule blocks and some redundant declarations that should be cleaned up, plus the mobile styling might need adjustment to work properly with the current design approach. Since the user pasted the code directly rather than saving it as files, I'll provide a focused analysis with specific fixes for these issues.
[Tool call] Glob
  glob_pattern: **/*collection*coverage*
[Tool call] Glob
  glob_pattern: **/*coverage*collection*

[Tool result] Glob

[Tool result] Glob

assistant:
[Thinking] The files aren't saved on disk as separate files related to the coverage collection. The user pasted the code directly in the chat. Let me now thoroughly analyze both the Liquid template and CSS and provide a comprehensive review with fixes. Let me create optimized versions of both files.

Let me analyze the issues I can spot:

**Liquid File Issues:**

1. **Swiper Navigation Selector Bug**: In the JS, `navigation` uses `#{{ section.id }}` as parent selector, but the `<section>` element's `id` is `{{ section.id }}`. The CSS selector `#{{ section.id }} .swiper-button-next` will search for the swiper buttons inside the section element which is correct. 

The navigation arrows are nested inside the swiper container, which sits within the section, so the descendant selector will properly target them.

2. **Missing Swiper pagination config**: There's a `.swiper-pagination` div but the Swiper JS initialization doesn't include `pagination` config. So pagination won't work.

3. **Missing `shopify:section:load` event handler**: When sections get dynamically loaded in the Shopify theme editor, the `DOMContentLoaded` listener won't fire on re-renders. I need to add a handler for `shopify:section:load` to reinitialize the swiper.

4. **Unused attributes**: The `data-preview` and `data-arrow-centerimage` attributes are set but never referenced in the JavaScript.

5. **Pagination setting not properly handled**: The `carousel_pagination` setting supports multiple options like bullets, mobile only, and progress, but the JS doesn't configure any of these.

6. **Missing responsive options**: Depending on the design intent, I might need `freeMode` or `centeredSlides` enabled.

7. **Breakpoints are configured** at 768px and 1200px for tablet and desktop views, which looks correct.

Now looking at the CSS issues, there are empty rule blocks with comments but no actual properties defined.

Cleaning up CSS... I'm identifying the key bugs in the Swiper setup—the pagination configuration is missing entirely, there's no handler for when Shopify reloads the section in the theme editor, and some data attributes are defined but never actually used in the JavaScript. The pagination setting in the schema also appears incomplete. Let me fix these issues and provide the corrected code. The navigation selectors should work fine since the arrows are inside the section wrapper. The `removeLoading` function is redundant with the CSS handling, but it's harmless. Looking at the CSS, there are some empty rule blocks that could be cleaned up, and the skeleton-loading keyframe is unnecessary since the animation is set to none anyway. On mobile with 2 items showing and a 30px gap, the carousel might feel cramped on smaller screens.

The overlay positioning with `inset: auto 2rem 2rem 2rem` could be problematic on very small screens around 320px width. There are also several `!important` declarations scattered throughout that could be removed with better specificity management.

I should provide the corrected and optimized versions of these files.
Maine dono code ko detail mein check kiya hai. Kaafi issues hain jo fix karne zaroori hain, especially Swiper pagination config missing hai, Shopify editor compatibility nahi hai, aur mobile layout mein kuch gaps hain. 

Let me create the optimized versions of both files.
[Tool call] TodoWrite
  todos: [{"id":"1","content":"Analyze and fix Liquid file issues (Swiper pagination, shopify:section:load, unused attrs)","status":"in_progress"},{"id":"2","content":"Analyze and fix CSS issues (empty rules, mobile layout, redundant !important)","status":"pending"},{"id":"3","content":"Write optimized Liquid file","status":"pending"},{"id":"4","content":"Write optimized CSS file","status":"pending"},{"id":"5","content":"Document all changes","status":"pending"}]
  merge: false

[Tool result] TodoWrite

assistant:
[Tool call] TodoWrite
  todos: [{"id":"1","status":"completed"},{"id":"2","status":"completed"},{"id":"3","status":"in_progress"}]
  merge: true
[Tool call] Write
  path: /Users/shahidali/collections-item-coverage-optimized.liquid
  contents: {{ 'collections-item-coverage.css' | asset_url | stylesheet_tag }}
{%- liquid
  assign st = section.settings
  assign container = st.container
  assign text_align = st.text_alignment
  assign heading = st.heading
  assign description = st.description
  assign heading_logo = st.heading_logo
  assign heading_logo_svg = st.heading_logo_svg
  assign color_scheme = st.color_scheme
  assign design_collection = st.design_collection
  assign custom_column = st.custom_column
  assign design_layout = st.design_layout
  assign item_desktop = st.custom_column
  assign loop = st.loop
  assign autoplay = st.autoplay
  assign carousel_pagination = st.carousel_pagination
  assign show_arrow = st.show_arrow
  assign reveal_on_scroll = st.reveal_on_scroll
  assign column_gap = st.column_gap
  assign media_aspect_ratio = st.image_ratio
  assign custom_ratio = st.custom_ratio
  assign enabled_animations = settings.animations_enabled
  assign custom_width_images = st.custom_width_images
  assign width_image = st.width_image
  assign collection_font_size = st.collection_font_size
  assign collection_font_weight = st.collection_font_weight
  assign collection_spacing = st.collection_spacing
  assign count_font_size = st.count_font_size
  assign count_font_weight = st.count_font_weight
  assign enable_image_border = st.enable_image_border
  assign image_border_color = st.image_border_color
  assign image_border_width = st.image_border_width
  assign info_bg_color = st.info_bg_color

  assign categories_item = ''
  if item_desktop > 5
    assign categories_item = ' more-categories'
  endif

  assign column_gap_tablet = ''
  if column_gap > 30
    assign column_gap_tablet = ' gap-tablet'
  endif
  assign column_gap_mobile = ''
  if column_gap > 15
    assign column_gap_mobile = ' gap-mobile'
  endif
  assign spt_tablet = ''
  if st.padding_top > 50
    assign spt_tablet = ' spt-tablet'
  endif
  assign spt_mobile = ''
  if st.padding_top > 30
    assign spt_mobile = ' spt-mobile'
  endif
  assign spb_tablet = ''
  if st.padding_bottom > 50
    assign spb_tablet = ' spb-tablet'
  endif
  assign spb_mobile = ''
  if st.padding_bottom > 30
    assign spb_mobile = ' spb-mobile'
  endif

  assign reset_spacing = ''
  if st.reset_spacing
    assign reset_spacing = ' remove_spacing'
  endif
  assign responsive_column = ''
  if custom_column == 1
    assign responsive_column = 'col-12'
  elsif custom_column == 2
    assign responsive_column = 'col-sm-6'
  else
    assign responsive_column = 'col-sm-4'
  endif
  assign has_bg = ''
  if bg_color != blank
    assign has_bg = ' has-bg'
  endif
  
  assign border_class = ''
  if enable_image_border
    assign border_class = ' has-border'
  endif

  comment
    FIX: Determine pagination type class for CSS visibility control
  endcomment
  assign pagination_class = ''
  if carousel_pagination == 'carousel_bullets'
    assign pagination_class = ' pagination-bullets'
  elsif carousel_pagination == 'show_bullet_mobile'
    assign pagination_class = ' pagination-mobile-only'
  elsif carousel_pagination == 'carousel_pagination_progress'
    assign pagination_class = ' pagination-progress'
  endif
-%}
{%- capture style -%}
  --section-padding-top: {{ st.padding_top }}px; 
  --section-padding-bottom: {{ st.padding_bottom }}px; 
  --bls-gutter-x: {{ column_gap }}px;
  --coverage-collection-title-size: {{ collection_font_size }}px;
  --coverage-collection-title-weight: {{ collection_font_weight }};
  --coverage-collection-title-spacing: {{ collection_spacing }}px;
  --coverage-collection-count-size: {{ count_font_size }}px;
  --coverage-collection-count-weight: {{ count_font_weight }};
  {%- if enable_image_border -%}
    --coverage-collection-image-border-width: {{ image_border_width }}px;
    {%- if image_border_color != blank -%}
      --coverage-collection-image-border-color: {{ image_border_color }};
    {%- endif -%}
  {%- endif -%}
  {%- if info_bg_color != blank -%}
    --coverage-collection-info-bg: {{ info_bg_color }};
  {%- endif -%}
{%- endcapture -%}
<section
  class="bls__section{{ has_bg }}{{ spt_tablet }}{{ spb_tablet }}{{ spt_mobile }}{{ spb_mobile }} color-{{ color_scheme }} gradient bls__collection-coverage {{ reset_spacing }} {% if reveal_on_scroll %}reveal_on_scroll{% endif %}"
  style="{{ style | strip | strip_newlines }}"
  id="{{ section.id }}"
  data-id="{{ section.id }}"
  data-type="bls_swiper"
>
  <div class="{{ container }} section-full">
    {%- if heading != blank or description != blank or heading_logo != blank or heading_logo_svg != blank -%}
      <div class="bls__section-header {{ text_align }}">
        {%- if heading_logo_svg != blank -%}
          <div class="bls__section-logo bls__section-logo-svg">
            {{ heading_logo_svg }}
          </div>
        {%- elsif heading_logo != blank -%}
          <div class="bls__section-logo">
            <img
              srcset="
                {%- if heading_logo.width >= 165 -%}{{ heading_logo | image_url: width: 165 }} 165w,{%- endif -%}
                {%- if heading_logo.width >= 360 -%}{{ heading_logo | image_url: width: 360 }} 360w,{%- endif -%}
                {%- if heading_logo.width >= 533 -%}{{ heading_logo | image_url: width: 533 }} 533w,{%- endif -%}
                {%- if heading_logo.width >= 720 -%}{{ heading_logo | image_url: width: 720 }} 720w,{%- endif -%}
                {%- if heading_logo.width >= 940 -%}{{ heading_logo | image_url: width: 940 }} 940w,{%- endif -%}
                {%- if heading_logo.width >= 1066 -%}{{ heading_logo | image_url: width: 1066 }} 1066w,{%- endif -%}
                {{ heading_logo | image_url }} {{ heading_logo.width }}w
              "
              src="{{ heading_logo | image_url: width: 533 }}"
              alt="{{ heading_logo.alt | escape }}"
              class="motion-reduce"
              loading="lazy"
              width="{{ heading_logo.width }}"
              height="{{ heading_logo.height }}"
            >
          </div>
        {%- endif -%}
        {%- if heading != blank -%}
          <h2 class="bls__section-heading mb-5 {% if enabled_animations %}scroll-trigger animate--slide-in{% endif %}">
            {{ heading }}
          </h2>
        {%- endif -%}
        {%- if description != blank -%}
          <div class="bls__section-des {% if enabled_animations %}scroll-trigger animate--slide-in{% endif %}">
            {{ description }}
          </div>
        {%- endif -%}
      </div>
    {%- endif -%}
    <div
      class="bls__collection-content-coverage {{ design_collection }}{{ categories_item }}{{ border_class }}{{ pagination_class }} {% if section.settings.images_style  %} rounded{% endif %}{% if settings.image_style != blank and section.settings.column_gap != 0 and section.settings.container != "full-width" and section.settings.images_style == blank %} radius {% endif %}{% if custom_width_images %} custom-width-images{% endif %}"
      {%- if custom_width_images -%}
        {%- if width_image > 0 -%}
          style="--image-width: {{ width_image }}px;"
        {%- endif -%}
      {%- endif -%}
    >
      {%- if design_layout == 'carousel' -%}
        <div
          class="swiper bls__swiper-coverage hover__show-nav {% if reveal_on_scroll %}reveal_on_scroll{% endif %}"
          id="bls__swiper-coverage-{{ section.id }}"
          data-section-id="{{ section.id }}"
          data-autoplay="{{ autoplay }}"
          data-loop="{{ loop }}"
          data-mobile="2"
          data-tablet="{%- if item_desktop > 4 -%}4{%- else -%}3{%- endif -%}"
          data-desktop="{{ item_desktop }}"
          data-spacing="{{ column_gap }}"
          data-pagination="{{ carousel_pagination }}"
        >
          <div class="swiper-wrapper" style="--perload-gap: {{ column_gap }}px">
            {%- for block in section.blocks -%}
              <div
                {{ block.shopify_attributes }}
                class="swiper-slide bls__collection-items-coverage"
              >
                {%- liquid
                  assign collection = collections[block.settings.collection]
                -%}
                {% render 'list-collection-item-coverage',
                  collection_item: collection,
                  media_aspect_ratio: media_aspect_ratio,
                  custom_ratio: custom_ratio,
                  limit_content_des: 25,
                  type: 'custom',
                  st: st,
                  block: block,
                  columns: 3,
                  index: forloop.index,
                  design_collection: design_collection
                %}
              </div>
            {%- endfor -%}
          </div>
          {%- comment -%} FIX: Pagination div only when pagination is enabled {%- endcomment -%}
          {%- if carousel_pagination != 'carousel_none' -%}
            <div class="swiper-pagination"></div>
          {%- endif -%}
          {%- if show_arrow -%}
            <div class="swiper-button-prev">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
            <div class="swiper-button-next">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </div>
          {%- endif -%}
        </div>
      {%- else -%}
        <div class="bls__collection-grid-coverage">
          <div
            class="row row-cols-lg-{{ custom_column }}{{ column_gap_tablet }}{{ column_gap_mobile }} {% if custom_width_images %}justify-content-center{% endif %}"
            style="--bs-gutter-x: {{ column_gap }}px"
          >
            {%- for block in section.blocks -%}
              {%- liquid
                assign collection = collections[block.settings.collection]
              -%}
              <div
                {{ block.shopify_attributes }}
                class="{{ responsive_column }} {% if item_desktop > 2 %}col-6{% else %}col-12 {% endif %} bls__collection-items-coverage"
              >
                {% render 'list-collection-item-coverage',
                  collection_item: collection,
                  media_aspect_ratio: media_aspect_ratio,
                  custom_ratio: custom_ratio,
                  limit_content_des: 25,
                  type: 'custom',
                  st: st,
                  block: block,
                  columns: 3,
                  design_collection: design_collection
                %}
              </div>
            {%- endfor -%}
          </div>
        </div>
      {%- endif -%}
    </div>
  </div>
</section>

<script>
(function() {
  function initCoverageSwiper(container) {
    var swiperElements;
    if (container) {
      swiperElements = container.querySelectorAll('.bls__swiper-coverage');
    } else {
      swiperElements = document.querySelectorAll('.bls__swiper-coverage');
    }

    swiperElements.forEach(function(swiperElement) {
      /* Skip if already initialized */
      if (swiperElement.swiper) {
        swiperElement.swiper.destroy(true, true);
      }

      var sectionId = swiperElement.dataset.sectionId;
      var swiperSelector = '#bls__swiper-coverage-' + sectionId;
      var sectionEl = document.getElementById(sectionId);

      /* Remove loading overlays immediately */
      var loaders = swiperElement.querySelectorAll('.bls-loading-image');
      loaders.forEach(function(el) {
        el.classList.remove('bls-loading-image');
        el.style.opacity = '1';
      });

      if (typeof Swiper === 'undefined') return;

      /* Build pagination config based on setting */
      var paginationType = swiperElement.dataset.pagination || 'carousel_none';
      var paginationConfig = false;
      if (paginationType === 'carousel_pagination_progress') {
        paginationConfig = {
          el: swiperSelector + ' .swiper-pagination',
          type: 'progressbar'
        };
      } else if (paginationType === 'carousel_bullets' || paginationType === 'show_bullet_mobile') {
        paginationConfig = {
          el: swiperSelector + ' .swiper-pagination',
          type: 'bullets',
          clickable: true
        };
      }

      /* Build navigation config */
      var navigationConfig = false;
      var prevBtn = swiperElement.querySelector('.swiper-button-prev');
      var nextBtn = swiperElement.querySelector('.swiper-button-next');
      if (prevBtn && nextBtn) {
        navigationConfig = {
          nextEl: nextBtn,
          prevEl: prevBtn
        };
      }

      var mobileSlides = parseInt(swiperElement.dataset.mobile) || 2;
      var tabletSlides = parseInt(swiperElement.dataset.tablet) || 3;
      var desktopSlides = parseInt(swiperElement.dataset.desktop) || 6;
      var spacing = parseInt(swiperElement.dataset.spacing) || 15;
      var isLoop = swiperElement.dataset.loop === 'true';
      var isAutoplay = swiperElement.dataset.autoplay === 'true';

      new Swiper(swiperSelector, {
        slidesPerView: mobileSlides,
        spaceBetween: spacing,
        loop: isLoop,
        autoplay: isAutoplay ? { delay: 3000, disableOnInteraction: false } : false,
        navigation: navigationConfig,
        pagination: paginationConfig,
        watchOverflow: true,
        breakpoints: {
          768: {
            slidesPerView: tabletSlides,
            spaceBetween: spacing
          },
          1200: {
            slidesPerView: desktopSlides,
            spaceBetween: spacing
          }
        },
        on: {
          init: function() {
            var el = this.el;
            el.querySelectorAll('.bls-loading-image').forEach(function(img) {
              img.classList.remove('bls-loading-image');
              img.style.opacity = '1';
            });
          }
        }
      });
    });
  }

  /* Initialize on page load */
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() { initCoverageSwiper(); });
  } else {
    initCoverageSwiper();
  }

  /* FIX: Re-initialize when Shopify theme editor loads/selects a section */
  document.addEventListener('shopify:section:load', function(event) {
    initCoverageSwiper(event.target);
  });
  document.addEventListener('shopify:section:select', function(event) {
    initCoverageSwiper(event.target);
  });
})();
</script>

{% schema %}
{
  "name": "Coverage Collections",
  "disabled_on": { "groups": ["header", "footer", "custom.overlay"] },
  "settings": [
    { "type": "header", "content": "t:sections.all.section_header.title_header" },
    { "type": "image_picker", "id": "heading_logo", "label": "t:sections.all.section_header.heading_logo" },
    { "type": "text", "id": "heading_logo_svg", "label": "t:sections.all.section_header.heading_logo_svg", "info": "t:sections.all.section_header.info_logo_svg" },
    { "type": "text", "id": "heading", "label": "t:sections.all.section_header.heading" },
    { "type": "richtext", "id": "description", "label": "t:sections.all.section_header.description", "default": "<p></p>" },
    { "type": "select", "id": "text_alignment", "label": "t:sections.all.horizontal_alignment.text_alignment", "default": "text-center", "options": [ { "value": "text-left", "label": "t:sections.all.horizontal_alignment.options__1.label" }, { "value": "text-center", "label": "t:sections.all.horizontal_alignment.options__2.label" }, { "value": "text-right", "label": "t:sections.all.horizontal_alignment.options__3.label" } ] },
    { "type": "header", "content": "t:sections.all.header.general" },
    { "type": "select", "id": "container", "label": "t:sections.all.layout.label", "default": "container-fluid", "options": [ { "value": "container", "label": "t:sections.all.layout.options__1.label" }, { "value": "container-fluid", "label": "t:sections.all.layout.options__2.label" }, { "value": "strecth-width", "label": "t:sections.all.layout.options__3.label" }, { "value": "full-width", "label": "t:sections.all.layout.options__4.label" } ] },
    { "type": "color_scheme", "id": "color_scheme", "label": "t:sections.all.colors.label" },
    { "type": "header", "content": "t:sections.all.header.collection_setting" },
    { "type": "select", "id": "design_layout", "label": "t:sections.all.design_layout.collection_type", "options": [ { "value": "grid", "label": "t:sections.all.design_layout.options__1.grid" }, { "value": "carousel", "label": "t:sections.all.design_layout.options__2.carousel" } ], "default": "carousel" },
    { "type": "select", "id": "design_collection", "label": "t:sections.all.design_collection.text_design", "options": [ { "value": "design-1", "label": "t:sections.all.design_collection.design__1.label" }, { "value": "design-2", "label": "t:sections.all.design_collection.design__2.label" }, { "value": "design-3", "label": "t:sections.all.design_collection.design__3.label" }, { "value": "design-4", "label": "t:sections.all.design_collection.design__4.label" }, { "value": "design-5", "label": "t:sections.all.design_collection.design__5.label" }, { "value": "design-6", "label": "t:sections.all.design_collection.design__6.label" }, { "value": "design-7", "label": "Design 7 - Text below left aligned" } ] },
    { "type": "select", "id": "hover_effect", "label": "t:sections.all.hover_effect.label", "default": "zoom", "options": [ { "value": "zoom", "label": "t:sections.all.hover_effect.options__1.label" }, { "value": "border-inset", "label": "t:sections.all.hover_effect.options__2.label" }, { "value": "box-shadow", "label": "t:sections.all.hover_effect.options__3.label" }, { "value": "none", "label": "t:sections.all.hover_effect.options__4.label" } ] },
    { "type": "checkbox", "id": "show_count_product", "label": "t:sections.all.show_count_product.label", "default": true },
    { "type": "header", "content": "Image Border Settings" },
    { "type": "checkbox", "id": "enable_image_border", "label": "Enable image border", "default": false },
    { "type": "range", "id": "image_border_width", "min": 1, "max": 10, "step": 1, "unit": "px", "label": "Border width", "default": 2 },
    { "type": "color", "id": "image_border_color", "label": "Border color", "default": "#000000" },
    { "type": "header", "content": "Info Box Settings" },
    { "type": "color", "id": "info_bg_color", "label": "Info box background color", "default": "#ffffff", "info": "Background color for the title and count box" },
    { "type": "header", "content": "Image Settings" },
    { "type": "checkbox", "id": "custom_width_images", "label": "t:sections.collection-list.settings.collection_custom.label", "info": "t:sections.collection-list.settings.collection_custom.info", "default": false },
    { "type": "number", "id": "width_image", "label": "t:sections.all.image_width_px.label", "default": 200 },
    { "type": "checkbox", "id": "images_style", "label": "t:sections.all.images_style.rounded", "default": false },
    { "type": "select", "id": "image_ratio", "default": "3/4", "label": "t:sections.all.aspect_ratio.label", "options": [ { "value": "original", "label": "t:sections.all.aspect_ratio.options__1.label" }, { "value": "1/1", "label": "1:1" }, { "value": "3/4", "label": "3:4" }, { "value": "4/3", "label": "4:3" }, { "value": "16/9", "label": "16:9" }, { "value": "custom", "label": "t:sections.all.aspect_ratio.options__2.label" } ] },
    { "type": "text", "id": "custom_ratio", "label": "t:sections.all.custom_ratio.label", "default": "21:9" },
    { "type": "range", "min": 1, "max": 8, "step": 1, "default": 6, "label": "t:sections.all.custom_column.per_row", "id": "custom_column" },
    { "type": "range", "min": 0, "max": 50, "unit": "px", "step": 5, "default": 30, "label": "t:sections.all.padding.column_gap", "id": "column_gap" },
    { "type": "header", "content": "t:sections.all.typography.title_typography" },
    { "type": "paragraph", "content": "t:sections.all.typography.paragraph_collection_name" },
    { "type": "range", "id": "collection_font_size", "min": 12, "max": 40, "step": 1, "label": "t:sections.all.typography.default_size", "unit": "px", "default": 16 },
    { "type": "range", "id": "collection_font_weight", "min": 100, "max": 900, "step": 100, "label": "t:sections.all.typography.default_weight", "default": 500 },
    { "type": "range", "id": "collection_spacing", "min": 0, "max": 60, "step": 1, "label": "t:sections.all.typography.spacing", "unit": "px", "default": 0 },
    { "type": "paragraph", "content": "t:sections.all.typography.paragraph_count_product" },
    { "type": "range", "id": "count_font_size", "min": 12, "max": 40, "step": 1, "label": "t:sections.all.typography.default_size", "unit": "px", "default": 14 },
    { "type": "range", "id": "count_font_weight", "min": 100, "max": 900, "step": 100, "label": "t:sections.all.typography.default_weight", "default": 400 },
    { "type": "header", "content": "t:sections.all.setting_carousel.carousel_title" },
    { "type": "checkbox", "id": "autoplay", "label": "t:sections.all.setting_carousel.autoplay", "default": false },
    { "type": "checkbox", "id": "loop", "label": "t:sections.all.setting_carousel.loop", "default": false },
    { "type": "checkbox", "id": "show_arrow", "label": "t:sections.all.setting_carousel.show_arrow", "default": false },
    { "type": "select", "id": "carousel_pagination", "label": "t:sections.all.setting_carousel.carousel_pagination.label", "options": [ { "value": "carousel_none", "label": "t:sections.all.setting_carousel.carousel_pagination.carousel__none.label" }, { "value": "carousel_bullets", "label": "t:sections.all.setting_carousel.carousel_pagination.carousel__bullets.label" }, { "value": "show_bullet_mobile", "label": "t:sections.all.setting_carousel.carousel_pagination.bullet__mobile.label" }, { "value": "carousel_pagination_progress", "label": "t:sections.all.setting_carousel.carousel_pagination.carousel__progress.label" } ] },
    { "type": "checkbox", "id": "reveal_on_scroll", "label": "t:sections.all.reveal_on_scroll.label", "info": "t:sections.all.reveal_on_scroll.info", "default": false },
    { "type": "header", "content": "t:sections.all.padding.section_padding_heading" },
    { "type": "range", "id": "padding_top", "label": "t:sections.all.padding.padding_top", "default": 0, "min": 0, "max": 100, "step": 1, "unit": "px" },
    { "type": "range", "id": "padding_bottom", "label": "t:sections.all.padding.padding_bottom", "default": 0, "min": 0, "max": 100, "step": 1, "unit": "px" },
    { "type": "checkbox", "id": "reset_spacing", "label": "t:sections.all.reset_spacing.label", "default": false }
  ],
  "blocks": [
    {
      "type": "collection_item",
      "name": "t:sections.collection-list.blocks.collection_item.name",
      "settings": [
        { "type": "text", "id": "title_collection", "label": "t:sections.all.collection_item.title_collection" },
        { "type": "text", "id": "subtitle_collection", "label": "Collection Sub-heading", "info": "Optional sub-heading text below the title" },
        { "type": "collection", "id": "collection", "label": "t:sections.all.collection_item.select_collection" },
        { "type": "image_picker", "id": "image", "label": "t:sections.all.collection_item.image_collection" }
      ]
    }
  ],
  "presets": [ { "name": "Coverage Collections", "blocks": [ { "type": "collection_item" }, { "type": "collection_item" }, { "type": "collection_item" }, { "type": "collection_item" } ] } ]
}
{% endschema %}


[Tool result] TodoWrite

[Tool result] Write

assistant:
[Tool call] TodoWrite
  todos: [{"id":"3","status":"completed"},{"id":"4","status":"in_progress"}]
  merge: true
[Tool call] Write
  path: /Users/shahidali/collections-item-coverage-optimized.css
  contents: /* ========================================
   Coverage Collection Section CSS
   Optimized & Bug-Fixed Version
   ======================================== */

/* ========================================
   LOADING IMAGE OVERRIDES
   ======================================== */
.bls__collection-coverage .bls-loading-image {
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  animation: none !important;
}

.bls__collection-coverage .bls-loading-image::before,
.bls__collection-coverage .bls-loading-image::after {
  content: none !important;
  display: none !important;
}

.bls__collection-coverage .bls-loading-image img,
.bls__collection-coverage .swiper-slide img,
.bls__collection-coverage .swiper-slide-duplicate img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.bls__collection-coverage .swiper-slide-duplicate .bls-loading-image,
.bls__collection-coverage .swiper-slide-duplicate .bls-loading-image::before,
.bls__collection-coverage .swiper-slide-duplicate .bls-loading-image::after {
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}

/* ========================================
   SWIPER NAVIGATION ARROWS
   ======================================== */
.bls__collection-coverage .swiper-button-prev,
.bls__collection-coverage .swiper-button-next {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
}

.bls__collection-coverage .swiper-button-prev::after,
.bls__collection-coverage .swiper-button-next::after {
  display: none;
}

.bls__collection-coverage .swiper-button-prev svg,
.bls__collection-coverage .swiper-button-next svg {
  width: 16px;
  height: 16px;
}

/* ========================================
   SWIPER PAGINATION
   ======================================== */

/* Hide pagination by default when "none" is selected */
.bls__collection-content-coverage .swiper-pagination {
  display: none;
}

/* Show bullets pagination */
.bls__collection-content-coverage.pagination-bullets .swiper-pagination,
.bls__collection-content-coverage.pagination-progress .swiper-pagination {
  display: block;
}

/* Mobile-only bullets: hide on desktop, show on mobile */
.bls__collection-content-coverage.pagination-mobile-only .swiper-pagination {
  display: none;
}

@media (max-width: 767px) {
  .bls__collection-content-coverage.pagination-mobile-only .swiper-pagination {
    display: block;
  }
}

/* ========================================
   BASE COLLECTION ITEM STYLES
   ======================================== */
.coverage-collection-item {
  --coverage-collection-title-color: var(--color-link);
  --coverage-collection-count-color: var(--grey-color);
  --coverage-collection-subtitle-color: var(--grey-color);
  --coverage-collection-info-bg: var(--color-white);
  --coverage-collection-image-border-width: 2px;
  --coverage-collection-image-border-color: var(--border-color-base);
  overflow: hidden;
  transition: var(--bls-transition);
}

/* ========================================
   TYPOGRAPHY
   ======================================== */
.bls__collection-coverage .bls__collection-title-coverage {
  font-size: var(--coverage-collection-title-size);
  font-weight: var(--coverage-collection-title-weight, var(--heading-font-weight));
  color: var(--coverage-collection-title-color);
  text-transform: capitalize;
  margin-bottom: var(--coverage-collection-title-spacing);
}

.bls__collection-coverage .bls__collection-title-coverage a {
  color: var(--coverage-collection-title-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bls__collection-coverage .bls__collection-title-coverage a:hover {
  color: var(--primary-color);
}

.bls__collection-coverage .bls__collection-subtitle-coverage {
  font-size: calc(var(--coverage-collection-count-size) - 1px);
  font-weight: var(--coverage-collection-count-weight);
  color: var(--coverage-collection-subtitle-color);
  margin-top: 4px;
  display: block;
}

.bls__collection-coverage .bls__collection-count-coverage {
  font-size: var(--coverage-collection-count-size);
  font-weight: var(--coverage-collection-count-weight);
  color: var(--coverage-collection-count-color);
}

.bls__collection-coverage .link__collection-count-coverage::before,
.bls__collection-coverage .bls__collection-count-coverage::before {
  content: "(";
}

.bls__collection-coverage .link__collection-count-coverage::after,
.bls__collection-coverage .bls__collection-count-coverage::after {
  content: ")";
}

.bls__collection-coverage .collection-infinite-scroll .button {
  cursor: pointer;
}

/* ========================================
   IMAGE CONTAINER
   ======================================== */
.bls__collection-coverage .design-2.bls__collection-content-coverage .bls__collection-image-coverage,
.bls__collection-coverage .design-3.bls__collection-content-coverage .bls__collection-image-coverage,
.bls__collection-coverage .design-7.bls__collection-content-coverage .bls__collection-image-coverage {
  max-width: var(--image-width);
}

.bls__collection-coverage .bls__collection-content-coverage .bls__collection-image-coverage {
  overflow: hidden;
  margin: auto;
  margin-bottom: 0;
}

/* ========================================
   CONTAINER LAYOUT
   ======================================== */
.bls__collection-coverage .container-fluid .bls__collection-grid-coverage .row {
  padding-left: 15px;
  padding-right: 15px;
}

.bls__section.bls__collection-coverage .container-fluid {
  max-width: calc(var(--bls-container-fluid-width) + var(--bs-gutter-x));
}

.bls__collection-coverage .container-fluid .swiper {
  margin-left: 0;
  margin-right: 0;
}

.bls__collection-coverage .container-fluid .bls__swiper-coverage {
  overflow: visible;
}

/* ========================================
   SWIPER CAROUSEL SLIDES
   ======================================== */
.bls__collection-coverage .bls__swiper-coverage .swiper-slide {
  height: auto;
  opacity: 1 !important;
}

.bls__collection-coverage .bls__swiper-coverage .swiper-slide-duplicate .coverage-collection-item,
.bls__collection-coverage .bls__swiper-coverage .swiper-slide-duplicate .bls__collection-image-coverage,
.bls__collection-coverage .bls__swiper-coverage .swiper-slide-duplicate img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.bls__collection-coverage .bls__swiper-coverage .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.bls__collection-coverage .bls__swiper-coverage .swiper-slide .bls__collection-image-coverage {
  display: block;
}

/* ========================================
   RESPONSIVE GRID COLUMNS
   ======================================== */
@media (min-width: 1200px) {
  .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; }
  .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; }
  .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; }
  .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; }
  .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-7 > * { flex: 0 0 14.285714%; max-width: 14.285714%; }
  .bls__collection-coverage .bls__collection-grid-coverage .row-cols-lg-8 > * { flex: 0 0 12.5%; max-width: 12.5%; }
}

/* ========================================
   IMAGE BORDER STYLING
   ======================================== */
.bls__collection-coverage .bls__collection-content-coverage.has-border .bls__collection-image-coverage {
  border: var(--coverage-collection-image-border-width) solid var(--coverage-collection-image-border-color);
  border-bottom: 0;
}

.bls__collection-coverage .bls__collection-content-coverage.has-border.rounded .bls__collection-image-coverage {
  border-radius: 50%;
}

/* ========================================
   ROUNDED IMAGE STYLE
   ======================================== */
.bls__collection-coverage .bls__collection-content-coverage.rounded .bls__collection-image-coverage {
  border-radius: 50%;
  will-change: transform;
  margin: 1rem;
}

.bls__collection-coverage .bls__collection-packery-content.radius .collection-item-link,
.bls__collection-coverage .bls__collection-content-coverage.radius .coverage-collection-item {
  will-change: transform;
}

.bls__collection-coverage .bls__collection-packery-content.radius .collection-item-link {
  display: block;
}

/* ========================================
   DESIGN 1 & 4 - Overlay Info Box (Left Aligned)
   ======================================== */
.bls__collection-coverage .design-1 .bls__collection-infor-coverage.show-count,
.bls__collection-coverage .design-4 .bls__collection-infor-coverage.show-count,
.bls__collection-coverage .collection-list__item .bls__collection-infor-coverage.show-count {
  position: absolute;
  inset: auto 2rem 2rem 2rem;
  background-color: var(--coverage-collection-info-bg);
  padding: 2rem;
  text-align: left;
  z-index: 2;
}

.bls__collection-coverage .d-grid .bls__collection-infor-coverage:not(.show-count),
.bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
.bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
.bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
  inset: auto 0 3rem;
  margin: 0 1rem;
  z-index: 2;
  text-align: left;
}

.template-collection #MainContent .bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
.template-collection #MainContent .bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
.template-collection #MainContent .bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
  inset: auto 0 1.5rem;
  margin: 0 1.5rem;
}

.bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage.show-count {
  margin: auto;
  padding: 10px;
  background-color: var(--coverage-collection-info-bg);
  width: 90%;
  max-width: 20rem;
  text-align: left;
}

.bls__collection-coverage .design-1:not(.more-categories) .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage,
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage.show-count {
  padding: var(--btn-padding);
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid var(--coverage-collection-info-bg);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
  align-items: center;
  background-color: var(--coverage-collection-info-bg);
}

/* ========================================
   DESIGN 4 - Flex Row Layout
   ======================================== */
.bls__collection-coverage .design-4 .bls__collection-infor-coverage .bls__collection-count-coverage span {
  display: none;
}

.bls__collection-coverage .design-4 .bls__collection-infor-coverage {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.bls__collection-coverage .design-4 .bls__collection-infor-coverage.show-count {
  inset: auto 4rem 3rem 4rem;
  padding: 1rem 2rem;
}

/* ========================================
   DESIGN 5 - Overlay with Border
   ======================================== */
.bls__collection-coverage .design-5 .bls__collection-infor-coverage {
  position: absolute;
  inset: auto 4rem 4rem 4rem;
  z-index: 2;
  text-transform: uppercase;
  text-align: left;
  background-color: var(--coverage-collection-info-bg);
  padding: 2rem;
}

.bls__collection-coverage .design-5 .bls__collection-infor-coverage .bls__collection-title-coverage {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border-color-base);
  text-transform: uppercase;
}

.bls__collection-coverage .design-5 .bls__collection-infor-coverage .bls__collection-link-coverage {
  font-size: 14px;
  font-weight: 700;
}

.bls__collection-coverage .design-5 .bls__collection-title-coverage a:hover {
  color: var(--color-link-hover);
}

/* ========================================
   DESIGN 2, 6, 7 - Text Below Image
   ======================================== */
.bls__collection-coverage .design-6 .bls__collection-count-coverage::before,
.bls__collection-coverage .design-6 .bls__collection-count-coverage::after,
.bls__collection-coverage .design-2 .bls__collection-count-coverage::before,
.bls__collection-coverage .design-2 .bls__collection-count-coverage::after,
.bls__collection-coverage .design-7 .bls__collection-count-coverage::before,
.bls__collection-coverage .design-7 .bls__collection-count-coverage::after {
  display: none;
}

.bls__collection-coverage .design-6 .bls__collection-title-coverage,
.bls__collection-coverage .design-2 .bls__collection-title-coverage,
.bls__collection-coverage .design-7 .bls__collection-title-coverage {
  margin-bottom: 0;
}

.bls__collection-coverage .design-2 .bls__collection-infor-coverage,
.bls__collection-coverage .design-6 .bls__collection-infor-coverage,
.bls__collection-coverage .design-3 .bls__collection-infor-coverage,
.bls__collection-coverage .design-7 .bls__collection-infor-coverage {
  text-align: left;
  padding: 1.5rem;
  background-color: var(--coverage-collection-info-bg);
}

/* ========================================
   DESIGN 3 - Specific Overrides
   ======================================== */
.bls__collection-coverage .design-3 .bls__collection-count-coverage {
  padding-left: 5px;
  position: relative;
  top: -8px;
}

.bls__collection-coverage .design-3 .bls__collection-count-coverage::before,
.bls__collection-coverage .design-3 .bls__collection-count-coverage::after,
.bls__collection-coverage .design-3 .bls__collection-count-coverage span {
  display: none;
}

.bls__collection-coverage .design-3 .bls__collection-infor-coverage {
  justify-content: flex-start;
}

/* ========================================
   DESIGN 6 - Relative Info
   ======================================== */
.bls__collection-coverage .design-6 .bls__collection-infor-coverage {
  position: relative;
  z-index: 2;
}

/* ========================================
   DESIGN 7 - Text Below Left Aligned
   ======================================== */
.bls__collection-coverage .design-7 .bls__collection-infor-coverage {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.bls__collection-coverage .design-7 .bls__collection-count-coverage {
  padding-left: 5px;
  position: relative;
  top: -8px;
}

.bls__collection-coverage .design-7 .bls__collection-count-coverage span {
  display: none;
}

.bls__collection-coverage .design-7 .bls__collection-subtitle-coverage {
  margin-top: 2px;
  color: #8B8888;
}

/* ========================================
   COLLECTION PACKERY LAYOUTS
   ======================================== */
.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 3rem;
  pointer-events: none;
  z-index: 2;
  display: inline-flex;
  justify-content: flex-start;
  gap: 5px;
}

.bls__collection-coverage .bls__collection-packery .grid-6 .bls__collection-image-coverage img {
  width: 100%;
}

.bls__collection-coverage .bls__collection-packery .bls__collection-infor-coverage.modern {
  bottom: auto;
  top: 3rem;
  left: 3rem;
  right: auto;
  width: max-content;
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  font-size: 2rem;
}

.bls__collection-coverage .bls__collection-packery .modern .bls__collection-count-coverage {
  font-size: 1.4rem;
}

.bls__collection-coverage .bls__collection-packery .bls__collection-count-coverage {
  color: var(--color-link);
}

.bls__collection-coverage .bls__collection-packery .bls__collection-count-coverage span {
  display: none;
}

.bls__collection-coverage .bls__collection-packery .row .coverage-collection-item {
  height: 100%;
}

.bls__collection-coverage .bls__collection-packery-content .bls__collection-image-coverage.h-full.mb-15 {
  margin-bottom: 0;
}

/* ========================================
   GRID LAYOUTS (4, 5, 6 columns)
   ======================================== */
.bls__collection-coverage .grid-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bls__collection-coverage .grid-4 .bls__collection-column:first-child { grid-area: 1/1/3/2; }
.bls__collection-coverage .grid-4 .bls__collection-column:nth-child(2) { grid-area: 3/1/4/2; }
.bls__collection-coverage .grid-4 .bls__collection-column:nth-child(3) { grid-area: 1/2/2/3; }
.bls__collection-coverage .grid-4 .bls__collection-column:nth-child(4) { grid-area: 2/2/4/3; }

/* ========================================
   COLLECTION LINK GRID
   ======================================== */
@media (min-width: 1200px) {
  .bls__collection-coverage .bls__collection-link-grid {
    max-width: var(--content-box-link);
    margin: auto;
  }
}

.bls__collection-coverage .bls__collection-link-grid .link__collection-count-coverage {
  vertical-align: middle;
  opacity: 0.5;
  font-weight: calc(var(--link-font-weight) - 100);
  font-size: clamp(12px, 3vw, 14px);
  position: relative;
  top: -10px;
  right: -5px;
}

.bls__collection-coverage .bls__collection-link-grid .link__collection-count-coverage span {
  display: none;
}

.bls__collection-coverage .bls__collection-link-grid .bls__collection-links-coverage {
  width: auto;
}

.bls__collection-coverage .bls__collection-links-coverage a:not(.btn-link) {
  padding: 8.5px 38px;
}

.bls__collection-coverage .bls__collection-links-coverage a.btn-link {
  padding: 0 2.5rem;
}

.bls__collection-coverage .bls__collection-links-coverage a.btn-link::before {
  display: none;
}

.bls__collection-coverage .bls__collection-links-coverage a {
  --btn-text-transform: none;
  font-size: clamp(16px, 3vw, var(--link-font-size));
  font-weight: var(--link-font-weight);
}

/* Link color variants */
.bls__collection-coverage .bls__collection-link .bls__section-header.clt-white * {
  color: var(--color-white);
}

.bls__collection-coverage .bls__collection-links-coverage.clt-white a.btn-primary {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--heading-color);
}

.bls__collection-coverage .bls__collection-links-coverage.clt-white a.btn-secondary {
  background-color: transparent;
  border-color: var(--color-white);
  color: var(--color-white);
}

.bls__collection-coverage .bls__collection-links-coverage.clt-white a.btn-secondary:hover {
  background-color: var(--color-white);
  color: var(--heading-color);
}

.bls__collection-coverage .bls__collection-links-coverage.clt-white a.btn-link {
  --btn-link-color: var(--color-white);
}

/* Custom width images in grid for design 2, 3, 7 */
.bls__collection-coverage .design-2.custom-width-images .bls__collection-grid-coverage .bls__collection-item-coverage,
.bls__collection-coverage .design-3.custom-width-images .bls__collection-grid-coverage .bls__collection-item-coverage,
.bls__collection-coverage .design-7.custom-width-images .bls__collection-grid-coverage .bls__collection-item-coverage {
  width: var(--image-width);
}

/* ========================================
   MENU ITEMS VARIANT
   ======================================== */
.bls__collection-coverage .bls__collection-menu-items-coverage {
  --collection-title-menu-font-size: 16px;
  --collection-list-menu-font-size: 14px;
  height: auto;
}

.bls__collection-coverage .bls__collection-menu-items-coverage > div {
  border-radius: var(--product-images-style-radius);
  height: 100%;
}

.bls__collection-coverage .has-bg .bls__collection-menu-items-coverage > div {
  background-color: var(--color-white);
  padding: 3rem;
}

.bls__collection-coverage .bls__collection-menu-items-coverage > div .image {
  max-width: 45%;
}

.bls__collection-coverage .bls__collection-menu-items-coverage li {
  margin-top: 2px;
  transition: var(--bls-transition);
}

.bls__collection-coverage .bls__collection-menu-items-coverage li:hover {
  padding-left: 5px;
}

.bls__collection-coverage .bls__collection-menu-title-coverage {
  font-size: var(--collection-title-menu-font-size);
}

.bls__collection-coverage .bls__collection-menu-list-coverage {
  font-size: var(--collection-list-menu-font-size);
}

.bls__collection-coverage .bls__collection-menu-list-coverage a:not(:hover) {
  color: rgb(var(--base-color));
}

.bls__collection-coverage .bls__collection-menu-btn-coverage {
  color: var(--primary-color);
  font-size: var(--collection-list-menu-font-size);
  display: inline-flex;
  margin-top: 2rem;
  align-items: center;
  cursor: pointer;
}

.bls__collection-coverage .bls__collection-menu-btn-coverage:hover {
  color: var(--primary-color);
  padding-left: 5px;
}

/* ========================================
   RESPONSIVE: >=480px (Small tablets)
   ======================================== */
@media (min-width: 480px) {
  .bls__collection-coverage .grid-5 {
    grid-template-columns: 30% 20% 20% 30%;
  }
  .bls__collection-coverage .grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bls__collection-coverage .grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bls__collection-coverage .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ========================================
   RESPONSIVE: 480px - 991px (Tablets)
   ======================================== */
@media (min-width: 480px) and (max-width: 991px) {
  .bls__collection-coverage .grid-5 .bls__collection-column:first-child { grid-area: 1/1/3/3; }
  .bls__collection-coverage .grid-5 .bls__collection-column:nth-child(2) { grid-area: 3/1/4/5; }
  .bls__collection-coverage .grid-5 .bls__collection-column:nth-child(3) { grid-area: 4/1/5/3; }
  .bls__collection-coverage .grid-5 .bls__collection-column:nth-child(4) { grid-area: 4/3/5/5; }
  .bls__collection-coverage .grid-5 .bls__collection-column:last-child { grid-area: 1/3/3/5; }

  .bls__collection-coverage .grid-3 .bls__collection-column:first-child { grid-area: 1/1/3/2; }
  .bls__collection-coverage .grid-3 .bls__collection-column:last-child { grid-area: 2/2/3/3; }
}

/* ========================================
   RESPONSIVE: <=575px (Small mobile)
   ======================================== */
@media (max-width: 575px) {
  .bls__collection-coverage .design-5 .bls__collection-infor-coverage {
    inset: auto 1.5rem 1.5rem 1.5rem;
    padding: 1.25rem;
  }

  .bls__collection-coverage .d-grid .bls__collection-infor-coverage:not(.show-count),
  .bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
  .bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
  .bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
    inset: auto 0 1.5rem;
  }

  /* FIX: Reduce info box padding on very small screens */
  .bls__collection-coverage .design-1 .bls__collection-infor-coverage.show-count,
  .bls__collection-coverage .design-4 .bls__collection-infor-coverage.show-count {
    inset: auto 1rem 1rem 1rem;
    padding: 1rem;
  }
}

/* ========================================
   RESPONSIVE: <=767px (Mobile)
   ======================================== */
@media (max-width: 767px) {
  .bls__section.bls__collection-coverage .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .bls__collection-coverage .design-5 .bls__collection-infor-coverage {
    inset: auto 2rem 2rem 2rem;
    padding: 1.5rem;
  }

  .bls__collection-coverage .design-5 .bls__collection-infor-coverage .bls__collection-link-coverage {
    font-size: 12px;
  }

  .bls__collection-coverage .bls__collection-links-coverage a:not(.btn-link) {
    padding: 3.5px 20px;
  }

  .bls__collection-coverage .bls__collection-links-coverage a.btn-link {
    padding: 0 1.5rem;
  }

  .bls__collection-coverage .bls__collection-link-grid .link__collection-count-coverage {
    top: -6px;
  }

  .bls__section.bls__collection-coverage .bls__collection-packery .row.gap-mobile > * {
    margin-bottom: var(--bs-gutter-x);
  }

  .bls__collection-coverage .bls__collection-packery .bls__collection-packery-content .grid-4 .bls__collection-infor-coverage {
    text-align: left;
  }

  .bls__collection-coverage .bls__collection-packery .bls__collection-packery-content .grid-4 .bls__collection-title-coverage {
    --btn-padding: 0.8rem 3rem;
    display: inline-flex;
    align-items: center;
    width: unset;
    text-align: left;
  }

  .bls__collection-coverage .bls__collection-packery .bls__collection-packery-content:not(.more-categories) .bls__collection-infor-coverage:not(.show-count) .bls__collection-title-coverage {
    padding: var(--btn-padding);
  }

  .bls__collection-coverage .grid-6 .bls__collection-image-coverage img {
    width: 100%;
  }

  /* FIX: Mobile carousel spacing - reduce gap on small screens */
  .bls__collection-coverage .bls__swiper-coverage .swiper-wrapper {
    gap: 0; /* Swiper handles spacing via spaceBetween */
  }

  /* FIX: Ensure 2-slide mobile view doesn't overflow */
  .bls__collection-coverage .bls__swiper-coverage .swiper-slide {
    min-width: 0;
  }

  /* FIX: Mobile info box text scaling — use theme size with scale */
  .bls__collection-coverage .bls__collection-title-coverage {
    font-size: calc(var(--coverage-collection-title-size, 16px) * 0.85);
  }

  .bls__collection-coverage .bls__collection-subtitle-coverage,
  .bls__collection-coverage .bls__collection-count-coverage {
    font-size: calc(var(--coverage-collection-count-size, 14px) * 0.85);
  }

  /* FIX: Design 2/3/6/7 info padding on mobile */
  .bls__collection-coverage .design-2 .bls__collection-infor-coverage,
  .bls__collection-coverage .design-3 .bls__collection-infor-coverage,
  .bls__collection-coverage .design-6 .bls__collection-infor-coverage,
  .bls__collection-coverage .design-7 .bls__collection-infor-coverage {
    padding: 1rem;
  }

  /* FIX: Grid mobile - force 2 columns with proper spacing */
  .bls__collection-coverage .bls__collection-grid-coverage .row {
    --bs-gutter-x: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* ========================================
   RESPONSIVE: >=768px (Tablet+)
   ======================================== */
@media (min-width: 768px) {
  .bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
  .bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
  .bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
    margin: 0 3rem;
    inset: auto 0 3rem;
  }

  .template-collection #MainContent .bls__collection-coverage .design-1 .bls__collection-infor-coverage:not(.show-count),
  .template-collection #MainContent .bls__collection-coverage .design-4 .bls__collection-infor-coverage:not(.show-count),
  .template-collection #MainContent .bls__collection-coverage .collection-list__item .bls__collection-infor-coverage:not(.show-count) {
    inset: auto 0 2rem;
    margin: 0 2rem;
  }

  .bls__collection-coverage .grid-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bls__collection-coverage .grid-4 .bls__collection-column:first-child { grid-area: 1/1/3/2; }
  .bls__collection-coverage .grid-4 .bls__collection-column:nth-child(2) { grid-area: 1/2/2/3; }
  .bls__collection-coverage .grid-4 .bls__collection-column:nth-child(3) { grid-area: 2/2/3/3; }
  .bls__collection-coverage .grid-4 .bls__collection-column:nth-child(4) { grid-area: 1/3/3/4; }

  .bls__collection-coverage .grid-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .bls__collection-coverage .grid-6 .bls__collection-column:first-child { grid-row: 1 / 2; grid-column: 1 / 3; }
  .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(2) { grid-column: 3 / 4; grid-row: 1 / 2; }
  .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(3) { grid-column: 4 / 5; grid-row: 1 / 2; }
  .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(4) { grid-column: 1 / 2; grid-row: 2 / 3; }
  .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(5) { grid-column: 2 / 4; grid-row: 2 / 3; }
  .bls__collection-coverage .grid-6 .bls__collection-column:nth-child(6) { grid-column: 4 / 5; grid-row: 2 / 3; }

  .bls__collection-coverage .design-4 .bls__collection-infor-coverage.show-count {
    inset: auto 2rem 2rem 2rem;
  }
}

/* ========================================
   RESPONSIVE: >=992px (Desktop)
   ======================================== */
@media (min-width: 992px) {
  .bls__collection-coverage .grid-5 .bls__collection-column:first-child { grid-area: 1/1/3/2; }
  .bls__collection-coverage .grid-5 .bls__collection-column:nth-child(2) { grid-area: 1/2/2/4; }
  .bls__collection-coverage .grid-5 .bls__collection-column:last-child { grid-area: 1/4/3/5; }

  .bls__collection-coverage .grid-3 .bls__collection-column:first-child { grid-area: 1/1/3/2; }
  .bls__collection-coverage .grid-3 .bls__collection-column:last-child { grid-area: 2/2/3/3; }
}

/* ========================================
   RESPONSIVE: <=1199px (Tablet)
   ======================================== */
/* Section padding: desktop base */
.bls__section.bls__collection-coverage {
  padding-top: var(--section-padding-top);
  padding-bottom: var(--section-padding-bottom);
}
@media (max-width: 1199px) {
  .bls__section.bls__collection-coverage .bls__collection-packery .row.gap-tablet > * {
    margin-bottom: var(--bs-gutter-x);
  }

  /* Responsive section padding - Tablet */
  .bls__section.bls__collection-coverage {
    padding-top: var(--section-padding-top-tablet) !important;
    padding-bottom: var(--section-padding-bottom-tablet) !important;
  }
}
@media (max-width: 767px) {
  .bls__section.bls__collection-coverage {
    padding-top: var(--section-padding-top-mobile) !important;
    padding-bottom: var(--section-padding-bottom-mobile) !important;
  }
}

/* ========================================
   RESPONSIVE: <=375px (Very small mobile)
   FIX: Extra small screen adjustments
   ======================================== */
@media (max-width: 375px) {
  .bls__collection-coverage .design-1 .bls__collection-infor-coverage.show-count,
  .bls__collection-coverage .design-4 .bls__collection-infor-coverage.show-count {
    inset: auto 0.75rem 0.75rem 0.75rem;
    padding: 0.75rem;
  }

  .bls__collection-coverage .design-5 .bls__collection-infor-coverage {
    inset: auto 1rem 1rem 1rem;
    padding: 1rem;
  }

  /* Reduce arrow size on very small screens */
  .bls__collection-coverage .swiper-button-prev,
  .bls__collection-coverage .swiper-button-next {
    width: 32px;
    height: 32px;
  }

  .bls__collection-coverage .swiper-button-prev svg,
  .bls__collection-coverage .swiper-button-next svg {
    width: 12px;
    height: 12px;
  }
}

/* ========================================
   ✅ FIX 1: RTL Arrow Flip — Arabic store
   ======================================== */
.body-rtl .bls__collection-coverage .swiper-button-prev svg,
.body-rtl .bls__collection-coverage .swiper-button-next svg {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}

/* ========================================
   ✅ FIX 2: Description text center — Arabic RTL fix
   ======================================== */
.bls__collection-coverage .bls__section-header .bls__section-des,
.bls__collection-coverage .bls__section-header .bls__section-des p,
.bls__collection-coverage .bls__section-header .bls__section-subheading {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}