/* Yalnız boş sahədə */
body {
    cursor: url('/img/cursor.png'), auto;
}

/* Bütün klik olunan elementlər normal cursor istifadə etsin */
a,
button,
input,
textarea,
select,
label,
img,
i,
svg,
.social-btn,
.classynav ul li a,
.product-img,
.product-content,
.card,
.leaflet-container,
*::before,
*::after {
    cursor: pointer;
}

/*//////////////////////////////////////////////////////////////*/


/* Mobile Responsive Header */

    /*//////////////////////////////////////////////////////////////*/


    .category-card {
        background: #fff;
        border-radius: 16px;
        padding: 20px;
        box-shadow: 0 8px 25px rgba(0,0,0,.08);
        position: sticky;
        top: 20px;
    }

    .category-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px;
    }

        .category-title i {
            margin-right: 8px;
        }

    .all-category {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 15px;
        border-radius: 10px;
        background: #f7f7f7;
        color: #222;
        text-decoration: none;
        margin-bottom: 15px;
        transition: .25s;
    }

        .all-category:hover {
            background: #000;
            color: #fff;
        }

    .category-group {
        border-top: 1px solid #ececec;
        padding: 10px 0;
    }

        .category-group summary {
            display: flex;
            justify-content: space-between;
            align-items: center;
            list-style: none;
            cursor: pointer;
            font-weight: 600;
            padding: 8px 0;
        }

            .category-group summary::-webkit-details-marker {
                display: none;
            }

    .category-links {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }

        .category-links a {
            padding: 10px 15px;
            border-radius: 8px;
            text-decoration: none;
            color: #555;
            transition: .2s;
            margin-bottom: 5px;
        }

            .category-links a:hover {
                background: #f3f3f3;
                color: #000;
                padding-left: 22px;
            }

    .category-group[open] i {
        transform: rotate(180deg);
    }

    .category-group i {
        transition: .25s;
    }

    @media(max-width:991px) {

        .category-card {
            margin-bottom: 30px;
            position: static;
        }
    }


    /*//////////////////////////////////////*/

    .mobile-header-meta {
        display: none;
    }

    @media (max-width:991px) {

        .header-meta {
            display: none !important;
        }

        .mobile-header-meta {
            display: block;
            padding: 20px;
            border-top: 1px solid #eee;
        }

            .mobile-header-meta .search-area {
                width: 100%;
                margin-bottom: 20px;
            }

                .mobile-header-meta .search-area form {
                    display: flex;
                    width: 100%;
                }

                .mobile-header-meta .search-area input {
                    width: 100%;
                    height: 45px;
                    padding: 0 15px;
                    border-radius: 25px;
                }

            .mobile-header-meta .favourite-area {
                margin-bottom: 15px;
            }

                .mobile-header-meta .favourite-area a {
                    display: block;
                    font-size: 16px;
                }

            .mobile-header-meta .user-login-info a,
            .mobile-header-meta .user-login-info span {
                display: block;
                margin-top: 10px;
                font-size: 16px;
            }

        .nav-brand img {
            width: 55px;
        }
    }






/* Desktop */
@media (min-width:992px) {

    .classy-nav-container {
        display: flex;
        align-items: center;
    }

    .header-meta {
        margin-left: auto;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 25px;
    }

        .header-meta .search-area {
            width: 260px;
        }

        .header-meta .user-login-info {
            margin-left: 10px;
        }
}


/*////////////////////////////////////////////////////////////////////////////////*/
/*responsive catwgory area*/

/* Desktop */
.category-card {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
}

/* Mobile */
@media(max-width:991px) {

    .filter-toggle {
        display: flex;
        align-items: center;
        gap: 10px;
        position: fixed;
        left: 15px;
        bottom: 20px;
        z-index: 1001;
        border: none;
        background: #000;
        color: #fff;
        padding: 12px 18px;
        border-radius: 30px;
        box-shadow: 0 10px 25px rgba(0,0,0,.25);
    }

    .shop_sidebar_area {
        position: fixed;
        top: 0;
        left: -320px;
        width: 300px;
        height: 100%;
        background: #fff;
        overflow-y: auto;
        z-index: 1002;
        transition: .35s;
        box-shadow: 5px 0 25px rgba(0,0,0,.2);
        padding: 20px;
    }

        .shop_sidebar_area.active {
            left: 0;
        }

    .sidebar-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.45);
        display: none;
        z-index: 1000;
    }

        .sidebar-overlay.active {
            display: block;
        }
}



/* ================= ABOUT PAGE ================= */

.about_area img {
    width: 100%;
    max-width: 420px;
    display: block;
    margin: auto;
}

.about_area h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
}

.about_area p {
    font-size: 16px;
    line-height: 1.9;
    color: #666;
    text-align: justify;
}

/* Why Choose Us */

.bg-light .col-md-4 {
    margin-bottom: 30px;
}

.bg-light i {
    color: #fbb710;
    margin-bottom: 15px;
}

.bg-light h5 {
    font-weight: 600;
    margin-bottom: 15px;
}

/* Statistics */

.section-padding-80 h2 {
    font-size: 42px;
    color: #fbb710;
    font-weight: 700;
}

.section-padding-80 .col-md-3 {
    margin-bottom: 30px;
}

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

@media(max-width:991px) {

    .about_area {
        text-align: center;
    }

        .about_area img {
            max-width: 300px;
            margin-bottom: 35px;
        }

        .about_area h2 {
            font-size: 30px;
        }

        .about_area p {
            text-align: left;
            font-size: 15px;
            line-height: 1.8;
        }

    .bg-light .row {
        row-gap: 25px;
    }
}

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

@media(max-width:767px) {

    .breadcumb_area {
        height: 180px !important;
    }

        .breadcumb_area .page-title h2 {
            font-size: 32px;
        }

    .about_area {
        padding: 50px 0;
    }

        .about_area .col-lg-6 {
            margin-bottom: 30px;
        }

        .about_area img {
            width: 220px;
        }

        .about_area h2 {
            font-size: 26px;
            text-align: center;
        }

        .about_area p {
            font-size: 15px;
            text-align: justify;
        }

    .bg-light {
        padding: 50px 0;
    }

        .bg-light i {
            font-size: 40px !important;
        }

        .bg-light h5 {
            font-size: 20px;
        }

    .section-padding-80 {
        padding: 50px 0;
    }

        .section-padding-80 h2 {
            font-size: 32px;
        }

        .section-padding-80 p {
            font-size: 15px;
        }
}



/* ================= CONTACT PAGE ================= */

.contact-area {
    display: flex;
    align-items: flex-start;
    gap: 50px;
    padding: 80px 0;
}

.google-map {
    flex: 1;
    min-height: 500px;
}

#googleMap {
    width: 100%;
    height: 500px;
    border-radius: 15px;
    overflow: hidden;
}

.contact-info {
    flex: 1;
}

    .contact-info h2 {
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 20px;
    }

.contact-address p {
    margin-bottom: 12px;
}

.contact-form {
    margin-top: 40px;
}

    .contact-form .form-control {
        height: 50px;
        border-radius: 10px;
        border: 1px solid #ddd;
        box-shadow: none;
        transition: .3s;
    }

        .contact-form .form-control:focus {
            border-color: #fbb710;
            box-shadow: none;
        }

    .contact-form textarea.form-control {
        height: 160px;
        resize: none;
    }

    .contact-form button {
        height: 50px;
        border-radius: 10px;
    }

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

@media(max-width:991px) {

    .contact-area {
        flex-direction: column;
        gap: 40px;
        padding: 60px 20px;
    }

    .google-map,
    .contact-info {
        width: 100%;
    }

    #googleMap {
        height: 400px;
    }

    .contact-info h2 {
        font-size: 30px;
        text-align: center;
    }
}

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

@media(max-width:767px) {

    .contact-area {
        padding: 40px 15px;
    }

    #googleMap {
        height: 280px;
        border-radius: 12px;
    }

    .contact-info h2 {
        font-size: 26px;
        text-align: center;
    }

    .contact-info p,
    .contact-address p {
        font-size: 15px;
        text-align: center;
    }

    .contact-form {
        margin-top: 30px;
    }

        .contact-form .form-control {
            height: 48px;
            font-size: 15px;
        }

        .contact-form textarea.form-control {
            height: 130px;
        }

        .contact-form button {
            width: 100%;
            height: 48px;
        }
}