/* ===============================================
    Lumina Theme
    ============================================== */
    body {color: #333333; font-size: 14px;}
    @media only screen and (min-width: 1140px) {
      .container-fluid {
        padding-right: 1.3rem;
        padding-left: 1.3rem;
      }
    }

/*  ===============================================
    Button CSS
    =============================================== */
    .home-slider .btn-primary, 
    .home-category .category-caption .btn-primary {padding: 14px 3.5em;}
    .form-control,
    .form-select,
    .btn,
    .btn-primary,
    .btn-wishlist,
    .variant_size_span,
    .description-all-tabs .nav-tabs .nav-link {
        border-radius: 2px !important;
        overflow: hidden;
    }
    .btn { 
        padding: 12px 27px;
        letter-spacing: .12em;
        transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        text-transform: uppercase;
        font-size: 11px;
    }
    .btn-primary, .badge-primary,.btn-primary.active, .btn-primary:active,
    .btn-check:focus + .btn-primary, .btn-primary:focus {background-color: #323232;border-color: #323232;color: #ffffff;}
    .btn-primary:hover, .btn-outline-primary:hover {background-color: #000000;border-color: #000000;color: #ffffff;}
    .btn-outline-primary {border-color:#323232; color: #323232;}
    .btn-outline-primary,
    .btn-primary{
        position: relative;
        line-height: normal;
        border-radius: 0;
        letter-spacing: 2px;
        background-color: transparent;
        transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        z-index: 1;
    }
    .btn-primary-new { border:solid 1px #ffffff;}
    .btn-primary::before, .btn-outline-primary::before{
         position: absolute;
        content: '';
        left: 0;
        top: 0;
        right: -1px;
        bottom: 0px;
        transform: scale(1, 1);
        transform-origin: left center;
        z-index: -1;
        background-color: #323232;
    }
    .btn-outline-primary::before{
        transform-origin: right center;
        transform: scale(0, 1)
    }
    .btn-primary-new::before {background-color: #ffffff; color:#333;}
    @media (-moz-touch-enabled: 0),(hover: hover) {
        .btn-outline-primary:not([disabled])::before,
        .btn-primary:not([disabled])::before,  .btn-primary-new:not([disabled])::before{
            transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86)
        }
        .btn-outline-primary:not([disabled]):hover::before{
            transform-origin: left center;
            transform: scale(1, 1)
        }
        .btn-primary:not([disabled]):hover::before,     
        .btn-primary-new:not([disabled]):hover::before{
            transform-origin: right center;
            transform: scale(0, 1)
        }
        .btn-outline-primary:not([disabled]):hover{
            color: #fff;
            border-color: #323232;
            background-color: transparent
        }
        .btn-primary:not([disabled]):hover{
            color: #323232;
            background-color: transparent
        }
        .btn-primary-new:not([disabled]):hover{
            color: #ffffff;
            background-color: transparent
        }
    }
    .btn:focus,.btn:blur {box-shadow:none; text-shadow:none; box-shadow:none;}
    .btn:focus,.btn:blur {border-radius:10px;}
    
    .bg-light {background-color: #f5f5f5;}
    .pagination-hold .pagination {
        display: block !important;
        border-top: solid 1px;
        border-bottom: solid 1px;
        margin-top: 3em !important;
    }
    
/*  ===============================================
    Home page
    =============================================== */
    .home-category figure img {object-fit: cover; background-color: #f8f8f8;}
    .home-category figure .home-category-featured-img {}
    /* category grid with products*/
    @media (min-width: 1023px) {
        .heading-rotate {
            /*
            writing-mode:sideways-lr;
            text-orientation: mixed;
            */
               writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 4vw !important;
        }
        .box_grid_label { width: 80px;}
        .box {
            display: grid;
            grid-template-columns: 1fr auto;
            margin-bottom: 1rem;
        }
        .box_grid_content {
            padding: 1em;
        }
        .box_grid_label {
            color: #000000;
            padding:0.75em 0.75em 1.2em 0.75em;
            min-width: 120px;
        }
        .home-featuted-category {padding-bottom: 0 !important;}
        .home-featuted-category:nth-child(even) .box_grid_label {order:2}
        .home-featuted-category:nth-child(even) .box_grid_content {order:1}
        .home-featuted-category:nth-child(even) .heading-rotate {
            /*
            writing-mode:sideways-rl;
            text-orientation: mixed;
            */
        }
    }
    
    .multiple-radio-selection label {max-width: 92px;margin-right: 10px;}
    /*----- */
    .custome-bannerimg-ratio {--bs-aspect-ratio: 75%;}
    @media (min-width: 1023px) {
        .custome-bannerimg-ratio {--bs-aspect-ratio: 32%;}
    }

    @media (max-width: 991px) {
        .item-details-hold {max-width: 720px; margin: 0 auto;}
        .glass-case { margin: 0 auto; }
        .multiple-radio-selection label {max-width:100px;}
    }
    .product-des-hold { overflow: hidden;}

      .variant-block .variant_select figure {
        display: block !important;
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
        border-radius: 50%;
      }
      .variant-block .variant_select figure img {
        display: block !important;
        position: absolute;
        top: 0px;
        left: 0px;
        max-width: 100%;
        width: 100% !important;
        object-fit: contain;
        object-position: center;
      }
    
    .gc-display-display { 
        cursor:pointer !important;
    }
    .gc-overlay-container-display { background-color: #e3e3e3 !important;}
      
    /*
    .heading-border { position:relative; z-index: 0;}
    .heading-border:before {
        content: "";
        display: block;
        border-top: solid 1px black;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        z-index: 1;
      }
      .heading-border h1 {
        background: #fff;
        padding: 0 20px;
        position: relative;
        z-index: 5;
      }
      */
      
      
    @media (min-width: 992px) {
        .storecategory > .row-cols-lg-4 {justify-content: center;}
        .storecategory > .row-cols-lg-4 > * {
          width: 16.66666667%;
        }
    }
    
    
    /*------ */
    .teaser img,
    .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,
    .subcategory figure img,
    .home-slider a img,
    .imagetext-overlay-img > figure > img
    {
        opacity: 0.01;
        transform: translateY(2rem);
    }
    .teaser img.lazyloaded,
    .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 figure img.lazyloaded,
    .home-slider a img.lazyloaded, 
    .subcategory a,
    .imagetext-overlay,
    .product_detail,
    .pf-dkstop-openpanel,
    .review-rate-block,
    .sharebtn-hold,
    .home-category .category-caption,
    .imagetext-overlay-img > figure > img.lazyloaded
    {
        animation: var(--animation-slide-in);
    }
    
    .teaser figure,
    .home-category figure,
    .text-cl-img-hold figure,
    .home-gallery-scroll figure,
    .home-gallery-scroll figure,
    .category-banner figure
    { overflow:hidden; }
    
    .teaser  img.lazyloaded,
    .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,
    .imagetext-overlay-img > figure > img.lazyloaded,
    .home-slider a img.lazyloaded,
    .subcategory figure img.lazyloaded
    {
        transition: transform 1s ease !important;
        animation: none;
        transform: scale(1);
        opacity: 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
    {
        transform: scale(1.05);
    }