.cms-p-tag {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.cms-p-tag p,
.cms-p-tag li {
    width: 100%;
    max-width: 100%;
    font-size: 17px;
    line-height: 1.8;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-wrap: break-word;
    word-break: normal;
    box-sizing: border-box;
}

@media screen and (max-width: 1100px) {
    .cms-p-tag p,
    .cms-p-tag li {
        font-size: 15px;
        line-height: 1.7;
    }
  
  .cms-p-tag{
    padding: 30px 20px !important;
  }

    .cms-p-tag ul,
    .cms-p-tag ol {
        padding-left: 20px;
        margin-left: 0;
    }
}

@media(max-width:400px){
  .jts-fullwidth-hero .hero-slider-content-2 a.btn, .jts-fullwidth-hero .hero-slider-content-2 .btn-default{
    padding: 12px 10px !important;
  }
  .jts-fullwidth-hero .hero-slider-content-2 a.btn, .jts-fullwidth-hero .hero-slider-content-2 .btn-default{
  	font-size: 10px !important;
    min-width: 150px !important;
  }
}

@media(max-width:576px){
  .product-grid {
    display: grid;
    grid-template-columns: 2fr 2fr;
}
  .product-cart-wrap .product-content-wrap .product-card-cart-button{
  	font-size:11px;
  }
  .product-cart-wrap .product-content-wrap .product-category a{
  	font-size:11px;
  }
}


/* Desktop header: scroll only inside the deepest child dropdown */
@media only screen and (min-width: 992px) {

    .main-menu nav > ul > li > ul.sub-menu > li > ul.level-menu,
    .main-menu nav > ul > li > ul.sub-menu > li > ul.level-menu.level-menu-modify,
    .main-menu nav > ul > li > ul.sub-menu > li > ul.sub-menu {
        max-height: calc(100vh - 250px) !important;
        max-height: calc(100dvh - 250px) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        box-sizing: border-box;
        padding-right: 6px !important;
    }

    /* Chrome, Edge and Safari */
    .main-menu nav ul.level-menu::-webkit-scrollbar,
    .main-menu nav ul.sub-menu ul.sub-menu::-webkit-scrollbar {
        width: 7px;
    }

    .main-menu nav ul.level-menu::-webkit-scrollbar-track,
    .main-menu nav ul.sub-menu ul.sub-menu::-webkit-scrollbar-track {
        background: #eeeeee;
        border-radius: 10px;
    }

    .main-menu nav ul.level-menu::-webkit-scrollbar-thumb,
    .main-menu nav ul.sub-menu ul.sub-menu::-webkit-scrollbar-thumb {
        background: #6d2b90;
        border-radius: 10px;
    }

    .main-menu nav ul.level-menu::-webkit-scrollbar-thumb:hover,
    .main-menu nav ul.sub-menu ul.sub-menu::-webkit-scrollbar-thumb:hover {
        background: #511d70;
    }

    /* Firefox */
    .main-menu nav ul.level-menu,
    .main-menu nav ul.sub-menu ul.sub-menu {
        scrollbar-width: thin;
        scrollbar-color: #6d2b90 #eeeeee;
    }
}



/* =========================================================
   PRODUCT FILTER SCROLLBARS
   Categories, Brands, Colour, Variant, Flavours, etc.
========================================================= */


/* ---------------------------------------------------------
   CATEGORIES AND BRANDS
--------------------------------------------------------- */

.bb-product-form-filter
.bb-product-filter
> .bb-product-filter-content:has(.bb-product-filter-items) {
    display: block !important;
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 400px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    box-sizing: border-box;

    padding-right: 8px !important;
}


/* ---------------------------------------------------------
   ATTRIBUTE FILTERS
   Colour, Variant, Flavours, Strength and others
--------------------------------------------------------- */

.bb-product-filter-attributes
.bb-product-filter-attribute-item
> .bb-product-filter-content {
    display: block !important;
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: 400px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    box-sizing: border-box;

    padding-right: 8px !important;
}


/* ---------------------------------------------------------
   KEEP SIZE FILTER AT NATURAL HEIGHT
--------------------------------------------------------- */

.bb-product-filter-attribute-item[data-slug="size"]
> .bb-product-filter-content,

.bb-product-filter-attribute-item[data-attribute-slug="size"]
> .bb-product-filter-content,

.bb-product-filter-attribute-item:has(input[name*="size" i])
> .bb-product-filter-content,

.bb-product-filter-attribute-item:has(input[id*="size" i])
> .bb-product-filter-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow-y: visible !important;
    overflow-x: visible !important;

    scrollbar-gutter: auto !important;
    padding-right: 0 !important;
}


/* =========================================================
   CHROME, EDGE AND SAFARI
========================================================= */

.bb-product-form-filter
.bb-product-filter
> .bb-product-filter-content:has(.bb-product-filter-items)::-webkit-scrollbar,

.bb-product-filter-attributes
.bb-product-filter-attribute-item
> .bb-product-filter-content::-webkit-scrollbar {
    display: block !important;
    width: 7px !important;
}


.bb-product-form-filter
.bb-product-filter
> .bb-product-filter-content:has(.bb-product-filter-items)::-webkit-scrollbar-track,

.bb-product-filter-attributes
.bb-product-filter-attribute-item
> .bb-product-filter-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.07);
    border-radius: 20px;
}


.bb-product-form-filter
.bb-product-filter
> .bb-product-filter-content:has(.bb-product-filter-items)::-webkit-scrollbar-thumb,

.bb-product-filter-attributes
.bb-product-filter-attribute-item
> .bb-product-filter-content::-webkit-scrollbar-thumb {
    background: #70248c;
    border-radius: 20px;
    min-height: 40px;
}


.bb-product-form-filter
.bb-product-filter
> .bb-product-filter-content:has(.bb-product-filter-items)::-webkit-scrollbar-thumb:hover,

.bb-product-filter-attributes
.bb-product-filter-attribute-item
> .bb-product-filter-content::-webkit-scrollbar-thumb:hover {
    background: #541a6d;
}


/* =========================================================
   FIREFOX
========================================================= */

.bb-product-form-filter
.bb-product-filter
> .bb-product-filter-content:has(.bb-product-filter-items),

.bb-product-filter-attributes
.bb-product-filter-attribute-item
> .bb-product-filter-content {
    scrollbar-width: thin;
    scrollbar-color: #70248c rgba(0, 0, 0, 0.07);
}
body.blog .loop-grid .entry-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}




/* ========================================
   BLOG PAGE - EQUAL HEIGHT CARDS
======================================== */

/* Make every grid column stretch */
.loop-grid .row > [class*="col-"] {
    display: flex;
  gap: 20px;
}

/* Same height blog cards */
.loop-grid article {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Fixed image area */
.loop-grid article .post-thumb,
.loop-grid article .img-hover-slide {
    height: 260px;
    overflow: hidden;
}

/* Fixed image size */
.loop-grid article .post-thumb img,
.loop-grid article .img-hover-slide img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

/* Content fills remaining card height */
.loop-grid article .entry-content,
.loop-grid article .entry-content-2 {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Title - same maximum height */
.loop-grid article h2,
.loop-grid article h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* Excerpt - maximum 4 lines + ... */
.loop-grid article .entry-content p,
.loop-grid article .entry-content-2 p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Keep date / Read More aligned at bottom */
.loop-grid article .entry-content > :last-child,
.loop-grid article .entry-content-2 > :last-child {
    margin-top: auto;
}


.single-content h2,
.single-content h3 {
    font-size: 25px !important;
    line-height: 1.35;
  margin-top: 20px !important;
}