/* =========================================================
        DADDY ARUMUGAM SHOP
        CLEAN RESPONSIVE DESIGN
        ========================================================= */

        :root {
            --da-brown: #4a2112;
            --da-brown-dark: #35170d;
            --da-green: #6c9d25;
            --da-green-light: #edf5e3;

            --da-light: #faf3e8;
            --da-border: #e5ddd5;

            --da-text: #241711;
            --da-muted: #777777;
            --da-orange: #e87518;
        }


        /* =========================================================
        RESET ONLY SHOP
        ========================================================= */

        .da-shop-page,
        .da-shop-page *,
        .da-cart-toast,
        .da-cart-toast * {
            box-sizing: border-box;
        }


        /* =========================================================
        MAIN SECTION
        ========================================================= */

        .da-shop-page {
            width: 100%;
            padding: 35px 0 60px;
            background: #ffffff;
        }


        /* =========================================================
        MAIN CONTAINER
        ========================================================= */

        .da-shop-container {
            width: calc(100% - 40px);
            max-width: 1265px;
            margin: 0 auto;
        }


        /* =========================================================
        MAIN SHOP LAYOUT
        ========================================================= */

        .da-shop-layout {
            display: grid;
            grid-template-columns: 250px minmax(0, 1fr);
            gap: 26px;
            align-items: start;
        }


        /* =========================================================
        FILTER SIDEBAR
        ========================================================= */

        .da-filter-sidebar {
            width: 100%;

            background: #ffffff;

            border: 1px solid var(--da-border);
            border-radius: 10px;

            padding: 18px 14px;

            position: sticky;
            top: 20px;

            max-height: calc(100vh - 40px);

            overflow-y: auto;

            scrollbar-width: thin;
        }


        /* scrollbar */

        .da-filter-sidebar::-webkit-scrollbar {
            width: 5px;
        }

        .da-filter-sidebar::-webkit-scrollbar-track {
            background: transparent;
        }

        .da-filter-sidebar::-webkit-scrollbar-thumb {
            background: #d5cbc3;
            border-radius: 20px;
        }


        /* =========================================================
        FILTER HEADER
        ========================================================= */

        .da-filter-header {
            display: flex;
            align-items: center;
            justify-content: space-between;

            padding-bottom: 14px;

            border-bottom: 1px solid var(--da-border);
        }

        .da-filter-header h3 {
            margin: 0;

            display: flex;
            align-items: center;
            gap: 8px;

            font-family: 'Poppins', sans-serif;
            font-size: 17px;
            font-weight: 700;

            color: var(--da-text);
        }

        .da-filter-header h3 i {
            font-size: 14px;
        }


        /* =========================================================
        MOBILE CLOSE
        ========================================================= */

        .da-filter-close {
            display: none;

            width: 34px;
            height: 34px;

            align-items: center;
            justify-content: center;

            border: 1px solid var(--da-border);
            border-radius: 50%;

            background: #ffffff;

            color: var(--da-brown);

            cursor: pointer;
        }


        /* =========================================================
        FILTER GROUP
        ========================================================= */

        .da-filter-group {
            padding: 18px 0;

            border-bottom: 1px solid var(--da-border);
        }

        .da-filter-group:last-of-type {
            border-bottom: 0;
        }


        /* =========================================================
        FILTER TITLE
        ========================================================= */

        .da-filter-title {
            width: 100%;

            padding: 0;
            margin: 0 0 14px;

            border: 0;

            background: transparent;

            display: flex;
            align-items: center;
            justify-content: space-between;

            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            font-weight: 700;

            color: var(--da-text);

            cursor: pointer;

            text-align: left;
        }

        .da-filter-title i {
            font-size: 11px;
        }


        /* =========================================================
        FILTER OPTIONS
        ========================================================= */

        .da-filter-options {
            display: flex;
            flex-direction: column;

            gap: 11px;
        }

        .da-filter-options label {
            display: flex;
            align-items: center;

            gap: 9px;

            width: 100%;

            font-family: 'Poppins', sans-serif;
            font-size: 12px;

            line-height: 1.4;

            color: #555555;

            cursor: pointer;
        }

        .da-filter-options label:hover {
            color: var(--da-brown);
        }


        /* =========================================================
        CHECKBOX
        ========================================================= */

        .da-filter-options input[type="checkbox"] {
            appearance: none;

            width: 17px;
            height: 17px;

            flex-shrink: 0;

            margin: 0;

            border: 1px solid #aaa;

            border-radius: 3px;

            background: #ffffff;

            cursor: pointer;

            position: relative;
        }

        .da-filter-options input[type="checkbox"]:checked {
            background: var(--da-green);

            border-color: var(--da-green);
        }

        .da-filter-options input[type="checkbox"]:checked::after {
            content: "\f00c";

            position: absolute;

            left: 50%;
            top: 50%;

            transform: translate(-50%, -50%);

            font-family: "Font Awesome 6 Free";
            font-weight: 900;

            font-size: 9px;

            color: #ffffff;
        }


        /* filter count */

        .da-filter-options small {
            margin-left: auto;

            font-family: 'Poppins', sans-serif;

            font-size: 10px;

            color: #999999;
        }


        /* =========================================================
        PRICE
        ========================================================= */

        .da-price-values {
            display: flex;
            justify-content: space-between;

            margin-bottom: 16px;

            font-family: 'Poppins', sans-serif;

            font-size: 12px;

            color: #555555;
        }


        /* slider */

        .da-price-slider {
            position: relative;

            width: 100%;
            height: 22px;
        }


        /* green line */

        .da-price-slider::before {
            content: "";

            position: absolute;

            left: 5px;
            right: 5px;

            top: 50%;

            transform: translateY(-50%);

            height: 5px;

            background: var(--da-green);

            border-radius: 20px;
        }


        /* range inputs */

        .da-price-slider input[type="range"] {
            position: absolute;

            left: 0;
            top: 0;

            width: 100%;
            height: 22px;

            margin: 0;

            background: transparent;

            pointer-events: none;

            appearance: none;
        }


        /* chrome */

        .da-price-slider input[type="range"]::-webkit-slider-runnable-track {
            height: 5px;

            background: transparent;

            border: 0;
        }

        .da-price-slider input[type="range"]::-webkit-slider-thumb {
            appearance: none;

            width: 17px;
            height: 17px;

            margin-top: -6px;

            border-radius: 50%;

            border: 2px solid #ffffff;

            background: var(--da-brown);

            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);

            pointer-events: auto;

            cursor: pointer;
        }


        /* firefox */

        .da-price-slider input[type="range"]::-moz-range-track {
            height: 5px;

            background: transparent;
        }

        .da-price-slider input[type="range"]::-moz-range-thumb {
            width: 17px;
            height: 17px;

            border-radius: 50%;

            border: 2px solid #ffffff;

            background: var(--da-brown);

            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);

            pointer-events: auto;

            cursor: pointer;
        }


        /* =========================================================
        FILTER ACTIONS
        ========================================================= */

        .da-filter-actions {
            display: flex;
            flex-direction: column;

            gap: 9px;

            padding-top: 4px;
        }

        .da-apply-filter,
        .da-clear-filter {
            width: 100%;

            min-height: 40px;

            border-radius: 5px;

            font-family: 'Poppins', sans-serif;

            font-size: 12px;
            font-weight: 600;

            cursor: pointer;

            transition: all 0.25s ease;
        }


        /* Apply */

        .da-apply-filter {
            border: 0;

            background: var(--da-brown);

            color: #ffffff;
        }

        .da-apply-filter:hover {
            background: var(--da-brown-dark);

            transform: translateY(-1px);
        }


        /* Clear */

        .da-clear-filter {
            border: 1px solid #b9aaa0;

            background: #ffffff;

            color: var(--da-brown);
        }

        .da-clear-filter:hover {
            background: var(--da-light);

            border-color: var(--da-brown);
        }


        /* =========================================================
        PRODUCTS AREA
        ========================================================= */

        .da-products-area {
            width: 100%;
            min-width: 0;
        }


        /* =========================================================
        TOOLBAR
        ========================================================= */

        .da-shop-toolbar {
            width: 100%;

            min-height: 42px;

            margin-bottom: 18px;

            display: flex;

            align-items: center;
            justify-content: space-between;

            gap: 20px;
        }


        /* left */

        .da-view-controls {
            display: flex;

            align-items: center;

            gap: 7px;

            min-width: 0;
        }


        /* view buttons */

        .da-view-btn {
            width: 36px;
            height: 36px;

            display: flex;
            align-items: center;
            justify-content: center;

            border: 1px solid var(--da-border);

            border-radius: 5px;

            background: #ffffff;

            color: #777777;

            cursor: pointer;

            transition: 0.25s ease;
        }

        .da-view-btn i {
            font-size: 13px;
        }

        .da-view-btn.active {
            background: var(--da-brown);

            border-color: var(--da-brown);

            color: #ffffff;
        }

        .da-view-btn:hover {
            border-color: var(--da-brown);

            color: var(--da-brown);
        }

        .da-view-btn.active:hover {
            color: #ffffff;
        }


        /* count */

        .da-product-count {
            margin-left: 4px;

            font-family: 'Poppins', sans-serif;

            font-size: 12px;

            color: #777777;

            white-space: nowrap;
        }


        /* =========================================================
        SORT
        ========================================================= */

        .da-shop-sort {
            display: flex;

            align-items: center;

            gap: 9px;

            flex-shrink: 0;
        }

        .da-shop-sort > span {
            font-family: 'Poppins', sans-serif;

            font-size: 12px;

            color: #555555;
        }

        .da-shop-sort select {
            min-width: 145px;

            height: 38px;

            padding: 0 12px;

            border: 1px solid var(--da-border);

            border-radius: 5px;

            background: #ffffff;

            color: #444444;

            font-family: 'Poppins', sans-serif;

            font-size: 12px;

            outline: none;

            cursor: pointer;
        }


        /* =========================================================
        PRODUCT GRID
        ========================================================= */

        .da-product-grid {
            width: 100%;

            display: grid;

            grid-template-columns:
                repeat(4, minmax(0, 1fr));

            gap: 18px;
        }


        /* =========================================================
        PRODUCT CARD
        ========================================================= */

        .da-shop-product {
            min-width: 0;

            background: #ffffff;

            border: 1px solid var(--da-border);

            border-radius: 9px;

            overflow: hidden;

            position: relative;

            transition:
                transform 0.25s ease,
                box-shadow 0.25s ease,
                border-color 0.25s ease;
        }

        .da-shop-product:hover {
            transform: translateY(-3px);

            border-color: #d8c9bd;

            box-shadow:
                0 8px 24px rgba(50, 25, 10, 0.10);
        }


        /* =========================================================
        PRODUCT IMAGE
        ========================================================= */

        .da-product-image-wrap {
            position: relative;

            width: 100%;

            background: var(--da-light);
        }

        .da-product-image {
            display: block;

            width: 100%;

            height: 235px;

            overflow: hidden;

            background: var(--da-light);
        }

        .da-product-image img {
            width: 100%;
            height: 100%;

            display: block;

            object-fit: contain;

            transition: transform 0.4s ease;
        }

        .da-shop-product:hover .da-product-image img {
            transform: scale(1.035);
        }


        /* =========================================================
        TOP WISHLIST
        ========================================================= */

        .da-wishlist {
            position: absolute;

            top: 12px;
            right: 12px;

            width: 36px;
            height: 36px;

            display: flex;
            align-items: center;
            justify-content: center;

            border: 1px solid var(--da-border);

            border-radius: 50%;

            background: rgba(255, 255, 255, 0.96);

            color: var(--da-brown);

            cursor: pointer;

            z-index: 5;

            transition: all 0.25s ease;
        }

        .da-wishlist i {
            font-size: 14px;
        }

        .da-wishlist:hover {
            background: var(--da-brown);

            border-color: var(--da-brown);

            color: #ffffff;
        }


        /* =========================================================
        PRODUCT DETAILS
        ========================================================= */

        .da-product-details {
            padding: 13px 13px 14px;
        }


        /* title */

        .da-product-details h3 {
            margin: 0 0 3px;

            font-family: 'Poppins', sans-serif;

            font-size: 14px;

            line-height: 1.35;

            font-weight: 700;

            color: var(--da-text);

            white-space: nowrap;

            overflow: hidden;

            text-overflow: ellipsis;
        }


        /* weight */

        .da-product-weight {
            display: block;

            margin-bottom: 7px;

            font-family: 'Poppins', sans-serif;

            font-size: 10px;

            color: #999999;
        }


        /* =========================================================
        RATING
        ========================================================= */

        .da-product-rating {
            display: flex;

            align-items: center;

            gap: 5px;

            margin-bottom: 5px;
        }

        .da-stars {
            font-family: Arial, sans-serif;

            font-size: 10px;

            letter-spacing: 1px;

            color: var(--da-orange);
        }

        .da-product-rating small {
            font-family: 'Poppins', sans-serif;

            font-size: 9px;

            color: #888888;
        }


        /* =========================================================
        PRICE
        ========================================================= */

        .da-product-price {
            margin-bottom: 11px;

            font-family: 'Poppins', sans-serif;

            font-size: 15px;

            line-height: 1.3;

            font-weight: 700;

            color: #111111;
        }


        /* =========================================================
        PRODUCT ACTIONS
        ========================================================= */

        .da-product-actions {
            display: grid;

            grid-template-columns:
                minmax(0, 1fr) 38px;

            gap: 7px;
        }


        /* =========================================================
        ADD CART
        ========================================================= */

        .da-add-cart {
            width: 100%;

            min-height: 37px;

            border: 0;

            border-radius: 5px;

            background: var(--da-brown);

            color: #ffffff;

            display: flex;

            align-items: center;
            justify-content: center;

            font-family: 'Poppins', sans-serif;

            font-size: 11px;

            font-weight: 600;

            cursor: pointer;

            transition: all 0.25s ease;
        }

        .da-add-cart:hover {
            background: var(--da-brown-dark);

            transform: translateY(-1px);
        }

        .da-add-cart.added {
            background: var(--da-green);
        }


        /* =========================================================
        SMALL WISHLIST
        ========================================================= */

        .da-small-wishlist {
            min-height: 37px;

            border: 1px solid var(--da-border);

            border-radius: 5px;

            background: #ffffff;

            color: var(--da-brown);

            cursor: pointer;

            transition: all 0.25s ease;
        }

        .da-small-wishlist i {
            font-size: 14px;
        }

        .da-small-wishlist:hover {
            background: var(--da-light);

            border-color: var(--da-brown);
        }

    /* =========================================================
    SHOP BENEFITS
    ========================================================= */

    .da-shop-benefits {
        width: 100%;
        max-width: 1265px;
        margin: 35px auto 0;

        padding: 22px 38px;

        background: #faf3e7;

        border-radius: 14px;
        border: 1px solid #f0e3d2;

        display: grid;
        grid-template-columns: repeat(4, 1fr);

        align-items: center;
        box-sizing: border-box;
    }


    /* =========================================================
    BENEFIT ITEM
    ========================================================= */

    .da-benefit {
        min-width: 0;

        display: flex;
        align-items: center;

        gap: 15px;

        padding: 0 25px;

        position: relative;
    }


    /* Vertical separator */

    .da-benefit:not(:last-child)::after {
        content: "";

        position: absolute;

        right: 0;
        top: 50%;

        width: 1px;
        height: 48px;

        background: #e2d4c3;

        transform: translateY(-50%);
    }


    /* =========================================================
    ICON
    ========================================================= */

    .da-benefit-icon {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #ffffff;

        color: #6c9d25;

        font-size: 19px;

        box-shadow: 0 2px 8px rgba(70, 40, 15, 0.05);
    }


    /* =========================================================
    TEXT
    ========================================================= */

    .da-benefit > div:last-child {
        display: flex;
        flex-direction: column;

        min-width: 0;
    }


    .da-benefit strong {
        display: block;

        margin-bottom: 5px;

        font-family: 'Poppins', sans-serif;

        font-size: 14px;
        line-height: 1.3;

        font-weight: 700;

        color: #2e211b;

        white-space: nowrap;
    }


    .da-benefit span {
        display: block;

        font-family: 'Poppins', sans-serif;

        font-size: 11px;
        line-height: 1.4;

        font-weight: 400;

        color: #806f61;

        white-space: nowrap;
    }


    /* =========================================================
    LARGE DESKTOP
    ========================================================= */

    @media (min-width: 1400px) {

        .da-shop-benefits {
            max-width: 1265px;

            padding: 25px 45px;
        }

        .da-benefit {
            padding: 0 30px;
        }

        .da-benefit-icon {
            width: 52px;
            height: 52px;

            flex-basis: 52px;

            font-size: 20px;
        }

        .da-benefit strong {
            font-size: 15px;
        }

        .da-benefit span {
            font-size: 12px;
        }
    }


    /* =========================================================
    TABLET
    ========================================================= */

    @media (max-width: 1024px) {

        .da-shop-benefits {
            width: calc(100% - 30px);

            padding: 20px 15px;

            grid-template-columns: repeat(2, 1fr);

            row-gap: 25px;
        }


        .da-benefit {
            padding: 0 18px;
        }


        .da-benefit:nth-child(2)::after {
            display: none;
        }


        .da-benefit:nth-child(3)::before,
        .da-benefit:nth-child(4)::before {
            content: "";

            position: absolute;

            top: -13px;
            left: 18px;
            right: 18px;

            height: 1px;

            background: #e2d4c3;
        }


        .da-benefit-icon {
            width: 44px;
            height: 44px;

            flex-basis: 44px;

            font-size: 17px;
        }


        .da-benefit strong {
            font-size: 13px;
        }


        .da-benefit span {
            font-size: 10px;
        }
    }


    /* =========================================================
    MOBILE
    ========================================================= */

    @media (max-width: 767px) {

        .da-shop-benefits {
            width: calc(100% - 24px);

            margin-top: 25px;

            padding: 20px 15px;

            border-radius: 12px;

            grid-template-columns: 1fr 1fr;

            gap: 0;
        }


        .da-benefit {
            min-height: 72px;

            padding: 12px 10px;

            gap: 10px;
        }


        /* Remove desktop vertical separators */

        .da-benefit::after {
            display: none !important;
        }


        /* Horizontal separators */

        .da-benefit:nth-child(3)::before,
        .da-benefit:nth-child(4)::before {
            content: "";

            position: absolute;

            top: 0;
            left: 10px;
            right: 10px;

            height: 1px;

            background: #e2d4c3;
        }


        .da-benefit-icon {
            width: 38px;
            height: 38px;

            flex-basis: 38px;

            font-size: 15px;
        }


        .da-benefit strong {
            font-size: 11px;

            margin-bottom: 3px;

            white-space: normal;
        }


        .da-benefit span {
            font-size: 8.5px;

            line-height: 1.35;

            white-space: normal;
        }
    }


    /* =========================================================
    SMALL MOBILE
    ========================================================= */

    @media (max-width: 480px) {

        .da-shop-benefits {
            width: calc(100% - 20px);

            padding: 12px 8px;

            margin-top: 20px;
        }


        .da-benefit {
            min-height: 65px;

            padding: 10px 7px;

            gap: 8px;
        }


        .da-benefit-icon {
            width: 34px;
            height: 34px;

            flex-basis: 34px;

            font-size: 13px;
        }


        .da-benefit strong {
            font-size: 9.5px;
        }


        .da-benefit span {
            font-size: 7.5px;
        }
    }


    /* =========================================================
    EXTRA SMALL
    ========================================================= */

    @media (max-width: 360px) {

        .da-shop-benefits {
            grid-template-columns: 1fr;

            padding: 10px;
        }


        .da-benefit {
            min-height: 58px;

            padding: 9px 5px;
        }


        .da-benefit:nth-child(2)::before,
        .da-benefit:nth-child(3)::before,
        .da-benefit:nth-child(4)::before {
            content: "";

            position: absolute;

            top: 0;
            left: 5px;
            right: 5px;

            height: 1px;

            background: #e2d4c3;
        }


        .da-benefit-icon {
            width: 35px;
            height: 35px;

            flex-basis: 35px;
        }

        .da-benefit strong {
            font-size: 10px;
        }

        .da-benefit span {
            font-size: 8px;
        }
    }


        /* =========================================================
        MOBILE FILTER BAR
        ========================================================= */

        .da-mobile-shopbar {
            display: none;
        }


        /* =========================================================
        FILTER OVERLAY
        ========================================================= */

        .da-filter-overlay {
            display: none;
        }


        /* =========================================================
        CART TOAST
        ========================================================= */

        .da-cart-toast {
            position: fixed;

            right: 25px;
            bottom: 25px;

            width: 330px;

            padding: 14px 16px;

            display: flex;

            align-items: center;

            gap: 12px;

            background: #ffffff;

            border: 1px solid #e5ddd7;

            border-left: 4px solid var(--da-green);

            border-radius: 9px;

            box-shadow:
                0 12px 35px rgba(0, 0, 0, 0.18);

            z-index: 99999;

            opacity: 0;

            visibility: hidden;

            transform:
                translateY(20px)
                scale(0.97);

            transition:
                opacity 0.3s ease,
                visibility 0.3s ease,
                transform 0.3s ease;
        }

        .da-cart-toast.active {
            opacity: 1;

            visibility: visible;

            transform:
                translateY(0)
                scale(1);
        }


        /* toast icon */

        .da-toast-icon {
            width: 38px;
            height: 38px;

            flex-shrink: 0;

            display: flex;

            align-items: center;
            justify-content: center;

            border-radius: 50%;

            background: var(--da-green-light);

            color: var(--da-green);

            font-size: 15px;
        }


        /* toast text */

        .da-toast-text {
            flex: 1;

            min-width: 0;
        }

        .da-toast-text strong {
            display: block;

            font-family: 'Poppins', sans-serif;

            font-size: 13px;

            font-weight: 700;

            color: var(--da-text);
        }

        .da-toast-text span {
            display: block;

            margin-top: 3px;

            font-family: 'Poppins', sans-serif;

            font-size: 10px;

            color: #777777;
        }


        /* toast close */

        .da-cart-toast > button {
            width: 28px;
            height: 28px;

            border: 0;

            background: transparent;

            color: #999999;

            cursor: pointer;

            font-size: 13px;
        }


        /* =========================================================
        LARGE DESKTOP
        ========================================================= */

        @media (min-width: 1400px) {

            .da-shop-container {
                max-width: 1265px;
            }

            .da-shop-layout {
                grid-template-columns: 250px minmax(0, 1fr);
                gap: 28px;
            }

            .da-product-grid {
                gap: 18px;
            }

            .da-product-image {
                height: 245px;
            }

        }


        /* =========================================================
        LAPTOP
        ========================================================= */

        @media (max-width: 1200px) {

            .da-shop-container {
                width: calc(100% - 30px);
            }

            .da-shop-layout {
                grid-template-columns: 240px minmax(0, 1fr);
                gap: 20px;
            }

            .da-product-grid {
                gap: 14px;
            }

            .da-product-image {
                height: 220px;
            }

            .da-product-details {
                padding: 12px;
            }

            .da-product-details h3 {
                font-size: 13px;
            }

            .da-product-price {
                font-size: 14px;
            }

        }


        /* =========================================================
        TABLET
        ========================================================= */

        @media (max-width: 1024px) {

            .da-shop-page {
                padding: 30px 0 50px;
            }

            .da-shop-container {
                width: calc(100% - 28px);
            }

            .da-shop-layout {
                grid-template-columns: 220px minmax(0, 1fr);
                gap: 16px;
            }

            .da-filter-sidebar {
                padding: 15px 12px;
            }

            .da-filter-header h3 {
                font-size: 15px;
            }

            .da-filter-title {
                font-size: 13px;
            }

            .da-filter-options label {
                font-size: 11px;
            }

            .da-product-grid {
                grid-template-columns:
                    repeat(3, minmax(0, 1fr));

                gap: 14px;
            }

            .da-product-image {
                height: 205px;
            }

            .da-product-details h3 {
                font-size: 13px;
            }

            .da-product-price {
                font-size: 14px;
            }

            .da-shop-benefits {
                grid-template-columns:
                    repeat(2, minmax(0, 1fr));

                gap: 15px;
            }

            .da-benefit {
                border-right: 0;
            }

        }


        /* =========================================================
        MOBILE
        ========================================================= */

        @media (max-width: 767px) {

            .da-shop-page {
                padding: 20px 0 40px;
            }


            /* -----------------------------------------
            Container
            ----------------------------------------- */

            .da-shop-container {
                width: calc(100% - 24px);

                max-width: none;
            }


            /* -----------------------------------------
            Main becomes block
            ----------------------------------------- */

            .da-shop-layout {
                display: block;
            }


            /* -----------------------------------------
            Mobile bar
            ----------------------------------------- */

            .da-mobile-shopbar {

                display: flex;

                align-items: center;

                justify-content: space-between;

                gap: 10px;

                margin-bottom: 16px;
            }


            .da-mobile-filter-btn {

                min-height: 42px;

                padding: 0 15px;

                display: inline-flex;

                align-items: center;

                justify-content: center;

                gap: 7px;

                border: 1px solid var(--da-border);

                border-radius: 6px;

                background: #ffffff;

                color: var(--da-brown);

                font-family: 'Poppins', sans-serif;

                font-size: 12px;

                font-weight: 600;

                cursor: pointer;
            }


            .da-mobile-filter-btn i {
                font-size: 13px;
            }


            .da-mobile-result-count {

                font-family: 'Poppins', sans-serif;

                font-size: 11px;

                color: #777777;
            }


            .da-mobile-sort-btn {

                width: 42px;

                height: 42px;

                display: flex;

                align-items: center;

                justify-content: center;

                border: 1px solid var(--da-border);

                border-radius: 6px;

                background: #ffffff;

                color: var(--da-brown);

                cursor: pointer;
            }


            /* -----------------------------------------
            Sidebar becomes drawer
            ----------------------------------------- */

            .da-filter-sidebar {

                position: fixed;

                top: 0;
                left: 0;

                width: min(320px, 88vw);

                height: 100vh;

                max-height: none;

                padding: 20px 18px;

                border: 0;

                border-radius: 0;

                z-index: 100001;

                overflow-y: auto;

                transform: translateX(-105%);

                transition:
                    transform 0.35s ease;

                box-shadow:
                    8px 0 30px rgba(0, 0, 0, 0.18);
            }


            .da-filter-sidebar.active {
                transform: translateX(0);
            }


            /* -----------------------------------------
            Mobile close
            ----------------------------------------- */

            .da-filter-close {
                display: flex;
            }


            /* -----------------------------------------
            Overlay
            ----------------------------------------- */

            .da-filter-overlay {

                position: fixed;

                inset: 0;

                display: block;

                background:
                    rgba(0, 0, 0, 0.48);

                z-index: 100000;

                opacity: 0;

                visibility: hidden;

                transition:
                    opacity 0.3s ease,
                    visibility 0.3s ease;
            }


            .da-filter-overlay.active {

                opacity: 1;

                visibility: visible;
            }


            /* -----------------------------------------
            Body lock
            ----------------------------------------- */

            body.da-filter-open {
                overflow: hidden;
            }


            /* -----------------------------------------
            Toolbar
            ----------------------------------------- */

            .da-shop-toolbar {

                min-height: 40px;

                margin-bottom: 14px;
            }


            .da-view-controls {

                width: 100%;

                justify-content: space-between;
            }


            .da-view-buttons {
                display: none;
            }


            .da-view-btn {
                display: none;
            }


            .da-product-count {
                font-size: 11px;
            }


            .da-shop-sort > span {
                display: none;
            }


            .da-shop-sort select {

                min-width: 125px;

                height: 36px;

                font-size: 11px;
            }


            /* -----------------------------------------
            Product grid
            ----------------------------------------- */

            .da-product-grid {

                grid-template-columns:
                    repeat(2, minmax(0, 1fr));

                gap: 14px 10px;
            }


            /* -----------------------------------------
            Product image
            ----------------------------------------- */

            .da-product-image {

                height: 185px;
            }


            /* -----------------------------------------
            Wishlist
            ----------------------------------------- */

            .da-wishlist {

                width: 32px;
                height: 32px;

                top: 9px;
                right: 9px;
            }


            .da-wishlist i {
                font-size: 12px;
            }


            /* -----------------------------------------
            Details
            ----------------------------------------- */

            .da-product-details {

                padding:
                    10px 10px 12px;
            }


            .da-product-details h3 {

                font-size: 12px;

                margin-bottom: 3px;
            }


            .da-product-weight {

                font-size: 9px;

                margin-bottom: 6px;
            }


            .da-stars {

                font-size: 8px;
            }


            .da-product-rating small {

                font-size: 8px;
            }


            .da-product-rating {

                margin-bottom: 4px;
            }


            .da-product-price {

                font-size: 13px;

                margin-bottom: 9px;
            }


            /* -----------------------------------------
            Actions
            ----------------------------------------- */

            .da-product-actions {

                grid-template-columns:
                    minmax(0, 1fr) 34px;

                gap: 5px;
            }


            .da-add-cart {

                min-height: 35px;

                font-size: 9px;
            }


            .da-small-wishlist {

                min-height: 35px;
            }


            .da-small-wishlist i {

                font-size: 13px;
            }


            /* -----------------------------------------
            Benefits
            ----------------------------------------- */

            .da-shop-benefits {

                margin-top: 30px;

                padding: 15px 10px;

                grid-template-columns:
                    1fr;

                gap: 13px;
            }


            .da-benefit {

                padding: 0;

                border: 0;
            }


            .da-benefit-icon {

                width: 34px;
                height: 34px;
            }


            .da-benefit strong {

                font-size: 10px;
            }


            .da-benefit span {

                font-size: 8px;
            }


            /* -----------------------------------------
            Toast
            ----------------------------------------- */

            .da-cart-toast {

                left: 12px;
                right: 12px;

                bottom: 15px;

                width: auto;
            }

        }


        /* =========================================================
        SMALL MOBILE
        ========================================================= */

        @media (max-width: 480px) {

            .da-shop-page {
                padding: 18px 0 35px;
            }


            .da-shop-container {
                width: calc(100% - 20px);
            }


            .da-mobile-filter-btn {

                min-height: 40px;

                padding: 0 13px;

                font-size: 11px;
            }


            .da-mobile-result-count {
                font-size: 10px;
            }


            .da-mobile-sort-btn {

                width: 40px;
                height: 40px;
            }


            .da-product-grid {

                gap: 16px 8px;
            }


            .da-product-image {

                height: 165px;
            }


            .da-product-details {

                padding: 9px;
            }


            .da-product-details h3 {

                font-size: 11px;
            }


            .da-product-weight {

                font-size: 8px;
            }


            .da-stars {

                font-size: 7px;
            }


            .da-product-rating small {

                font-size: 7px;
            }


            .da-product-price {

                font-size: 12px;
            }


            .da-add-cart {

                min-height: 33px;

                font-size: 8px;
            }


            .da-small-wishlist {

                min-height: 33px;
            }


            .da-wishlist {

                width: 30px;
                height: 30px;
            }


            .da-shop-sort select {

                min-width: 115px;

                height: 34px;

                font-size: 10px;
            }

        }


        /* =========================================================
        EXTRA SMALL
        ========================================================= */

        @media (max-width: 360px) {

            .da-shop-container {

                width: calc(100% - 16px);
            }


            .da-product-grid {

                gap: 14px 7px;
            }


            .da-product-image {

                height: 145px;
            }


            .da-product-details {

                padding: 8px;
            }


            .da-product-details h3 {

                font-size: 10px;
            }


            .da-product-price {

                font-size: 11px;
            }


            .da-add-cart {

                min-height: 31px;

                font-size: 7.5px;
            }


            .da-product-actions {

                grid-template-columns:
                    minmax(0, 1fr) 30px;
            }

        }


        /* =========================================================
        BODY LOCK
        ========================================================= */

        body.da-filter-open {
            overflow: hidden;
        }

        /* =========================================================
            DADDY ARUMUGAM - SHOP PAGE BANNER
            ========================================================= */

            .da-page-banner {
                width: 100%;
                margin-top:80px !important;



                background: #ffffff;
            }


            /* =========================================================
            BANNER
            ========================================================= */

            .da-page-banner-inner {
                position: relative;

                width: 100%;
                max-width: 100%;

                height: 300px;

                margin: 0 auto;

                overflow: hidden;

               

                background-image:
                    linear-gradient(
                        90deg,
                        rgba(48, 20, 8, 0.20),
                        rgba(48, 20, 8, 0.04)
                    ),
                    url('../images/banner-1.png') ;

                background-size: cover;

                background-position: center;

                background-repeat: no-repeat;

                box-sizing: border-box;
            }


            /* =========================================================
            INNER CONTENT
            ========================================================= */

            .da-page-banner-inner::after {
                content: "";

                position: absolute;

                inset: 0;

                background:
                    linear-gradient(
                        90deg,
                        rgba(42, 18, 7, 0.48) 0%,
                        rgba(42, 18, 7, 0.18) 45%,
                        rgba(42, 18, 7, 0) 75%
                    );

                pointer-events: none;
            }


            /* =========================================================
            BREADCRUMB
            ========================================================= */

            .da-page-breadcrumb {
                position: absolute;

                top: 80px;
                left: 38px;

                z-index: 3;

                display: flex;

                align-items: center;

                gap: 9px;

                font-family: 'Poppins', sans-serif;

                font-size: 13px;

                line-height: 1;

                color: rgba(255, 255, 255, 0.85);
            }


            .da-page-breadcrumb a {
                color: #ffffff;

                text-decoration: none;

                font-weight: 500;

                transition: color 0.25s ease;
            }


            .da-page-breadcrumb a:hover {
                color: #d9ecae;
            }


            .da-page-breadcrumb i {
                font-size: 12px;

                color: rgba(255, 255, 255, 0.65);
            }


            .da-page-breadcrumb span {
                color: rgba(255, 255, 255, 0.72);

                font-weight: 400;
            }


            /* =========================================================
            BANNER CONTENT
            ========================================================= */

            .da-page-banner-content {
                position: absolute;

                left: 38px;
                top: 50%;

                z-index: 3;

                transform: translateY(-38%);

                max-width: 440px;
            }


            /* Small label */

            .da-page-banner-label {
                display: block;

                margin-bottom: 6px;

                font-family: 'Poppins', sans-serif;

                font-size: 10px;

                font-weight: 600;

                letter-spacing: 2px;

                color: #d6e8a9;
            }


            /* Heading */

            .da-page-banner-content h1 {
                margin: 0;

                font-family: 'Poppins', sans-serif;

                font-size: 34px;

                line-height: 1.15;

                font-weight: 700;

                color: #ffffff;

                letter-spacing: -0.5px;
            }


            /* Description */

            .da-page-banner-content p {
                margin: 7px 0 0;

                font-family: 'Poppins', sans-serif;

                font-size: 12px;

                line-height: 1.5;

                font-weight: 400;

                color: rgba(255, 255, 255, 0.88);
            }


            /* =========================================================
            TABLET
            ========================================================= */

            @media (max-width: 1024px) {

                .da-page-banner {
                    padding-bottom: 25px;
                }

                .da-page-banner-inner {
                    width: calc(100% - 30px);

                    height: 175px;

                    border-radius: 15px;
                }


                .da-page-breadcrumb {
                    left: 28px;
                    top: 19px;

                    font-size: 10px;
                }


                .da-page-banner-content {
                    left: 28px;
                }


                .da-page-banner-label {
                    font-size: 9px;
                }


                .da-page-banner-content h1 {
                    font-size: 30px;
                }


                .da-page-banner-content p {
                    font-size: 11px;
                }
            }


            /* =========================================================
            MOBILE
            ========================================================= */

            @media (max-width: 767px) {

                .da-page-banner {
                    padding: 0 0 20px;
                }


                .da-page-banner-inner {
                    width: calc(100% - 20px);

                    height: 155px;

                    border-radius: 13px;

                    background-position: center;
                }


                .da-page-banner-inner::after {
                    background:
                        linear-gradient(
                            90deg,
                            rgba(42, 18, 7, 0.62) 0%,
                            rgba(42, 18, 7, 0.30) 55%,
                            rgba(42, 18, 7, 0.05) 100%
                        );
                }


                .da-page-breadcrumb {
                    left: 18px;
                    top: 17px;

                    gap: 7px;

                    font-size: 9px;
                }


                .da-page-breadcrumb i {
                    font-size: 6px;
                }


                .da-page-banner-content {
                    left: 18px;

                    top: 56%;

                    max-width: 250px;

                    transform: translateY(-35%);
                }


                .da-page-banner-label {
                    margin-bottom: 4px;

                    font-size: 7px;

                    letter-spacing: 1.5px;
                }


                .da-page-banner-content h1 {
                    font-size: 24px;

                    letter-spacing: -0.2px;
                }


                .da-page-banner-content p {
                    margin-top: 5px;

                    font-size: 9px;

                    line-height: 1.4;
                }
            }


            /* =========================================================
            SMALL MOBILE
            ========================================================= */

            @media (max-width: 480px) {

                .da-page-banner-inner {
                    width: calc(100% - 16px);

                    height: 135px;

                    border-radius: 11px;
                }


                .da-page-breadcrumb {
                    left: 14px;
                    top: 13px;

                    font-size: 8px;
                }


                .da-page-banner-content {
                    left: 14px;

                    max-width: 220px;
                }


                .da-page-banner-label {
                    font-size: 6.5px;

                    letter-spacing: 1.2px;
                }


                .da-page-banner-content h1 {
                    font-size: 21px;
                }


                .da-page-banner-content p {
                    font-size: 8px;

                    margin-top: 4px;
                }
            }


            /* =========================================================
            EXTRA SMALL
            ========================================================= */

            @media (max-width: 360px) {

                .da-page-banner-inner {
                    height: 125px;
                }


                .da-page-banner-content h1 {
                    font-size: 19px;
                }


                .da-page-banner-content p {
                    font-size: 7.5px;
                }
            }