/* Phase 22 storefront refinements */
.phase20-order-progress{
    grid-template-columns:repeat(5,1fr);
}

@media(max-width:640px){
    .phase20-order-progress{
        grid-template-columns:1fr;
    }
}


/* ESH-LIVE-UI-FIX-20260929 */

.phase20-home-service{
    align-items:center;
}

.phase20-home-service .esh-service-icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
}

.phase20-home-service > span{
    flex:1 1 auto;
    min-width:0;
}

.phase20-home-service > span strong,
.phase20-home-service > span small{
    display:block;
}

.phase20-home-service > b{
    margin-left:auto;
}

.store-cat-home-link .store-cat-home-icon{
    display:grid;
    place-items:center;
}

.store-cat-home-link .store-cat-home-icon svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.store-cat-home-node{
    border-bottom:1px solid rgba(0,0,0,.07);
}


/* ESH-HOME-SERVICE-CENTER-FIX */

.phase20-home-service,
a.phase20-home-service{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:12px !important;
    min-height:160px;
}

.phase20-home-service .esh-service-icon{
    width:52px !important;
    height:52px !important;
    flex:0 0 52px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 auto !important;
}

.phase20-home-service > span{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:5px !important;
}

.phase20-home-service > span strong{
    display:block !important;
    width:100% !important;
    text-align:center !important;
}

.phase20-home-service > span small{
    display:block !important;
    width:100% !important;
    text-align:center !important;
}

.phase20-home-service > b{
    display:none !important;
}

a.phase20-home-service{
    text-decoration:none !important;
    color:inherit;
}


/* ESH-CATEGORY-LAYOUT-FINAL */

/* ÜST ALAN: servis bar + logo/menu + arama */
.esh-sticky-site-header{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    width:100%;
    background:#fff;
    box-shadow:0 4px 18px rgba(25,30,35,.06);
}

/* İçteki elemanların ayrı sticky davranmasını engelle */
.esh-sticky-site-header .phase20-servicebar,
.esh-sticky-site-header .esh-header{
    position:relative !important;
    top:auto !important;
}


/* =====================================================
   KATEGORI MASAÜSTÜ
   ===================================================== */

.esh-category-layout{
    display:grid !important;
    grid-template-columns:290px minmax(0,1fr) !important;
    gap:28px !important;
    align-items:start !important;
    width:100%;
    margin-top:24px;
}

.esh-category-filter-column{
    width:100%;
    min-width:0;
    align-self:start;
}

/* Sticky olan filtre kolonudur; filtre kutusunun kendisi değil */
@media (min-width:1001px){
    .esh-category-filter-column{
        position:sticky;
        top:205px;
        z-index:20;
    }
}


/* Filtreyi eski dev yatay kutudan sidebar'a çevir */
.esh-category-filter-column .catalog-filters{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;

    display:block !important;

    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    margin:0 !important;
    padding:18px !important;

    box-sizing:border-box !important;
    overflow:visible !important;
}


/* Filtre başlığı */
.esh-category-filter-column .filter-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.esh-category-filter-column .filter-head h3{
    margin-bottom:0;
}


/* Filtre satırları sidebar için daha kompakt */
.esh-category-filter-column .filter-group{
    padding-top:13px !important;
    padding-bottom:13px !important;
}

.esh-category-filter-column .filter-group select,
.esh-category-filter-column .filter-group input[type="number"]{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}


/* Min-Max artık alt alta */
.esh-category-filter-column .price-filter-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
}


/* Uygula butonu */
.esh-category-filter-column .filter-submit{
    width:100% !important;
}


/* =====================================================
   SAĞ ÜRÜN ALANI
   ===================================================== */

.esh-category-results{
    position:relative;
    min-width:0;
    width:100%;
}

.esh-category-results .esh-catalog-toolbar{
    position:relative !important;
    margin:0 0 18px 0 !important;
    padding-top:0 !important;
}

.esh-category-results .esh-product-grid{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;

    width:100% !important;

    margin-top:0 !important;
    clear:both;
}


/* Ürün kartlarının filtre alanına taşmasını engelle */
.esh-category-results .product-card,
.esh-category-results .esh-product-card{
    position:relative;
}


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

@media (max-width:1000px){
    .esh-category-layout{
        grid-template-columns:240px minmax(0,1fr) !important;
        gap:18px !important;
    }

    .esh-category-filter-column{
        position:static !important;
    }

    .esh-sticky-site-header{
        position:sticky !important;
        top:0 !important;
    }
}


/* =====================================================
   MOBİL
   ===================================================== */

@media (max-width:760px){
    .esh-category-layout{
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

    .esh-category-filter-column{
        position:static !important;
        width:100%;
    }

    .esh-category-filter-column .catalog-filters{
        width:100% !important;
        padding:16px !important;
    }
}


/* ESH-MOBILE-UI-FINAL-20260929 */


/* Masaüstünde ekstra mobil sayaç görünmez */
.esh-mobile-cart-qty{
    display:none;
}


@media (max-width:760px){

    /* ===============================================
       ANA SAYFA - ÖNE ÇIKAN ÜRÜNLER
       =============================================== */

    .esh-products-section .esh-section-header{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        gap:10px !important;
    }

    .esh-products-section .esh-section-header > div{
        width:100% !important;
        text-align:center !important;
    }

    .esh-products-section .esh-section-header .section-eyebrow,
    .esh-products-section .esh-section-header h2{
        text-align:center !important;
    }

    .esh-products-section .esh-section-header .esh-text-link{
        align-self:center !important;
        margin:0 auto !important;
        text-align:center !important;
    }


    /* ===============================================
       KATEGORI BAŞLIK ALANI
       =============================================== */

    .esh-category-page .esh-section-header{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;

        width:100% !important;
        gap:10px !important;

        margin-bottom:20px !important;
    }

    .esh-category-page .esh-section-header > div{
        width:100% !important;
        text-align:center !important;
    }

    .esh-category-page .section-eyebrow{
        display:block !important;
        text-align:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .esh-category-page .esh-section-header h1{
        width:100% !important;
        text-align:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .esh-category-page .esh-category-product-count{
        width:auto !important;
        margin:0 auto !important;
        text-align:center !important;

        font-size:14px !important;
        color:#6f7479 !important;
    }

    .esh-category-page .esh-category-layout{
        margin-top:14px !important;
    }


    /* ===============================================
       MOBIL FILTRE
       =============================================== */

    .esh-category-page .esh-category-filter-column{
        width:100% !important;
    }

    .esh-category-page .catalog-filters{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        border-radius:16px !important;
    }


    /* ===============================================
       MOBIL SEPET SAYACI
       =============================================== */

    .esh-cart-action{
        position:relative !important;
    }

    .esh-cart-action .esh-mobile-cart-qty{
        position:absolute !important;

        top:-5px !important;
        right:-7px !important;

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

        min-width:19px !important;
        height:19px !important;
        padding:0 5px !important;

        border-radius:999px !important;

        background:#ff7629 !important;
        color:#fff !important;

        border:2px solid #fff !important;

        font-size:10px !important;
        line-height:1 !important;
        font-weight:800 !important;

        box-sizing:border-box !important;
        z-index:5 !important;
    }

}

/* MOBILE CART BADGE FIX 2026-09-29 */
@media (max-width:760px){
    .esh-cart-action .esh-cart-badge{
        display:none !important;
    }
}

/* MOBILE HOME SERVICES 4-IN-ROW 2026-09-29 */
@media (max-width:760px){

    .esh-benefits.phase20-home-services{
        padding:10px 0 !important;
    }

    .phase20-home-service-grid{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:5px !important;
    }

    .phase20-home-service{
        min-width:0 !important;
        min-height:82px !important;
        padding:8px 3px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        gap:6px !important;
        border-radius:12px !important;
        text-align:center !important;
    }

    .phase20-home-service .esh-service-icon{
        width:34px !important;
        height:34px !important;
        flex:0 0 34px !important;
        border-radius:9px !important;
        margin:0 auto !important;
    }

    .phase20-home-service .esh-service-icon svg{
        width:18px !important;
        height:18px !important;
    }

    .phase20-home-service > span{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
    }

    .phase20-home-service > span strong{
        display:block !important;
        font-size:10px !important;
        line-height:1.15 !important;
        font-weight:800 !important;
        text-align:center !important;
        overflow-wrap:anywhere;
    }

    .phase20-home-service > span small{
        display:none !important;
    }

    .phase20-home-service > b{
        display:none !important;
    }
}

/* MOBILE SERVICES COMPACT FINAL 2026-09-29 */
@media (max-width:760px){

    .esh-benefits.phase20-home-services{
        padding:6px 0 !important;
        margin:0 !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        grid-auto-rows:82px !important;
        gap:4px !important;
        align-items:stretch !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service{
        width:100% !important;
        height:82px !important;
        min-height:82px !important;
        max-height:82px !important;

        padding:6px 2px !important;
        margin:0 !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        gap:5px !important;
        border-radius:10px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service .esh-service-icon{
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        min-height:30px !important;
        flex:0 0 30px !important;

        margin:0 !important;
        border-radius:8px !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service .esh-service-icon svg{
        width:16px !important;
        height:16px !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service > span{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        line-height:1 !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service strong{
        display:block !important;
        width:100% !important;

        margin:0 !important;

        font-size:9.5px !important;
        line-height:1.1 !important;
        font-weight:800 !important;

        text-align:center !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service small{
        display:none !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service > b{
        display:none !important;
    }
}

/* MOBILE SERVICES COMPACT FINAL 2026-09-29 */
@media (max-width:760px){

    .esh-benefits.phase20-home-services{
        padding:6px 0 !important;
        margin:0 !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        grid-auto-rows:82px !important;
        gap:4px !important;
        align-items:stretch !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service{
        width:100% !important;
        height:82px !important;
        min-height:82px !important;
        max-height:82px !important;

        padding:6px 2px !important;
        margin:0 !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        gap:5px !important;
        border-radius:10px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service .esh-service-icon{
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        min-height:30px !important;
        flex:0 0 30px !important;

        margin:0 !important;
        border-radius:8px !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service .esh-service-icon svg{
        width:16px !important;
        height:16px !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service > span{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        line-height:1 !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service strong{
        display:block !important;
        width:100% !important;

        margin:0 !important;

        font-size:9.5px !important;
        line-height:1.1 !important;
        font-weight:800 !important;

        text-align:center !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service small{
        display:none !important;
    }

    .esh-benefits.phase20-home-services .phase20-home-service > b{
        display:none !important;
    }
}

/* MOBILE SERVICE ALIGN FIX 2026-09-29 */
@media (max-width:760px){

    .phase20-home-service-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:4px !important;
    }

    .phase20-home-service{
        height:88px !important;
        min-height:88px !important;
        max-height:88px !important;

        padding:8px 4px !important;
        margin:0 !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;

        text-align:center !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    .phase20-home-service .esh-service-icon{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;
        flex:0 0 32px !important;

        display:grid !important;
        place-items:center !important;
        margin:0 auto 8px !important;
    }

    .phase20-home-service .esh-service-icon svg{
        width:16px !important;
        height:16px !important;
        display:block !important;
    }

    .phase20-home-service > span{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .phase20-home-service > span strong{
        display:block !important;
        min-height:24px !important;
        margin:0 !important;

        font-size:8.5px !important;
        line-height:1.15 !important;
        font-weight:800 !important;
        text-align:center !important;
    }

    .phase20-home-service > span small,
    .phase20-home-service small,
    .phase20-home-service p{
        display:none !important;
    }

    .phase20-home-service > b{
        display:none !important;
    }
}

/* MOBILE SERVICES TRUE COMPACT FINAL */
@media (max-width:760px){

    .esh-benefits.phase20-home-services{
        padding:5px 0 !important;
    }

    .esh-benefits .phase20-home-service-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:4px !important;
    }

    .esh-benefits .phase20-home-service{
        height:76px !important;
        min-height:76px !important;
        max-height:76px !important;

        padding:7px 2px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;

        gap:6px !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    .esh-benefits .phase20-home-service .esh-service-icon{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;
        flex:0 0 32px !important;

        margin:0 auto !important;

        display:grid !important;
        place-items:center !important;
    }

    .esh-benefits .phase20-home-service .esh-service-icon svg{
        width:16px !important;
        height:16px !important;
    }

    .esh-benefits .phase20-home-service > span{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .esh-benefits .phase20-home-service > span strong{
        display:block !important;
        width:100% !important;
        margin:0 !important;

        font-size:9px !important;
        line-height:1.1 !important;
        font-weight:800 !important;
        text-align:center !important;

        white-space:nowrap !important;
    }

    .esh-benefits .phase20-home-service > span small,
    .esh-benefits .phase20-home-service small{
        display:none !important;
        visibility:hidden !important;
        height:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    .esh-benefits .phase20-home-service > b{
        display:none !important;
    }
}

/* MOBILE SERVICES PIXEL ALIGN FINAL */
@media (max-width:760px){

    .phase20-home-service-grid > .phase20-home-service{
        position:relative !important;

        height:76px !important;
        min-height:76px !important;
        max-height:76px !important;

        padding:0 !important;
        margin:0 !important;

        display:block !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .phase20-home-service-grid > .phase20-home-service .esh-service-icon{
        position:absolute !important;

        top:7px !important;
        left:50% !important;

        transform:translateX(-50%) !important;

        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;

        margin:0 !important;
        padding:0 !important;

        display:grid !important;
        place-items:center !important;

        box-sizing:border-box !important;
    }

    .phase20-home-service-grid > .phase20-home-service .esh-service-icon svg{
        width:16px !important;
        height:16px !important;
        margin:0 !important;
    }

    .phase20-home-service-grid > .phase20-home-service > span{
        position:absolute !important;

        top:48px !important;
        left:0 !important;

        width:100% !important;

        margin:0 !important;
        padding:0 2px !important;

        box-sizing:border-box !important;
    }

    .phase20-home-service-grid > .phase20-home-service > span strong{
        display:block !important;

        margin:0 !important;
        padding:0 !important;

        font-size:9px !important;
        line-height:1 !important;
        font-weight:800 !important;

        text-align:center !important;
        white-space:nowrap !important;
    }

    .phase20-home-service-grid > .phase20-home-service > span small,
    .phase20-home-service-grid > .phase20-home-service small,
    .phase20-home-service-grid > .phase20-home-service > b{
        display:none !important;
    }
}

/* MOBILE SERVICES EXACT ALIGN FINAL */
@media (max-width:760px){

    .esh-benefits.phase20-home-services .phase20-home-service-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:4px !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service-grid > .phase20-home-service{

        position:relative !important;

        display:grid !important;
        grid-template-rows:42px 20px !important;
        grid-template-columns:1fr !important;

        align-content:start !important;
        align-items:center !important;
        justify-items:center !important;

        width:100% !important;
        height:78px !important;
        min-height:78px !important;
        max-height:78px !important;

        padding:7px 2px 5px !important;
        margin:0 !important;

        gap:0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service .esh-service-icon{

        position:static !important;
        inset:auto !important;
        transform:none !important;

        grid-row:1 !important;

        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;

        margin:0 !important;
        padding:0 !important;

        display:grid !important;
        place-items:center !important;

        align-self:start !important;
        justify-self:center !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service .esh-service-icon svg{
        width:16px !important;
        height:16px !important;
        display:block !important;
        margin:auto !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service > span{

        position:static !important;
        inset:auto !important;
        transform:none !important;

        grid-row:2 !important;

        width:100% !important;
        height:20px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service > span strong{

        margin:0 !important;
        padding:0 !important;

        font-size:9px !important;
        line-height:10px !important;
        font-weight:800 !important;

        white-space:nowrap !important;
        text-align:center !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service small,

    .esh-benefits.phase20-home-services
    .phase20-home-service > b{
        display:none !important;
    }
}

/* MOBILE SERVICES EXACT ALIGN FINAL */
@media (max-width:760px){

    .esh-benefits.phase20-home-services .phase20-home-service-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:4px !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service-grid > .phase20-home-service{

        position:relative !important;

        display:grid !important;
        grid-template-rows:42px 20px !important;
        grid-template-columns:1fr !important;

        align-content:start !important;
        align-items:center !important;
        justify-items:center !important;

        width:100% !important;
        height:78px !important;
        min-height:78px !important;
        max-height:78px !important;

        padding:7px 2px 5px !important;
        margin:0 !important;

        gap:0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service .esh-service-icon{

        position:static !important;
        inset:auto !important;
        transform:none !important;

        grid-row:1 !important;

        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;

        margin:0 !important;
        padding:0 !important;

        display:grid !important;
        place-items:center !important;

        align-self:start !important;
        justify-self:center !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service .esh-service-icon svg{
        width:16px !important;
        height:16px !important;
        display:block !important;
        margin:auto !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service > span{

        position:static !important;
        inset:auto !important;
        transform:none !important;

        grid-row:2 !important;

        width:100% !important;
        height:20px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service > span strong{

        margin:0 !important;
        padding:0 !important;

        font-size:9px !important;
        line-height:10px !important;
        font-weight:800 !important;

        white-space:nowrap !important;
        text-align:center !important;
    }

    .esh-benefits.phase20-home-services
    .phase20-home-service small,

    .esh-benefits.phase20-home-services
    .phase20-home-service > b{
        display:none !important;
    }
}

/* === MOBILE SERVICES HARD ALIGN FINAL === */
@media (max-width:760px){

    #neden-biz{
        padding:6px 0 !important;
        margin:0 !important;
    }

    #neden-biz .phase20-home-service-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:4px !important;
    }

    #neden-biz .phase20-home-service-grid > .phase20-home-service{
        position:relative !important;

        display:block !important;

        width:100% !important;
        height:82px !important;
        min-height:82px !important;
        max-height:82px !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
        overflow:hidden !important;

        text-align:center !important;
    }

    /* DÖRT İKON DA AYNI NOKTAYA */
    #neden-biz .phase20-home-service-grid > .phase20-home-service > .esh-service-icon{
        position:absolute !important;

        top:8px !important;
        left:50% !important;
        right:auto !important;
        bottom:auto !important;

        transform:translateX(-50%) !important;

        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
        max-width:38px !important;
        max-height:38px !important;

        flex:none !important;

        margin:0 !important;
        padding:0 !important;

        display:grid !important;
        place-items:center !important;

        border-radius:10px !important;
        box-sizing:border-box !important;
    }

    #neden-biz .phase20-home-service-grid > .phase20-home-service > .esh-service-icon svg{
        width:17px !important;
        height:17px !important;
        min-width:17px !important;
        min-height:17px !important;

        display:block !important;

        margin:0 !important;
        padding:0 !important;
    }

    /* DÖRT BAŞLIK DA AYNI NOKTAYA */
    #neden-biz .phase20-home-service-grid > .phase20-home-service > span{
        position:absolute !important;

        top:55px !important;
        left:0 !important;
        right:0 !important;

        width:100% !important;
        height:16px !important;

        margin:0 !important;
        padding:0 2px !important;

        display:block !important;
        box-sizing:border-box !important;
    }

    #neden-biz .phase20-home-service-grid > .phase20-home-service > span > strong{
        display:block !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        font-size:9px !important;
        line-height:12px !important;
        font-weight:800 !important;

        white-space:nowrap !important;
        text-align:center !important;
    }

    /* MOBİLDE SADECE İKON + KOYU BAŞLIK */
    #neden-biz .phase20-home-service-grid > .phase20-home-service small,
    #neden-biz .phase20-home-service-grid > .phase20-home-service > b{
        display:none !important;
    }
}

/* MOBILE SERVICE BOX PERFECT ALIGN FIX */
@media (max-width:760px){

    .phase20-home-service-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:6px !important;
        align-items:stretch !important;
    }

    .phase20-home-service,
    a.phase20-home-service{
        display:grid !important;
        grid-template-rows:42px 34px !important;
        align-content:start !important;
        justify-items:center !important;
        align-items:start !important;

        min-height:96px !important;
        padding:10px 4px !important;
        text-align:center !important;
        border-radius:12px !important;
    }

    .phase20-home-service .esh-service-icon{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
        margin:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        align-self:start !important;
        justify-self:center !important;
    }

    .phase20-home-service .esh-service-icon svg{
        width:18px !important;
        height:18px !important;
    }

    .phase20-home-service > span{
        width:100% !important;
        min-height:34px !important;
        display:flex !important;
        align-items:flex-start !important;
        justify-content:center !important;
        text-align:center !important;
        margin:0 !important;
    }

    .phase20-home-service > span strong{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        font-size:10px !important;
        line-height:1.15 !important;
        text-align:center !important;
    }

    .phase20-home-service > span small,
    .phase20-home-service > b{
        display:none !important;
    }
}


/* FINAL-PAGINATION-NO-TAILWIND */
.esh-pager{
    margin-top:18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
}

.esh-pager__inner{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
}

.esh-pager__control,
.esh-pager__page{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e6e8ea;
    border-radius:10px;
    background:#fff;
    color:#25292d;
    font-size:13px;
    font-weight:700;
    line-height:1;
    padding:0 12px;
}

.esh-pager__page{
    min-width:38px;
    padding:0 8px;
}

.esh-pager__control:hover,
.esh-pager__page:hover{
    border-color:var(--esh-orange, #F4772E);
    color:var(--esh-orange-dark, #DF6220);
}

.esh-pager__page.is-current{
    border-color:var(--esh-orange, #F4772E);
    background:var(--esh-orange, #F4772E);
    color:#fff;
}

.esh-pager__control.is-disabled{
    opacity:.42;
    cursor:not-allowed;
}

.esh-pager__pages{
    display:flex;
    align-items:center;
    gap:6px;
}

.esh-pager__dots{
    min-width:22px;
    text-align:center;
    color:#7c838a;
}

.esh-pager__summary{
    color:#747a80;
    font-size:12px;
}

@media(max-width:640px){
    .esh-pager__inner{
        gap:5px;
    }

    .esh-pager__control{
        min-height:36px;
        padding:0 10px;
        font-size:12px;
    }

    .esh-pager__page{
        min-width:36px;
        min-height:36px;
        font-size:12px;
    }
}


/* ESH-CATEGORY-ICONS-SERVER-V3 */
.store-cat-custom-icon{
    color:var(--esh-orange);
}
.store-cat-custom-icon svg{
    width:18px;
    height:18px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ESH-HEADER-CART-ALIGN-V3 */
.esh-header-actions{
    overflow:visible !important;
}
.esh-head-action{
    position:relative !important;
    min-width:64px !important;
    min-height:58px !important;
    padding:6px 4px 4px !important;
    justify-content:center !important;
    overflow:visible !important;
}
.esh-head-action svg{
    flex:0 0 auto !important;
}
.esh-cart-action .esh-cart-badge{
    top:1px !important;
    right:5px !important;
}

@media(max-width:820px){
    .esh-header-top{
        overflow:visible !important;
        padding-top:4px !important;
        padding-bottom:4px !important;
    }

    .esh-head-action{
        min-width:42px !important;
        min-height:42px !important;
        padding:4px 2px !important;
    }

    .esh-cart-action .esh-mobile-cart-qty{
        top:0 !important;
        right:-2px !important;
    }
}

/* ESH-HEADER-ACTIONS-ALIGN-V1 START */
@media (min-width: 761px) {
    .esh-header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 18px !important;
    }

    .esh-header-actions > .esh-head-action {
        position: relative !important;
        box-sizing: border-box !important;

        flex: 0 0 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;

        height: 64px !important;
        min-height: 64px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: grid !important;
        grid-template-columns: 72px !important;
        grid-template-rows: 32px 16px !important;
        align-content: center !important;
        justify-content: center !important;
        justify-items: center !important;
        row-gap: 4px !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;

        line-height: 1 !important;
        overflow: visible !important;
    }

    .esh-header-actions > .esh-head-action > svg {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 25px !important;
        height: 25px !important;

        display: block !important;
        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    .esh-header-actions > .esh-head-action > span:not(.esh-cart-badge):not(.esh-mobile-cart-qty) {
        grid-column: 1 !important;
        grid-row: 2 !important;

        display: block !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        align-self: center !important;
        justify-self: center !important;

        text-align: center !important;
        line-height: 16px !important;
        transform: none !important;
    }

    .esh-header-actions > .esh-cart-action .esh-cart-badge {
        position: absolute !important;

        top: 4px !important;
        left: 43px !important;
        right: auto !important;
        bottom: auto !important;

        z-index: 10 !important;
        transform: none !important;

        width: 22px !important;
        min-width: 22px !important;
        height: 22px !important;

        margin: 0 !important;
        padding: 0 !important;

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

        border-radius: 999px !important;
        line-height: 1 !important;
        pointer-events: none !important;
    }
}
/* ESH-HEADER-ACTIONS-ALIGN-V1 END */

/* ESH-CART-LABEL-FIX-V1 START */
@media (min-width: 761px) {
    .esh-header-actions > .esh-cart-action > .esh-mobile-cart-qty {
        display: none !important;
    }

    .esh-header-actions > .esh-head-action > span:not(.esh-cart-badge):not(.esh-mobile-cart-qty) {
        text-decoration: none !important;
        text-decoration-line: none !important;
        text-shadow: none !important;
    }
}
/* ESH-CART-LABEL-FIX-V1 END */