/*
 * Zebrs Theme
 * Author: Shopaccino
 * Link: https://www.shopaccino.com/
*/
/* ===============================================
    ============================================== */
    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    body 
    {
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        color: #1c1c1c;
    }
    @media only screen and (min-width: 1140px) {
      .container-fluid {
        padding-right: 1.3rem;
        padding-left: 1.3rem;
      }
    }

/*  ===============================================
    Global
    =============================================== */
    .product-breadcrumb {
        font-size: .75rem;
        color: #8a90a0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    .product-breadcrumb .breadcrumb a { padding-top: 4px; padding-bottom: 4px;}

    
/*  ===============================================
    Home
    =============================================== */
  

    
/*  ===============================================
    Home
    =============================================== */
    .item-details-hold {background-color:#f5f6fa; padding-bottom: 2rem;}
    .item-details-hold .container-fluid
    {
        max-width: 1200px;
    }
    .pdp-card, .swtch_info-desc {background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px;}
   
    .brandline{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--ink-3);margin-bottom:4px}
    .brandline b{color:var(--brand);font-weight:700;letter-spacing:.3px}
    
    .product_detail .reviewscroll span {font-size: 13px;min-width: 15px;}
    .sharebtn-hold .social-container a {display: inline-block !important;}

    .dsktp-zoomer {z-index:1;}
    body.gc-noscroll .dsktp-zoomer {z-index:99;}
    .gc-thumbs-area.gc-hz li {border-radius: 10px; border-width: 2px;}
    .glass-case ul li.gc-active, .glass-case ul li.gc-active:hover {border-color:var(--brand) !important;}
    .prd-cartwishlist-btn{top:12px;right:12px;z-index:2;}
    .prd-cartwishlist-btn .btn-wishlist,
    .cartwishlist-hold #span-add-to-wishlist
    {background:#fff; cursor: pointer;border:1px solid var(--line);border-radius:99px !important;width:38px;height:38px;display:grid;place-items:center;color:var(--ink-2);font-size:1.1rem;line-height: 1;}
    
    @media only screen and (max-width: 767px) {
        .prd-cartwishlist-btn {top:1rem;right:1rem;}
        .prd-cartwishlist-btn .btn-wishlist {box-shadow: var(--bs-box-shadow-sm) !important;}
    }
    
    /* CTAs (desktop inline) */
    .cta-row{display:none;gap:12px;margin-top:10px}
    @media(min-width:900px){.cta-row{display:flex}}
    .btn{flex:1;border-radius:12px;padding:10px 15px;font-size:.95rem;font-weight:700;text-align:center}
    .btn-cart {background:#fff;border:2px solid var(--brand);color:var(--brand)}
    .btn-cart:hover {background:var(--brand); color:#ffffff;}
    .btn-emi{background:linear-gradient(90deg,var(--emi),#0bab5c);color:#fff;box-shadow:0 4px 14px rgba(10,143,76,.35)}
    .btn-emi small{display:block;font-weight:500;font-size:.7rem;opacity:.9}
    
    .review-rate-block { background-color: #ffffff !important;}
    
    .product-des-hold .sticky-top {
        top: 120px;
    }
    
/*  =========== End Products =========== */

 /*-------------------------*/
   :root {
        --duration-extra-long: 0.6s;
        --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
        --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
        --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
    }
    @keyframes slideIn {
        0% {
            transform: translateY(1rem);
            opacity: 0.01;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes fadeIn{
        0% {
          opacity:0;}
        100% {
          opacity:1;    }
    }
    
    .home-category figure img,
    .zoom-bigimg img,
    .text-cl-img-hold figure img,
    .home-gallery-scroll figure img,
    .category-banner figure img,
    .mobile-slide .photo-gallery a img

    {
        opacity: 0.01;
        transform: translateY(2rem);
    }
    .home-category figure img.lazyloaded,
    .zoom-bigimg  img.lazyloaded,
    .zoom-thumb img,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded,
    .subcategory a,
    .imagetext-overlay,
    .product_detail,
    .pf-dkstop-openpanel,
    .review-rate-block,
    .sharebtn-hold,
    .home-category .category-caption
    {
        animation: var(--animation-slide-in);
    }
    
    .home-category figure,
    .text-cl-img-hold figure,
    .home-gallery-scroll figure,
    .home-gallery-scroll figure,
    .category-banner figure
    { overflow:hidden;border-radius: 3px;}
    
    .home-category figure img.lazyloaded,
    .text-cl-img-hold figure img.lazyloaded,
    .home-gallery-scroll figure img.lazyloaded,
    .category-banner figure img.lazyloaded,
    .mobile-slide .photo-gallery a img.lazyloaded
    {
        transition: transform 1s ease !important;
        animation: none;
        transform: scale(1);
        opacity: 1;
    }

    .home-rounded-category-panel  figure img {opacity: 1;transform: scale(1);}
    
    /*---- image hover zoom -----*/
    .teaser img.lazyloaded:hover,
    .home-category figure img.lazyloaded:hover,
    .text-cl-img-hold figure img.lazyloaded:hover,
    .home-gallery-scroll figure img.lazyloaded:hover,
    .category-banner figure img.lazyloaded:hover,
    .mobile-slide .photo-gallery a img.lazyloaded:hover,
    .home-slider .slide__img img.lazyloaded:hover,
    .bt-slider .carousel-item a img,
    .imagetext-overlay .imagetext-overlay-img figure img.lazyloaded:hover
    {
      transform: scale(1.05);
      transition: all ease 0.5s;
    }
    .home-category figure img.rounded-circle:hover {transform: scale(1);}