/* CSS Document */
 .product-showcase {
            background: #f6f6f6;
            padding: 50px 0 0px;
            overflow: hidden;
        }

        .product-showcase .container-fluid {
            padding-inline: 10%;
        }

        .product-showcase.last-prod {
            padding-bottom: 50px;
        }

        .product-header {
            display: flex;
            align-items: flex-start;
            gap: 80px;
            margin-bottom: 10px;
        }

        .product-breadcrumb {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 25px;
            font-size: 14px;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .product-breadcrumb a {
            color: #000;
            text-decoration: none;
        }

        /* .product-breadcrumb span {
            color:rgba(255,255,255,.6);
        } */

        .product-tag {
            display: flex;
            align-items: center;
            gap: 15px;
            min-width: 120px;
            padding-top: 12px;
        }

        .product-tag span {
            width: 65px;
            height: 1px;
            background: #321932;
        }

        .product-tag p {
            margin: 0;
            font-size: 12px;
            letter-spacing: .15em;
            color: #321932;
            font-weight: 600;
            text-transform: uppercase;
        }

        /* .product-content {} */

        .product-content h1 {
/*            max-width: 950px;*/
            max-width: 100%;
            font-size: clamp(34px, 4vw, 68px);
            line-height: 1.08;
            font-weight: 300;
            color: #27313c;
            letter-spacing: -.03em;
            text-transform: uppercase;
        }

        .product-ref {
            margin-top: 0px;
            text-transform: uppercase;
            font-size: 12px;
            color: #0a0c0e;
            letter-spacing: .08em;
            font-weight: 500;
        }

        /* SLIDER */

        .product-slider-wrapper {
            position: relative;
            overflow: hidden;
        }

        .product-slider {
            overflow: hidden;
        }

        .product-slider .slide {
            padding: 0;
        }

        .product-slider img {
            width: 100%;
            height: 720px;
            object-fit: cover;
            display: block;
        }

        /* COUNTER PANEL */

        .slider-nav-panel {
            position: absolute;
            left: 0px;
            bottom: 110px;
            width: 280px;
            height: 80px;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 25px;
            z-index: 5;
            box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
        }

        .slide-count {
            display: flex;
            align-items: center;
            gap: 10px;

            font-size: 13px;
            letter-spacing: .15em;
            font-weight: 600;
        }



        .progress-divider {
            width: 60px;
            height: 1px;
            background: #d9d9d9;
            position: relative;
            overflow: hidden;
        }

        .progress-fill {
            position: absolute;
            left: 0;
            top: 0;
            width: 0%;
            height: 100%;
            background: #222;
        }

        .progress-fill.animate {
            animation: slideProgress 5s linear forwards;
        }

        @keyframes slideProgress {
            from {
                width: 0%;
            }

            to {
                width: 100%;
            }
        }

        .custom-arrows {
            display: flex;
            gap: 8px;
        }

        .custom-arrows button {
            /* width:50px; */
            /* height:50px; */
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            background: none;
            cursor: pointer;
            transition: all 300ms ease-in-out;
        }

        .custom-arrows button svg {
            width: 25px;
            height: 25px;
        }

        .custom-arrows button:hover {
            transform: translateY(-2px);
        }


        /* SLICK */

        .slick-track {
            display: flex;
        }

        .slick-slide {
            height: inherit;
        }

        .slick-slide img {
            pointer-events: none;
        }

        /* RESPONSIVE */

        @media (max-width:991px) {

            .product-header {
                gap: 30px;
                flex-direction: column;
            }

            .product-slider img {
                height: 550px;
            }

            .slider-nav-panel {
                width: 150px;
                height: 70px;
                bottom: 30px;
            }


        }

        @media (max-width:767px) {

            .product-showcase {
                padding: 50px 0 80px;
            }

            .product-content h1 {
                font-size: 32px;
            }

            .product-slider img {
                height: 420px;
            }

            .slider-nav-panel {
                position: relative;
                bottom: auto;
                left: auto;
                margin-top: 20px;
            }


        }