.card-title {
    display: none;
}

/* 1. Fix the image background and ensure it is not cut (uncut) */
.css-thumbnail img {
    background-color: #ffffff !important; /* Forces white background */
    object-fit: contain !important;       /* Shows full image without cropping */
    padding: 10px;                         /* Optional: white space around image */
}

/* 1. Remove the hover border and shadow ONLY for cards inside the category section */
.css-categories .js-card-item:hover {
    border: none !important;
    box-shadow: none !important;
}
/* 2. (Optional) If you also want to remove the default border in this section */
.css-categories .js-card-item {
    border: none !important;
}


/* Apply to both Category cards and Product cards */
.css-categories .js-card-item,
.css-products .js-card-item {
    position: relative;
    overflow: hidden;
    transition: none !important;
}

/* 1. Remove zoom for both */
.css-categories .js-card-item .zooming,
.css-products .js-card-item .zooming {
    transition: none !important;
    transform: none !important;
}

/* 2. Add the Shine Effect Layer to both */
.css-categories .js-card-item::before,
.css-products .js-card-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    z-index: 10;
    pointer-events: none;
}

/* 3. Trigger the shine on hover for both */
.css-categories .js-card-item:hover::before,
.css-products .js-card-item:hover::before {
    left: 150%;
    transition: left 0.7s ease-in-out;
}



/* Apply glass effect to the sticky header */
#fixed-header {
    background-color: rgba(255, 255, 255, 0.7) !important; /* Semi-transparent white */
    backdrop-filter: blur(10px) !important;                /* The 'frost' effect */
    -webkit-backdrop-filter: blur(10px) !important;       /* Safari support */
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}



-----------------------------

/* --- 1. Reset: Remove Borders, Shadows, and Zoom --- */
.css-categories .js-card-item,
.js-card-product .js-card-item {
    border: none !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
    position: relative;
    overflow: hidden; /* Required for shine effect */
    transition: none !important;
}

.css-categories .zooming,
.js-card-product .zooming {
    transition: none !important;
    transform: none !important;
}

/* --- 2. Fix Image Backgrounds and Cropping --- */
.css-categories .js-card-top img,
.js-card-product .js-card-top img {
    background-color: #ffffff !important;
    object-fit: contain !important;
    padding: 10px;
}

/* --- 3. The Shine Effect --- */
.css-categories .js-card-item::before,
.js-card-product .js-card-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.5) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    z-index: 10;
    pointer-events: none;
}

.css-categories .js-card-item:hover::before,
.js-card-product .js-card-item:hover::before {
    left: 150%;
    transition: left 0.7s ease-in-out;
}


---------------------------------
/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
/*  كود الالوان ل البحث والتغير

 #0b4a54
 
 */
div[id^=gb-widget-] {
    left: 12px!important;
    right: auto!important
}

.product-features {
    display: none!important
}

a.btn-product-card-out-of-stock {
    background: #fff!important;
    color: #101010!important
}

.ltr .account-lang-currency {
    background-color: #111
}

.header-theme-bg-primary {
    background-color: #fff
}

.menu-header-theme-bg-primary {
    background-color: #070707!important;
    background-color: #0b4a54!important
}

@media only screen and (max-width: 768px) {
    .announcement-text {
        font-size:14.5px!important;
        line-height: 1.5!important;
        max-width: 280px!important;
        margin: 3px 0!important
    }

    .icon-times-circle2 {
    }

    .icon-times-circle2:before {
    }

    .slide-menu__slider {
        padding-bottom: 650px
    }

    .slide-menu a {
        padding: 18px;
        font-size: 1.3rem
    }

    .breadcrumb {
        background-color: #f7f7f7;
        padding: 1.5rem 1rem
    }

    .breadcrumb-item a {
        font-size: 15px
    }

    .breadcrumb-item.active {
        font-size: 15px;
        color: #070707!important
    }

    .subTitle-detail {
        padding: 48px 16px;
        background-color: #fff
    }

    .bread-title {
        margin: 0 auto;
        color: #070707!important;
        font-weight: 700
    }

    .filter-buttons-container {
        margin: 0 auto!important;
        padding: 0 16px 24px
    }

    .product-card-rating-wrapper {
        display: none
    }
}

.product-price {
    text-align: center;
   
    color: #111!important
}

.product-formatted-price {
    color: #111!important;
    
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px
}

.col-product-info>section>p {
    font-size: 16.5px
}

.col-product-info>section .tamara-product-widget {
    font-family: inherit!important;
    font-size: 16px
}

#product-form .size-box label {
    font-size: 16px;
    font-weight: 700
}

#product-form .size-box ul li span {
    font-size: 16px
}

.col-product-info>div:last-child {
    display: none
}

.products-details-page .products-details {
    padding: 8px;
    margin-top: 0!important;
    margin-bottom: 0!important
}

#product-description {
    padding: 8px;
    margin-top: 0!important
}

.products-details-page .description-icon {
    display: none
}

.products-details-page .description-title {
    margin-right: 0;
    margin: 0 0 8px;
    font-size: 20px
}

.products-details-page .description-paragrah {
    font-size: 16.5px
}

.products-details-page .container>section {
    padding: 8px
}

.products-details-page .products-slider-wrapper {
    margin-top: 16px
}

.products-details-page .product-selection {
    display: none
}

.products-details-page .review-details {
}

.blog * {
}

.blog-title h1 {
    font-size: 2.2rem
}

.blog-text p {
    font-size: 1.4rem
}

.blog-text a {
    color: #0b4a54;
    font-weight: 700;
    text-decoration: underline
}

@media only screen and (max-width: 768px) {
    .image-logo {
        max-width:160px!important;
        margin-right: 8px
    }

    .checkout-header .logo-div a img {
        height: auto!important;
        width: 180px!important;
        margin: 16px!important
    }

    .products-slide, .prod-col {
        padding: 0 4px!important
    }

    .prod-col {
        padding-bottom: 8px!important
    }

    .products-slider-wrapper {
        margin: 0 12px
    }

    .products-list .product-item {
        margin: 0 auto
    }

    .description-paragrah div img {
        width: 100%!important
    }

    .products-list {
        padding: 12px
    }

    .product-item {
        max-width: 350px!important;
        width: 170px!important
    }
}

.box-1-1.ratio21_9:before {
    padding-top: 70%
}

.section-title {
    text-align: center
}

.image-logo {
    max-width: 180px
}

.header-logo {
    height: auto!important
}

.icon-shopping_cart_black_36dp-1-1 {
    content: url(https://media.zid.store/e89f6b26-aafb-407f-a777-77097d7ef557/a34ffdf9-6091-47f1-8144-31384c76a800.svg);
    width: 22px!important;
    margin-left: 12px;
    margin-top: 2px;
    color: #111!important
}

.rtl .cart-header-total {
    display: none
}

.rtl .cart-badge {
    left: 24px
}

.icon-search {
    content: url(https://media.zid.store/e89f6b26-aafb-407f-a777-77097d7ef557/dfba1457-ec52-47e7-aa44-d4c4b7d4cbd9.svg);
    width: 20px!important;
    margin-top: 3px;
    color: #111!important
}

.icon-search:before {
    color: #927847
}

.icon-menu-top>span {
    content: url(https://media.zid.store/e89f6b26-aafb-407f-a777-77097d7ef557/ba091f08-8cbc-4f57-950b-66510a2e2afe.svg);
    color: #111!important;
    width: 26px!important;
    margin-top: 15%
}

.rtl .ic.menu {
    left: 0
}

.icon-arrow-left:before {
    color: #111
}

.main {
    background-color: #fff!important
}

#fixed-header {
    box-shadow: rgba(0,0,0,0.05)0px 2px 6px -1px,rgba(0,0,0,0.06)0px 2px 4px -1px
}

.main-slider {
    max-height: 100%;
    margin-bottom: 20px
}

.product-item {
    background-color: #fff;
    padding-bottom: 16px
}

.product-item .product-title {
    font-size: 16.5px;
    font-weight: 500!important;
    text-align: center;
    padding: 0 10px;
    color: #000!important
}

.section-product-price>div:nth-child(2) {
    font-size: 14px;
    text-align: center;
    margin-top: 2px
}

.product-crd-spec small {
    display: none
}

.product-crd-spec {
    min-height: auto
}

.product-item>div {
    padding: 0 12px!important
}

.btn-product-card-select-variant, .product-card-add-to-cart, .btn-product-card-out-of-stock {
    width: 100%!important;
    margin-top: 12px;
    padding: 8px;
    font-size: 14.5px;
    border: none;
    background-color: #171717!important;
    color: #f7f7f7!important;
    border: 1px solid #171717;
    background-color: transparent!important;
    color: #171717!important
}

.btn-product-card-select-variant:hover, .btn-product-card-select-variant:active, .product-card-add-to-cart:hover, .product-card-add-to-cart:active {
    background-color: #0b4a54!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    color: #fff!important
}

.category-products-display-more-section {
    margin-top: 1.8rem!important;
    margin-bottom: 1.5rem
}

.button.more-button, a.more-button {
    padding: 12px 16px
}

.button.more-button, a.more-button:hover, .button.more-button, a.more-button:active {
    background-color: #0b4a54!important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    color: #fff!important
}

.footer-theme-text-for-primary-bg {
    background-color: #000
}

.footer-store-section {
    text-align: center;
    padding: 48px 12px
}

.footer-about-us-links-div {
    padding: 16px 0
}

.footer-about-us-links-div h1 {
    font-size: 18.5px;
    color: #efefef!important
}

.footer-about-us-links-div p {
    font-size: 16px;
    color: #c7c7c7!important;
    margin-bottom: .5rem
}

.footer-about-us-links-div a {
    font-size: 16px;
    color: #c7c7c7!important
}

.footer-about-us-links-div a:hover, .footer-about-us-links-div a:active {
    color: #f7f7f7!important
}

.social-icons {
    margin: 0 auto;
    display: flex!important;
    justify-content: center
}

.social-icons a {
    margin: 6px 0 0 20px!important;
    border: none!important
}

.social-icons span {
    height: 36px;
    width: 36px;
    font-size: 24px!important;
    color: #f7f7f7!important;
    padding: 12px;
    border: none!important
}

.social-icons span:hover, .social-icons span:active {
    color: #f7f7f7!important
}

.footer-copyrights-vat-certificate {
    background-color: #f7f7f7!important
}

.footer-copyrights {
    font-size: 14px!important;
    color: #111;
    padding: 0 0 28px
}


.category-item {
    background-color: #f0f2f2 !important;
}



/* Remove borders from the sections */
.border-top, 
.border-secondary {
    border: none !important;
}