*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}

body{
    font-family:Arial, sans-serif;
    background:#f4f6fb;
    color:#071733;
}

a{
    text-decoration:none;
    color:inherit;
}

.topbar,
.main-header,
.nav,
.page-layout{
    max-width:1480px;
    margin:0 auto;
}

/* TOP */
.topbar{
    background:#001631;
    color:#d8e2f0;
    display:flex;
    gap:35px;
    padding:14px 42px 6px;
    font-size:13px;
    border-radius:14px 14px 0 0;
}

/* HEADER */
.main-header{
    height:92px;
    background:#001631;
    display:flex;
    align-items:center;
    gap:42px;
    padding:0 42px;
    color:white;
}

.logo{
    font-size:46px;
    font-weight:900;
    letter-spacing:-2px;
    line-height:.85;
}

.logo span{
    color:#ff9700;
}

.logo small{
    display:block;
    font-size:12px;
    letter-spacing:3px;
    margin-top:8px;
}

.search-box{
    flex:1;
    height:48px;
    display:flex;
    background:white;
    border-radius:6px;
    overflow:hidden;
}

.search-box input{
    flex:1;
    border:none;
    padding:0 18px;
    font-size:15px;
    outline:none;
}

.search-box button{
    width:58px;
    border:none;
    background:#ff9700;
    color:white;
    font-size:22px;
    cursor:pointer;
}

.header-icons{
    display:flex;
    align-items:center;
    gap:22px;
    font-size:22px;
}

.header-icon{
    position:relative;
}

.cart-count{
    position:absolute;
    top:-12px;
    right:-12px;
    background:#ff9700;
    color:white;
    font-size:12px;
    width:20px;
    height:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* NAV */
.nav{
    height:62px;
    background:white;
    display:flex;
    align-items:center;
    gap:38px;
    padding:0 28px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border-radius:0 0 12px 12px;
    transform:translateY(-1px);
}

.catalog-btn{
    width:220px;
    height:58px;
    border:none;
    background:#ff9700;
    color:white;
    border-radius:9px;
    font-weight:800;
    font-size:16px;
    cursor:pointer;
    transform:none;
}

.nav a{
    font-weight:700;
    color:#1b2b45;
}

/* DROPDOWN */
.home-categories-menu{
    max-width:1480px;
    margin:0 auto;
    display:none;
    background:white;
    padding:18px;
    border-radius:0 0 14px 14px;
}

.home-categories-menu.active{
    display:block;
}

.home-categories-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
}

.home-categories-grid a{
    background:#f5f7fb;
    padding:14px;
    border-radius:12px;
    font-weight:700;
}

/* LAYOUT */
.page-layout{
    padding:14px 28px 40px;
}

.content{
    width:100%;
}

/* HERO */
.home-banner{
    display:grid;
    grid-template-columns:1fr 390px;
    gap:12px;
    margin-top:0;
}

.home-hero{
    min-height:350px;
    border-radius:8px;
    overflow:hidden;
    position:relative;
    background:#001631;
    color:white;
}

.hero-slide{
    position:absolute;
    inset:0;
    padding:50px 48px 78px;
    background-image:
        linear-gradient(90deg, rgba(0,22,49,.98) 0%, rgba(0,22,49,.84) 38%, rgba(0,22,49,.08) 100%),
        var(--hero-image);
    background-size:cover;
    background-position:center right;
    opacity:0;
    visibility:hidden;
    transition:opacity .7s ease, visibility .7s ease;
}

.hero-slide.active{
    opacity:1;
    visibility:visible;
}

.hero-slide--parts{
    --hero-image:url("../images/hero/hero-1.png");
}

.hero-slide--delivery{
    --hero-image:url("../images/hero/hero-2.png");
}

.hero-slide .hero-content{
    position:relative;
    z-index:1;
}

.hero-content h1{
    font-size:38px;
    line-height:1.2;
    margin-bottom:22px;
}

.hero-content strong{
    color:#ff9700;
}

.hero-content p{
    font-size:17px;
    line-height:1.8;
    margin-bottom:25px;
    font-weight:600;
}

.hero-content a{
    display:inline-flex;
    align-items:center;
    gap:18px;
    background:#ff9700;
    color:white;
    border-radius:6px;
    padding:14px 22px;
    font-weight:900;
}

.hero-benefits{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:78px;
    background:rgba(0,18,41,.75);
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding:15px 35px;
    border-top:1px solid rgba(255,255,255,.08);
    z-index:2;
}

.hero-benefits div{
    display:flex;
    gap:10px;
    align-items:center;
    color:white;
}

.hero-benefits b{
    display:block;
    font-size:14px;
}

.hero-benefits small{
    display:block;
    color:#d7e0ee;
    font-size:13px;
}

/* DAILY OFFER */
.daily-offer{
    min-height:520px;
    background:
        linear-gradient(145deg,rgba(0,22,49,.98),rgba(0,22,49,.91)),
        url("../images/hero/hero-1.png") center/cover;
    border:10px solid #fff;
    border-radius:32px;
    color:white;
    padding:28px 22px 18px;
    position:relative;
    overflow:hidden;
    box-shadow:0 18px 38px rgba(3,20,45,.18);
}

.daily-offer::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent 45%,rgba(255,151,0,.12));
    pointer-events:none;
}

.order-card-copy{
    position:relative;
    z-index:2;
    width:67%;
}

.order-card-kicker{
    display:block;
    margin-bottom:7px;
    color:#ff9700;
    font-size:10px;
    font-weight:900;
    letter-spacing:.8px;
}

.order-card-copy h2{
    margin:0 0 10px;
    font-size:28px;
    line-height:1.05;
    font-weight:900;
}

.order-card-copy h2 strong,
.order-perks strong{
    color:#ff9700;
}

.order-card-copy p{
    margin:0;
    color:#e0e9f4;
    font-size:13px;
    line-height:1.45;
}

.order-whatsapp-mark{
    position:absolute;
    z-index:1;
    top:38px;
    right:15px;
    display:grid;
    place-items:center;
    width:112px;
    height:112px;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,#48e27d,#0ba949);
    border:4px solid rgba(255,255,255,.45);
    box-shadow:0 15px 28px rgba(0,0,0,.32),inset -8px -10px 20px rgba(0,80,35,.28);
    transform:rotate(-7deg);
}

.order-whatsapp-mark svg{
    width:70px;
    height:70px;
}

.order-phone{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:68px;
    margin-top:24px;
    padding:10px 14px;
    color:#fff;
    background:rgba(4,33,63,.82);
    border:1px solid rgba(255,255,255,.13);
    border-radius:10px;
}

.order-phone-icon{
    display:grid;
    place-items:center;
    flex:0 0 45px;
    width:45px;
    height:45px;
    border:2px solid #ff9700;
    border-radius:50%;
    color:#ff9700;
    font-size:24px;
}

.order-phone small,
.order-phone strong{
    display:block;
}

.order-phone small{
    margin-bottom:2px;
    color:#d9e5f2;
    font-size:11px;
}

.order-phone strong{
    font-size:22px;
    letter-spacing:.3px;
}

.order-whatsapp-btn{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:30px 1fr auto;
    align-items:center;
    gap:10px;
    min-height:60px;
    margin-top:10px;
    padding:0 17px;
    border-radius:10px;
    color:#fff;
    background:linear-gradient(180deg,#2bd267,#0db44d);
    font-size:17px;
    font-weight:900;
    box-shadow:0 10px 22px rgba(11,176,75,.2);
}

.order-whatsapp-btn:hover{
    background:linear-gradient(180deg,#36df73,#0aa445);
    transform:translateY(-1px);
}

.order-whatsapp-btn svg{
    width:30px;
    height:30px;
}

.order-whatsapp-btn b{
    font-size:28px;
}

.order-perks{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-top:14px;
    padding:12px 4px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:10px;
    background:rgba(0,18,41,.72);
}

.order-perks>div{
    display:grid;
    grid-template-columns:30px 1fr;
    align-items:center;
    gap:5px;
    padding:0 7px;
    border-right:1px solid rgba(255,255,255,.12);
}

.order-perks>div:last-child{
    border-right:0;
}

.order-perks>div>span{
    display:grid;
    place-items:center;
    width:29px;
    height:29px;
    border:1px solid #ff9700;
    border-radius:50%;
    color:#ff9700;
    font-weight:900;
}

.order-perks p{
    margin:0;
    font-size:9px;
    line-height:1.35;
}

.order-perks strong{
    font-size:10px;
}

.order-trust{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:13px;
    color:#d5dfec;
    font-size:9px;
}

.order-trust span+span::before{
    content:"•";
    margin-right:12px;
    color:#ff9700;
}

/* SECTION HEAD */
.section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:28px 10px 14px;
}

.section-head h2{
    font-size:24px;
    color:#071733;
}

.section-head a{
    font-weight:700;
    color:#31405b;
}

/* PRODUCTS */
.products-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
}

.product-card{
    background:white;
    border-radius:8px;
    padding:18px;
    min-height:230px;
    position:relative;
    box-shadow:0 8px 24px rgba(8,20,50,.07);
}

.product-img{
    height:115px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
}

.product-img img{
    max-width:100%;
    max-height:110px;
    object-fit:contain;
}

.product-card h3{
    font-size:15px !important;
    color:#14243d;
    margin-bottom:5px;
    line-height:1.3;
}

.product-card .brand,
.product-card p{
    font-size:13px !important;
    color:#7b8798;
}

.price-area,
.product-price{
    margin-top:12px;
    color:#ff3b30;
    font-size:17px !important;
    font-weight:900;
}

.old-price{
    display:block;
    color:#8b96a8;
    font-size:12px;
    text-decoration:line-through;
}

.percent-badge,
.top-discount-badge{
    position:absolute;
    top:18px;
    left:18px;
    background:#ff3b30;
    color:white;
    border-radius:999px;
    padding:6px 10px;
    font-size:13px;
    font-weight:900;
}

.add-cart-btn,
.cart-btn{
    position:absolute;
    right:14px;
    bottom:16px;
    width:38px;
    height:38px;
    border:none;
    border-radius:6px;
    background:#ff9700;
    color:white;
    font-size:20px;
    cursor:pointer;
}


/* SERVICES */
.services{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-top:28px;
}

.services div{
    background:white;
    border-radius:12px;
    padding:22px;
    box-shadow:0 8px 24px rgba(8,20,50,.06);
}

.services b{
    color:#071733;
}

.services p{
    color:#7b8798;
    margin-top:6px;
    font-size:14px;
}

/* RESPONSIVE */
@media(max-width:1100px){
    .home-banner{
        grid-template-columns:1fr;
    }

    .products-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:700px){
    .topbar,
    .nav{
        display:none;
    }

    .main-header{
        flex-direction:column;
        height:auto;
        padding:20px;
        gap:18px;
    }

    .home-hero{
        min-height:430px;
    }

    .hero-slide{
        padding:35px 25px 130px;
        background-position:62% center;
    }

    .hero-content h1{
        font-size:30px;
    }

    .hero-benefits{
        grid-template-columns:repeat(2,1fr);
        height:auto;
    }

    .products-grid,
    .services,
    .home-categories-grid{
        grid-template-columns:1fr;
    }

    .daily-offer img{
        opacity:.35;
    }
}


.site-page {
    display: none;
}

.site-page.active-page {
    display: block;
}

/* ===========================
   BRANDS PAGE
=========================== */

.brands-page-head{
    margin:40px 0;
    text-align:center;
}

.brands-page-head span{
    color:#d51d29;
    font-weight:700;
    letter-spacing:2px;
    font-size:13px;
}

.brands-page-head h1{
    margin:12px 0;
    font-size:42px;
    color:#071733;
}

.brands-page-head p{
    color:#666;
    font-size:17px;
}

.brands-toolbar{
    display:flex;
    justify-content:center;
    margin:30px 0 40px;
}

.brands-toolbar input{
    width:420px;
    max-width:100%;
    height:52px;
    border:1px solid #ddd;
    border-radius:10px;
    padding:0 18px;
    font-size:16px;
    outline:none;
}

.brands-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:25px;
}

.brand-card{

    background:#fff;

    border-radius:16px;

    padding:30px;

    text-align:center;

    transition:.25s;

    cursor:pointer;

    border:1px solid #ececec;
}

.brand-card:hover{

    transform:translateY(-6px);

    box-shadow:0 14px 30px rgba(0,0,0,.08);
}

.brand-logo-box{

    height:120px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;
}

.brand-logo-box img{

    max-width:150px;

    max-height:70px;

    object-fit:contain;
}

.brand-card h3{

    margin:0;

    font-size:20px;

    color:#071733;
}

.brand-card span{

    display:block;

    margin-top:10px;

    color:#888;

    font-size:14px;
}

/* =========================
   PRODUCTS PAGE
========================= */

.products-page-head{
    margin:35px 0 25px;
}

.products-page-head span{
    font-size:14px;
    font-weight:800;
    letter-spacing:1px;
    color:#ff8c00;
}

.products-page-head h1{
    margin:6px 0;
    font-size:42px;
    color:#001631;
}

.products-page-head p{
    font-size:17px;
    color:#4c5870;
}

.products-page-layout{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:30px;
    align-items:start;
}

.products-filter{
    background:#fff;
    border-radius:18px;
    padding:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    position:sticky;
    top:20px;
}

.filter-box{
    margin-bottom:26px;
}
.filter-input{
    width:100%;
    height:42px;
    margin-top:10px;
    padding:0 14px;
    border:1px solid #d8dce5;
    border-radius:8px;
    background:#fff;
    color:#071733;
    font-size:14px;
    font-family:inherit;
    transition:all .2s ease;
    box-sizing:border-box;
}

.filter-input::placeholder{
    color:#9aa3b2;
}

.filter-input:focus{
    outline:none;
    border-color:#001631;
    box-shadow:0 0 0 3px rgba(0,22,49,.08);
}

.filter-box h3{
    margin:0 0 14px;
    font-size:19px;
    color:#001631;
}

.filter-check{
    display:flex;
    align-items:center;
    gap:9px;
    margin:9px 0;
    font-size:15px;
    color:#27344d;
    cursor:pointer;
}
.filter-apply-btn{
    width:100%;
    height:48px;
    border:0;
    border-radius:12px;
    background:#ff9300;
    color:white;
    font-size:16px;
    font-weight:900;
    cursor:pointer;
    margin-top:10px;
}

.filter-apply-btn:hover{
    background:#e88300;
}

.products-list-area{
    min-width:0;
}

.products-sort-bar{
    background:#fff;
    border-radius:16px;
    padding:16px 18px;
    margin-bottom:24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

#productsCount{
    font-weight:800;
    color:#001631;
}

#productsSort{
    height:42px;
    min-width:220px;
    border:1px solid #dce2ec;
    border-radius:10px;
    padding:0 12px;
    font-size:15px;
}

#applyProductFilters{
    height:42px;
    border:0;
    border-radius:10px;
    padding:0 22px;
    background:#ff9300;
    color:white;
    font-weight:800;
    cursor:pointer;
}

#allProductsGrid.products-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
    gap:24px;
}

@media(max-width:900px){
    .products-page-layout{
        grid-template-columns:1fr;
    }

    .products-filter{
        position:static;
    }

    .products-sort-bar{
        flex-wrap:wrap;
    }
}

/* =========================
   KATEGORİYALAR CATEGORIES
========================= */
.nav{
    position:relative !important;
    z-index:99990 !important;
    overflow:visible !important;
}

.catalog-wrapper{
    position:relative !important;
    display:inline-block;
}

.categories-panel{
    position:absolute !important;
    top:100%;
    left:0;
    width:320px;
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    display:none;
    z-index:999999 !important;
}

.categories-panel.active{
    display:block;
}

.categories-content{
    display:flex;
    flex-direction:column;
}

.category-tree-item{
    position:relative;
}

.category-item{
    padding:16px 20px;
    border-bottom:1px solid #eee;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
    background:#fff;
    color:#001631;
}

.category-item:hover{
    background:#f5f7fa;
    color:#0066d6;
}

.category-children{
    display:none;
    position:absolute !important;
    left:100%;
    top:0;
    min-width:320px;
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    z-index:1000000 !important;
}

.category-tree-item:hover > .category-children{
    display:block;
}

.category-filter-btn {
    width: 100%;
    border: none;
    background: transparent;
    padding: 9px 8px;
    color: #1f2d44;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    border-radius: 8px;
}

.category-filter-btn:hover,
.category-filter-btn.active {
    background: #fff3df;
    color: #ff8a00;
}

.category-filter-children {
    margin-left: 14px;
    border-left: 1px solid #e5e7eb;
    padding-left: 10px;
    margin-top: 4px;
}
/* =========================
   search-box
========================= */

.search-box {
    position: relative;
    overflow: visible;
}

.site-search-results{
    z-index:999999 !important;
} 

.site-search-results {
    display: none;
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 10px;
    z-index: 9999;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    overflow: hidden;
}

.search-brand-result,
.search-product-result,
.search-empty {
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
}

.search-label {
    color: red;
    font-weight: 700;
}

.search-value {
    color: #111;
    font-weight: 600;
}

.search-product-result {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-product-result img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.search-product-result small {
    display: block;
    color: #777;
}
.search-product-result {
    transition: background 0.2s ease;
}

.search-product-info strong {
    display: block;
    color: #111;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
}

.search-product-info small {
    display: block;
    color: #777;
    font-size: 13px;
}

.search-brand-result,
.search-product-result,
.search-category-result,
.search-oem-result {
    cursor: pointer;
    user-select: none;
}

.search-brand-result:hover,
.search-product-result:hover,
.search-category-result:hover,
.search-oem-result:hover {
    background: #f5f5f5;
}
/* =========================
   OEM SEARCH
========================= */

.oem-search-box{
    background:#fff;
    border-radius:14px;
    padding:24px;
    margin:26px 0;
    box-shadow:0 10px 28px rgba(8,20,50,.08);
    position:relative;
}

.oem-search-head span{
    color:#ff9700;
    font-weight:900;
    font-size:13px;
}

.oem-search-head h2{
    margin:6px 0;
    font-size:26px;
}

.oem-search-head p{
    color:#6b7280;
    margin-bottom:16px;
}

.oem-search-row{
    display:flex;
    gap:12px;
    position:relative;
}

.oem-search-row input{
    flex:1;
    padding:15px 18px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    font-size:15px;
    outline:none;
}

.oem-search-row input:focus{
    border-color:#ff9700;
}

.oem-search-row button{
    background:#ff9700;
    color:#fff;
    border:none;
    border-radius:10px;
    padding:0 26px;
    font-weight:700;
    cursor:pointer;
    transition:.2s;
}

.oem-search-row button:hover{
    background:#f08d00;
}

.oem-suggestions{
    display:none;
    position:absolute;
    left:0;
    right:220px;
    top:calc(100% + 8px);

    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    z-index:999;
}

.oem-suggestion-item{
    padding:14px 18px;
    font-size:15px;
    color:#1c2942;
    cursor:pointer;
    transition:.15s;
    border-bottom:1px solid #f1f1f1;
}

.oem-suggestion-item:last-child{
    border-bottom:none;
}

.oem-suggestion-item:hover{
    background:#f5f7fb;
}

.floating-whatsapp{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:1200;
    display:flex;
    align-items:center;
    justify-content:center;
    width:99px;
    height:99px;
    border-radius:50%;
    background:#25d366;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    box-shadow:0 10px 28px rgba(20,120,61,.32);
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}

.floating-whatsapp svg{
    width:58px;
    height:58px;
}

.floating-whatsapp:hover{
    background:#1fbd5b;
    transform:translateY(-3px);
    box-shadow:0 14px 32px rgba(20,120,61,.4);
}

@media(max-width:600px){
    .floating-whatsapp{right:15px;bottom:15px;width:92px;height:92px}
    .floating-whatsapp svg{width:53px;height:53px}
}
html, body, button, input, select, textarea {
    font-family: "Segoe UI", "Noto Sans", Arial, sans-serif !important;
}

@media(max-width:700px){
    html,
    body{
        width:100%;
        min-width:0;
        overflow-x:hidden;
    }

    .topbar{
        display:none;
    }

    .main-header{
        display:grid;
        grid-template-columns:1fr auto;
        height:auto;
        gap:8px 14px;
        padding:8px 14px 12px;
    }

    .main-header .site-logo-link{
        min-width:0;
    }

    .header-icons{
        grid-column:2;
        grid-row:1;
        gap:16px;
        font-size:19px;
    }

    .search-box{
        grid-column:1/-1;
        grid-row:2;
        width:100%;
        height:44px;
        border-radius:9px;
    }

    .search-box input{
        min-width:0;
        padding:0 13px;
        font-size:14px;
    }

    .nav{
        display:flex !important;
        height:auto;
        min-height:56px;
        gap:8px;
        padding:6px 12px;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        border-radius:0 0 12px 12px;
        scrollbar-width:none;
    }

    .nav::-webkit-scrollbar{
        display:none;
    }

    .catalog-wrapper,
    .nav>a{
        flex:0 0 auto;
    }

    .catalog-btn{
        width:145px;
        height:44px;
        border-radius:8px;
        font-size:14px;
    }

    .nav>a{
        display:flex;
        align-items:center;
        min-height:44px;
        padding:0 10px;
        font-size:14px;
        white-space:nowrap;
    }

    .categories-panel{
        position:fixed !important;
        top:118px;
        right:12px;
        left:12px;
        width:auto;
        max-height:calc(100vh - 140px);
        overflow-y:auto;
        border-radius:10px;
    }

    .category-item{
        min-height:46px;
        padding:12px 14px;
        font-size:14px;
    }

    .category-children{
        position:static !important;
        min-width:0;
        border:0;
        box-shadow:none;
    }

    .category-tree-item:hover>.category-children{
        display:none;
    }

    .page-layout{
        padding:10px 10px 28px;
    }

    .home-banner{
        display:block;
    }

    .home-hero{
        display:none;
    }

    .daily-offer{
        width:100%;
        max-width:100%;
        min-height:0;
        padding:19px 15px 14px;
        border-width:6px;
        border-radius:23px;
    }

    .order-card-copy{
        width:68%;
    }

    .order-card-kicker{
        margin-bottom:5px;
        font-size:8px;
    }

    .order-card-copy h2{
        margin-bottom:7px;
        font-size:23px;
    }

    .order-card-copy p{
        font-size:11px;
        line-height:1.35;
    }

    .order-whatsapp-mark{
        top:21px;
        right:12px;
        width:76px;
        height:76px;
        border-width:3px;
    }

    .order-whatsapp-mark svg{
        width:48px;
        height:48px;
    }

    .order-phone{
        min-height:56px;
        margin-top:15px;
        padding:8px 11px;
    }

    .order-phone>span:last-child{
        min-width:0;
    }

    .order-phone-icon{
        flex-basis:38px;
        width:38px;
        height:38px;
        font-size:20px;
    }

    .order-phone strong{
        font-size:clamp(16px,4.8vw,18px);
        white-space:nowrap;
    }

    .order-whatsapp-btn{
        grid-template-columns:25px 1fr auto;
        min-height:50px;
        padding:0 14px;
        font-size:15px;
    }

    .order-whatsapp-btn svg{
        width:25px;
        height:25px;
    }

    .order-perks{
        margin-top:10px;
        padding:9px 2px;
    }

    .order-perks>div{
        grid-template-columns:24px 1fr;
        min-width:0;
        padding:0 4px;
        overflow:hidden;
    }

    .order-perks>div>span{
        width:23px;
        height:23px;
        font-size:10px;
    }

    .order-perks p,
    .order-perks strong{
        font-size:7px;
        overflow-wrap:anywhere;
    }

    .order-trust{
        display:none;
    }

    .oem-search-box{
        margin:16px 0;
        padding:16px;
        border-radius:12px;
    }

    .oem-search-head h2{
        font-size:21px;
        line-height:1.25;
    }

    .oem-search-head p{
        font-size:13px;
    }

    .oem-search-row{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .oem-search-row input,
    .oem-search-row button{
        width:100%;
        min-height:46px;
    }

    .oem-suggestions{
        right:0;
    }

    .section-head{
        align-items:flex-end;
        margin:22px 2px 11px;
    }

    .section-head h2{
        font-size:19px;
    }

    .section-head a{
        font-size:12px;
    }

    .products-grid,
    #allProductsGrid.products-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .product-card{
        min-width:0;
        min-height:225px;
        padding:12px;
    }

    .product-card h3{
        font-size:13px !important;
    }

    .product-img{
        height:95px;
    }

    .products-page-head,
    .brands-page-head{
        margin:22px 0 16px;
    }

    .products-page-head h1,
    .brands-page-head h1{
        font-size:27px;
    }

    .products-page-head p,
    .brands-page-head p{
        font-size:14px;
    }

    .products-page-layout{
        grid-template-columns:1fr;
        gap:14px;
    }

    .products-filter{
        position:static;
        padding:16px;
        border-radius:12px;
    }

    .products-sort-bar{
        align-items:stretch;
        flex-direction:column;
        padding:12px;
        margin-bottom:12px;
    }

    #productsSort{
        width:100%;
        min-width:0;
    }

    .brands-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .brand-card{
        min-width:0;
        padding:14px 9px;
        border-radius:12px;
    }

    .brand-logo-box{
        height:75px;
        margin-bottom:10px;
    }

    .brand-card h3{
        font-size:15px;
    }

    .services{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        margin-top:18px;
    }

    .services div{
        padding:14px 11px;
        font-size:13px;
    }

    .services p{
        font-size:11px;
    }

    .floating-whatsapp{
        right:14px;
        bottom:14px;
        width:58px;
        height:58px;
    }

    .floating-whatsapp svg{
        width:34px;
        height:34px;
    }
}