/* ===== BEGIN theme.css ===== */
:root {
    --bg: #f6f7f8;
    --surface: #ffffff;
    --surface-soft: #f1f3f4;
    --text: #151515;
    --muted: #6f7479;
    --border: #e6e8ea;
    --dark: #111315;

    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;

    --container: 1380px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    color: var(--text);
    background: var(--bg);
}

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

button,
input {
    font: inherit;
}

.container {
    width: min(var(--container), calc(100% - 40px));
    margin: 0 auto;
}


/* TOP BAR */

.topbar {
    background: var(--dark);
    color: white;
}

.topbar-inner {
    min-height: 34px;

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

    gap: 42px;

    font-size: 12px;
}


/* HEADER */

.site-header {
    background: white;
    border-bottom: 1px solid var(--border);

    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-main {
    min-height: 82px;

    display: grid;

    grid-template-columns:
        auto
        minmax(300px, 650px)
        auto;

    align-items: center;

    gap: 38px;
}

.brand {
    font-size: 27px;
    font-weight: 900;
    letter-spacing: -1.2px;
}

.search-box {
    display: flex;
    position: relative;
}

.search-box input {
    width: 100%;

    height: 46px;

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

    border-radius: 12px;

    padding:
        0
        76px
        0
        18px;

    outline: none;
}

.search-box input:focus {
    border-color: #9b9b9b;
}

.search-box button {
    position: absolute;

    right: 5px;
    top: 5px;

    height: 36px;

    border: 0;

    background: var(--dark);
    color: white;

    padding: 0 18px;

    border-radius: 9px;

    cursor: pointer;
}

.header-actions {
    display: flex;
    justify-content: flex-end;

    gap: 22px;
}

.header-action {
    display: flex;
    align-items: center;

    gap: 7px;

    font-size: 13px;
    font-weight: 600;
}

.action-icon {
    font-size: 19px;
}

.mobile-menu-button {
    display: none;

    border: 0;
    background: transparent;

    font-size: 24px;
}


/* NAV */

.main-nav {
    border-top: 1px solid var(--border);
}

.nav-inner {
    min-height: 52px;

    display: flex;
    align-items: center;

    gap: 30px;

    overflow-x: auto;

    scrollbar-width: none;
}

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

.nav-inner a {
    white-space: nowrap;

    font-size: 13px;
    font-weight: 650;

    transition: opacity .2s ease;
}

.nav-inner a:hover {
    opacity: .55;
}


/* HERO */

.hero {
    margin-top: 26px;

    min-height: 470px;

    padding: 62px;

    border-radius: var(--radius-lg);

    background:
        linear-gradient(
            135deg,
            #101214 0%,
            #24282d 100%
        );

    color: white;

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    align-items: center;

    gap: 60px;

    overflow: hidden;
}

.hero-label,
.section-eyebrow {
    display: block;

    margin-bottom: 12px;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1.6px;
}

.hero h1 {
    max-width: 600px;

    margin:
        0
        0
        22px;

    font-size: clamp(
        42px,
        5vw,
        72px
    );

    line-height: .98;

    letter-spacing: -3px;
}

.hero p {
    max-width: 570px;

    margin:
        0
        0
        30px;

    color: #c8cbce;

    font-size: 17px;

    line-height: 1.7;
}

.hero-actions {
    display: flex;
    gap: 12px;
}

.button {
    display: inline-flex;

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

    min-height: 46px;

    padding: 0 22px;

    border-radius: 11px;

    font-size: 14px;
    font-weight: 750;
}

.button-primary {
    background: white;
    color: #111;
}

.button-secondary {
    color: white;
    border: 1px solid rgba(255,255,255,.25);
}

.button-light {
    background: white;
    color: #111;
}

.hero-placeholder {
    height: 330px;

    border-radius: 22px;

    background:
        radial-gradient(
            circle at 35% 30%,
            #555d65,
            #22272c 55%,
            #16191c
        );

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

    color: rgba(255,255,255,.45);

    font-weight: 700;
}


/* TRUST */

.trust-section {
    margin-top: 26px;
}

.trust-grid {
    display: grid;

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

    background: white;

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

    border-radius: 16px;
}

.trust-item {
    padding: 24px;

    display: flex;
    flex-direction: column;

    gap: 5px;
}

.trust-item:not(:last-child) {
    border-right:
        1px
        solid
        var(--border);
}

.trust-item strong {
    font-size: 14px;
}

.trust-item span {
    color: var(--muted);

    font-size: 12px;
}


/* SECTIONS */

.section {
    padding: 68px 0;
}

.section-soft {
    background: #eef0f2;
}

.section-header {
    display: flex;

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

    gap: 30px;

    margin-bottom: 28px;
}

.section-header h2 {
    margin: 0;

    font-size: 34px;

    letter-spacing: -1px;
}

.section-eyebrow {
    color: var(--muted);
}

.section-link {
    font-size: 13px;
    font-weight: 700;
}


/* CATEGORIES */

.category-grid {
    display: grid;

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

    gap: 15px;
}

.category-card {
    background: white;

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

    border-radius: 16px;

    overflow: hidden;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.category-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0
        15px
        45px
        rgba(0,0,0,.06);
}

.category-image {
    aspect-ratio: 1 / 1;

    background:
        linear-gradient(
            135deg,
            #eceeef,
            #f7f8f8
        );
}

.category-name {
    padding: 18px;

    font-size: 14px;
    font-weight: 750;
}


/* PRODUCTS */

.product-grid {
    display: grid;

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

    gap: 18px;
}

.product-card {
    background: white;

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

    border-radius: 17px;

    overflow: hidden;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

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

    box-shadow:
        0
        18px
        45px
        rgba(0,0,0,.055);
}

.product-image {
    position: relative;

    aspect-ratio: 1 / 1;

    background:
        linear-gradient(
            135deg,
            #eceeef,
            #fafafa
        );
}

.product-badge {
    position: absolute;

    left: 14px;
    top: 14px;

    background: #111;
    color: white;

    padding: 6px 10px;

    border-radius: 20px;

    font-size: 10px;
    font-weight: 800;
}

.favorite-button {
    position: absolute;

    right: 12px;
    top: 12px;

    width: 36px;
    height: 36px;

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

    border-radius: 50%;

    background: white;

    cursor: pointer;

    font-size: 17px;
}

.product-info {
    padding: 18px;
}

.product-category {
    display: block;

    margin-bottom: 7px;

    color: var(--muted);

    font-size: 11px;
}

.product-info h3 {
    margin:
        0
        0
        16px;

    font-size: 15px;
}

.product-price {
    margin-bottom: 16px;

    font-size: 19px;
    font-weight: 850;
}

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

    height: 42px;

    border: 0;

    border-radius: 10px;

    background: var(--dark);
    color: white;

    font-weight: 750;

    cursor: pointer;
}


/* CAMPAIGN */

.campaign-banner {
    min-height: 220px;

    border-radius: 22px;

    padding: 45px;

    background: #111315;
    color: white;

    display: flex;

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

    gap: 30px;
}

.campaign-banner h2 {
    margin:
        0
        0
        12px;

    font-size: 38px;

    letter-spacing: -1px;
}

.campaign-banner p {
    color: #bfc3c6;
}


/* BLOG */

.blog-grid {
    display: grid;

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

    gap: 20px;
}

.blog-card {
    background: white;

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

    border-radius: 17px;

    overflow: hidden;
}

.blog-image {
    height: 230px;

    background:
        linear-gradient(
            135deg,
            #e7e9eb,
            #f7f7f7
        );
}

.blog-content {
    padding: 22px;
}

.blog-content span {
    color: var(--muted);

    font-size: 11px;
}

.blog-content h3 {
    margin:
        9px
        0
        18px;

    font-size: 20px;

    line-height: 1.25;
}

.blog-content a {
    font-size: 13px;
    font-weight: 700;
}


/* FOOTER */

.site-footer {
    margin-top: 70px;

    background: #101214;
    color: white;
}

.footer-grid {
    padding: 60px 0;

    display: grid;

    grid-template-columns:
        1.6fr
        1fr
        1fr
        1fr;

    gap: 50px;
}

.footer-column {
    display: flex;
    flex-direction: column;

    align-items: flex-start;

    gap: 11px;
}

.footer-column h3 {
    margin:
        0
        0
        10px;

    font-size: 14px;
}

.footer-column a,
.footer-column p {
    margin: 0;

    color: #aeb2b6;

    font-size: 13px;
}

.footer-logo {
    margin-bottom: 10px;

    font-size: 27px;
    font-weight: 900;
}

.footer-brand p {
    max-width: 320px;

    line-height: 1.65;
}

.footer-bottom {
    border-top:
        1px
        solid
        rgba(255,255,255,.08);

    padding: 20px 0;

    color: #7e8388;

    font-size: 12px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .header-main {
        grid-template-columns:
            auto
            1fr
            auto;
    }

    .header-actions span:not(.action-icon) {
        display: none;
    }

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

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

}


@media (max-width: 800px) {

    .container {
        width:
            min(
                100% - 24px,
                var(--container)
            );
    }

    .topbar-inner span:nth-child(n+2) {
        display: none;
    }

    .header-main {
        min-height: 70px;

        grid-template-columns:
            auto
            1fr
            auto;

        gap: 14px;
    }

    .mobile-menu-button {
        display: block;
    }

    .brand {
        font-size: 22px;
    }

    .search-box {
        display: none;
    }

    .main-nav {
        display: none;
    }

    .main-nav.is-open {
        display: block;
    }

    .nav-inner {
        padding: 18px 0;

        align-items: flex-start;
        flex-direction: column;

        gap: 17px;
    }

    .hero {
        min-height: auto;

        padding: 38px 26px;

        grid-template-columns: 1fr;

        gap: 35px;
    }

    .hero h1 {
        letter-spacing: -2px;
    }

    .hero-placeholder {
        height: 250px;
    }

    .trust-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .trust-item:nth-child(2) {
        border-right: 0;
    }

    .trust-item:nth-child(-n+2) {
        border-bottom:
            1px
            solid
            var(--border);
    }

    .category-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .product-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .blog-grid {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 520px) {

    .header-actions {
        gap: 10px;
    }

    .header-action:nth-child(-n+2) {
        display: none;
    }

    .hero {
        margin-top: 12px;

        border-radius: 17px;
    }

    .hero h1 {
        font-size: 42px;
    }

    .hero-actions {
        flex-direction: column;
    }

    .section {
        padding: 48px 0;
    }

    .section-header {
        align-items: flex-start;
        flex-direction: column;

        gap: 12px;
    }

    .section-header h2 {
        font-size: 28px;
    }

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

        gap: 10px;
    }

    .product-info {
        padding: 13px;
    }

    .category-grid {
        gap: 10px;
    }

    .campaign-banner {
        padding: 32px 24px;

        align-items: flex-start;
        flex-direction: column;
    }

    .campaign-banner h2 {
        font-size: 31px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

}

/* ===== END theme.css ===== */

/* ===== BEGIN commerce.css ===== */
.storefront-alert{margin-top:14px;padding:12px 15px;border-radius:10px;font-size:13px}.storefront-alert.success{background:#e9f8ef;color:#176b37}.storefront-alert.error{background:#fff0ef;color:#9f1b14}.muted{color:#6f7479}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.product-detail-image{width:100%;border-radius:20px;background:#fff;object-fit:cover}.product-detail-title{font-size:44px;line-height:1.05;margin:0 0 15px}.product-detail-price{font-size:30px;font-weight:850;margin:25px 0}.product-lead{font-size:16px;line-height:1.7;color:#555}.stock-row{margin:25px 0}.buy-row{display:flex;gap:10px;max-width:460px}.buy-row input{width:90px;border:1px solid #e6e8ea;border-radius:10px;padding:0 14px}.buy-row .add-cart-button{flex:1}.content-card{background:#fff;border:1px solid #e6e8ea;border-radius:17px;padding:24px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);gap:24px;align-items:start}.cart-line{display:grid;grid-template-columns:72px 1fr auto auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #eceeef}.cart-image{width:72px;height:72px;background:#f1f3f4;border-radius:10px;overflow:hidden}.cart-image img{width:100%;height:100%;object-fit:cover}.cart-info{display:flex;flex-direction:column;gap:6px}.cart-info span{font-size:12px;color:#6f7479}.cart-qty{display:flex;gap:6px}.cart-qty input{width:70px;border:1px solid #ddd;border-radius:8px;padding:8px}.cart-qty button,.link-danger{border:0;background:#f1f2f3;border-radius:8px;padding:8px 10px;cursor:pointer}.link-danger{background:transparent;color:#b42318}.order-summary{position:sticky;top:145px}.order-summary h2{margin-top:0}.order-summary>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:13px}.order-summary hr{border:0;border-top:1px solid #e6e8ea}.summary-total{font-size:17px!important}.primary-cta{width:100%;min-height:46px;border:0;border-radius:10px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer;margin-top:16px}.dark-button{background:#111!important;color:#fff!important}.checkout-form h2{margin:0 0 18px}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-fields label,.auth-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.checkout-fields label.full{grid-column:1/-1}.checkout-fields input,.checkout-fields textarea,.auth-card input{border:1px solid #e4e6e8;border-radius:9px;padding:11px 12px}.payment-option{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5e7e9;padding:15px;border-radius:10px}.payment-option span{display:flex;flex-direction:column;gap:4px}.payment-option small{color:#6f7479}.success-box{max-width:700px;margin:40px auto;text-align:center;background:#fff;border:1px solid #e5e7e9;border-radius:20px;padding:50px}.success-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#e9f8ef;color:#176b37;font-size:32px;font-weight:900;margin:0 auto 20px}.auth-wrap{display:grid;place-items:center}.auth-card{width:min(480px,100%);background:#fff;border:1px solid #e6e8ea;border-radius:18px;padding:30px}.auth-card h1{margin-top:0}.auth-card form{display:flex;flex-direction:column;gap:13px}.auth-check{flex-direction:row!important;align-items:center}.account-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.account-head h1{margin:0}.account-head p{color:#6f7479}.account-logout{border-color:#ccc;color:#111}.account-order{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid #eceeef}.account-order small{display:block;color:#6f7479;margin-top:4px}.order-status{background:#f1f2f3;padding:5px 8px;border-radius:20px;font-size:11px}.add-cart-button{display:flex;align-items:center;justify-content:center;text-decoration:none}.admin-order-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:20px}.admin-order-grid .field{margin-bottom:14px}@media(max-width:850px){.product-detail-grid,.checkout-grid,.admin-order-grid{grid-template-columns:1fr}.order-summary{position:static}.cart-line{grid-template-columns:58px 1fr}.cart-qty,.cart-line>strong,.cart-line>form:last-child{grid-column:2}.checkout-fields{grid-template-columns:1fr}.checkout-fields label.full{grid-column:auto}.account-head{align-items:flex-start;flex-direction:column;gap:15px}}
/* ===== END commerce.css ===== */

/* ===== BEGIN phase4.css ===== */
/* EsigaraHane - Product Editor Layout v4.2 */

*,*::before,*::after{box-sizing:border-box}

.product-editor-form{width:100%}

.product-editor-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(340px,420px);
    gap:24px;
    width:100%;
    align-items:start
}

.product-editor-main,
.product-editor-sidebar{
    min-width:0
}

.product-editor-main{
    display:flex;
    flex-direction:column;
    gap:20px
}

.editor-card{
    width:100%;
    min-width:0;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:22px;
    box-shadow:0 1px 2px rgba(16,24,40,.025)
}

.editor-card-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    margin-bottom:20px
}

.editor-card-head.compact{margin-bottom:18px}

.editor-card-head h2,
.variation-heading h2{
    margin:3px 0 0;
    font-size:20px;
    line-height:1.25
}

.editor-card-head p,
.variation-heading p{
    margin:6px 0 0;
    color:#737981;
    font-size:13px
}

.editor-kicker{
    display:block;
    color:#8a9099;
    font-size:10px;
    font-weight:800;
    letter-spacing:.14em
}

.editor-fields{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:16px
}

.editor-fields.one-column{
    grid-template-columns:minmax(0,1fr)
}

.editor-fields .field{
    min-width:0;
    margin:0
}

.editor-fields .field.full{
    grid-column:1/-1
}

.product-editor-form .field label,
.edit-variation-panel .field label{
    display:block;
    margin-bottom:7px;
    font-size:12px;
    font-weight:750;
    color:#17191c
}

.product-editor-form .field input:not([type="checkbox"]):not([type="radio"]),
.product-editor-form .field select,
.product-editor-form .field textarea,
.edit-variation-panel .field input:not([type="checkbox"]):not([type="radio"]),
.edit-variation-panel .field select,
.edit-variation-panel .field textarea{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    border:1px solid #dfe3e8;
    border-radius:10px;
    background:#fff;
    color:#181a1d;
    padding:11px 12px;
    outline:none;
    transition:border-color .15s, box-shadow .15s
}

.product-editor-form .field input:not([type="checkbox"]):not([type="radio"]),
.product-editor-form .field select,
.edit-variation-panel .field input:not([type="checkbox"]):not([type="radio"]),
.edit-variation-panel .field select{
    height:44px
}

.product-editor-form .field textarea,
.edit-variation-panel .field textarea{
    resize:vertical;
    min-height:110px;
    line-height:1.55
}

.product-editor-form .field input:focus,
.product-editor-form .field select:focus,
.product-editor-form .field textarea:focus,
.edit-variation-panel .field input:focus{
    border-color:#111827;
    box-shadow:0 0 0 3px rgba(17,24,39,.06)
}

.field small{
    display:block;
    color:#858b93;
    font-size:11px;
    line-height:1.45;
    margin-top:6px
}

.product-editor-sidebar{
    position:relative
}

.sticky-editor-card{
    position:sticky;
    top:24px
}

.sidebar-separator{
    height:1px;
    background:#eceef1;
    margin:2px 0
}

.image-file-input{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important
}

.image-upload-box{
    display:flex!important;
    min-height:118px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:7px;
    border:1.5px dashed #cdd2d8;
    border-radius:12px;
    background:#fafafa;
    padding:18px;
    text-align:center;
    cursor:pointer;
    transition:.15s
}

.image-upload-box:hover{
    border-color:#111827;
    background:#f7f7f7
}

.image-upload-box strong{
    font-size:13px
}

.image-upload-box span{
    color:#858b93;
    font-size:11px;
    font-weight:500
}

.image-preview-grid,
.image-admin-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-top:10px
}

.image-preview-item,
.image-admin-card{
    min-width:0;
    border:1px solid #e6e8eb;
    border-radius:10px;
    padding:7px;
    background:#fff
}

.image-preview-item img,
.image-admin-card img{
    display:block;
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    border-radius:7px
}

.image-preview-item span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-top:6px;
    font-size:9px;
    color:#787e86
}

.image-admin-card label{
    margin-top:7px!important;
    margin-bottom:0!important;
    font-size:10px!important;
    display:flex!important;
    align-items:center;
    gap:5px
}

.switch-line{
    display:flex!important;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin:0!important;
    padding:4px 0;
    cursor:pointer
}

.switch-line>span{
    min-width:0
}

.switch-line strong{
    display:block;
    font-size:12px
}

.switch-line small{
    display:block;
    color:#858b93;
    font-size:10px;
    font-weight:500;
    margin-top:3px
}

.switch-line input{
    width:18px;
    height:18px;
    flex:0 0 auto
}

.variation-editor-card,
.edit-variation-panel{
    margin-top:24px
}

.variation-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px
}

.variant-create-row,
.variant-existing-card{
    width:100%;
    min-width:0;
    border:1px solid #e5e7eb;
    border-radius:13px;
    padding:16px;
    margin:12px 0;
    background:#fbfbfc
}

.variant-row-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:13px
}

.variant-create-grid{
    display:grid;
    grid-template-columns:minmax(180px,1.5fr) minmax(140px,1fr) minmax(120px,.85fr) minmax(90px,.6fr) minmax(75px,.5fr) minmax(90px,.55fr);
    gap:12px;
    align-items:end;
    width:100%
}

.variant-create-grid .field{
    min-width:0;
    margin:0
}

.variant-active-field .mini-check{
    height:44px;
    display:flex!important;
    align-items:center;
    gap:7px;
    border:1px solid #dfe3e8;
    border-radius:10px;
    background:#fff;
    padding:0 11px;
    margin:0!important;
    font-weight:650!important
}

.mini-check input{
    width:16px;
    height:16px
}

.variant-remove{
    border:0;
    background:transparent;
    color:#b42318;
    font-weight:750;
    cursor:pointer;
    padding:5px
}

.variant-footer{
    display:flex;
    justify-content:flex-end;
    margin-top:12px
}

.new-variation-box{
    border-top:1px solid #eceef1;
    margin-top:22px;
    padding-top:22px
}

.editor-save-bar{
    position:sticky;
    bottom:0;
    z-index:20;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:24px;
    padding:14px 18px;
    border:1px solid #dfe3e8;
    border-radius:14px 14px 0 0;
    background:rgba(255,255,255,.95);
    backdrop-filter:blur(8px);
    box-shadow:0 -8px 24px rgba(16,24,40,.06)
}

.editor-save-bar strong{
    display:block;
    font-size:12px
}

.editor-save-bar span{
    display:block;
    color:#7b8189;
    font-size:10px;
    margin-top:2px
}

.editor-save-button{
    flex:0 0 auto
}

.type-badge{
    display:inline-flex;
    padding:5px 9px;
    border-radius:999px;
    background:#eef0f2;
    font-size:11px;
    font-weight:800
}

.type-badge.variable{
    background:#111;
    color:#fff
}

.store-field{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:22px 0;
    max-width:500px
}

.store-field span{
    font-size:12px;
    font-weight:800
}

.store-field select{
    height:46px;
    border:1px solid #e5e7e9;
    border-radius:10px;
    padding:0 12px;
    background:#fff
}

.product-buy-form{margin-top:20px}
.product-description-card{margin-top:55px}

.store-alert-error{
    padding:12px 14px;
    border-radius:10px;
    background:#fff1f0;
    color:#a61b16;
    margin:16px 0;
    font-size:14px
}

.admin-order-grid{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);
    gap:20px
}

@media(max-width:1200px){
    .product-editor-grid{
        grid-template-columns:minmax(0,1fr) 340px
    }

    .variant-create-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media(max-width:980px){
    .product-editor-grid{
        grid-template-columns:1fr
    }

    .sticky-editor-card{
        position:static
    }

    .product-editor-sidebar{
        order:2
    }

    .variant-create-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .admin-order-grid{
        grid-template-columns:1fr
    }
}

@media(max-width:640px){
    .editor-card{
        padding:16px;
        border-radius:12px
    }

    .editor-fields,
    .variant-create-grid{
        grid-template-columns:1fr
    }

    .variation-heading,
    .editor-save-bar{
        align-items:stretch;
        flex-direction:column
    }

    .editor-save-button{
        width:100%
    }

    .image-preview-grid,
    .image-admin-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

/* ===== END phase4.css ===== */

/* ===== BEGIN phase5.css ===== */
.coupon-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #eceef1;margin-top:18px;padding-top:18px}.coupon-box>div span{display:block;font-size:11px;color:#7b8189}.coupon-form{display:flex;gap:8px;width:100%;max-width:420px}.coupon-form input{flex:1;min-width:0;height:42px;border:1px solid #dfe3e8;border-radius:9px;padding:0 12px}.discount-row{color:#0b7a3e}.saved-address-box{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:14px;border:1px solid #e4e7eb;border-radius:12px;background:#fafafa;margin-bottom:20px}.saved-address-box label{flex:1;margin:0!important}.saved-address-box select{width:100%;margin-top:7px;height:44px;border:1px solid #dfe3e8;border-radius:9px;padding:0 10px;background:white}.saved-address-box a{white-space:nowrap;font-size:12px;font-weight:700}.address-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.7fr);gap:22px;align-items:start}.address-card{margin-bottom:14px}.address-card-head{display:flex;align-items:center;justify-content:space-between}.address-card-head h3{margin:0}.address-default-badge{display:inline-flex;margin-top:5px;padding:4px 8px;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:800}.address-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.address-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.address-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.address-form input,.address-form textarea{width:100%;border:1px solid #dfe3e8;border-radius:9px;padding:10px}.address-form .full{grid-column:1/-1}.address-check{grid-column:1/-1!important;flex-direction:row!important;align-items:center!important}.address-check input{width:auto}.account-order-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #eceef1}.account-order-row:last-child{border-bottom:0}.account-order-row small{display:block;color:#838991;margin-top:4px}.account-order-row>div:last-child{text-align:right}.account-order-row>div:last-child span{display:block;font-size:11px;color:#747a82}.danger-button{border:1px solid #d92d20;background:#fff;color:#b42318;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}@media(max-width:900px){.address-page-grid{grid-template-columns:1fr}.saved-address-box{align-items:stretch;flex-direction:column}.coupon-box{align-items:stretch;flex-direction:column}}@media(max-width:600px){.address-form{grid-template-columns:1fr}.coupon-form{flex-direction:column;max-width:none}}
/* ===== END phase5.css ===== */

/* ===== BEGIN phase6.css ===== */
.variant-create-grid-image{grid-template-columns:minmax(170px,1.3fr) minmax(130px,1fr) minmax(110px,.8fr) minmax(85px,.55fr) minmax(70px,.45fr) minmax(90px,.55fr)}.variant-image-field{grid-column:1/-1}.variant-image-field input[type=file],.variant-image-controls input[type=file]{width:100%;border:1px dashed #cfd4da;border-radius:10px;background:#fff;padding:10px}.variant-edit-layout{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:start}.variant-edit-image img,.variant-image-empty{width:130px;aspect-ratio:1/1;border-radius:12px;border:1px solid #e4e7eb;object-fit:cover;background:#fafafa}.variant-image-empty{display:flex;align-items:center;justify-content:center;text-align:center;color:#8a9099;font-size:11px;font-weight:700}.variant-image-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:14px}.variant-image-note{margin:8px 0 0;color:#81868d;font-size:11px}@media(max-width:900px){.variant-edit-layout{grid-template-columns:1fr}.variant-edit-image img,.variant-image-empty{width:110px}.variant-image-controls{grid-template-columns:1fr}}
/* ===== END phase6.css ===== */

/* ===== BEGIN phase7.css ===== */
/* EsigaraHane Phase 7 - Search & Catalog Filters */

.catalog-heading{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:28px
}

.catalog-heading h1{
    margin:4px 0 8px;
    font-size:clamp(30px,4vw,48px);
    line-height:1.05
}

.catalog-heading p{
    max-width:760px;
    margin:0;
    color:#6f7479;
    line-height:1.65
}

.catalog-reset-link{
    color:#111;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap
}

.catalog-layout{
    display:grid;
    grid-template-columns:270px minmax(0,1fr);
    gap:28px;
    align-items:start
}

.catalog-filters{
    position:sticky;
    top:145px;
    min-width:0;
    border:1px solid #e4e7eb;
    border-radius:16px;
    background:#fff;
    padding:18px
}

.filter-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    padding-bottom:16px;
    border-bottom:1px solid #eceef1
}

.filter-head h3{
    margin:3px 0 0;
    font-size:18px
}

.filter-clear{
    color:#777d84;
    font-size:11px;
    font-weight:750;
    text-decoration:none
}

.filter-form{
    display:flex;
    flex-direction:column
}

.filter-group{
    padding:17px 0;
    border-bottom:1px solid #eceef1
}

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

.filter-group>label:first-child:not(.filter-check){
    display:block;
    margin-bottom:9px;
    font-size:11px;
    font-weight:800;
    color:#202327
}

.filter-group select,
.price-filter-grid input{
    width:100%;
    height:42px;
    min-width:0;
    border:1px solid #dfe3e8;
    border-radius:9px;
    background:#fff;
    padding:0 10px;
    color:#202327
}

.filter-check-list{
    max-height:220px;
    overflow:auto;
    padding-right:4px
}

.filter-check{
    display:flex;
    align-items:center;
    gap:9px;
    padding:7px 0;
    cursor:pointer;
    color:#3d4248;
    font-size:12px
}

.filter-check input{
    width:16px;
    height:16px;
    flex:0 0 auto
}

.stock-only{
    font-weight:700
}

.price-filter-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px
}

.filter-submit{
    width:100%;
    min-height:43px;
    margin-top:15px;
    border:0;
    border-radius:9px;
    background:#111;
    color:#fff;
    font-weight:800;
    cursor:pointer
}

.catalog-results{
    min-width:0
}

.category-toolbar,
.active-filter-summary{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:16px;
    padding:11px 14px;
    border:1px solid #e6e8eb;
    border-radius:11px;
    background:#fff;
    font-size:12px
}

.category-toolbar span,
.active-filter-summary span{
    color:#777d84
}

.category-toolbar a{
    color:#111;
    font-weight:750;
    text-decoration:none
}

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

.catalog-product-card{
    min-width:0
}

.catalog-product-card .product-image{
    position:relative
}

.stock-badge{
    position:absolute;
    left:12px;
    bottom:12px;
    z-index:2;
    padding:5px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:850;
    background:#fff;
    color:#111;
    box-shadow:0 2px 8px rgba(0,0,0,.08)
}

.stock-badge.sold-out{
    background:#111;
    color:#fff
}

.stock-badge.low-stock{
    background:#fff5e8;
    color:#934e00
}

.variation-count{
    display:block;
    margin-top:-3px;
    color:#858b92;
    font-size:10px
}

.catalog-empty{
    grid-column:1/-1;
    min-height:260px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border:1px dashed #d6dbe0;
    border-radius:16px;
    background:#fafafa;
    padding:30px
}

.catalog-empty h2{
    margin:0 0 8px
}

.catalog-empty p{
    margin:0 0 18px;
    color:#777d84
}

.catalog-pagination{
    margin-top:30px
}

@media(max-width:1100px){
    .catalog-layout{
        grid-template-columns:230px minmax(0,1fr)
    }

    .catalog-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media(max-width:820px){
    .catalog-heading{
        align-items:flex-start;
        flex-direction:column
    }

    .catalog-layout{
        grid-template-columns:1fr
    }

    .catalog-filters{
        position:static
    }

    .filter-check-list{
        max-height:160px
    }
}

@media(max-width:560px){
    .catalog-product-grid{
        grid-template-columns:1fr
    }

    .price-filter-grid{
        grid-template-columns:1fr
    }

    .category-toolbar,
    .active-filter-summary{
        align-items:flex-start;
        flex-direction:column
    }
}

/* ===== END phase7.css ===== */

/* ===== BEGIN phase10.css ===== */
/* EsigaraHane Phase 10 - Floating WhatsApp */

.floating-whatsapp{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9999;
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    pointer-events:auto;
}

.floating-whatsapp-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    flex:0 0 58px;
    border-radius:50%;
    background:#25D366;
    box-shadow:0 10px 28px rgba(0,0,0,.20);
    transition:transform .16s ease, box-shadow .16s ease;
}

.floating-whatsapp-icon svg{
    width:31px;
    height:31px;
    fill:#fff;
}

.floating-whatsapp-label{
    opacity:0;
    transform:translateX(8px);
    pointer-events:none;
    padding:9px 12px;
    border-radius:9px;
    background:#25D366;
    color:#fff;
    font-size:12px;
    font-weight:750;
    white-space:nowrap;
    box-shadow:0 8px 20px rgba(0,0,0,.14);
    transition:opacity .16s ease, transform .16s ease;
}

.floating-whatsapp:hover .floating-whatsapp-icon{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 14px 34px rgba(0,0,0,.24);
}

.floating-whatsapp:hover .floating-whatsapp-label{
    opacity:1;
    transform:translateX(0);
}

.whatsapp-admin-panel .form-grid{
    align-items:start;
}

.whatsapp-toggle-row{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0!important;
    padding:14px;
    border:1px solid #dce5df;
    border-radius:12px;
    background:#f7fcf8;
}

.whatsapp-toggle-row span{
    min-width:0;
}

.whatsapp-toggle-row strong{
    display:block;
    font-size:13px;
}

.whatsapp-toggle-row small{
    display:block;
    margin-top:4px;
    color:#6f7772;
    font-size:11px;
    font-weight:500;
}

.whatsapp-toggle-row input{
    width:20px;
    height:20px;
    flex:0 0 auto;
}

.whatsapp-admin-preview{
    display:flex;
    align-items:center;
    gap:14px;
    padding:15px;
    border:1px solid #e1e5e3;
    border-radius:12px;
    background:#fafcfa;
}

.whatsapp-preview-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    flex:0 0 52px;
    border-radius:50%;
    background:#25D366;
    box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.whatsapp-preview-button svg{
    width:28px;
    height:28px;
    fill:#fff;
}

.whatsapp-admin-preview strong{
    display:block;
    font-size:12px;
}

.whatsapp-admin-preview span{
    display:block;
    margin-top:3px;
    color:#70777a;
    font-size:11px;
}

@media(max-width:700px){
    .floating-whatsapp{
        right:16px;
        bottom:16px;
    }

    .floating-whatsapp-icon{
        width:54px;
        height:54px;
        flex-basis:54px;
    }

    .floating-whatsapp-label{
        display:none;
    }
}


/* WhatsApp marka görünümü: siyah ikon/etiket kullanılmaz */
.floating-whatsapp-icon{
    background:#25D366!important;
}

.floating-whatsapp-icon svg,
.floating-whatsapp-icon svg path{
    fill:#ffffff!important;
}

.floating-whatsapp-label{
    background:#25D366!important;
    color:#ffffff!important;
}

/* ===== END phase10.css ===== */

/* ===== BEGIN phase12.css ===== */
/* EsigaraHane Phase 12
   Apple-inspired orange responsive storefront
*/

:root{
    --esh-orange:#F4772E;
    --esh-orange-deep:#DF6220;
    --esh-orange-dark:#C94F10;
    --esh-orange-soft:#FFF1E8;
    --esh-orange-faint:#FFF8F3;
    --esh-ink:#1D1D1F;
    --esh-text:#3D4248;
    --esh-muted:#7A8189;
    --esh-border:#E4E7EB;
    --esh-bg:#F7F8FA;
    --esh-white:#FFFFFF;
    --esh-shadow:0 14px 36px rgba(29,29,31,.08);
}

body{
    background:#fff;
    color:var(--esh-ink);
}

a{color:inherit}

.esh-servicebar{
    background:var(--esh-orange);
    color:#fff;
    min-height:30px;
}

.esh-servicebar-inner{
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:22px;
    font-size:10px;
    font-weight:750;
    letter-spacing:.02em;
}

.esh-header{
    position:relative;
    z-index:110;
    background:#fff;
    border-bottom:1px solid var(--esh-border);
}

.esh-header-top{
    min-height:88px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:34px;
    align-items:center;
}

.esh-logo{
    display:flex;
    align-items:center;
    text-decoration:none;
    min-width:170px;
}

.esh-logo img{
    display:block;
    max-width:180px;
    max-height:64px;
    object-fit:contain;
}

.esh-logo span{
    color:var(--esh-ink);
    font-size:26px;
    font-weight:900;
    letter-spacing:-.04em;
}

.esh-main-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
}

.esh-main-nav a{
    position:relative;
    padding:34px 0 30px;
    color:#2C3035;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
}

.esh-main-nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:24px;
    height:2px;
    border-radius:999px;
    background:var(--esh-orange);
    transform:scaleX(0);
    transition:transform .18s ease;
}

.esh-main-nav a:hover::after,
.esh-main-nav a.active::after{
    transform:scaleX(1);
}

.esh-header-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.esh-head-action{
    min-width:58px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    text-decoration:none;
    color:#42484F;
    font-size:9px;
    font-weight:800;
}

.esh-head-action svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
}

.esh-head-action:hover{
    color:var(--esh-orange);
}

.esh-mobile-menu-button{
    display:none;
    width:40px;
    height:40px;
    border:1px solid var(--esh-border);
    border-radius:10px;
    background:#fff;
    padding:9px;
}

.esh-mobile-menu-button span{
    display:block;
    height:2px;
    margin:4px 0;
    border-radius:99px;
    background:var(--esh-ink);
}

.esh-search-band{
    background:#fff;
    border-top:1px solid #F0F1F3;
}

.esh-search-band-inner{
    min-height:70px;
    display:grid;
    grid-template-columns:260px minmax(0,1fr) 150px;
    align-items:center;
    gap:14px;
}

.esh-category-trigger{
    height:48px;
    display:flex;
    align-items:center;
    gap:10px;
    border:0;
    border-radius:12px;
    background:var(--esh-orange);
    color:#fff;
    padding:0 16px;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
}

.esh-category-trigger svg{
    width:21px;
    height:21px;
    fill:#fff;
}

.esh-category-chevron{
    margin-left:auto;
    font-size:15px;
}

.esh-search-wrap{
    position:relative;
    min-width:0;
}

.esh-search-form{
    height:48px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 54px;
    border:1px solid #DDE1E6;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    transition:border-color .16s ease, box-shadow .16s ease;
}

.esh-search-form:focus-within{
    border-color:var(--esh-orange);
    box-shadow:0 0 0 3px rgba(244,119,46,.12);
}

.esh-search-form input{
    width:100%;
    min-width:0;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    padding:0 16px!important;
    font-size:13px;
    background:#fff!important;
}

.esh-search-form button{
    border:0;
    background:var(--esh-orange);
    cursor:pointer;
}

.esh-search-form button svg{
    width:22px;
    height:22px;
    fill:var(--esh-white);
}

.esh-search-hint{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.esh-search-hint span{
    color:var(--esh-orange);
    font-size:11px;
    font-weight:850;
}

.esh-search-hint small{
    color:var(--esh-muted);
    font-size:9px;
}

.esh-search-suggestions{
    position:absolute;
    z-index:600;
    left:0;
    right:0;
    top:calc(100% + 7px);
    overflow:hidden;
    border:1px solid #DDE1E6;
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 42px rgba(0,0,0,.13);
}

.esh-suggest-item{
    display:grid;
    grid-template-columns:50px minmax(0,1fr) auto;
    gap:11px;
    align-items:center;
    min-height:66px;
    padding:8px 12px;
    text-decoration:none;
    border-bottom:1px solid #EFF1F3;
}

.esh-suggest-item:last-child{
    border-bottom:0;
}

.esh-suggest-item:hover{
    background:var(--esh-orange-faint);
}

.esh-suggest-image{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:9px;
    background:#F4F5F7;
}

.esh-suggest-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.esh-suggest-image span{
    color:#A1A7AE;
    font-size:9px;
}

.esh-suggest-copy{
    min-width:0;
}

.esh-suggest-copy strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
}

.esh-suggest-copy span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-top:3px;
    color:var(--esh-muted);
    font-size:9px;
}

.esh-suggest-price{
    color:var(--esh-orange-deep);
    white-space:nowrap;
    font-size:11px;
    font-weight:850;
}

.esh-search-empty{
    padding:16px;
    color:var(--esh-muted);
    font-size:11px;
    text-align:center;
}

.esh-home-shell{
    padding:18px 0 0;
    background:#fff;
}

.esh-home-grid{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:16px;
    align-items:start;
}

.esh-category-sidebar{
    overflow:hidden;
    border:1px solid var(--esh-border);
    border-radius:14px;
    background:#fff;
}

.esh-category-sidebar-head{
    min-height:50px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 15px;
    background:var(--esh-orange);
    color:#fff;
}

.esh-category-sidebar-head svg{
    width:20px;
    height:20px;
    fill:#fff;
}

.esh-category-sidebar-head strong{
    flex:1;
    font-size:12px;
    text-transform:uppercase;
}

.esh-category-sidebar-body{
    max-height:520px;
    overflow:auto;
}

.store-cat-node{
    border-bottom:1px solid #EFF1F3;
}

.store-cat-node:last-child{
    border-bottom:0;
}

.store-cat-row{
    min-height:47px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 38px;
    align-items:center;
}

.store-cat-link{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 10px 0 15px;
    text-decoration:none;
    color:#353B42;
    font-size:11px;
    font-weight:760;
}

.store-cat-link:hover{
    color:var(--esh-orange);
}

.store-cat-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:var(--esh-orange);
    opacity:.85;
}

.store-cat-toggle{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    justify-self:center;
    border:0;
    border-radius:8px;
    background:transparent;
    cursor:pointer;
}

.store-cat-toggle:hover{
    background:var(--esh-orange-soft);
}

.store-cat-toggle svg{
    width:18px;
    height:18px;
    fill:#8A929A;
    transition:transform .16s ease;
}

.store-cat-toggle[aria-expanded="true"] svg{
    transform:rotate(180deg);
}

.store-cat-children{
    display:none;
    padding-left:14px;
    background:#FCFCFD;
    border-top:1px solid #F3F4F6;
}

.store-cat-node.open>.store-cat-children{
    display:block;
}

.store-cat-children .store-cat-row{
    min-height:40px;
}

.store-cat-children .store-cat-link{
    font-size:10px;
    font-weight:680;
}

.esh-empty-menu{
    padding:18px;
    color:var(--esh-muted);
    font-size:10px;
    line-height:1.6;
}

.esh-slider-wrap{
    position:relative;
    width:100%;
    min-width:0;
    overflow:hidden;
    border-radius:15px;
    background:#F3F4F6;
    box-shadow:var(--esh-shadow);
}

.esh-slide{
    position:relative;
    display:none;
    width:100%;
    aspect-ratio:16/7.6;
    overflow:hidden;
    background:#ECEFF2;
}

.esh-slide.active{
    display:block;
}

.esh-slide>img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.esh-slide-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    width:min(48%,540px);
    padding:clamp(22px,4vw,60px);
    background:linear-gradient(90deg,rgba(14,14,15,.68),rgba(14,14,15,0));
    color:#fff;
}

.esh-slide-overlay h1,
.esh-slide-overlay h2{
    margin:0;
    font-size:clamp(26px,3.4vw,50px);
    line-height:1.03;
    letter-spacing:-.035em;
}

.esh-slide-overlay p{
    max-width:520px;
    margin:12px 0 0;
    color:rgba(255,255,255,.88);
    font-size:clamp(11px,1.1vw,15px);
    line-height:1.55;
}

.esh-orange-button{
    display:inline-flex;
    margin-top:18px;
    min-height:42px;
    align-items:center;
    padding:0 18px;
    border-radius:9px;
    background:var(--esh-orange);
    color:#fff!important;
    text-decoration:none;
    font-size:11px;
    font-weight:850;
}

.esh-slide-placeholder{
    background:
        radial-gradient(circle at 85% 25%,rgba(255,255,255,.25),transparent 28%),
        linear-gradient(135deg,var(--esh-orange),#FF9B59);
}

.esh-slide-fallback{
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:clamp(24px,5vw,70px);
    color:#fff;
}

.esh-slide-fallback span{
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.18em;
}

.esh-slide-fallback h1{
    margin:7px 0 0;
    font-size:clamp(30px,4vw,58px);
    letter-spacing:-.05em;
}

.esh-slide-fallback p{
    max-width:590px;
    margin:10px 0 0;
    font-size:clamp(11px,1.2vw,15px);
    line-height:1.6;
}

.esh-slider-arrow{
    position:absolute;
    z-index:10;
    top:50%;
    width:40px;
    height:40px;
    transform:translateY(-50%);
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:#222;
    box-shadow:0 4px 14px rgba(0,0,0,.12);
    cursor:pointer;
    font-size:26px;
    line-height:1;
}

.esh-slider-arrow.prev{left:12px}
.esh-slider-arrow.next{right:12px}

.esh-slider-dots{
    position:absolute;
    z-index:12;
    left:50%;
    bottom:12px;
    display:flex;
    gap:6px;
    transform:translateX(-50%);
}

.esh-slider-dots button{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.62);
    cursor:pointer;
    transition:width .16s ease,background .16s ease;
}

.esh-slider-dots button.active{
    width:24px;
    background:var(--esh-orange);
}

.esh-benefits{
    padding:18px 0;
}

.esh-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid var(--esh-border);
    border-radius:14px;
    overflow:hidden;
    background:#fff;
}

.esh-benefit-grid>div{
    min-height:72px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:14px 18px;
    border-right:1px solid var(--esh-border);
}

.esh-benefit-grid>div:last-child{
    border-right:0;
}

.esh-benefit-grid strong{
    font-size:11px;
}

.esh-benefit-grid span{
    margin-top:4px;
    color:var(--esh-muted);
    font-size:9px;
}

.esh-products-section{
    background:var(--esh-bg);
}

.esh-section-header{
    align-items:flex-end;
}

.esh-section-header h2{
    letter-spacing:-.03em;
}

.esh-text-link{
    color:var(--esh-orange-deep);
    text-decoration:none;
    font-size:11px;
    font-weight:850;
}

.esh-no-products{
    grid-column:1/-1;
    padding:30px;
    border:1px dashed #D5D9DE;
    border-radius:14px;
    background:#fff;
    color:var(--esh-muted);
    text-align:center;
    font-size:11px;
}

/* Existing theme component recoloring */
.button-primary,
.add-cart-button,
.filter-submit,
.dark-button,
.primary-button{
    background:var(--esh-orange)!important;
    border-color:var(--esh-orange)!important;
    color:#fff!important;
}

.button-primary:hover,
.add-cart-button:hover,
.filter-submit:hover,
.dark-button:hover,
.primary-button:hover{
    background:var(--esh-orange-deep)!important;
    border-color:var(--esh-orange-deep)!important;
}

.section-eyebrow,
.product-price,
.catalog-reset-link,
.category-toolbar a{
    color:var(--esh-orange-deep)!important;
}

.floating-whatsapp{
    z-index:9998;
}

/* Mobile drawer */
.esh-mobile-category-drawer{
    position:fixed;
    z-index:1200;
    inset:0;
    display:none;
}

.esh-mobile-category-drawer.open{
    display:block;
}

.esh-drawer-backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(17,19,22,.45);
}

.esh-drawer-panel{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:min(86vw,360px);
    overflow:auto;
    background:#fff;
    box-shadow:16px 0 40px rgba(0,0,0,.16);
}

.esh-drawer-head{
    position:sticky;
    top:0;
    z-index:3;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 16px;
    background:var(--esh-orange);
    color:#fff;
}

.esh-drawer-head strong{
    font-size:13px;
}

.esh-drawer-head button{
    width:36px;
    height:36px;
    border:0;
    border-radius:9px;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:24px;
}

.esh-drawer-categories .store-cat-row{
    min-height:48px;
}

@media(max-width:1100px){
    .esh-header-top{
        gap:18px;
    }

    .esh-main-nav{
        gap:16px;
    }

    .esh-main-nav a{
        font-size:10px;
    }

    .esh-search-band-inner,
    .esh-home-grid{
        grid-template-columns:220px minmax(0,1fr);
    }

    .esh-search-hint{
        display:none;
    }

    .esh-slide{
        aspect-ratio:16/8.4;
    }
}

@media(max-width:820px){
    .esh-servicebar{
        display:none;
    }

    .esh-header-top{
        min-height:66px;
        grid-template-columns:42px minmax(0,1fr) auto;
        gap:9px;
    }

    .esh-mobile-menu-button{
        display:block;
    }

    .esh-logo{
        min-width:0;
        justify-content:center;
    }

    .esh-logo img{
        max-width:138px;
        max-height:48px;
    }

    .esh-logo span{
        font-size:20px;
    }

    .esh-main-nav{
        display:none;
    }

    .esh-head-action{
        min-width:38px;
    }

    .esh-head-action span{
        display:none;
    }

    .esh-search-band-inner{
        min-height:64px;
        grid-template-columns:1fr;
    }

    .esh-category-trigger,
    .esh-search-hint{
        display:none;
    }

    .esh-search-form{
        height:46px;
    }

    .esh-home-shell{
        padding-top:12px;
    }

    .esh-home-grid{
        grid-template-columns:1fr;
    }

    .esh-category-sidebar{
        display:none;
    }

    .esh-slide{
        aspect-ratio:16/9.4;
        border-radius:13px;
    }

    .esh-slide-overlay{
        width:70%;
        padding:22px;
    }

    .esh-slider-arrow{
        width:34px;
        height:34px;
    }

    .esh-benefit-grid{
        grid-template-columns:1fr 1fr;
    }

    .esh-benefit-grid>div{
        border-bottom:1px solid var(--esh-border);
    }

    .esh-benefit-grid>div:nth-child(2){
        border-right:0;
    }

    .esh-benefit-grid>div:nth-last-child(-n+2){
        border-bottom:0;
    }
}

@media(max-width:560px){
    .container{
        width:min(100% - 24px,1200px)!important;
    }

    .esh-header-actions{
        gap:4px;
    }

    .esh-head-action svg{
        width:20px;
        height:20px;
    }

    .esh-search-band-inner{
        width:min(100% - 24px,1200px)!important;
    }

    .esh-search-form{
        grid-template-columns:minmax(0,1fr) 48px;
    }

    .esh-search-suggestions{
        position:fixed;
        left:12px;
        right:12px;
        top:126px;
        max-height:58vh;
        overflow:auto;
    }

    .esh-suggest-item{
        grid-template-columns:44px minmax(0,1fr);
    }

    .esh-suggest-price{
        grid-column:2;
        justify-self:start;
    }

    .esh-slide{
        aspect-ratio:4/3;
    }

    .esh-slide-overlay{
        width:100%;
        justify-content:flex-end;
        padding:18px;
        background:linear-gradient(0deg,rgba(14,14,15,.72),rgba(14,14,15,0) 72%);
    }

    .esh-slide-overlay h1,
.esh-slide-overlay h2{
        font-size:25px;
    }

    .esh-slide-overlay p{
        font-size:10px;
        margin-top:7px;
    }

    .esh-orange-button{
        min-height:36px;
        margin-top:10px;
        padding:0 13px;
        font-size:10px;
    }

    .esh-slider-arrow{
        display:none;
    }

    .esh-benefit-grid{
        grid-template-columns:1fr;
    }

    .esh-benefit-grid>div{
        border-right:0!important;
        border-bottom:1px solid var(--esh-border)!important;
    }

    .esh-benefit-grid>div:last-child{
        border-bottom:0!important;
    }
}


@media(min-width:821px){
    .esh-category-sidebar.collapsed .esh-category-sidebar-body{
        display:none;
    }
}
html.esh-drawer-open,
html.esh-drawer-open body{
    overflow:hidden;
}


/* =========================================================
   Phase 12.3 - Unified SadeBuhar-style hero/category structure
   ========================================================= */

/* Search aligns to hero right column; left space matches menu column */
.esh-search-only-band{
    grid-template-columns:260px minmax(0,1fr) 150px!important;
}

.esh-search-spacer{
    width:260px;
}

.esh-unified-hero{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:16px;
    align-items:start;
}

.esh-unified-left,
.esh-unified-right{
    min-width:0;
}

.esh-category-trigger-home{
    width:100%;
    border-radius:14px 14px 0 0!important;
}

.esh-unified-left .esh-category-sidebar{
    margin-top:-1px;
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    width:100%;
}

/* IMPORTANT:
   Menu collapse only hides the category list.
   Left column stays reserved, so banner never moves left / resizes. */
.esh-unified-left.menu-collapsed .esh-category-sidebar{
    visibility:hidden;
}

.esh-unified-left.menu-collapsed .esh-category-trigger-home .esh-category-chevron{
    transform:rotate(-90deg);
}

.esh-unified-right .esh-slider-wrap{
    width:100%;
}

.store-cat-link{
    gap:12px!important;
}

.store-cat-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.store-cat-icon img{
    display:block;
    max-width:22px;
    max-height:22px;
    width:auto;
    height:auto;
    object-fit:contain;
}

.store-cat-icon-fallback{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--esh-orange);
    opacity:.88;
}

.store-cat-label{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.category-icon-admin-preview{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:10px;
    padding:10px;
    border:1px solid #e1e5e9;
    border-radius:10px;
    background:#fafbfc;
}

.category-icon-admin-preview img{
    width:48px;
    height:48px;
    object-fit:contain;
    border-radius:8px;
    background:#fff;
}

.category-icon-admin-preview label{
    display:flex!important;
    align-items:center;
    gap:7px;
    margin:0!important;
    font-size:10px!important;
}

@media(max-width:1100px){
    .esh-search-only-band,
    .esh-unified-hero{
        grid-template-columns:220px minmax(0,1fr)!important;
    }

    .esh-search-spacer{
        width:220px;
    }
}

@media(max-width:820px){
    .esh-search-only-band{
        grid-template-columns:1fr!important;
    }

    .esh-search-spacer{
        display:none;
    }

    .esh-unified-hero{
        grid-template-columns:1fr!important;
    }

    .esh-unified-left{
        display:none;
    }
}

/* HEADER-CART-BADGE */
.esh-cart-action{
    position:relative;
}

.esh-cart-badge{
    position:absolute;
    top:-7px;
    right:0;
    min-width:20px;
    height:20px;
    padding:0 5px;
    border-radius:999px;
    background:#F4772E;
    color:#fff;
    font-size:11px;
    font-weight:800;
    line-height:20px;
    text-align:center;
    box-shadow:0 2px 7px rgba(0,0,0,.18);
    z-index:5;
}
/* ===== END phase12.css ===== */

/* ===== BEGIN phase13.css ===== */
/* EsigaraHane Phase 13 - dynamic home category widgets */

.esh-dynamic-category-section{
    padding:44px 0;
    background:#fff;
}

.esh-dynamic-category-section:nth-child(even){
    background:#f7f8fa;
}

.esh-dynamic-section-head{
    margin-bottom:18px;
}

.esh-dynamic-section-head h2{
    margin:0;
    color:#1d1d1f;
    font-size:clamp(24px,2.2vw,36px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.esh-dynamic-section-head p{
    margin:7px 0 0;
    color:#7a8189;
    font-size:11px;
}

.esh-dynamic-category-grid{
    display:grid;
    grid-template-columns:repeat(var(--section-desktop-columns),minmax(0,1fr));
    gap:14px;
}

.esh-dynamic-category-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #e2e5e9;
    border-radius:16px;
    background:#fff;
    color:#1d1d1f;
    text-decoration:none;
    box-shadow:0 8px 26px rgba(29,29,31,.045);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}

.esh-dynamic-category-card:hover{
    transform:translateY(-3px);
    border-color:#f4772e;
    box-shadow:0 14px 32px rgba(29,29,31,.09);
}

.esh-dynamic-category-visual{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    aspect-ratio:1/.82;
    overflow:hidden;
    background:#f5f6f8;
}

.esh-dynamic-category-visual img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.esh-dynamic-category-visual img.icon-mode{
    width:48%;
    height:48%;
    object-fit:contain;
}

.esh-dynamic-category-letter{
    display:flex;
    align-items:center;
    justify-content:center;
    width:72px;
    height:72px;
    border-radius:50%;
    background:#fff0e6;
    color:#e9651e;
    font-size:28px;
    font-weight:900;
}

.esh-dynamic-category-name{
    display:block;
    padding:13px 13px 4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    font-weight:850;
}

.esh-dynamic-category-card small{
    display:block;
    padding:0 13px 13px;
    color:#8a9199;
    font-size:9px;
}

@media(max-width:980px){
    .esh-dynamic-category-grid{
        grid-template-columns:repeat(var(--section-tablet-columns),minmax(0,1fr));
    }
}

@media(max-width:560px){
    .esh-dynamic-category-section{
        padding:30px 0;
    }

    .esh-dynamic-category-grid{
        grid-template-columns:repeat(var(--section-mobile-columns),minmax(0,1fr));
        gap:10px;
    }

    .esh-dynamic-category-card{
        border-radius:13px;
    }

    .esh-dynamic-category-name{
        padding:10px 10px 3px;
        font-size:11px;
    }

    .esh-dynamic-category-card small{
        padding:0 10px 10px;
        font-size:8px;
    }
}

/* HOME-CATEGORY-PRODUCTS-V2 */
.esh-dynamic-product-grid{
    display:grid;
    grid-template-columns:repeat(var(--section-desktop-columns,4),minmax(0,1fr));
    gap:22px;
    align-items:stretch;
}

.esh-dynamic-product-grid > *{
    min-width:0;
}

.esh-dynamic-products-all-link{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#F4772E;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
}

.esh-dynamic-products-all-link:hover{
    text-decoration:underline;
}

@media (max-width:1024px){
    .esh-dynamic-product-grid{
        grid-template-columns:repeat(var(--section-tablet-columns,3),minmax(0,1fr));
        gap:18px;
    }
}

@media (max-width:640px){
    .esh-dynamic-product-grid{
        grid-template-columns:repeat(var(--section-mobile-columns,2),minmax(0,1fr));
        gap:12px;
    }

    .esh-dynamic-section-head{
        align-items:flex-end;
        gap:12px;
    }

    .esh-dynamic-products-all-link{
        font-size:13px;
    }
}
/* ===== END phase13.css ===== */

/* ===== BEGIN phase14.css ===== */
/* EsigaraHane Phase 14 - checkout payment/shipping methods */

.checkout-method-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-top:30px;
    margin-bottom:12px;
}

.checkout-method-heading h2{
    margin:3px 0 0;
}

.checkout-method-heading>small{
    max-width:280px;
    color:#80878f;
    font-size:10px;
    text-align:right;
}

.checkout-method-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.checkout-method-card{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) auto;
    gap:12px;
    align-items:flex-start;
    margin:0!important;
    padding:14px;
    border:1px solid #dfe3e8;
    border-radius:13px;
    background:#fff;
    cursor:pointer;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background .15s ease;
}

.checkout-method-card:hover{
    border-color:#f3a678;
}

.checkout-method-card.selected{
    border-color:#f4772e;
    background:#fff8f3;
    box-shadow:0 0 0 2px rgba(244,119,46,.08);
}

.checkout-method-card>input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.checkout-method-radio{
    position:relative;
    width:20px;
    height:20px;
    border:1.5px solid #a2a9b1;
    border-radius:50%;
    background:#fff;
}

.checkout-method-card.selected .checkout-method-radio{
    border-color:#f4772e;
}

.checkout-method-card.selected .checkout-method-radio::after{
    content:"";
    position:absolute;
    inset:4px;
    border-radius:50%;
    background:#f4772e;
}

.checkout-method-main{
    min-width:0;
}

.checkout-method-main>strong{
    display:block;
    color:#23272b;
    font-size:12px;
}

.checkout-method-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
    margin-top:5px;
}

.checkout-method-meta b,
.checkout-method-meta em{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 7px;
    border-radius:999px;
    font-size:8px;
    font-style:normal;
    font-weight:800;
}

.checkout-method-meta b{
    background:#fff0e6;
    color:#c55112;
}

.checkout-method-meta em{
    background:#f1f3f5;
    color:#687079;
}

.checkout-method-main>small{
    display:block;
    margin-top:7px;
    color:#767e86;
    font-size:9px;
    line-height:1.55;
}

.checkout-method-price{
    min-width:92px;
    text-align:right;
}

.checkout-method-price b{
    display:block;
    color:#22272d;
    font-size:11px;
}

.checkout-method-price b.discount,
.checkout-method-price b.free{
    color:#16864b;
}

.checkout-method-price small{
    display:block;
    margin-top:2px;
    color:#899098;
    font-size:8px;
}

.checkout-eft-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:10px;
    padding:10px;
    border:1px solid #f0d6c6;
    border-radius:10px;
    background:#fff;
}

.checkout-eft-box>span{
    min-width:0;
    color:#4d555d;
    font-size:9px;
    overflow-wrap:anywhere;
}

.checkout-eft-box b{
    display:block;
    margin-bottom:2px;
    color:#9f470f;
    font-size:8px;
    text-transform:uppercase;
}

.checkout-live-summary{
    position:sticky;
    top:18px;
    align-self:start;
}

.checkout-summary-note{
    display:block;
    margin-top:11px;
    color:#818890;
    font-size:8px;
    line-height:1.55;
}

.checkout-success-pro{
    max-width:760px;
    margin:0 auto;
}

.checkout-success-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin:20px 0;
}

.checkout-success-summary>div{
    padding:12px;
    border:1px solid #e1e5e9;
    border-radius:10px;
    background:#fafbfc;
}

.checkout-success-summary span{
    display:block;
    color:#848b92;
    font-size:8px;
}

.checkout-success-summary strong{
    display:block;
    margin-top:4px;
    color:#252a30;
    font-size:11px;
}

.checkout-success-eft{
    margin:20px 0;
    padding:17px;
    border:1px solid #ffd4b8;
    border-radius:13px;
    background:#fff7f1;
    text-align:left;
}

.checkout-success-eft h2{
    margin:0 0 12px;
    color:#b84d0e;
    font-size:16px;
}

.checkout-success-eft>div{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:10px;
    padding:7px 0;
    border-bottom:1px solid rgba(244,119,46,.12);
}

.checkout-success-eft>div:last-of-type{
    border-bottom:0;
}

.checkout-success-eft span{
    color:#7e675b;
    font-size:9px;
}

.checkout-success-eft strong{
    color:#2b2f34;
    font-size:10px;
    overflow-wrap:anywhere;
}

.checkout-success-eft p{
    margin:12px 0 0;
    color:#6c584d;
    font-size:9px;
    line-height:1.55;
}

@media(max-width:700px){
    .checkout-method-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .checkout-method-heading>small{
        text-align:left;
    }

    .checkout-method-card{
        grid-template-columns:22px minmax(0,1fr);
    }

    .checkout-method-price{
        grid-column:2;
        min-width:0;
        text-align:left;
    }

    .checkout-eft-box{
        grid-template-columns:1fr;
    }

    .checkout-success-summary{
        grid-template-columns:1fr;
    }

    .checkout-success-eft>div{
        grid-template-columns:1fr;
        gap:3px;
    }
}

/* ===== END phase14.css ===== */

/* ===== BEGIN phase15.css ===== */
/* EsigaraHane Phase 15 - product detail, reviews, Q&A */

.esh-product-page{
    padding:26px 0 54px;
    background:#fff;
}

.esh-product-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin-bottom:26px;
    color:#8a9198;
    font-size:10px;
}

.esh-product-breadcrumb a{
    color:#7c848c;
    text-decoration:none;
}

.esh-product-breadcrumb a:hover{
    color:#f4772e;
}

.esh-product-breadcrumb strong{
    color:#353a40;
}

.esh-product-main{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
    gap:54px;
    align-items:start;
}

.esh-product-gallery{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    gap:14px;
    min-width:0;
}

.esh-product-thumbs{
    display:flex;
    flex-direction:column;
    gap:10px;
    max-height:660px;
    overflow:auto;
    padding-right:2px;
}

.esh-product-thumb{
    width:78px;
    height:78px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px;
    border:1px solid #e0e4e8;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
}

.esh-product-thumb.active,
.esh-product-thumb:hover{
    border-color:#f4772e;
    box-shadow:0 0 0 2px rgba(244,119,46,.08);
}

.esh-product-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.esh-product-thumb-placeholder{
    width:78px;
    height:78px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed #d9dde1;
    border-radius:10px;
    color:#9aa0a6;
    font-size:9px;
}

.esh-product-main-image-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    border:1px solid #eef0f2;
    border-radius:14px;
    background:#fff;
}

.esh-product-main-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}

.esh-product-main-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#a0a6ad;
    background:#f6f7f8;
}

.esh-product-info{
    min-width:0;
    padding-top:4px;
}

.esh-product-title-line{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}

.esh-product-title-copy{
    min-width:0;
}

.esh-product-title-copy h1{
    margin:0;
    color:#24282d;
    font-size:clamp(30px,3vw,46px);
    line-height:1.06;
    letter-spacing:-.045em;
}

.esh-product-brand-card{
    width:108px;
    height:82px;
    flex:0 0 108px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    border:1px solid #e5e8eb;
    border-radius:12px;
    background:#fff;
}

.esh-product-brand-card img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

.esh-product-brand-card strong{
    color:#353a40;
    font-size:12px;
    text-align:center;
}

.esh-product-brand-mobile{
    display:none;
    margin-top:6px;
    color:#858c94;
    font-size:9px;
}

.esh-product-brand-mobile strong{
    color:#f4772e;
}

.esh-product-rating-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-top:18px;
    color:#6e757c;
    text-decoration:none;
    font-size:10px;
}

.esh-product-rating-link:hover{
    color:#f4772e;
}

.esh-stars{
    display:inline-flex;
    gap:1px;
    color:#d5d9de;
    letter-spacing:-1px;
}

.esh-stars span{
    color:#d5d9de;
}

.esh-stars span.filled{
    color:#f4b400;
}

.esh-stars.large{
    font-size:20px;
}

.esh-stars.small{
    font-size:14px;
}

.esh-product-price{
    margin-top:20px;
    color:#f4772e;
    font-size:30px;
    font-weight:900;
    letter-spacing:-.035em;
}

.esh-product-lead{
    margin:18px 0 0;
    color:#6f777f;
    font-size:11px;
    line-height:1.75;
}

.esh-product-buy-form{
    margin-top:24px;
}

.esh-product-option{
    display:grid;
    grid-template-columns:130px minmax(0,1fr);
    gap:14px;
    align-items:center;
    margin:0!important;
}

.esh-product-option>span{
    color:#343a40;
    font-size:11px;
    font-weight:850;
}

.esh-product-option select{
    min-height:48px;
}

.esh-variant-note{
    margin:7px 0 0 144px;
    color:#8a9198;
    font-size:8px;
}

.esh-product-stock{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:12px;
    font-size:10px;
}

.esh-product-stock span{
    color:#868d95;
}

.esh-product-stock strong{
    color:#30363c;
}

.esh-product-buy-row{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    gap:10px;
    margin-top:16px;
}

.esh-product-buy-row input{
    min-height:48px;
    text-align:center;
}

.esh-product-buy-row .add-cart-button{
    min-height:48px;
}

.esh-product-meta{
    display:grid;
    gap:7px;
    margin-top:22px;
    padding-top:17px;
    border-top:1px solid #eceff1;
}

.esh-product-meta>div{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    gap:10px;
    font-size:9px;
}

.esh-product-meta span{
    color:#92989e;
}

.esh-product-meta strong{
    color:#4c535a;
    font-weight:700;
}

.esh-product-tabs{
    margin-top:50px;
    border-top:1px solid #e5e8eb;
}

.esh-product-tab-nav{
    display:flex;
    justify-content:center;
    gap:36px;
    overflow:auto;
    border-bottom:1px solid #e5e8eb;
}

.esh-product-tab-nav button{
    position:relative;
    min-height:68px;
    border:0;
    background:transparent;
    color:#666d74;
    white-space:nowrap;
    cursor:pointer;
    font-size:12px;
    font-weight:850;
}

.esh-product-tab-nav button::before{
    content:"";
    position:absolute;
    top:-1px;
    left:0;
    right:0;
    height:3px;
    background:#f4772e;
    transform:scaleX(0);
    transition:transform .16s ease;
}

.esh-product-tab-nav button.active{
    color:#272c31;
}

.esh-product-tab-nav button.active::before{
    transform:scaleX(1);
}

.esh-product-tab-panel{
    display:none;
}

.esh-product-tab-panel.active{
    display:block;
}

.esh-tab-content{
    padding:32px 0 8px;
}

.esh-tab-content>h2,
.esh-review-header h2,
.esh-question-title h2{
    margin:0 0 18px;
    color:#272c31;
    font-size:22px;
    letter-spacing:-.025em;
}

.esh-product-description{
    max-width:980px;
    color:#555d65;
    font-size:11px;
    line-height:1.85;
}

.esh-additional-table{
    max-width:780px;
    border:1px solid #e5e8eb;
    border-radius:12px;
    overflow:hidden;
}

.esh-additional-table>div{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    gap:14px;
    padding:12px 14px;
    border-bottom:1px solid #eceff1;
}

.esh-additional-table>div:last-child{
    border-bottom:0;
}

.esh-additional-table span{
    color:#8a9198;
    font-size:10px;
}

.esh-additional-table strong{
    color:#353b42;
    font-size:10px;
}

.esh-review-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    margin-bottom:20px;
}

.esh-review-summary{
    display:flex;
    align-items:center;
    gap:10px;
}

.esh-review-summary>strong{
    color:#252a2f;
    font-size:28px;
}

.esh-review-summary small{
    color:#818890;
    font-size:9px;
}

.esh-review-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:28px;
    align-items:start;
}

.esh-review-list,
.esh-question-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.esh-review-card,
.esh-question-card{
    padding:16px;
    border:1px solid #e3e6e9;
    border-radius:12px;
    background:#fff;
}

.esh-review-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.esh-review-top strong{
    color:#2d3237;
    font-size:11px;
}

.esh-review-top time{
    color:#9aa0a6;
    font-size:8px;
}

.esh-verified-badge{
    display:inline-flex;
    margin-left:7px;
    padding:3px 6px;
    border-radius:999px;
    background:#eaf8ef;
    color:#178447;
    font-size:7px;
    font-weight:850;
}

.esh-review-card .esh-stars{
    margin-top:7px;
}

.esh-review-card h3{
    margin:9px 0 0;
    color:#30363c;
    font-size:11px;
}

.esh-review-card p{
    margin:7px 0 0;
    color:#646c74;
    font-size:10px;
    line-height:1.65;
}

.esh-review-images{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:11px;
}

.esh-review-images a{
    width:78px;
    height:78px;
    overflow:hidden;
    border:1px solid #e0e4e8;
    border-radius:9px;
    background:#f5f6f7;
}

.esh-review-images img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.esh-interaction-form-card{
    position:sticky;
    top:18px;
    padding:18px;
    border:1px solid #e2e5e8;
    border-radius:13px;
    background:#fafbfc;
}

.esh-interaction-form-card h3{
    margin:0;
    color:#2d3237;
    font-size:16px;
}

.esh-interaction-form-card>p{
    margin:6px 0 14px;
    color:#858c94;
    font-size:9px;
    line-height:1.55;
}

.esh-interaction-form-card form{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.esh-interaction-form-card label{
    display:flex!important;
    flex-direction:column;
    gap:5px;
    margin:0!important;
    color:#495159;
    font-size:9px!important;
    font-weight:800!important;
}

.esh-interaction-form-card input,
.esh-interaction-form-card textarea{
    width:100%;
    border:1px solid #dbe0e4;
    border-radius:9px;
    background:#fff;
    padding:10px 11px;
    font:inherit;
    color:#2f353b;
}

.esh-interaction-form-card label small{
    color:#92989f;
    font-size:8px;
    font-weight:500;
}

.esh-rating-input{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.esh-rating-input>span{
    color:#495159;
    font-size:9px;
    font-weight:800;
}

.esh-rating-input>div{
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-end;
    gap:2px;
}

.esh-rating-input input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.esh-rating-input label{
    display:block!important;
    color:#d4d8dc!important;
    cursor:pointer;
    font-size:25px!important;
    line-height:1;
}

.esh-rating-input input:checked ~ label,
.esh-rating-input label:hover,
.esh-rating-input label:hover ~ label{
    color:#f4b400!important;
}

.esh-orange-submit{
    min-height:42px;
    border:0;
    border-radius:9px;
    background:#f4772e;
    color:#fff;
    cursor:pointer;
    font-size:10px;
    font-weight:850;
}

.esh-orange-submit:hover{
    background:#df6220;
}

.esh-empty-interaction{
    padding:22px;
    border:1px dashed #d7dce0;
    border-radius:11px;
    color:#858c94;
    text-align:center;
    font-size:10px;
}

.esh-question-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.esh-question-title span{
    color:#8a9198;
    font-size:9px;
}

.esh-question-line,
.esh-answer-line{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    gap:10px;
}

.esh-answer-line{
    margin-top:13px;
    padding-top:13px;
    border-top:1px solid #eceff1;
}

.esh-q-label,
.esh-a-label{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:10px;
    font-weight:900;
}

.esh-q-label{
    background:#fff0e6;
    color:#d75c17;
}

.esh-a-label{
    background:#ebf6ef;
    color:#16864b;
}

.esh-question-line strong,
.esh-answer-line strong{
    color:#31373d;
    font-size:10px;
}

.esh-question-line p,
.esh-answer-line p{
    margin:5px 0 0;
    color:#626a72;
    font-size:10px;
    line-height:1.6;
}

.esh-question-line time{
    display:block;
    margin-top:6px;
    color:#9aa0a6;
    font-size:8px;
}

.esh-answer-pending{
    margin-top:12px;
    padding:9px 10px;
    border-radius:8px;
    background:#f5f6f7;
    color:#848b92;
    font-size:9px;
}

.esh-product-pagination{
    margin-top:10px;
}

.esh-product-pagination nav{
    font-size:9px;
}

@media(max-width:980px){
    .esh-product-main{
        grid-template-columns:1fr;
        gap:30px;
    }

    .esh-product-info{
        max-width:760px;
    }

    .esh-review-layout{
        grid-template-columns:1fr;
    }

    .esh-interaction-form-card{
        position:static;
    }
}

@media(max-width:700px){
    .esh-product-page{
        padding-top:16px;
    }

    .esh-product-gallery{
        grid-template-columns:1fr;
    }

    .esh-product-thumbs{
        order:2;
        flex-direction:row;
        max-height:none;
        overflow:auto;
    }

    .esh-product-thumb,
    .esh-product-thumb-placeholder{
        width:64px;
        height:64px;
        flex:0 0 64px;
    }

    .esh-product-title-line{
        display:block;
    }

    .esh-product-brand-card{
        display:none;
    }

    .esh-product-brand-mobile{
        display:block;
    }

    .esh-product-title-copy h1{
        font-size:30px;
    }

    .esh-product-price{
        font-size:26px;
    }

    .esh-product-option{
        grid-template-columns:1fr;
        gap:7px;
    }

    .esh-variant-note{
        margin-left:0;
    }

    .esh-product-tab-nav{
        justify-content:flex-start;
        gap:24px;
        padding:0 4px;
    }

    .esh-product-tab-nav button{
        min-height:58px;
        font-size:10px;
    }

    .esh-additional-table>div{
        grid-template-columns:120px minmax(0,1fr);
    }

    .esh-review-summary{
        flex-wrap:wrap;
    }
}

/* PRODUCT-GALLERY-V2 */
.esh-product-main-image-wrap{
    position:relative;
    overflow:hidden;
}

.esh-product-main-image{
    transition:transform .30s ease;
    transform-origin:center center;
    will-change:transform;
}

@media (hover:hover) and (pointer:fine){
    .esh-product-main-image:hover{
        transform:scale(1.14);
    }
}

.esh-gallery-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:8;
    width:44px;
    height:44px;
    border:1px solid rgba(0,0,0,.09);
    border-radius:50%;
    background:rgba(255,255,255,.94);
    color:#242424;
    font-size:34px;
    line-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 4px 16px rgba(0,0,0,.10);
    opacity:.90;
    transition:opacity .2s ease,transform .2s ease,background .2s ease;
}

.esh-gallery-arrow:hover{
    opacity:1;
    background:#fff;
}

.esh-gallery-prev{left:16px}
.esh-gallery-next{right:16px}

@media (max-width:768px){
    .esh-gallery-arrow{
        width:38px;
        height:38px;
        font-size:29px;
    }

    .esh-gallery-prev{left:8px}
    .esh-gallery-next{right:8px}
}
/* ===== END phase15.css ===== */

/* ===== BEGIN phase16_2-brand.css ===== */
/* EsigaraHane Phase 16.2 - fixed global branding */

.esh-logo{min-width:238px}
.esh-logo img{
    display:block;
    width:auto;
    max-width:255px;
    max-height:78px;
    object-fit:contain;
}

.admin-sidebar-brand a{min-height:60px}
.admin-sidebar-brand img{
    display:block;
    width:auto;
    max-width:195px;
    max-height:92px;
    object-fit:contain;
}

.esh-auth-logo{
    display:flex;
    justify-content:center;
    margin:0 auto 12px;
    text-decoration:none;
}
.esh-auth-logo img{
    display:block;
    width:auto;
    max-width:220px;
    max-height:120px;
    object-fit:contain;
}

.esh-admin-login-v2{
    background:
        radial-gradient(circle at top right, rgba(244,119,46,.14), transparent 38%),
        #f5f6f8;
}
.esh-admin-login-card{
    border-top:4px solid #F4772E;
    box-shadow:0 24px 70px rgba(29,33,37,.12);
}
.esh-admin-login-logo{
    display:flex;
    justify-content:center;
    margin:0 auto 14px;
    text-decoration:none;
}
.esh-admin-login-logo img{
    display:block;
    width:auto;
    max-width:245px;
    max-height:145px;
    object-fit:contain;
}
.esh-admin-login-kicker{
    display:block;
    margin-bottom:4px;
    color:#F4772E;
    font-size:10px;
    font-weight:900;
    letter-spacing:.15em;
    text-align:center;
}
.esh-admin-login-card h1,
.esh-admin-login-card>p{text-align:center}
.esh-admin-login-card .primary-button{
    background:#F4772E!important;
    border-color:#F4772E!important;
}
.esh-admin-login-card .primary-button:hover{
    background:#DF6220!important;
    border-color:#DF6220!important;
}

@media(max-width:900px){
    .esh-logo{min-width:188px}
    .esh-logo img{max-width:215px;max-height:65px}
}
@media(max-width:640px){
    .esh-logo{min-width:0}
    .esh-logo img{max-width:175px;max-height:56px}
    .esh-auth-logo img{max-width:190px;max-height:105px}
    .esh-admin-login-logo img{max-width:210px;max-height:120px}
}

/* ===== END phase16_2-brand.css ===== */

/* ===== BEGIN phase17.css ===== */
.esh-security-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.cf-turnstile{margin:4px 0 2px}
/* ===== END phase17.css ===== */

/* ===== BEGIN phase20.css ===== */
/* EsigaraHane Phase 20 - customer experience */

:root{
    --esh-orange:#F4772E;
    --esh-orange-dark:#DF6220;
    --esh-orange-soft:#FFF3EA;
    --esh-ink:#252A2F;
    --esh-muted:#737B83;
    --esh-line:#E7EAED;
}

/* service bar */
.phase20-servicebar{
    background:#fff;
    border-bottom:1px solid #eceff1;
}

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

.phase20-servicebar-item{
    min-height:34px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 10px;
    border-right:1px solid #edf0f2;
    color:#687078!important;
    text-decoration:none;
    font-size:9px!important;
    font-weight:750;
}

.phase20-servicebar-item:last-child{
    border-right:0;
}

.phase20-servicebar-item i{
    width:16px;
    height:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--esh-orange);
}

.phase20-servicebar-item svg{
    width:16px;
    height:16px;
    fill:currentColor;
}

a.phase20-servicebar-item:hover{
    color:var(--esh-orange-dark)!important;
    background:#fffaf7;
}

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

.phase20-home-service{
    min-height:88px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:11px;
    align-items:center;
    padding:14px;
    border:1px solid #e7eaed;
    border-radius:14px;
    background:#fff;
    color:inherit;
    text-decoration:none;
    box-shadow:0 8px 28px rgba(32,36,40,.035);
}

.phase20-home-service:hover{
    border-color:#f5c5a7;
    box-shadow:0 13px 34px rgba(32,36,40,.06);
}

.esh-service-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:var(--esh-orange-soft);
    color:var(--esh-orange);
}

.esh-service-icon svg{
    width:22px;
    height:22px;
    fill:currentColor;
}

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

.phase20-home-service>span strong{
    color:#30363c;
    font-size:11px;
}

.phase20-home-service>span small{
    margin-top:3px;
    color:#858c94;
    font-size:8px;
    line-height:1.45;
}

.phase20-home-service>b{
    color:var(--esh-orange);
    font-size:17px;
}

/* product smart badges */
.esh-smart-badges{
    position:absolute;
    z-index:3;
    top:10px;
    left:10px;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    max-width:calc(100% - 20px);
}

.product-detail-badges{
    position:static;
    margin-bottom:9px;
}

.esh-smart-badge{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 8px;
    border-radius:999px;
    font-size:8px;
    font-weight:900;
    letter-spacing:.01em;
    box-shadow:0 4px 12px rgba(30,34,38,.08);
}

.esh-smart-badge.sold-out{background:#292e33;color:#fff}
.esh-smart-badge.low-stock{background:#fff0e5;color:#b64c0c}
.esh-smart-badge.discount{background:#F4772E;color:#fff}
.esh-smart-badge.restocked{background:#eaf8ef;color:#138147}
.esh-smart-badge.best-seller{background:#fff6d8;color:#795f00}
.esh-smart-badge.new{background:#eaf2ff;color:#2865a6}
.esh-smart-badge.featured{background:#f1edff;color:#6549a8}

.phase20-product-card .product-image{
    position:relative;
}

.phase20-card-rating{
    display:flex;
    align-items:center;
    gap:4px;
    width:max-content;
    margin:6px 0 4px;
    color:#717980;
    text-decoration:none;
    font-size:9px;
}

.phase20-card-rating>span{
    color:#f4b400;
    font-size:14px;
}

.phase20-card-rating strong{
    color:#4f575f;
}

.phase20-card-rating small{
    color:#92989f;
}

.phase20-card-price-row{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:7px;
}

.phase20-card-price-row del{
    color:#9ca2a8;
    font-size:9px;
}

.phase20-stock-alert-card-button{
    background:#fff!important;
    border:1px solid var(--esh-orange)!important;
    color:var(--esh-orange-dark)!important;
}

/* stock alert panel */
.phase20-stock-alert-panel{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:13px;
    margin-top:17px;
    padding:16px;
    border:1px solid #ffd8bd;
    border-radius:14px;
    background:#fff8f3;
}

.phase20-stock-alert-icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:#fff;
    color:var(--esh-orange);
    box-shadow:0 7px 20px rgba(244,119,46,.10);
}

.phase20-stock-alert-icon svg{
    width:25px;
    height:25px;
    fill:currentColor;
}

.phase20-stock-alert-panel>div:last-child>span{
    display:block;
    color:var(--esh-orange-dark);
    font-size:8px;
    font-weight:900;
    letter-spacing:.12em;
}

.phase20-stock-alert-panel h2{
    margin:4px 0 4px;
    color:#30363c;
    font-size:16px;
}

.phase20-stock-alert-panel p{
    margin:0;
    color:#737b83;
    font-size:9px;
    line-height:1.55;
}

.phase20-stock-alert-form{
    display:grid;
    grid-template-columns:1fr 1.2fr auto;
    gap:7px;
    margin-top:12px;
}

.phase20-stock-alert-form input,
.phase20-stock-alert-account{
    min-height:40px;
    border:1px solid #e1e5e8;
    border-radius:9px;
    background:#fff;
    padding:0 10px;
    font-size:9px;
}

.phase20-stock-alert-account{
    grid-column:1 / span 2;
    display:flex;
    align-items:center;
    gap:5px;
}

.phase20-stock-alert-form button{
    min-height:40px;
    border:0;
    border-radius:9px;
    background:var(--esh-orange);
    color:#fff;
    padding:0 13px;
    cursor:pointer;
    font-size:9px;
    font-weight:850;
}

.phase20-stock-alert-panel small{
    display:block;
    margin-top:7px;
    color:#9a7b68;
    font-size:7px;
    line-height:1.5;
}

/* tracking */
.phase20-tracking-page{
    padding:48px 0 70px;
    background:#f7f8f9;
}

.phase20-page-heading{
    max-width:760px;
    margin:0 auto 20px;
    text-align:center;
}

.phase20-page-heading>span{
    color:var(--esh-orange);
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
}

.phase20-page-heading h1{
    margin:7px 0 8px;
    color:#252a2f;
    font-size:34px;
    letter-spacing:-.045em;
}

.phase20-page-heading p{
    margin:0;
    color:#727a82;
    font-size:11px;
    line-height:1.65;
}

.phase20-tracking-form{
    max-width:760px;
    display:grid;
    grid-template-columns:1fr 1fr auto;
    gap:8px;
    margin:0 auto;
    padding:16px;
    border:1px solid #e6e9ec;
    border-radius:15px;
    background:#fff;
    box-shadow:0 12px 35px rgba(31,36,40,.05);
}

.phase20-tracking-form label{
    display:flex;
    flex-direction:column;
    gap:5px;
    color:#5d656d;
    font-size:8px;
    font-weight:800;
}

.phase20-tracking-form input{
    min-height:42px;
    border:1px solid #dfe3e6;
    border-radius:9px;
    padding:0 10px;
}

.phase20-orange-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    border:0;
    border-radius:9px;
    background:var(--esh-orange);
    color:#fff!important;
    padding:0 15px;
    text-decoration:none;
    cursor:pointer;
    font-size:9px;
    font-weight:900;
}

.phase20-tracking-form .phase20-orange-button{
    align-self:end;
}

.phase20-tracking-error{
    max-width:760px;
    margin:10px auto 0;
    padding:10px 12px;
    border-radius:9px;
    background:#fff0f0;
    color:#a92820;
    font-size:9px;
}

.phase20-tracking-result{
    max-width:1120px;
    margin:24px auto 0;
}

.phase20-tracking-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.phase20-tracking-summary>div{
    padding:14px;
    border:1px solid #e4e8eb;
    border-radius:12px;
    background:#fff;
}

.phase20-tracking-summary span,
.phase20-tracking-summary strong{
    display:block;
}

.phase20-tracking-summary span{
    color:#90979e;
    font-size:8px;
}

.phase20-tracking-summary strong{
    margin-top:4px;
    color:#30363c;
    font-size:11px;
}

.phase20-order-progress{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:12px;
    padding:16px;
    border:1px solid #e4e8eb;
    border-radius:14px;
    background:#fff;
}

.phase20-order-progress>div{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    color:#a0a6ad;
    font-size:8px;
    font-weight:800;
}

.phase20-order-progress>div:not(:last-child)::after{
    content:"";
    position:absolute;
    top:14px;
    left:58%;
    width:84%;
    height:2px;
    background:#e6e9ec;
}

.phase20-order-progress i{
    position:relative;
    z-index:2;
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#edf0f2;
    font-style:normal;
}

.phase20-order-progress>div.active{
    color:#3f474e;
}

.phase20-order-progress>div.active i{
    background:var(--esh-orange);
    color:#fff;
}

.phase20-order-progress>div.active:not(:last-child)::after{
    background:#ffd6bb;
}

.phase20-order-cancelled{
    margin-top:12px;
    padding:15px;
    border-radius:11px;
    background:#fff0f0;
    color:#ad2c24;
    font-size:10px;
    font-weight:850;
}

.phase20-shipping-card{
    display:grid;
    grid-template-columns:1fr 1fr auto;
    gap:12px;
    align-items:center;
    margin-top:12px;
    padding:16px;
    border:1px solid #ffd8bd;
    border-radius:14px;
    background:#fff8f3;
}

.phase20-shipping-card span,
.phase20-shipping-card strong{
    display:block;
}

.phase20-shipping-card span{
    color:#9a6c50;
    font-size:8px;
}

.phase20-shipping-card strong{
    margin-top:4px;
    color:#593723;
    font-size:11px;
}

.phase20-shipping-actions{
    display:flex;
    gap:6px;
}

.phase20-shipping-actions button,
.phase20-shipping-actions a{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    border:1px solid #f3b78f;
    border-radius:8px;
    background:#fff;
    color:#a44710;
    padding:0 9px;
    text-decoration:none;
    cursor:pointer;
    font-size:8px;
    font-weight:850;
}

.phase20-tracking-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:12px;
}

.phase20-tracking-columns>div{
    padding:18px;
    border:1px solid #e4e8eb;
    border-radius:14px;
    background:#fff;
}

.phase20-tracking-columns h2{
    margin:0 0 13px;
    font-size:15px;
}

.phase20-public-timeline article{
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    gap:9px;
    padding-bottom:14px;
}

.phase20-public-timeline article>i{
    width:11px;
    height:11px;
    margin-top:3px;
    border:3px solid #ffe4d2;
    border-radius:50%;
    background:var(--esh-orange);
}

.phase20-public-timeline strong,
.phase20-public-timeline p,
.phase20-public-timeline time{
    display:block;
}

.phase20-public-timeline strong{font-size:9px}
.phase20-public-timeline p{margin:3px 0;color:#747c84;font-size:8px}
.phase20-public-timeline time{margin-top:3px;color:#a0a6ad;font-size:7px}

.phase20-tracking-items{
    display:flex;
    flex-direction:column;
}

.phase20-tracking-items article{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    gap:9px;
    align-items:center;
    padding:9px 0;
    border-bottom:1px solid #edf0f2;
}

.phase20-tracking-items img{
    width:48px;
    height:48px;
    border:1px solid #e8ebee;
    border-radius:9px;
    object-fit:cover;
}

.phase20-tracking-items strong,
.phase20-tracking-items span,
.phase20-tracking-items small{
    display:block;
}

.phase20-tracking-items strong{font-size:9px}
.phase20-tracking-items span,.phase20-tracking-items small{margin-top:2px;color:#8a9198;font-size:7px}
.phase20-tracking-items b{font-size:9px}

/* simple result */
.phase20-simple-result{
    max-width:620px;
    margin:50px auto;
    padding:32px;
    border:1px solid #e5e8eb;
    border-radius:18px;
    background:#fff;
    text-align:center;
}

.phase20-simple-result>span{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    margin:0 auto 10px;
    border-radius:50%;
    background:#eaf8ef;
    color:#178447;
    font-size:22px;
}

.phase20-simple-result h1{margin:0;font-size:25px}
.phase20-simple-result p{color:#737b83;font-size:10px;line-height:1.6}

/* blog */
.phase20-blog-hero{
    padding:55px 0;
    background:
        radial-gradient(circle at 80% 20%,rgba(244,119,46,.17),transparent 32%),
        linear-gradient(135deg,#24292e,#343a40);
    color:#fff;
}

.phase20-blog-hero .container{
    max-width:1050px;
}

.phase20-blog-hero>div>span{
    color:#ffb382;
    font-size:9px;
    font-weight:900;
    letter-spacing:.15em;
}

.phase20-blog-hero h1{
    max-width:780px;
    margin:9px 0 10px;
    font-size:38px;
    line-height:1.14;
    letter-spacing:-.045em;
}

.phase20-blog-hero p{
    max-width:720px;
    margin:0;
    color:#c7cbd0;
    font-size:11px;
    line-height:1.7;
}

.phase20-blog-hero form{
    max-width:620px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:7px;
    margin-top:20px;
}

.phase20-blog-hero input{
    min-height:43px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:9px;
    background:rgba(255,255,255,.09);
    color:#fff;
    padding:0 12px;
}

.phase20-blog-hero button{
    border:0;
    border-radius:9px;
    background:var(--esh-orange);
    color:#fff;
    padding:0 18px;
    font-weight:900;
}

.phase20-blog-categories{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:20px;
}

.phase20-blog-categories a{
    min-height:31px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:0 10px;
    border:1px solid #e1e5e8;
    border-radius:999px;
    background:#fff;
    color:#687078;
    text-decoration:none;
    font-size:8px;
    font-weight:800;
}

.phase20-blog-categories a.active,
.phase20-blog-categories a:hover{
    border-color:#f2b388;
    background:#fff6ef;
    color:#b54b0e;
}

.phase20-blog-categories small{
    min-width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#f1f3f5;
    font-size:7px;
}

.phase20-featured-post{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    min-height:330px;
    overflow:hidden;
    margin-bottom:25px;
    border:1px solid #e5e8eb;
    border-radius:19px;
    background:#fff;
}

.phase20-featured-post>div:first-child{
    min-height:320px;
    background:#f3f4f5;
}

.phase20-featured-post img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.phase20-featured-post>div:last-child{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:32px;
}

.phase20-featured-post span{
    color:var(--esh-orange);
    font-size:8px;
    font-weight:900;
    letter-spacing:.13em;
}

.phase20-featured-post h2{
    margin:8px 0;
    font-size:27px;
    line-height:1.2;
    letter-spacing:-.04em;
}

.phase20-featured-post p{
    color:#747c84;
    font-size:10px;
    line-height:1.65;
}

.phase20-featured-post a{
    margin-top:10px;
    color:var(--esh-orange-dark);
    text-decoration:none;
    font-size:9px;
    font-weight:900;
}

.phase20-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.phase20-blog-card{
    overflow:hidden;
    border:1px solid #e5e8eb;
    border-radius:15px;
    background:#fff;
    box-shadow:0 8px 25px rgba(31,36,40,.035);
}

.phase20-blog-card-image{
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#f2f4f5;
}

.phase20-blog-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .2s ease;
}

.phase20-blog-card:hover img{
    transform:scale(1.02);
}

.phase20-blog-placeholder{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    color:#a0a6ad;
    font-size:10px;
}

.phase20-blog-card-body{
    padding:15px;
}

.phase20-blog-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    color:#9aa0a6;
    font-size:7px;
}

.phase20-blog-meta span:first-child{
    color:var(--esh-orange-dark);
    font-weight:850;
}

.phase20-blog-card h2{
    margin:8px 0 6px;
    font-size:15px;
    line-height:1.35;
}

.phase20-blog-card h2 a{
    color:#2f353a;
    text-decoration:none;
}

.phase20-blog-card p{
    margin:0;
    color:#777f87;
    font-size:9px;
    line-height:1.6;
}

.phase20-blog-card-footer{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:13px;
    padding-top:10px;
    border-top:1px solid #edf0f2;
}

.phase20-blog-card-footer time{
    color:#a0a6ad;
    font-size:7px;
}

.phase20-blog-card-footer a{
    color:var(--esh-orange-dark);
    text-decoration:none;
    font-size:8px;
    font-weight:850;
}

.phase20-blog-empty{
    grid-column:1/-1;
    padding:30px;
    border:1px dashed #d9dde1;
    border-radius:13px;
    color:#8b9299;
    text-align:center;
    font-size:9px;
}

.phase20-blog-category-head{
    padding:34px 0;
    background:#f7f8f9;
    border-bottom:1px solid #e8ebee;
}

.phase20-blog-category-head nav,
.phase20-post-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    color:#9aa0a6;
    font-size:8px;
}

.phase20-blog-category-head nav a,
.phase20-post-breadcrumb a{
    color:#737b83;
    text-decoration:none;
}

.phase20-blog-category-head h1{
    margin:8px 0 5px;
    font-size:31px;
}

.phase20-blog-category-head p{
    max-width:720px;
    margin:0;
    color:#737b83;
    font-size:10px;
    line-height:1.65;
}

.phase20-blog-post{
    padding:34px 0 70px;
}

.phase20-blog-post-shell{
    max-width:1120px;
}

.phase20-blog-post header{
    max-width:860px;
    margin:26px auto 20px;
    text-align:center;
}

.phase20-post-category{
    display:inline-flex;
    min-height:26px;
    align-items:center;
    padding:0 9px;
    border-radius:999px;
    background:var(--esh-orange-soft);
    color:var(--esh-orange-dark);
    font-size:8px;
    font-weight:850;
}

.phase20-blog-post header h1{
    margin:12px 0 9px;
    font-size:40px;
    line-height:1.14;
    letter-spacing:-.05em;
}

.phase20-blog-post header>p{
    max-width:760px;
    margin:0 auto;
    color:#707880;
    font-size:11px;
    line-height:1.7;
}

.phase20-post-meta{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:14px;
    color:#959ca3;
    font-size:8px;
}

.phase20-post-cover{
    width:100%;
    max-height:570px;
    object-fit:cover;
    border-radius:18px;
    background:#f2f3f5;
}

.phase20-post-content{
    max-width:780px;
    margin:34px auto 0;
    color:#3e454b;
    font-size:13px;
    line-height:1.85;
}

.phase20-post-content h2{
    margin:34px 0 10px;
    color:#252a2f;
    font-size:25px;
    line-height:1.25;
}

.phase20-post-content h3{
    margin:26px 0 8px;
    color:#2f353a;
    font-size:19px;
}

.phase20-post-content p{
    margin:0 0 16px;
}

.phase20-post-content ul,
.phase20-post-content ol{
    padding-left:22px;
}

.phase20-post-content blockquote{
    margin:24px 0;
    padding:15px 17px;
    border-left:4px solid var(--esh-orange);
    border-radius:0 10px 10px 0;
    background:#fff7f1;
    color:#655449;
}

.phase20-post-content a{
    color:var(--esh-orange-dark);
}

.phase20-related-products,
.phase20-related-posts{
    margin-top:48px;
}

.phase20-related-posts>h2{
    margin-bottom:15px;
}

/* responsive */
@media(max-width:1000px){
    .phase20-home-service-grid,
    .phase20-servicebar-inner{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .phase20-blog-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .phase20-tracking-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:820px){
    .phase20-servicebar{
        display:none;
    }

    .phase20-featured-post{
        grid-template-columns:1fr;
    }

    .phase20-featured-post>div:first-child{
        min-height:auto;
        aspect-ratio:16/9;
    }

    .phase20-tracking-form,
    .phase20-shipping-card,
    .phase20-tracking-columns{
        grid-template-columns:1fr;
    }

    .phase20-shipping-actions{
        flex-wrap:wrap;
    }
}

@media(max-width:640px){
    .phase20-home-service-grid,
    .phase20-blog-grid,
    .phase20-tracking-summary{
        grid-template-columns:1fr!important;
    }

    .phase20-home-service{
        min-height:76px;
    }

    .phase20-stock-alert-form{
        grid-template-columns:1fr;
    }

    .phase20-stock-alert-account{
        grid-column:auto;
    }

    .phase20-page-heading h1,
    .phase20-blog-hero h1{
        font-size:29px;
    }

    .phase20-order-progress{
        grid-template-columns:1fr;
        gap:9px;
    }

    .phase20-order-progress>div{
        flex-direction:row;
        justify-content:flex-start;
    }

    .phase20-order-progress>div::after{
        display:none;
    }

    .phase20-blog-post header h1{
        font-size:31px;
    }
}

/* PREMIUM-PRODUCT-CARD-V3 */

.esh-premium-product-card{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #e9edf1;
    border-radius:16px;
    box-shadow:0 5px 18px rgba(25,40,60,.055);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.esh-premium-product-card:hover{
    transform:translateY(-3px);
    border-color:#dde3e8;
    box-shadow:0 12px 28px rgba(25,40,60,.11);
}

.esh-premium-product-media{
    position:relative;
    width:100%;
    height:310px;
    overflow:hidden;
    background:#fff;
}

.esh-premium-product-image{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    padding:18px;
    text-decoration:none;
}

.esh-premium-product-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    transition:transform .32s ease;
}

.esh-premium-product-card:hover .esh-premium-product-image img{
    transform:scale(1.055);
}

.esh-product-no-image{
    color:#9aa2aa;
    font-size:13px;
}

.esh-premium-card-badges{
    position:absolute;
    top:12px;
    left:12px;
    z-index:5;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    max-width:calc(100% - 65px);
}

.esh-premium-card-badges .esh-smart-badge{
    font-size:11px;
    font-weight:800;
    line-height:1;
    border-radius:8px;
    padding:7px 9px;
    box-shadow:0 2px 5px rgba(0,0,0,.06);
}

.esh-product-quick-view{
    position:absolute;
    top:12px;
    right:12px;
    z-index:5;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(35,39,43,.92);
    color:#fff;
    text-decoration:none;
    opacity:0;
    transform:translateY(-4px);
    transition:opacity .2s ease,transform .2s ease,background .2s ease;
}

.esh-product-quick-view svg{
    width:19px;
    height:19px;
    fill:currentColor;
}

.esh-premium-product-card:hover .esh-product-quick-view{
    opacity:1;
    transform:translateY(0);
}

.esh-product-quick-view:hover{
    background:#F4772E;
}

.esh-premium-product-info{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:15px 16px 16px;
    border-top:1px solid #f1f2f3;
}

.esh-premium-rating{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:20px;
    margin-bottom:7px;
    text-decoration:none;
    color:#9ba2a8;
}

.esh-rating-stars{
    display:flex;
    gap:1px;
    line-height:1;
}

.esh-rating-stars span{
    font-size:15px;
    color:#d9dee2;
}

.esh-rating-stars span.filled{
    color:#f5ad16;
}

.esh-premium-rating small{
    font-size:11px;
    color:#929aa2;
}

.esh-premium-product-title{
    width:100%;
    margin:0;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    line-height:1.4;
    font-weight:700;
}

.esh-premium-product-title a{
    color:#303842;
    text-decoration:none;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.esh-premium-product-title a:hover{
    color:#F4772E;
}

.esh-premium-variation-count{
    margin-top:5px;
    color:#8d959d;
    font-size:11px;
}

.esh-premium-price-row{
    min-height:46px;
    margin-top:auto;
    padding-top:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
}

.esh-premium-price{
    color:#F4772E;
    font-size:21px;
    line-height:1.2;
    font-weight:800;
}

.esh-premium-old-price{
    color:#90969c;
    font-size:14px;
    font-weight:500;
}

.esh-premium-product-action{
    width:100%;
    margin-top:auto;
}

.esh-card-cart-form{
    width:100%;
    margin:0;
}

.esh-card-cart-button{
    appearance:none;
    border:0;
    width:100%;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:12px 14px;
    background:#303336;
    color:#fff;
    font-family:inherit;
    font-size:14px;
    line-height:1;
    letter-spacing:.035em;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
    transition:background .2s ease;
}

button.esh-card-cart-button{
    border-radius:0;
}

.esh-card-cart-button svg{
    width:19px;
    height:19px;
    fill:currentColor;
    flex:0 0 auto;
}

.esh-card-cart-button:hover{
    background:#F4772E;
    color:#fff;
}

.esh-card-stock-button{
    background:#677078;
}

@media (max-width:1024px){

    .esh-premium-product-media{
        height:275px;
    }

    .esh-premium-product-title{
        font-size:16px;
    }

    .esh-premium-price{
        font-size:19px;
    }

    .esh-product-quick-view{
        opacity:1;
        transform:none;
    }
}

@media (max-width:640px){

    .esh-premium-product-card{
        border-radius:12px;
    }

    .esh-premium-product-media{
        height:210px;
    }

    .esh-premium-product-image{
        padding:10px;
    }

    .esh-premium-card-badges{
        top:7px;
        left:7px;
        gap:4px;
    }

    .esh-premium-card-badges .esh-smart-badge{
        padding:5px 6px;
        font-size:9px;
    }

    .esh-product-quick-view{
        width:32px;
        height:32px;
        top:7px;
        right:7px;
    }

    .esh-product-quick-view svg{
        width:16px;
        height:16px;
    }

    .esh-premium-product-info{
        padding:11px 9px 12px;
    }

    .esh-premium-rating{
        margin-bottom:5px;
    }

    .esh-rating-stars span{
        font-size:12px;
    }

    .esh-premium-rating small{
        display:none;
    }

    .esh-premium-product-title{
        min-height:42px;
        font-size:14px;
        line-height:1.45;
    }

    .esh-premium-price-row{
        min-height:40px;
        padding-top:7px;
        gap:5px;
    }

    .esh-premium-price{
        font-size:16px;
    }

    .esh-premium-old-price{
        font-size:11px;
    }

    .esh-card-cart-button{
        min-height:45px;
        padding:10px 6px;
        font-size:11px;
        letter-spacing:0;
    }

    .esh-card-cart-button svg{
        width:16px;
        height:16px;
    }
}

/* MANUAL-BADGE-OPPORTUNITY */
.esh-smart-badge.opportunity{
    background:#7b4bc4;
    color:#fff;
}
/* ===== END phase20.css ===== */

/* ===== BEGIN phase21.css ===== */
/* EsigaraHane Phase 21 - premium customer account + smart search */

.p21-search-hint{
    display:inline-flex;
    gap:5px;
    margin-top:7px;
    padding:6px 8px;
    border-radius:8px;
    background:#fff5ed;
    color:#80644f;
    font-size:9px;
}

.p21-search-hint a{
    color:#c04f0d;
    font-weight:850;
}

/* Premium account */
.p21-account-page{
    padding:34px 0 65px;
    background:#f7f8f9;
    min-height:65vh;
}

.p21-account-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    margin-bottom:14px;
}

.p21-account-head>div>span{
    color:#F4772E;
    font-size:8px;
    font-weight:900;
    letter-spacing:.14em;
}

.p21-account-head h1{
    margin:5px 0 5px;
    color:#262b30;
    font-size:29px;
    letter-spacing:-.04em;
}

.p21-account-head p{
    margin:0;
    color:#7b838b;
    font-size:9px;
    line-height:1.55;
}

.p21-account-nav{
    display:flex;
    gap:5px;
    overflow-x:auto;
    margin-bottom:14px;
    padding:5px;
    border:1px solid #e5e8eb;
    border-radius:12px;
    background:#fff;
}

.p21-account-nav a{
    min-height:34px;
    display:flex;
    align-items:center;
    flex:0 0 auto;
    padding:0 11px;
    border-radius:8px;
    color:#6c747c;
    text-decoration:none;
    font-size:8px;
    font-weight:850;
}

.p21-account-nav a.active{
    background:#fff1e7;
    color:#b84c0d;
}

.p21-account-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-bottom:14px;
}

.p21-account-kpis article{
    padding:15px;
    border:1px solid #e5e8eb;
    border-radius:12px;
    background:#fff;
}

.p21-account-kpis span,
.p21-account-kpis strong{display:block}
.p21-account-kpis span{color:#8a9198;font-size:8px}
.p21-account-kpis strong{margin-top:5px;color:#30363c;font-size:18px}

.p21-account-grid{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);
    gap:14px;
    align-items:start;
    margin-bottom:14px;
}

.p21-account-card{
    padding:18px;
    border:1px solid #e5e8eb;
    border-radius:14px;
    background:#fff;
    box-shadow:0 8px 28px rgba(30,34,38,.03);
}

.p21-account-card h2{
    margin:0 0 11px;
    font-size:15px;
}

.p21-account-card-head{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:flex-start;
    margin-bottom:8px;
}

.p21-account-card-head h2{margin:0}
.p21-account-card-head p{margin:3px 0 0;color:#91979d;font-size:7px}
.p21-account-card-head>a{color:#c55110;text-decoration:none;font-size:8px;font-weight:850}

.p21-account-orders{
    display:flex;
    flex-direction:column;
}

.p21-account-orders>a{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:11px 0;
    border-bottom:1px solid #edf0f2;
    color:inherit;
    text-decoration:none;
}

.p21-account-orders.full>a{
    grid-template-columns:minmax(0,1fr) minmax(130px,.45fr) auto;
}

.p21-account-orders>a:last-child{border-bottom:0}
.p21-account-orders>a>div:last-child{text-align:right}
.p21-account-orders strong,
.p21-account-orders span,
.p21-account-orders small{display:block}
.p21-account-orders strong{font-size:9px;color:#394047}
.p21-account-orders span:not(.p21-account-status),
.p21-account-orders small{margin-top:3px;color:#90979e;font-size:7px}

.p21-account-status{
    display:inline-flex!important;
    width:max-content;
    min-height:23px;
    align-items:center;
    padding:0 7px;
    border-radius:999px;
    background:#f0f2f4;
    color:#677079;
    font-size:7px!important;
    font-weight:900;
}

.p21-account-status.status-processing,
.p21-account-status.status-pending,
.p21-account-status.status-waiting{background:#fff6df;color:#806300}
.p21-account-status.status-shipped{background:#eaf2ff;color:#326b9f}
.p21-account-status.status-completed,
.p21-account-status.status-approved,
.p21-account-status.status-sent{background:#eaf8ef;color:#178447}
.p21-account-status.status-cancelled,
.p21-account-status.status-rejected{background:#fff0f0;color:#b42318}
.p21-account-status.status-unsubscribed{background:#f0f2f4;color:#737b83}

.p21-account-alert-list>div{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    padding:9px 0;
    border-bottom:1px solid #edf0f2;
}

.p21-account-alert-list>div:last-child{border-bottom:0}
.p21-account-alert-list strong{font-size:8px}
.p21-account-alert-list span{color:#999fa5;font-size:7px}

.p21-account-mini-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.p21-account-mini-grid>a{
    min-height:100px;
    display:flex;
    flex-direction:column;
    padding:14px;
    border:1px solid #e5e8eb;
    border-radius:12px;
    background:#fff;
    color:inherit;
    text-decoration:none;
}

.p21-account-mini-grid span{color:#878f97;font-size:8px}
.p21-account-mini-grid strong{margin-top:6px;font-size:22px}
.p21-account-mini-grid small{margin-top:auto;color:#c25312;font-size:7px}

.p21-empty{
    padding:18px;
    border:1px dashed #d9dde1;
    border-radius:10px;
    color:#8b9299;
    text-align:center;
    font-size:8px;
    line-height:1.6;
}

.p21-empty.compact{padding:11px}

.p21-account-progress{
    margin:0 0 14px;
}

.p21-account-tracking{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    margin-bottom:14px;
    padding:13px 15px;
    border:1px solid #ffd8bd;
    border-radius:12px;
    background:#fff7f1;
}

.p21-account-tracking span,
.p21-account-tracking strong{display:block}
.p21-account-tracking span{color:#9c745a;font-size:7px}
.p21-account-tracking strong{margin-top:3px;font-size:10px}
.p21-account-tracking a{color:#b74d0d;text-decoration:none;font-size:8px;font-weight:850}

.p21-account-item-list article{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:9px 0;
    border-bottom:1px solid #edf0f2;
}

.p21-account-item-image{
    width:58px;
    height:58px;
    overflow:hidden;
    border:1px solid #e7eaed;
    border-radius:9px;
    background:#f4f5f6;
}

.p21-account-item-image img{width:100%;height:100%;object-fit:cover}
.p21-account-item-list strong,
.p21-account-item-list span,
.p21-account-item-list small{display:block}
.p21-account-item-list strong{font-size:9px}
.p21-account-item-list span,
.p21-account-item-list small{margin-top:2px;color:#8b9299;font-size:7px}
.p21-account-item-list b{font-size:9px}

.p21-account-totals{
    max-width:330px;
    margin:15px 0 0 auto;
}

.p21-account-totals>div{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:5px 0;
    color:#717980;
    font-size:8px;
}

.p21-account-totals .grand{
    margin-top:4px;
    padding-top:9px;
    border-top:1px solid #e4e7ea;
    color:#30363c;
    font-size:10px;
}

.p21-account-alert-table article{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:12px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid #edf0f2;
}

.p21-account-alert-table article:last-child{border-bottom:0}
.p21-account-alert-table strong,
.p21-account-alert-table span{display:block}
.p21-account-alert-table strong{font-size:9px}
.p21-account-alert-table>article>div:first-child>span{margin-top:3px;color:#959ca3;font-size:7px}

.p21-account-alert-table>article>div:last-child{
    display:flex;
    gap:7px;
    align-items:center;
}

.p21-account-alert-table a,
.p21-account-alert-table button{
    border:0;
    background:none;
    color:#c04e0c;
    cursor:pointer;
    text-decoration:none;
    font-size:8px;
    font-weight:850;
}

.p21-interaction-list article{
    padding:12px 0;
    border-bottom:1px solid #edf0f2;
}

.p21-interaction-list article:last-child{border-bottom:0}
.p21-interaction-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.p21-interaction-head strong{font-size:9px}
.p21-interaction-list p{margin:7px 0;color:#626a72;font-size:8px;line-height:1.6}
.p21-interaction-list time{color:#a0a6ad;font-size:7px}
.p21-answer{margin:7px 0;padding:9px;border-radius:8px;background:#f6f7f8;color:#5f676f;font-size:8px;line-height:1.6}
.p21-stars{margin-top:6px;color:#f3b400;font-size:12px}

.p21-profile-form{
    max-width:900px;
}

.p21-profile-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.p21-profile-grid label{
    display:flex;
    flex-direction:column;
    gap:5px;
    color:#606870;
    font-size:8px;
    font-weight:800;
}

.p21-profile-grid small{color:#999fa5;font-weight:500;line-height:1.45}

.p21-password-box{
    margin:18px 0;
    padding-top:16px;
    border-top:1px solid #e8ebee;
}

.p21-password-box h2{margin:0}
.p21-password-box>p{margin:4px 0 12px;color:#90979e;font-size:8px}

.p21-address-page-grid{
    margin-top:0;
}

@media(max-width:1000px){
    .p21-account-kpis,
    .p21-account-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .p21-account-grid{grid-template-columns:1fr}
}

@media(max-width:680px){
    .p21-account-kpis,
    .p21-account-mini-grid,
    .p21-profile-grid{grid-template-columns:1fr}

    .p21-account-head{align-items:flex-start;flex-direction:column}
    .p21-account-orders.full>a{grid-template-columns:1fr}
    .p21-account-orders.full>a>div:last-child{text-align:left}
    .p21-account-alert-table article{grid-template-columns:1fr}
    .p21-account-tracking{align-items:flex-start;flex-direction:column}
}

/* ===== END phase21.css ===== */

/* ===== BEGIN phase22.css ===== */
/* 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 > 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;
    }

    
}

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

    

    

    

    

    

    

    

    

    
}

/* 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){

    

    

    

    

    

    

    
}

/* 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 */

/* =========================================================
   ESH-WIDE-DESKTOP-STABILIZER-V3
   Wide landscape only. Normal/tall window, tablet and mobile unchanged.
   ========================================================= */
@media (min-width:1400px) and (min-aspect-ratio:3/2){

    /* Use one consistent wide-desktop axis instead of merely capping
       elements that already inherit a smaller .container width. */
    .esh-servicebar-inner,
    .esh-header-top,
    .esh-search-band-inner,
    .esh-unified-hero,
    .esh-products-section > .container,
    .esh-product-page > .container{
        width:min(calc(100% - 56px),1540px) !important;
        max-width:1540px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .esh-search-only-band{
        grid-template-columns:250px minmax(0,1fr) 170px !important;
        gap:18px !important;
    }

    .esh-search-spacer{
        width:auto !important;
    }

    .esh-unified-hero{
        grid-template-columns:250px minmax(0,1fr) !important;
        gap:18px !important;
    }

    /* Home hero: large enough for fullscreen, but never a giant viewport panel. */
    .esh-unified-right .esh-slider-wrap{
        width:100% !important;
        max-height:560px !important;
    }

    .esh-slide{
        height:clamp(480px,32vw,560px) !important;
        aspect-ratio:auto !important;
    }

    .esh-slide-overlay{
        width:min(46%,580px) !important;
        padding:clamp(38px,3vw,52px) !important;
    }

    .esh-slide-overlay h1,
    .esh-slide-overlay h2{
        font-size:clamp(38px,2.45vw,52px) !important;
        line-height:1.03 !important;
    }

    .esh-slide-overlay p{
        max-width:500px !important;
        font-size:clamp(12px,.95vw,15px) !important;
    }

    /* Product detail: keep a strong image without letting it dominate ultrawide. */
    .esh-product-main{
        width:100% !important;
        max-width:1420px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        grid-template-columns:minmax(0,700px) minmax(470px,620px) !important;
        gap:64px !important;
        justify-content:center !important;
    }

    .esh-product-gallery{
        grid-template-columns:82px minmax(0,620px) !important;
        gap:16px !important;
    }

    .esh-product-main-image-wrap{
        width:100% !important;
        max-width:620px !important;
        max-height:620px !important;
        justify-self:start !important;
    }

    .esh-product-info{
        width:100% !important;
        max-width:620px !important;
    }

    .esh-product-title-copy h1{
        font-size:clamp(32px,2.25vw,44px) !important;
    }
}

/* =========================================================
   ESH-WIDE-DESKTOP-CENTER-ALIGN-V4
   Center dynamic section heading + home service widgets on wide landscape.
   ========================================================= */
@media (min-width:1400px) and (min-aspect-ratio:3/2){

    /* Dynamic home product/category section title */
    .esh-dynamic-category-section{
        width:min(calc(100% - 56px),1540px) !important;
        max-width:1540px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .esh-dynamic-section-head{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        gap:6px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .esh-dynamic-section-head h2,
    .esh-dynamic-section-head p{
        width:100% !important;
        text-align:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .esh-dynamic-products-all-link{
        display:inline-flex !important;
        justify-content:center !important;
        align-items:center !important;
        text-align:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /* Four service widgets */
    #neden-biz,
    .esh-benefits.phase20-home-services{
        width:min(calc(100% - 56px),1540px) !important;
        max-width:1540px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    #neden-biz .phase20-home-service-grid,
    .esh-benefits.phase20-home-services .phase20-home-service-grid{
        width:100% !important;
        max-width:1540px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    #neden-biz .phase20-home-service-grid > .phase20-home-service,
    .esh-benefits.phase20-home-services .phase20-home-service-grid > .phase20-home-service{
        min-height:104px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        text-align:center !important;
        padding:14px 12px !important;
    }

    #neden-biz .phase20-home-service .esh-service-icon,
    .esh-benefits.phase20-home-services .phase20-home-service .esh-service-icon{
        margin:0 auto !important;
        flex:0 0 auto !important;
    }

    #neden-biz .phase20-home-service > span,
    .esh-benefits.phase20-home-services .phase20-home-service > span{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-align:center !important;
    }

    #neden-biz .phase20-home-service > span strong,
    #neden-biz .phase20-home-service > span small,
    .esh-benefits.phase20-home-services .phase20-home-service > span strong,
    .esh-benefits.phase20-home-services .phase20-home-service > span small{
        width:100% !important;
        text-align:center !important;
    }

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



/* =========================================================
   ESH-CATEGORY-WIDE-CONTAINER-FIX-V1
   Keep category pages on the same 1540px wide-desktop axis as home/product.
   Normal desktop, tablet and mobile remain unchanged.
   ========================================================= */
@media (min-width:1400px) and (min-aspect-ratio:3/2){
    .esh-category-page > .container{
        width:min(calc(100% - 56px),1540px) !important;
        max-width:1540px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
}

/* ===== END phase22.css ===== */

/* ===== BEGIN phase23-corporate.css ===== */
/* ESIGARAHANE CORPORATE CMS - PHASE 23 */
.esh-corporate-hero{background:linear-gradient(180deg,#fff 0,#fff9f5 100%);border-bottom:1px solid #e8ebee}
.esh-corporate-breadcrumb{display:flex;gap:8px;align-items:center;padding-top:26px;color:#8a929a;font-size:12px}
.esh-corporate-breadcrumb a:hover{color:#f4772e}
.esh-corporate-hero-grid{padding:50px 0 60px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:68px;align-items:center}
.esh-corporate-eyebrow{color:#bf571c;font-weight:900;font-size:11px;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.esh-corporate-eyebrow:before{content:"";width:25px;height:2px;border-radius:10px;background:#f4772e}
.esh-corporate-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-2px;margin:15px 0 18px;max-width:860px}
.esh-corporate-hero p{font-size:16px;line-height:1.75;color:#657079;max-width:820px;margin:0}
.esh-corporate-trust-card{background:#fff;border:1px solid #efdfd3;border-radius:20px;padding:24px;box-shadow:0 18px 50px rgba(61,35,17,.06)}
.esh-corporate-trust-card h2{font-size:15px;margin:0 0 9px}
.esh-corporate-trust-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #f1f2f3;color:#59636c;font-size:13px}
.esh-corporate-trust-row:first-of-type{border-top:0}
.esh-corporate-trust-row>span{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border-radius:50%;background:#fff0e5;color:#f4772e;font-weight:900}
.esh-corporate-section{padding:58px 0 76px}
.esh-corporate-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.esh-corporate-content{min-width:0}
.esh-corporate-content>h2,.esh-corporate-content section>h2{font-size:27px;letter-spacing:-.7px;margin:0 0 15px;color:#15181b}
.esh-corporate-content>h3{font-size:20px;margin:26px 0 12px}
.esh-corporate-content>p,.esh-corporate-content>ul,.esh-corporate-content>ol{font-size:14px;line-height:1.82;color:#555f68;margin:0 0 15px}
.esh-corporate-content>h2:not(:first-child){padding-top:30px;margin-top:30px;border-top:1px solid #e8ebee}
.esh-corporate-content a{color:#d85f1b;text-decoration:underline;text-underline-offset:3px}
.esh-corporate-side{position:sticky;top:22px}
.esh-corporate-side-card{background:#fff;border:1px solid #e6e9ec;border-radius:16px;padding:18px;margin-bottom:13px}
.esh-corporate-side-card h2{font-size:14px;margin:0 0 10px}
.esh-corporate-side-card a{display:block;padding:10px 0;border-top:1px solid #f0f1f2;color:#667079;font-size:12px}
.esh-corporate-side-card a:first-of-type{border-top:0}
.esh-corporate-side-card a:hover,.esh-corporate-side-card a.active{color:#f4772e;font-weight:800}
.esh-corporate-side-note{background:#fff7f1;border:1px solid #ffe1cc;border-radius:14px;padding:16px;color:#74452a}
.esh-corporate-side-note strong{font-size:12px}.esh-corporate-side-note p{font-size:11px;line-height:1.65;margin:7px 0 0;color:#7e583f}
.esh-corporate-contact-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:34px;padding-top:34px;border-top:1px solid #e8ebee}
.esh-corporate-contact-card{border:1px solid #e6e9ec;border-radius:15px;padding:17px;text-decoration:none!important;background:#fff;transition:.18s ease}
.esh-corporate-contact-card:hover{border-color:#f7b58e;transform:translateY(-2px);box-shadow:0 12px 30px rgba(40,28,20,.06)}
.esh-corporate-contact-card span{display:block;color:#f4772e;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.esh-corporate-contact-card strong{display:block;color:#171a1d;font-size:14px;margin-bottom:6px}.esh-corporate-contact-card small{display:block;color:#747d85;font-size:11px;line-height:1.5}
.esh-corporate-brands{margin-top:34px;padding-top:34px;border-top:1px solid #e8ebee}
.esh-corporate-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.esh-corporate-brand-card{border:1px solid #e6e9ec;border-radius:15px;padding:17px;text-align:center;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;min-height:145px;justify-content:center;background:#fff}
.esh-corporate-brand-card:hover{border-color:#f7b58e}.esh-corporate-brand-card img{max-width:95px;max-height:44px;object-fit:contain;margin-bottom:12px}
.esh-corporate-brand-card>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#fff0e5;color:#f4772e;font-weight:900;font-size:18px;margin-bottom:12px}
.esh-corporate-brand-card strong{font-size:13px;color:#171a1d}.esh-corporate-brand-card small{font-size:10px;color:#8a9299;margin-top:5px}

/* Corporate footer */
.esh-corporate-footer{background:#0f1215;color:#fff;margin-top:70px}
.esh-corporate-footer-accent{height:3px;background:linear-gradient(90deg,#f4772e,#ff9a59 58%,transparent)}
.esh-corporate-footer-main{padding:54px 0 42px}
.esh-corporate-footer-grid{display:grid;grid-template-columns:1.35fr .9fr 1fr .85fr 1.15fr;gap:42px;align-items:start}
.esh-corporate-footer-brand img{width:126px;height:auto;display:block;margin-bottom:16px}
.esh-corporate-footer-brand p{font-size:12px;line-height:1.72;color:#aeb6bd;max-width:290px;margin:0 0 15px}
.esh-corporate-footer-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:8px 11px;color:#d7dce0;font-size:11px}
.esh-corporate-footer-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#25a86a}
.esh-corporate-footer-col h3{font-size:13px;margin:2px 0 16px;color:#fff}.esh-corporate-footer-col a{display:block;color:#aeb6bd;font-size:12px;margin:0 0 12px;transition:.18s}.esh-corporate-footer-col a:hover{color:#fff;transform:translateX(2px)}
.esh-corporate-footer-support{border:1px solid rgba(244,119,46,.34);background:linear-gradient(145deg,rgba(244,119,46,.12),rgba(255,255,255,.025));border-radius:17px;padding:19px}
.esh-corporate-footer-support small{color:#ffad79;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.esh-corporate-footer-support h3{font-size:17px;margin:8px 0}.esh-corporate-footer-support p{color:#aeb6bd;font-size:11px;line-height:1.6;margin:0 0 14px}.esh-corporate-footer-support a{display:flex;justify-content:center;align-items:center;background:#f4772e;color:#fff;border-radius:10px;padding:11px;font-size:12px;font-weight:900}
.esh-corporate-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:17px 0}.esh-corporate-footer-bottom .container{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#858d94;font-size:10px}.esh-corporate-footer-legal{display:flex;gap:18px;flex-wrap:wrap}.esh-corporate-footer-legal a:hover{color:#fff}

@media(max-width:1120px){.esh-corporate-footer-grid{grid-template-columns:1.2fr 1fr 1fr}.esh-corporate-footer-support{grid-column:auto}.esh-corporate-brand-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.esh-corporate-hero-grid,.esh-corporate-layout{grid-template-columns:1fr;gap:28px}.esh-corporate-side{position:static}.esh-corporate-contact-boxes{grid-template-columns:1fr}.esh-corporate-footer-grid{grid-template-columns:1fr 1fr}.esh-corporate-brand-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.esh-corporate-hero-grid{padding:38px 0 45px}.esh-corporate-hero h1{letter-spacing:-1.3px}.esh-corporate-section{padding:42px 0 58px}.esh-corporate-footer-grid{grid-template-columns:1fr;gap:27px}.esh-corporate-footer-bottom .container{align-items:flex-start;flex-direction:column}.esh-corporate-brand-grid{grid-template-columns:1fr 1fr}}

/* ===== END phase23-corporate.css ===== */


/* ESH-MOBILE-STOREFRONT-ALERT-V1 START */
@media (max-width: 760px) {
    .storefront-alert.container {
        box-sizing: border-box !important;
        display: block !important;

        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;

        margin-top: 14px !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
        margin-bottom: 0 !important;

        padding: 14px 16px !important;

        border-radius: 12px !important;

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

        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }
}
/* ESH-MOBILE-STOREFRONT-ALERT-V1 END */

/* ESH-MOBILE-CART-BADGE-V2 START */

/* Desktop: eski davranis korunur, mobil saya?? desktopta yoktur. */
@media (min-width: 761px) {
    .esh-header-actions > .esh-cart-action > .esh-mobile-cart-qty {
        display: none !important;
    }
}

/* Mobil: Giris ve Sepet ayni eksende; Sepet sayisi ikonun sag ustundedir. */
@media (max-width: 760px) {
    .esh-header-actions {
        overflow: visible !important;
    }

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

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

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

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

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

        overflow: visible !important;
        transform: none !important;
    }

    .esh-header-actions > .esh-cart-action > svg {
        position: static !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        transform: none !important;
        overflow: visible !important;
    }

    .esh-header-actions > .esh-cart-action > .esh-cart-label,
    .esh-header-actions > .esh-cart-action > .esh-cart-badge {
        display: none !important;
    }

    .esh-header-actions > .esh-cart-action > .esh-mobile-cart-qty {
        position: absolute !important;
        top: -4px !important;
        right: -5px !important;
        left: auto !important;
        bottom: auto !important;
        z-index: 999 !important;

        box-sizing: border-box !important;
        min-width: 21px !important;
        width: auto !important;
        height: 21px !important;
        min-height: 21px !important;

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

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

        border: 2px solid #fff !important;
        border-radius: 999px !important;
        background: #f4772e !important;
        color: #fff !important;
        box-shadow: 0 2px 7px rgba(0,0,0,.18) !important;

        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 17px !important;
        text-align: center !important;
        white-space: nowrap !important;

        pointer-events: none !important;
        transform: none !important;
    }
}
/* ESH-MOBILE-CART-BADGE-V2 END */