.elementor-7019 .elementor-element.elementor-element-08dfb5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0rem;--margin-bottom:1.45rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7019 .elementor-element.elementor-element-f42c76e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6E6E6;--border-color:#E6E6E6;--padding-block-start:80px;--padding-block-end:80px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-7019 .elementor-element.elementor-element-f42c76e:not(.elementor-motion-effects-element-type-background), .elementor-7019 .elementor-element.elementor-element-f42c76e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://copier.pk/wp-content/uploads/2026/07/Frame-24-scaled.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-f42c76e{--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-7019 .elementor-element.elementor-element-f42c76e.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-7019 .elementor-element.elementor-element-bc78990{right:0px;}body.rtl .elementor-7019 .elementor-element.elementor-element-bc78990{left:0px;}.elementor-7019 .elementor-element.elementor-element-bc78990{bottom:0px;z-index:0;}.elementor-7019 .elementor-element.elementor-element-bc78990 img{width:53%;}.elementor-7019 .elementor-element.elementor-element-2e35cda{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7019 .elementor-element.elementor-element-3746faa p{margin-block-end:0px;}.elementor-7019 .elementor-element.elementor-element-3746faa{color:#3888C7;}.elementor-7019 .elementor-element.elementor-element-d81713f{width:var( --container-widget-width, 58% );max-width:58%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-7019 .elementor-element.elementor-element-d81713f .porto-u-main-heading > *{font-size:47px;font-weight:700;line-height:1.3em;letter-spacing:0px;color:#000000;}.elementor-7019 .elementor-element.elementor-element-8f45c61{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0rem;--margin-bottom:0.6rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7019 .elementor-element.elementor-element-3d23752 .elementor-button{background-color:#3888C7;font-family:"Inter", Poppins;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:38px 38px 38px 38px;padding:19px 19px 19px 19px;}.elementor-7019 .elementor-element.elementor-element-3d23752 .elementor-button:hover, .elementor-7019 .elementor-element.elementor-element-3d23752 .elementor-button:focus{background-color:#2B70A7;box-shadow:0px 0px 10px 1px #D6D6D6;}.elementor-7019 .elementor-element.elementor-element-38261d7 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Poppins;font-size:16px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7D7D7CF;border-radius:38px 38px 38px 38px;padding:19px 19px 19px 19px;}.elementor-7019 .elementor-element.elementor-element-38261d7 .elementor-button:hover, .elementor-7019 .elementor-element.elementor-element-38261d7 .elementor-button:focus{box-shadow:0px 0px 10px 1px rgba(192.1, 192.1, 192.1, 0.99);}.elementor-7019 .elementor-element.elementor-element-b98e922{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7019 .elementor-element.elementor-element-2a5998d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-block-start:40px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-2a5998d{--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-7019 .elementor-element.elementor-element-cc47fbb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:40px;--padding-inline-end:40px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-cc47fbb{--padding-inline-start:40px;--padding-inline-end:40px;}.elementor-7019 .elementor-element.elementor-element-6b3fe38.elementor-element{--align-self:center;}.elementor-7019 .elementor-element.elementor-element-be9542c{--display:flex;}.elementor-7019 .elementor-element.elementor-element-f0c2905.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:1;}.elementor-7019 .elementor-element.elementor-element-f0c2905{color:#4C75FF;}.elementor-7019 .elementor-element.elementor-element-f0c2905 a:hover, .elementor-7019 .elementor-element.elementor-element-f0c2905 a:focus{color:#004FFF;}.elementor-7019 .elementor-element.elementor-element-c90e1bc{--display:flex;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:40px;--padding-inline-end:40px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-c90e1bc{--padding-inline-start:40px;--padding-inline-end:40px;}.elementor-7019 .elementor-element.elementor-element-adbe1a2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7019 .elementor-element.elementor-element-ab69b59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7019 .elementor-element.elementor-element-54f22ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-block-start:40px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-54f22ca{--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-7019 .elementor-element.elementor-element-630c236{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:40px;--padding-inline-end:40px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-630c236{--padding-inline-start:40px;--padding-inline-end:40px;}.elementor-7019 .elementor-element.elementor-element-fd3c26f.elementor-element{--align-self:center;}.elementor-7019 .elementor-element.elementor-element-e84570e{--display:flex;}.elementor-7019 .elementor-element.elementor-element-6be44b3.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:1;}.elementor-7019 .elementor-element.elementor-element-6be44b3{color:#4C75FF;}.elementor-7019 .elementor-element.elementor-element-6be44b3 a:hover, .elementor-7019 .elementor-element.elementor-element-6be44b3 a:focus{color:#004FFF;}.elementor-7019 .elementor-element.elementor-element-15a4316{--display:flex;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:40px;--padding-inline-end:40px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-15a4316{--padding-inline-start:40px;--padding-inline-end:40px;}.elementor-7019 .elementor-element.elementor-element-b184119 .owl-nav:not(.disabled){display:block !important;}.elementor-7019 .elementor-element.elementor-element-0962aa1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-block-start:20px;--padding-block-end:60px;--padding-inline-start:0px;--padding-inline-end:0px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-0962aa1{--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-7019 .elementor-element.elementor-element-ca90b72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#86868614;--border-color:#86868614;--border-radius:20px 20px 20px 20px;--padding-block-start:40px;--padding-block-end:40px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-7019 .elementor-element.elementor-element-ca90b72:not(.elementor-motion-effects-element-type-background), .elementor-7019 .elementor-element.elementor-element-ca90b72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DAEFFF;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-ca90b72{--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-7019 .elementor-element.elementor-element-4a13699{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7019 .elementor-element.elementor-element-db790ff{color:#467DEB;}.elementor-7019 .elementor-element.elementor-element-76297b0{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-76297b0{--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-7019 .elementor-element.elementor-element-120ab67{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-7019 .elementor-element.elementor-element-120ab67 .porto-u-main-heading > *{font-size:47px;font-weight:700;line-height:1.3em;letter-spacing:0px;color:#000000;}.elementor-7019 .elementor-element.elementor-element-23bb38b{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:20px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-23bb38b{--padding-inline-start:0px;--padding-inline-end:20px;}.elementor-7019 .elementor-element.elementor-element-2488b67 .elementor-button{background-color:#598AF9;font-size:clamp(0.8rem, 0.9vw, 1rem);font-weight:600;letter-spacing:-0.025em;fill:#FFFFFF;color:#FFFFFF;border-radius:35px 35px 35px 35px;padding:1.215em 3.25em 1.215em 3.25em;}.elementor-7019 .elementor-element.elementor-element-2488b67 .elementor-button:hover, .elementor-7019 .elementor-element.elementor-element-2488b67 .elementor-button:focus{background-color:#185FFF;}@media(max-width:991px){.elementor-7019 .elementor-element.elementor-element-08dfb5b{--margin-top:0rem;--margin-bottom:1.45rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7019 .elementor-element.elementor-element-d81713f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7019 .elementor-element.elementor-element-d81713f .porto-u-main-heading > *{font-size:2.3rem;}.elementor-7019 .elementor-element.elementor-element-120ab67{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7019 .elementor-element.elementor-element-120ab67 .porto-u-main-heading > *{font-size:2.3rem;}}@media(max-width:767px){.elementor-7019 .elementor-element.elementor-element-2e35cda{--width:auto;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7019 .elementor-element.elementor-element-d81713f .porto-u-main-heading > *{font-size:clamp(1.3rem, 4.8vw, 2.3rem);}.elementor-7019 .elementor-element.elementor-element-8f45c61{--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-7019 .elementor-element.elementor-element-3d23752 .elementor-button{font-size:clamp(0.7rem, 1.7vw, 0.8rem);padding:1em 2.1em 1em 2.1em;}.elementor-7019 .elementor-element.elementor-element-38261d7 .elementor-button{font-size:clamp(0.7rem, 1.7vw, 0.8rem);padding:1em 2.1em 1em 2.1em;}.elementor-7019 .elementor-element.elementor-element-76297b0{--width:auto;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7019 .elementor-element.elementor-element-120ab67 .porto-u-main-heading > *{font-size:clamp(1.3rem, 4.8vw, 2.3rem);}.elementor-7019 .elementor-element.elementor-element-2488b67 .elementor-button{font-size:clamp(0.7rem, 1.7vw, 0.8rem);padding:1em 2.1em 1em 2.1em;}}@media(min-width:768px){.elementor-7019 .elementor-element.elementor-element-2e35cda{--width:1200px;}}/* Start custom CSS for container, class: .elementor-element-c90e1bc *//* ======================================================
   Fix Porto Category Grid & Card Layout
   ====================================================== */

/* 1. Reset Grid Columns & Spacing */
ul.products.products-container.grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Responsive Columns */
@media (max-width: 991px) {
    ul.products.products-container.grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 575px) {
    ul.products.products-container.grid {
        grid-template-columns: 1fr !important;
    }
}

/* Reset Porto List Items */
ul.products li.product-category.product-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* 2. Main Card Styling */
ul.products li.product-category.product-col .thumb-info {
    display: flex !important;
    flex-direction: column !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    margin: 0 !important;
    width: 100% !important;
}

ul.products li.product-category.product-col .thumb-info:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* 3. Top Image Section */
ul.products li.product-category.product-col .thumb-info-wrapper {
    background-color: #ffffff !important;
    padding: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 180px !important; /* Proper image container height */
    width: 100% !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

ul.products li.product-category.product-col .thumb-info-wrapper img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* 4. Bottom Text Bar (Resetting Porto's Absolute Positioning) */
ul.products li.product-category.product-col .thumb-info-wrap {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

ul.products li.product-category.product-col .thumb-info-title {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 5. Title Styling */
ul.products li.product-category.product-col h3.sub-title.thumb-info-inner {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 60% !important;
}

/* 6. Product Count Styling */
ul.products li.product-category.product-col .thumb-info-type {
    position: static !important;
    font-size: 13px !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    display: inline-block !important;
}

ul.products li.product-category.product-col mark.count {
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    font-weight: inherit !important;
}

/* Hide Porto Overlay Pseudo-elements */
ul.products li.product-category.product-col .thumb-info::before,
ul.products li.product-category.product-col .thumb-info::after,
ul.products li.product-category.product-col .thumb-info-wrapper::before,
ul.products li.product-category.product-col .thumb-info-wrapper::after {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for porto_posts_grid, class: .elementor-element-b184119 *//* ======================================================
   Porto Carousel - Uniform Card Height & Aligned Buttons
   ====================================================== */

/* 1. Equalize Outer Carousel Items */
.owl-stage {
    display: flex !important;
}

.owl-item {
    display: flex !important;
    height: auto !important;
}

.owl-item .product-col.product-default {
    width: 100% !important;
    display: flex !important;
    padding: 0 !important;
}

/* 2. Main Card Container (Forces Equal Stretching) */
.owl-item .product-col.product-default .product-inner {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.owl-item .product-col.product-default .product-inner:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06) !important;
}

/* 3. Image Box & Discount Badge */
.owl-item .product-col.product-default .product-image {
    background: #f8fafc !important;
    border-radius: 12px !important;
    padding: 12px !important;
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
    height: 180px !important;
    min-height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.owl-item .product-col.product-default .product-image img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Blue Discount Pill Badge (Top Left) */
.owl-item .product-col.product-default .labels {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 2 !important;
}

.owl-item .product-col.product-default .onsale {
    background-color: #3182ce !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.owl-item .product-col.product-default .onhot {
    display: none !important;
}

/* 4. Text Content Column (Expands to fill vertical space) */
.owl-item .product-col.product-default .product-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 0 !important;
}

/* Category Subtitle */
.owl-item .product-col.product-default .category-list {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

.owl-item .product-col.product-default .category-list a {
    color: #64748b !important;
}

/* Title (Truncated to 2 lines for visual symmetry) */
.owl-item .product-col.product-default .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    margin: 4px 0 8px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 38px !important;
}

/* Hide rating wrapper if unused */
.owl-item .product-col.product-default .rating-wrap {
    display: none !important;
}

/* Price Block */
.owl-item .product-col.product-default .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.owl-item .product-col.product-default .price ins {
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.owl-item .product-col.product-default .price del {
    font-size: 13px !important;
    color: #94a3b8 !important;
}

/* 5. Force Buttons to Stick to the Bottom */
.owl-item .product-col.product-default .add-links-wrap {
    margin-top: auto !important; /* Pushes button row to the bottom edge */
    width: 100% !important;
}

.owl-item .product-col.product-default .add-links {
    display: block !important;
    width: 100% !important;
}

/* Primary Button Styling (Add to Cart & Read More) */
.owl-item .product-col.product-default .add_to_cart_button,
.owl-item .product-col.product-default .button {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
    color: #0f172a !important;
    border: 1px solid #0f172a !important;
    border-radius: 20px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.owl-item .product-col.product-default .add_to_cart_button:hover,
.owl-item .product-col.product-default .button:hover {
    background-color: #0f172a !important;
    color: #ffffff !important;
}

/* Hide secondary icons (Wishlist / Quickview) for reference match */
.owl-item .product-col.product-default .yith-wcwl-add-to-wishlist,
.owl-item .product-col.product-default .quickview {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15a4316 *//* ======================================================
   Fix Porto Category Grid & Card Layout
   ====================================================== */

/* 1. Reset Grid Columns & Spacing */
ul.products.products-container.grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Responsive Columns */
@media (max-width: 991px) {
    ul.products.products-container.grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 575px) {
    ul.products.products-container.grid {
        grid-template-columns: 1fr !important;
    }
}

/* Reset Porto List Items */
ul.products li.product-category.product-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* 2. Main Card Styling */
ul.products li.product-category.product-col .thumb-info {
    display: flex !important;
    flex-direction: column !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    margin: 0 !important;
    width: 100% !important;
}

ul.products li.product-category.product-col .thumb-info:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

/* 3. Top Image Section */
ul.products li.product-category.product-col .thumb-info-wrapper {
    background-color: #ffffff !important;
    padding: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 180px !important; /* Proper image container height */
    width: 100% !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

ul.products li.product-category.product-col .thumb-info-wrapper img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* 4. Bottom Text Bar (Resetting Porto's Absolute Positioning) */
ul.products li.product-category.product-col .thumb-info-wrap {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

ul.products li.product-category.product-col .thumb-info-title {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 5. Title Styling */
ul.products li.product-category.product-col h3.sub-title.thumb-info-inner {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 60% !important;
}

/* 6. Product Count Styling */
ul.products li.product-category.product-col .thumb-info-type {
    position: static !important;
    font-size: 13px !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    display: inline-block !important;
}

ul.products li.product-category.product-col mark.count {
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    font-weight: inherit !important;
}

/* Hide Porto Overlay Pseudo-elements */
ul.products li.product-category.product-col .thumb-info::before,
ul.products li.product-category.product-col .thumb-info::after,
ul.products li.product-category.product-col .thumb-info-wrapper::before,
ul.products li.product-category.product-col .thumb-info-wrapper::after {
    display: none !important;
}/* End custom CSS */