/* ===== SITE BACKGROUND ===== */

body {
    background-image: url("../img/bg_with_texture_low.jpg");
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 100% auto;
}

/* ===== KEEP HEADER CLEAN ===== */

header,
.topbar,
.navbar,
.navbar-sticky,
.navbar-light,
.navbar-dark,
.bg-light,
.bg-white {
    background-image: none !important;
}

/* ===== KEEP FOOTER CLEAN ===== */

footer,
.footer,
.bg-dark,
.bg-darker {
    background-image: none !important;
}

/* ===== MAIN CONTENT TRANSPARENT ===== */

.page-wrapper {
    background: transparent !important;
}

/* ===== COMMON PAGE SECTIONS ===== */

main,
section,
.container {
    background-color: transparent;
}
/* ===== PROFESSIONAL MOBILE SHOP PAGE ===== */
@media (max-width: 991.98px) {
    .page-title-overlap,
    .dorogora-shop-section {
        display: none !important;
    }

    .dorogora-mobile-shop {
        display: block;
        padding: 1rem .9rem 5.75rem;
        background: #fff;
    }

    .mobile-shop-hero {
        min-height: 15.5rem;
        border-radius: 1.35rem;
        overflow: hidden;
        position: relative;
        background:
            linear-gradient(90deg, rgba(255,244,234,.96) 0%, rgba(255,244,234,.78) 46%, rgba(255,103,0,.25) 100%),
            url('../assets/images/2_middle.png') center right / cover no-repeat;
        box-shadow: 0 1rem 2rem rgba(0,0,0,.08);
    }

    .mobile-shop-hero-text {
        width: 58%;
        padding: 1.45rem 1.1rem;
    }

    .mobile-shop-hero-text span {
        display: block;
        color: #fe5f00;
        font-weight: 800;
        font-size: .85rem;
        margin-bottom: .35rem;
    }

    .mobile-shop-hero-text h1 {
        margin: 0;
        color: #1f1f1f;
        font-size: 2rem;
        line-height: 1.03;
        letter-spacing: -.04em;
    }

    .mobile-shop-hero-text p {
        margin: .75rem 0 1.1rem;
        color: #5f5f5f;
        font-size: .86rem;
        line-height: 1.45;
    }

    .mobile-shop-hero-text a {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        padding: .72rem 1.1rem;
        border-radius: .8rem;
        background: #fe5f00;
        color: #fff;
        font-weight: 800;
        font-size: .85rem;
        text-decoration: none;
        box-shadow: 0 .7rem 1.2rem rgba(254,95,0,.28);
    }

    .mobile-shop-categories {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: .55rem;
        margin: .9rem 0 1.25rem;
        padding: .85rem .5rem;
        border-radius: 1.15rem;
        background: #fff;
        box-shadow: 0 .9rem 2rem rgba(0,0,0,.08);
    }

    .mobile-category-item {
        min-width: 0;
        text-align: center;
        text-decoration: none;
        color: #2a2a2a;
    }

    .mobile-category-item span {
        width: 2.65rem;
        height: 2.65rem;
        margin: 0 auto .42rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #fff1ea;
        color: #fe5f00;
        font-size: 1.15rem;
    }

    .mobile-category-item.active span {
        background: #fe5f00;
        color: #fff;
    }

    .mobile-category-item small {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .68rem;
        font-weight: 700;
    }

    .mobile-shop-filter {
        display: grid;
        grid-template-columns: 1fr 7.25rem;
        gap: .6rem;
        margin-bottom: 1.1rem;
    }

    .mobile-shop-filter input,
    .mobile-shop-filter select {
        width: 100%;
        border: 0;
        border-radius: .95rem;
        background: #f6f6f6;
        min-height: 2.85rem;
        padding: 0 .9rem;
        font-size: .82rem;
        font-weight: 700;
        color: #2a2a2a;
        outline: none;
    }

    .mobile-shop-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: .25rem .1rem .85rem;
    }

    .mobile-shop-head h2 {
        margin: 0;
        font-size: 1.25rem;
        letter-spacing: -.02em;
        color: #151515;
    }

    .mobile-shop-head span {
        color: #fe5f00;
        font-size: .8rem;
        font-weight: 800;
    }

    .mobile-product-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }

    .mobile-product-card {
        min-width: 0;
        border-radius: 1rem;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 .75rem 1.8rem rgba(0,0,0,.08);
    }

    .mobile-product-image {
        position: relative;
        display: block;
        aspect-ratio: 1 / 1.12;
        overflow: hidden;
        background: #f5f5f5;
    }

    .mobile-product-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .mobile-wish {
        position: absolute;
        top: .55rem;
        right: .55rem;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2a2a2a;
        box-shadow: 0 .35rem .9rem rgba(0,0,0,.12);
    }

    .mobile-product-body {
        padding: .75rem .75rem .8rem;
    }

    .mobile-product-body p {
        margin: 0 0 .2rem;
        color: #9a9a9a;
        font-size: .68rem;
        font-weight: 700;
    }

    .mobile-product-body h3 {
        margin: 0;
        min-height: 2.2rem;
        font-size: .86rem;
        line-height: 1.25;
        font-weight: 800;
    }

    .mobile-product-body h3 a {
        color: #262626;
        text-decoration: none;
    }

    .mobile-product-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: .65rem;
    }

    .mobile-product-bottom strong {
        color: #fe5f00;
        font-size: .9rem;
    }

    .mobile-product-bottom a {
        width: 2.05rem;
        height: 2.05rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #fff1ea;
        color: #fe5f00;
        text-decoration: none;
        font-weight: 900;
    }

    .mobile-shop-benefits {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: .35rem;
        margin-top: 1.4rem;
        padding: .75rem .45rem;
        border-radius: 1rem;
        background: #fff4ee;
    }

    .mobile-shop-benefits div {
        min-width: 0;
        text-align: center;
        color: #333;
    }

    .mobile-shop-benefits i {
        display: block;
        color: #fe5f00;
        font-size: 1.05rem;
        margin-bottom: .25rem;
    }

    .mobile-shop-benefits strong,
    .mobile-shop-benefits span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-shop-benefits strong {
        font-size: .62rem;
        font-weight: 800;
    }

    .mobile-shop-benefits span {
        font-size: .58rem;
        color: #777;
    }
}

@media (min-width: 992px) {
    .dorogora-mobile-shop {
        display: none !important;
    }
}