/* Divi Shop — frontend shop design */
#Shop,.Shop{--ss-brand:#E63946;--ss-brand-dark:#9E1C26;--ss-brand-soft:#FCEBEB;--ss-brand-text:#fff;--ss-bg:#FAFAF7;--ss-surface:#fff;--ss-border:rgba(0,0,0,.08);--ss-border-strong:rgba(0,0,0,.15);--ss-text:#1A1A1A;--ss-text-2:#6B7280;--ss-text-3:#9CA3AF;--ss-success:#0F6E56;--ss-success-soft:#E1F5EE;--ss-danger:#E24B4A;--ss-radius-sm:6px;--ss-radius-md:10px;--ss-radius-lg:16px;--ss-radius-pill:999px;--ss-shadow-md:0 4px 12px rgba(0,0,0,.08);--ss-shadow-lg:0 12px 40px rgba(0,0,0,.15);--ss-max-w:1200px;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--ss-bg);color:var(--ss-text);line-height:1.5;-webkit-font-smoothing:antialiased;font-size:15px;margin:0;padding:0;min-height:100vh}
#Shop[dir=rtl]{font-family:Cairo,system-ui,sans-serif}
#Shop *,.Shop *{box-sizing:border-box}
#Shop a,.Shop a{color:inherit;text-decoration:none}
#Shop button,.Shop button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}
#Shop img,.Shop img{max-width:100%;display:block}
#Shop h1,#Shop h2,#Shop h3,#Shop h4,#Shop p,.Shop h1,.Shop h2,.Shop h3,.Shop h4,.Shop p{margin:0}
#Shop .ss-container,.Shop .ss-container{max-width:var(--ss-max-w);margin:0 auto;padding:0 20px}
#Shop .ss-header{background:rgba(255,255,255,.95);border-bottom:1px solid var(--ss-border);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}
#Shop .ss-header .ss-container{display:flex;align-items:center;gap:24px;padding-block:14px}
#Shop .ss-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;white-space:nowrap}
#Shop .ss-logo-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ss-brand);color:#fff;font-size:18px}
#Shop .ss-search-wrap{flex:1;max-width:560px;position:relative}
#Shop .ss-search-wrap input{width:100%;border:1px solid var(--ss-border);background:var(--ss-bg);height:46px;border-radius:var(--ss-radius-pill);padding:0 18px 0 44px;font-size:15px;outline:none;transition:.2s}
#Shop .ss-search-wrap input:focus{border-color:var(--ss-brand);background:#fff;box-shadow:0 0 0 4px var(--ss-brand-soft)}
#Shop .ss-search-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--ss-text-2)}
#Shop .ss-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
#Shop .ss-cart-btn,#Shop .ss-branch-btn{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--ss-radius-pill);background:#fff;color:var(--ss-text);border:1px solid var(--ss-border);font-weight:700}
#Shop .ss-branch-btn{background:#fff;color:var(--ss-text);border:1px solid var(--ss-border);height:auto;padding:7px 14px;display:grid;gap:0;text-align:left;line-height:1.1}
#Shop .ss-branch-btn span{font-size:11px;color:var(--ss-text-2);font-weight:600}
#Shop .ss-cart-badge{min-width:22px;height:22px;border-radius:50%;background:var(--ss-brand);display:grid;place-items:center;font-size:12px}
#Shop .ss-closed-message{margin:18px 0;background:#fff3f8;border:1px solid #ffd3e7;color:#a1004d;padding:15px 18px;border-radius:18px;font-weight:800}
#Shop .ss-hero{padding:28px 0}
#Shop .ss-hero-banner{background:linear-gradient(135deg,var(--ss-brand),var(--ss-brand-dark));border-radius:28px;padding:36px 42px;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;min-height:220px}
#Shop .ss-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.18);padding:7px 12px;border-radius:var(--ss-radius-pill);font-size:13px;font-weight:700;margin-bottom:14px}
#Shop .ss-hero-title{font-size:clamp(30px,5vw,56px);line-height:.98;font-weight:900;letter-spacing:-.04em;max-width:640px}
#Shop .ss-hero-sub{font-size:18px;opacity:.9;margin-top:14px;max-width:520px}
#Shop .ss-hero-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ss-brand-dark);padding:13px 20px;border-radius:var(--ss-radius-pill);font-weight:800;margin-top:24px}
#Shop .ss-hero-emoji{font-size:120px;line-height:1;filter:drop-shadow(0 18px 20px rgba(0,0,0,.16))}
#Shop .ss-categories{padding:4px 0 22px}
#Shop .ss-cat-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
#Shop .ss-chip{display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--ss-radius-pill);background:#fff;border:1px solid var(--ss-border);font-weight:700;white-space:nowrap;transition:.2s}
#Shop .ss-chip.active,#Shop .ss-chip:hover{background:var(--ss-text);color:#fff;border-color:var(--ss-text)}
#Shop .ss-products{padding:8px 0 40px}
#Shop .ss-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
#Shop .ss-section-title{font-size:30px;font-weight:900;letter-spacing:-.03em}
#Shop .ss-section-meta{color:var(--ss-text-2);font-weight:700}
#Shop .ss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#Shop .ss-pcard{background:#fff;border:1px solid var(--ss-border);border-radius:22px;overflow:hidden;box-shadow:var(--ss-shadow-md);transition:.22s}
#Shop .ss-pcard:hover{transform:translateY(-4px);box-shadow:var(--ss-shadow-lg)}
#Shop .ss-pcard-img{height:190px;background:#fff;position:relative;display:grid;place-items:center;overflow:hidden}
#Shop .ss-pcard-img-link{display:block;width:100%;height:100%}
#Shop .ss-pcard-image{width:100%;height:100%;object-fit:contain;object-position:center center;background:#fff;padding:8px;box-sizing:border-box}
#Shop .ss-pcard-placeholder{height:100%;display:grid;place-items:center;font-size:54px}
#Shop .ss-pcard-badge{position:absolute;top:12px;left:12px;background:var(--ss-brand);color:#fff;border-radius:var(--ss-radius-pill);padding:6px 10px;font-size:12px;font-weight:800;z-index:2}
#Shop .ss-pcard-badge.dark{background:var(--ss-text)}
#Shop .ss-pcard-badge.gray{background:#6B7280}
#Shop .ss-pcard-fav{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:var(--ss-shadow-md);z-index:2;font-size:18px}
#Shop .ss-pcard-body{padding:15px}
#Shop .ss-pcard-meta{font-size:13px;color:var(--ss-text-2);font-weight:700;margin-bottom:7px}
#Shop .ss-pcard-name{font-size:18px;line-height:1.2;font-weight:900;margin-bottom:8px}
#Shop .ss-pcard-desc{font-size:14px;color:var(--ss-text-2);height:42px;overflow:hidden;margin-bottom:14px}
#Shop .ss-pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
#Shop .ss-pcard-prices{font-weight:900;font-size:17px}
#Shop .ss-pcard-prices del{color:var(--ss-text-3);font-size:13px;margin-right:4px}
#Shop .ss-add-btn{min-width:42px;height:42px;border-radius:50%;background:var(--ss-brand);color:#fff;display:inline-grid;place-items:center;font-size:24px;font-weight:800;transition:.2s}
#Shop .ss-add-btn:hover{background:var(--ss-brand-dark);transform:scale(1.05)}
#Shop .ss-add-btn.disabled{background:#ddd;color:#777;cursor:not-allowed;font-size:12px;border-radius:var(--ss-radius-pill);padding:0 10px}
#Shop .ss-stepper{display:flex;align-items:center;background:var(--ss-brand);border-radius:var(--ss-radius-pill);color:#fff;overflow:hidden}
#Shop .ss-stepper button{width:34px;height:34px;color:#fff;font-size:20px;font-weight:800}
#Shop .ss-qty-value{min-width:28px;text-align:center;font-weight:800}
#Shop .ss-pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}
#Shop .ss-page-link{min-width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--ss-border);display:grid;place-items:center;font-weight:800}
#Shop .ss-page-link.current{background:var(--ss-text);color:#fff}
#Shop .ss-no-products{background:#fff;border:1px solid var(--ss-border);border-radius:22px;padding:40px;text-align:center}
#Shop .ss-features{padding:8px 0 44px}
#Shop .ss-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#Shop .ss-feature{background:#fff;border:1px solid var(--ss-border);border-radius:18px;padding:18px;display:flex;gap:12px;align-items:center}
#Shop .ss-feature-icon{width:42px;height:42px;border-radius:50%;background:var(--ss-brand-soft);display:grid;place-items:center;font-size:22px}
#Shop .ss-feature-text strong{display:block;font-weight:900}
#Shop .ss-feature-text span{color:var(--ss-text-2);font-size:13px}
#Shop .ss-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:998;opacity:0;pointer-events:none;transition:.2s}
#Shop .ss-overlay.show{opacity:1;pointer-events:auto}
#Shop .ss-drawer{position:fixed;right:0;top:0;height:100vh;width:min(420px,100%);background:#fff;z-index:999;transform:translateX(100%);transition:.28s ease;box-shadow:var(--ss-shadow-lg);display:flex;flex-direction:column}
#Shop .ss-drawer.show{transform:translateX(0)}
#Shop .ss-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--ss-border)}
#Shop .ss-drawer-title{font-weight:900;font-size:22px}
#Shop .ss-drawer-close{font-size:30px;line-height:1}
#Shop .ss-drawer-body{padding:18px;overflow:auto;flex:1}
#Shop .ss-drawer-empty{text-align:center;color:var(--ss-text-2);padding:40px 20px}
#Shop .ss-drawer-empty-icon{font-size:50px;margin-bottom:10px}
#Shop .ss-cart-line{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--ss-border);padding:12px 0}
#Shop .ss-cart-line span,#Shop .ss-cart-line small{display:block;color:var(--ss-text-2);font-size:13px;margin-top:3px}
#Shop .ss-drawer-total{display:flex;justify-content:space-between;font-size:20px;font-weight:900;padding:18px 0}
#Shop .ss-checkout-btn{display:flex;justify-content:center;align-items:center;background:var(--ss-brand);color:#fff;border-radius:var(--ss-radius-pill);padding:14px 18px;font-weight:900}
#Shop .ss-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ss-text);color:#fff;padding:12px 18px;border-radius:var(--ss-radius-pill);z-index:1000;opacity:0;pointer-events:none;transition:.2s;font-weight:800}
#Shop .ss-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#Shop .ss-toast.error{background:var(--ss-danger)}
#Shop .ss-branch-modal{position:fixed;inset:0;z-index:2000;display:none}
#Shop[data-has-branch=no] .ss-branch-modal,#Shop .ss-branch-modal.show{display:block}
#Shop .ss-branch-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}
#Shop .ss-branch-modal-card{position:relative;background:#fff;width:min(460px,calc(100% - 28px));margin:8vh auto;padding:28px;border-radius:28px;box-shadow:var(--ss-shadow-lg);text-align:center}
#Shop .ss-branch-icon{width:64px;height:64px;border-radius:50%;background:var(--ss-brand-soft);display:grid;place-items:center;margin:0 auto 14px;font-size:30px}
#Shop .ss-branch-modal-card h2{font-size:28px;font-weight:900;letter-spacing:-.03em}
#Shop .ss-branch-modal-card p{color:var(--ss-text-2);margin:8px 0 18px}
#Shop #ss-branch-select{width:100%;height:48px;border-radius:14px;border:1px solid var(--ss-border);padding:0 12px;margin-bottom:12px}
#Shop .ss-order-type-select{display:flex;justify-content:center;gap:12px;margin-bottom:16px}
#Shop .ss-order-type-select label{background:var(--ss-bg);border:1px solid var(--ss-border);padding:10px 12px;border-radius:999px;font-weight:800}
#Shop #ss-save-branch{width:100%;background:var(--ss-brand);color:#fff;border-radius:999px;padding:14px;font-weight:900}
#Shop .ss-branch-modal-msg{margin-top:12px;color:var(--ss-danger);font-weight:800}
.Shop.divi-branch-page{padding:30px 0;background:var(--ss-bg)}
.Shop .branch-hero{background:linear-gradient(135deg,var(--ss-brand),var(--ss-brand-dark));color:#fff;padding:30px;border-radius:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}
.Shop .branch-hero span{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;opacity:.85}
.Shop .branch-hero h1{font-size:38px;font-weight:900;letter-spacing:-.04em}
.Shop .branch-filter{display:flex;gap:8px}
.Shop .branch-filter select,.Shop .branch-actions select{height:42px;border:1px solid var(--ss-border);border-radius:12px;padding:0 10px;background:#fff}
.Shop .branch-filter button,.Shop .branch-actions button{background:#fff;color:var(--ss-brand-dark);border-radius:999px;padding:0 18px;font-weight:900}
.Shop .branch-orders{display:grid;gap:14px}
.Shop .branch-order-card{background:#fff;border:1px solid var(--ss-border);border-radius:20px;padding:18px;box-shadow:var(--ss-shadow-md)}
.Shop .branch-order-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ss-border);padding-bottom:12px;margin-bottom:12px}
.Shop .branch-order-top strong{font-size:20px}.Shop .branch-order-top span{display:block;color:var(--ss-text-2);font-size:13px}.Shop .branch-order-top b{background:var(--ss-brand-soft);color:var(--ss-brand-dark);padding:8px 12px;border-radius:999px;height:max-content}
.Shop .branch-order-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.Shop .branch-items{background:var(--ss-bg);border-radius:14px;padding:12px;margin-bottom:12px}
.Shop .branch-actions{display:flex;gap:8px;flex-wrap:wrap}.Shop .branch-actions button{background:var(--ss-brand);color:#fff;height:42px}
.Shop .branch-empty,.Shop .divi-branch-login{background:#fff;border:1px solid var(--ss-border);border-radius:20px;padding:24px}
@media(max-width:1024px){#Shop .ss-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){#Shop .ss-header .ss-container{flex-wrap:wrap;gap:12px}#Shop .ss-search-wrap{order:3;max-width:none;flex-basis:100%}#Shop .ss-grid{grid-template-columns:repeat(2,1fr)}#Shop .ss-hero-banner{padding:28px;align-items:flex-start}#Shop .ss-hero-emoji{font-size:78px}.Shop .branch-order-info{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#Shop .ss-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#Shop .ss-hero-banner{display:block}#Shop .ss-hero-emoji{margin-top:20px}#Shop .ss-features-grid{grid-template-columns:1fr}#Shop .ss-cart-text{display:none}.Shop .branch-hero{display:block}.Shop .branch-filter{margin-top:16px}.Shop .branch-order-info{grid-template-columns:1fr}}


/* v1.3 Fullscreen / max-width adjustments */
html:has(#Shop),
body:has(#Shop) {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    overflow-x: hidden;
}

body.divi-shop-fullscreen-body,
body.divi-branch-fullscreen-body {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--ss-bg, #FAFAF7) !important;
}

body.divi-shop-fullscreen-body header:not(.ss-header),
body.divi-shop-fullscreen-body footer,
body.divi-shop-fullscreen-body .site-header,
body.divi-shop-fullscreen-body .site-footer,
body.divi-shop-fullscreen-body .entry-title,
body.divi-shop-fullscreen-body .page-title,
body.divi-shop-fullscreen-body .wp-site-blocks > header,
body.divi-shop-fullscreen-body .wp-site-blocks > footer,
body.divi-branch-fullscreen-body header:not(.branch-hero),
body.divi-branch-fullscreen-body footer,
body.divi-branch-fullscreen-body .site-header,
body.divi-branch-fullscreen-body .site-footer,
body.divi-branch-fullscreen-body .entry-title,
body.divi-branch-fullscreen-body .page-title,
body.divi-branch-fullscreen-body .wp-site-blocks > header,
body.divi-branch-fullscreen-body .wp-site-blocks > footer {
    display: none !important;
}

#Shop,
.Shop {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#Shop .ss-container,
.Shop .ss-container {
    max-width: none !important;
    width: 100% !important;
    padding-left: clamp(14px, 2.2vw, 34px) !important;
    padding-right: clamp(14px, 2.2vw, 34px) !important;
}

#Shop .ss-header .ss-container {
    max-width: none !important;
}

#Shop .ss-logo-img {
    max-height: 42px;
    max-width: 150px;
    width: auto;
    object-fit: contain;
    display: block;
}

#Shop .ss-logo {
    min-width: max-content;
}

.Shop .branch-hero {
    margin-top: 0;
}


/* v1.5 desktop full-bleed + footer/header/title removal */
body.divi-shop-runtime-fullscreen,
body.divi-shop-fullscreen-body,
body.divi-branch-fullscreen-body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: var(--ss-bg, #FAFAF7) !important;
}

body.divi-shop-runtime-fullscreen .site-footer,
body.divi-shop-runtime-fullscreen footer,
body.divi-shop-runtime-fullscreen #colophon,
body.divi-shop-runtime-fullscreen .wp-site-blocks > footer,
body.divi-shop-runtime-fullscreen .footer,
body.divi-shop-runtime-fullscreen .elementor-location-footer,
body.divi-shop-runtime-fullscreen .page-title,
body.divi-shop-runtime-fullscreen .entry-title,
body.divi-shop-runtime-fullscreen .wp-block-post-title,
body.divi-shop-runtime-fullscreen header.wp-block-template-part,
body.divi-shop-fullscreen-body footer,
body.divi-shop-fullscreen-body .site-footer,
body.divi-shop-fullscreen-body .entry-title,
body.divi-shop-fullscreen-body .page-title,
body.divi-branch-fullscreen-body footer,
body.divi-branch-fullscreen-body .site-footer,
body.divi-branch-fullscreen-body .entry-title,
body.divi-branch-fullscreen-body .page-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.divi-shop-runtime-fullscreen main,
body.divi-shop-runtime-fullscreen .site-main,
body.divi-shop-runtime-fullscreen .entry-content,
body.divi-shop-runtime-fullscreen .wp-site-blocks,
body.divi-shop-runtime-fullscreen .wp-block-group,
body.divi-shop-runtime-fullscreen .wp-block-post-content,
body.divi-shop-runtime-fullscreen article,
body.divi-shop-runtime-fullscreen .page,
body.divi-shop-runtime-fullscreen .content-area {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#Shop,
.Shop {
    width: 100vw !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    min-height: 100vh;
}

#Shop .ss-container,
.Shop .ss-container {
    max-width: none !important;
    width: 100% !important;
    padding-left: clamp(18px, 3vw, 56px) !important;
    padding-right: clamp(18px, 3vw, 56px) !important;
}

#Shop .ss-header .ss-container {
    max-width: none !important;
}

#Shop .ss-hero-banner {
    border-radius: 26px;
}

#Shop .ss-logo-img {
    max-height: 42px;
    max-width: 150px;
    width: auto;
    object-fit: contain;
    display: block;
}

#Shop .ss-logo {
    min-width: max-content;
}

#Shop .ss-add-btn.loading {
    opacity: .65;
    pointer-events: none;
}

@media (min-width: 1200px) {
    #Shop .ss-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}


/* v1.6 branch manager fullscreen and meta fixes */
body:has(.divi-branch-page),
body:has(#Shop) {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

body:has(.divi-branch-page) .entry-title,
body:has(.divi-branch-page) .page-title,
body:has(.divi-branch-page) .wp-block-post-title,
body:has(.divi-branch-page) main > h1,
body:has(.divi-branch-page) article > h1,
body:has(.divi-branch-page) footer,
body:has(.divi-branch-page) .site-footer,
body:has(.divi-branch-page) #colophon,
body:has(.divi-branch-page) .wp-site-blocks > footer,
body:has(.divi-branch-page) .elementor-location-footer,
body:has(#Shop) .entry-title,
body:has(#Shop) .page-title,
body:has(#Shop) .wp-block-post-title,
body:has(#Shop) main > h1,
body:has(#Shop) article > h1,
body:has(#Shop) footer,
body:has(#Shop) .site-footer,
body:has(#Shop) #colophon,
body:has(#Shop) .wp-site-blocks > footer,
body:has(#Shop) .elementor-location-footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body:has(.divi-branch-page) main,
body:has(.divi-branch-page) .site-main,
body:has(.divi-branch-page) .entry-content,
body:has(.divi-branch-page) .wp-site-blocks,
body:has(.divi-branch-page) .wp-block-group,
body:has(.divi-branch-page) .wp-block-post-content,
body:has(.divi-branch-page) article,
body:has(.divi-branch-page) .page,
body:has(.divi-branch-page) .content-area {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.Shop.divi-branch-page {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px 0 !important;
    min-height: 100vh;
}

.Shop.divi-branch-page .ss-container {
    max-width: none !important;
    width: 100% !important;
    padding-left: clamp(18px, 3vw, 56px) !important;
    padding-right: clamp(18px, 3vw, 56px) !important;
}

.Shop.divi-branch-page .branch-hero {
    border-radius: 26px !important;
}


/* v1.7 AJAX categories/search */
#Shop .ss-chip {
    cursor: pointer;
}

#Shop #ss-products-results.loading {
    opacity: .55;
    pointer-events: none;
    min-height: 260px;
    position: relative;
}

#Shop #ss-products-results.loading:after {
    content: 'Loading...';
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-weight: 900;
    color: var(--ss-brand);
}

#Shop button.ss-page-link {
    cursor: pointer;
}


/* v1.8 mobile app feeling, branch details modal, print controls */
#Shop .ss-cart-btn {
    background: #fff !important;
    color: var(--ss-text) !important;
    border: 1px solid var(--ss-border) !important;
    box-shadow: var(--ss-shadow-md);
}

#Shop .ss-cart-badge {
    margin-left: 0;
}

.Shop .branch-live-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #fff;
    border: 1px solid var(--ss-border);
    border-radius: 18px;
    padding: 14px 16px;
    margin-bottom: 14px;
    box-shadow: var(--ss-shadow-md);
}

.Shop .branch-live-bar span {
    color: var(--ss-text-2);
    font-weight: 800;
}

.Shop #branch-refresh {
    background: var(--ss-brand);
    color: #fff;
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 900;
}

.Shop .branch-card-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.Shop .branch-card-buttons button {
    background: var(--ss-text);
    color: #fff;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 900;
}

.Shop .branch-card-buttons .branch-print-receipt {
    background: #fff;
    color: var(--ss-text);
    border: 1px solid var(--ss-border);
}

.Shop .branch-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 3000;
}

.Shop .branch-modal.show {
    display: block;
}

.Shop .branch-modal-bg {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(4px);
}

.Shop .branch-modal-card {
    position: relative;
    width: min(720px, calc(100% - 28px));
    max-height: 88vh;
    overflow: auto;
    margin: 6vh auto;
    background: #fff;
    border-radius: 24px;
    box-shadow: var(--ss-shadow-lg);
    padding: 24px;
}

.Shop .branch-modal-close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--ss-bg);
    font-size: 24px;
}

.Shop .branch-modal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.Shop .branch-modal-item {
    border-bottom: 1px solid var(--ss-border);
    padding: 10px 0;
}

.Shop .branch-modal-item span {
    float: right;
    font-weight: 900;
}

.Shop .branch-modal-item small {
    display: block;
    color: var(--ss-text-2);
    margin-top: 4px;
}

.Shop .branch-modal-print {
    width: 100%;
    background: var(--ss-brand);
    color: #fff;
    border-radius: 999px;
    padding: 13px;
    font-weight: 900;
    margin-top: 18px;
}

@media(max-width:680px) {
    .Shop .branch-modal-grid {
        grid-template-columns: 1fr;
    }
}


/* v1.9 checkout / thank you style + ajax states */
#Shop #ss-products-results.loading {
    opacity: .55;
    pointer-events: none;
    min-height: 260px;
    position: relative;
}

#Shop #ss-products-results.loading:after {
    content: 'Loading...';
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-weight: 900;
    color: var(--ss-brand);
}

#Shop button.ss-chip,
#Shop button.ss-page-link {
    cursor: pointer;
}

.divi-checkout-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 24px clamp(18px,3vw,56px) 0 !important;
    background: var(--ss-bg);
}

.divi-checkout-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: #fff;
    border: 1px solid var(--ss-border);
    border-radius: 22px;
    padding: 16px 18px;
    box-shadow: var(--ss-shadow-md);
    margin-bottom: 18px;
}

.divi-checkout-title {
    text-align: right;
}

.divi-checkout-title strong {
    display: block;
    font-size: 22px;
    font-weight: 900;
}

.divi-checkout-title span {
    color: var(--ss-text-2);
    font-size: 13px;
}

body.woocommerce-checkout,
body.woocommerce-order-received {
    background: var(--ss-bg) !important;
}

body.woocommerce-checkout .entry-title,
body.woocommerce-order-received .entry-title,
body.woocommerce-checkout .page-title,
body.woocommerce-order-received .page-title {
    display: none !important;
}

body.woocommerce-checkout .entry-content,
body.woocommerce-order-received .entry-content,
body.woocommerce-checkout main,
body.woocommerce-order-received main,
body.woocommerce-checkout .site-main,
body.woocommerce-order-received .site-main {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: clamp(18px,3vw,56px) !important;
    padding-right: clamp(18px,3vw,56px) !important;
}

body.woocommerce-checkout form.checkout,
body.woocommerce-order-received .woocommerce-order {
    background: #fff;
    border: 1px solid var(--ss-border);
    border-radius: 24px;
    padding: clamp(18px,3vw,34px);
    box-shadow: var(--ss-shadow-md);
}

body.woocommerce-checkout .woocommerce input.input-text,
body.woocommerce-checkout .woocommerce textarea,
body.woocommerce-checkout .woocommerce select {
    border: 1px solid var(--ss-border) !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    background: #fff !important;
}

body.woocommerce-checkout .woocommerce button.button,
body.woocommerce-checkout .woocommerce #payment #place_order,
body.woocommerce-order-received .woocommerce a.button {
    background: var(--ss-brand) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 14px 22px !important;
    font-weight: 900 !important;
    border: 0 !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout #payment {
    border-radius: 20px !important;
}

@media(max-width:700px) {
    .divi-checkout-brand {
        display: block;
    }
    .divi-checkout-title {
        text-align: left;
        margin-top: 12px;
    }
}


/* v1.9.1 product image centering fix */
#Shop .ss-pcard-img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

#Shop .ss-pcard-image {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 12px;
    display: block;
}


/* v2.0 checkout + thank you full screen for WooCommerce Blocks and Classic */
body.divi-checkout-fullscreen,
body.divi-thankyou-fullscreen {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--ss-bg, #FAFAF7) !important;
    overflow-x: hidden !important;
}

body.divi-checkout-fullscreen .site-header,
body.divi-checkout-fullscreen header.site-header,
body.divi-checkout-fullscreen .wp-site-blocks > header,
body.divi-checkout-fullscreen header.wp-block-template-part,
body.divi-checkout-fullscreen .elementor-location-header,
body.divi-checkout-fullscreen footer,
body.divi-checkout-fullscreen .site-footer,
body.divi-checkout-fullscreen #colophon,
body.divi-checkout-fullscreen .wp-site-blocks > footer,
body.divi-checkout-fullscreen .elementor-location-footer,
body.divi-checkout-fullscreen .entry-title,
body.divi-checkout-fullscreen .page-title,
body.divi-checkout-fullscreen .wp-block-post-title,
body.divi-checkout-fullscreen main > h1,
body.divi-checkout-fullscreen article > h1,
body.divi-thankyou-fullscreen .site-header,
body.divi-thankyou-fullscreen header.site-header,
body.divi-thankyou-fullscreen .wp-site-blocks > header,
body.divi-thankyou-fullscreen header.wp-block-template-part,
body.divi-thankyou-fullscreen .elementor-location-header,
body.divi-thankyou-fullscreen footer,
body.divi-thankyou-fullscreen .site-footer,
body.divi-thankyou-fullscreen #colophon,
body.divi-thankyou-fullscreen .wp-site-blocks > footer,
body.divi-thankyou-fullscreen .elementor-location-footer,
body.divi-thankyou-fullscreen .entry-title,
body.divi-thankyou-fullscreen .page-title,
body.divi-thankyou-fullscreen .wp-block-post-title,
body.divi-thankyou-fullscreen main > h1,
body.divi-thankyou-fullscreen article > h1 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.divi-checkout-fullscreen main,
body.divi-checkout-fullscreen .site-main,
body.divi-checkout-fullscreen .entry-content,
body.divi-checkout-fullscreen .wp-site-blocks,
body.divi-checkout-fullscreen .wp-block-post-content,
body.divi-checkout-fullscreen article,
body.divi-checkout-fullscreen .page,
body.divi-checkout-fullscreen .content-area,
body.divi-checkout-fullscreen .woocommerce,
body.divi-thankyou-fullscreen main,
body.divi-thankyou-fullscreen .site-main,
body.divi-thankyou-fullscreen .entry-content,
body.divi-thankyou-fullscreen .wp-site-blocks,
body.divi-thankyou-fullscreen .wp-block-post-content,
body.divi-thankyou-fullscreen article,
body.divi-thankyou-fullscreen .page,
body.divi-thankyou-fullscreen .content-area,
body.divi-thankyou-fullscreen .woocommerce {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.divi-checkout-topbar {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 22px clamp(18px, 3vw, 56px) 0 !important;
    background: var(--ss-bg, #FAFAF7) !important;
    box-sizing: border-box;
}

.divi-checkout-topbar-inner {
    width: 100%;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 24px;
    padding: 18px 22px;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
    box-sizing: border-box;
}

.divi-checkout-topbar .ss-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 900;
    font-size: 22px;
    color: var(--ss-text, #1A1A1A);
    text-decoration: none;
}

.divi-checkout-topbar .ss-logo-img {
    max-height: 56px;
    max-width: 160px;
    object-fit: contain;
}

.divi-checkout-topbar .ss-logo-mark {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--ss-brand, #E63946);
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 900;
}

.divi-checkout-title {
    text-align: right;
}

.divi-checkout-title strong {
    display: block;
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.04em;
    color: var(--ss-text, #1A1A1A);
}

.divi-checkout-title span {
    display: block;
    margin-top: 8px;
    color: var(--ss-text-2, #6B7280);
}

body.divi-checkout-fullscreen .wp-block-woocommerce-checkout,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-summary,
body.divi-thankyou-fullscreen .woocommerce-order,
body.divi-checkout-fullscreen form.checkout {
    max-width: none !important;
    width: calc(100vw - clamp(36px, 6vw, 112px)) !important;
    margin: 22px auto !important;
    box-sizing: border-box;
}

body.divi-checkout-fullscreen .wc-block-components-sidebar-layout {
    max-width: none !important;
    width: 100% !important;
    gap: clamp(22px, 3vw, 44px) !important;
}

body.divi-checkout-fullscreen .wc-block-components-main {
    padding-right: clamp(18px, 2vw, 32px) !important;
}

body.divi-checkout-fullscreen .wc-block-components-sidebar {
    border-radius: 22px !important;
    overflow: hidden !important;
}

body.divi-thankyou-fullscreen .woocommerce-order,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-summary,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-totals,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-downloads,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-status,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-address {
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    border-radius: 24px !important;
    padding: clamp(18px, 3vw, 34px) !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
    margin: 22px auto !important;
    width: calc(100vw - clamp(36px, 6vw, 112px)) !important;
    max-width: none !important;
}

body.divi-checkout-fullscreen .wc-block-components-button,
body.divi-checkout-fullscreen .woocommerce button.button,
body.divi-checkout-fullscreen #place_order {
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    border: 0 !important;
}

@media(max-width:760px) {
    .divi-checkout-topbar-inner {
        display: block;
    }
    .divi-checkout-title {
        text-align: left;
        margin-top: 14px;
    }
    body.divi-checkout-fullscreen .wp-block-woocommerce-checkout,
    body.divi-thankyou-fullscreen .woocommerce-order,
    body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-summary {
        width: calc(100vw - 28px) !important;
    }
}


/* v2.1 final: checkout/thank you fit, no duplicate top, brand color buttons, crop centered product images */
body.divi-checkout-fullscreen,
body.divi-thankyou-fullscreen {
    --wc-primary: var(--ss-brand) !important;
    --wp--preset--color--primary: var(--ss-brand) !important;
    background: var(--ss-bg, #FAFAF7) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* remove duplicate PHP header if old hook appears */
body.divi-checkout-fullscreen .divi-checkout-shell:not(.divi-checkout-topbar),
body.divi-thankyou-fullscreen .divi-checkout-shell:not(.divi-checkout-topbar) {
    display: none !important;
}

/* hide theme header/footer/title on checkout and thank you */
body.divi-checkout-fullscreen .site-header,
body.divi-checkout-fullscreen header.site-header,
body.divi-checkout-fullscreen .wp-site-blocks > header,
body.divi-checkout-fullscreen header.wp-block-template-part,
body.divi-checkout-fullscreen .elementor-location-header,
body.divi-checkout-fullscreen footer,
body.divi-checkout-fullscreen .site-footer,
body.divi-checkout-fullscreen #colophon,
body.divi-checkout-fullscreen .wp-site-blocks > footer,
body.divi-checkout-fullscreen .elementor-location-footer,
body.divi-checkout-fullscreen .entry-title,
body.divi-checkout-fullscreen .page-title,
body.divi-checkout-fullscreen .wp-block-post-title,
body.divi-checkout-fullscreen main > h1,
body.divi-checkout-fullscreen article > h1,
body.divi-thankyou-fullscreen .site-header,
body.divi-thankyou-fullscreen header.site-header,
body.divi-thankyou-fullscreen .wp-site-blocks > header,
body.divi-thankyou-fullscreen header.wp-block-template-part,
body.divi-thankyou-fullscreen .elementor-location-header,
body.divi-thankyou-fullscreen footer,
body.divi-thankyou-fullscreen .site-footer,
body.divi-thankyou-fullscreen #colophon,
body.divi-thankyou-fullscreen .wp-site-blocks > footer,
body.divi-thankyou-fullscreen .elementor-location-footer,
body.divi-thankyou-fullscreen .entry-title,
body.divi-thankyou-fullscreen .page-title,
body.divi-thankyou-fullscreen .wp-block-post-title,
body.divi-thankyou-fullscreen main > h1,
body.divi-thankyou-fullscreen article > h1 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* remove huge gaps from theme wrappers */
body.divi-checkout-fullscreen main,
body.divi-checkout-fullscreen .site-main,
body.divi-checkout-fullscreen .entry-content,
body.divi-checkout-fullscreen .wp-site-blocks,
body.divi-checkout-fullscreen .wp-block-post-content,
body.divi-checkout-fullscreen article,
body.divi-checkout-fullscreen .page,
body.divi-checkout-fullscreen .content-area,
body.divi-checkout-fullscreen .woocommerce,
body.divi-thankyou-fullscreen main,
body.divi-thankyou-fullscreen .site-main,
body.divi-thankyou-fullscreen .entry-content,
body.divi-thankyou-fullscreen .wp-site-blocks,
body.divi-thankyou-fullscreen .wp-block-post-content,
body.divi-thankyou-fullscreen article,
body.divi-thankyou-fullscreen .page,
body.divi-thankyou-fullscreen .content-area,
body.divi-thankyou-fullscreen .woocommerce {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* one Divi brand bar */
.divi-checkout-topbar {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px clamp(16px, 3vw, 54px) 0 !important;
    background: var(--ss-bg, #FAFAF7) !important;
    box-sizing: border-box !important;
    display: block !important;
    visibility: visible !important;
    height: auto !important;
}

.divi-checkout-topbar-inner {
    width: 100%;
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 24px;
    padding: 16px 22px;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
    box-sizing: border-box;
}

.divi-checkout-topbar .ss-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 900;
    font-size: 22px;
    color: var(--ss-text, #1A1A1A);
    text-decoration: none;
}

.divi-checkout-topbar .ss-logo-img {
    max-height: 56px;
    max-width: 160px;
    object-fit: contain;
}

.divi-checkout-topbar .ss-logo-mark {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--ss-brand, #E63946);
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 900;
}

.divi-checkout-title {
    text-align: right;
}

.divi-checkout-title strong {
    display: block;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.04em;
    color: var(--ss-text, #1A1A1A);
}

.divi-checkout-title span {
    display: block;
    margin-top: 8px;
    color: var(--ss-text-2, #6B7280);
}

/* WooCommerce blocks checkout fit */
body.divi-checkout-fullscreen .wp-block-woocommerce-checkout,
body.divi-checkout-fullscreen .wc-block-checkout,
body.divi-checkout-fullscreen form.checkout {
    width: calc(100vw - clamp(32px, 6vw, 108px)) !important;
    max-width: none !important;
    margin: 22px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.divi-checkout-fullscreen .wc-block-components-sidebar-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
    gap: clamp(20px, 3vw, 40px) !important;
    width: 100% !important;
    max-width: none !important;
    align-items: start !important;
}

body.divi-checkout-fullscreen .wc-block-components-main {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

body.divi-checkout-fullscreen .wc-block-components-sidebar {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    position: sticky !important;
    top: 22px !important;
}

/* thank you page fit */
body.divi-thankyou-fullscreen .woocommerce-order,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-summary,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-totals,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-downloads,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-status,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-address {
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    border-radius: 24px !important;
    padding: clamp(18px, 3vw, 34px) !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
    margin: 22px auto !important;
    width: calc(100vw - clamp(32px, 6vw, 108px)) !important;
    max-width: none !important;
}

/* dashboard brand color for buttons */
body.divi-checkout-fullscreen .wc-block-components-button,
body.divi-checkout-fullscreen .wc-block-components-button:not(.is-link),
body.divi-checkout-fullscreen .woocommerce button.button,
body.divi-checkout-fullscreen .woocommerce #payment #place_order,
body.divi-checkout-fullscreen #place_order,
body.divi-checkout-fullscreen .wp-element-button {
    background: var(--ss-brand, #E63946) !important;
    background-color: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

body.divi-checkout-fullscreen .wc-block-components-button:hover,
body.divi-checkout-fullscreen .wp-element-button:hover {
    background: var(--ss-brand-dark, #9E1C26) !important;
}

/* product image: crop to fit frame but center the subject */
#Shop .ss-pcard-img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

#Shop .ss-pcard-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    display: block;
}

@media(max-width: 900px) {
    body.divi-checkout-fullscreen .wc-block-components-sidebar-layout {
        display: block !important;
    }

    body.divi-checkout-fullscreen .wc-block-components-sidebar {
        position: static !important;
        margin-top: 18px !important;
    }
}

@media(max-width: 700px) {
    .divi-checkout-topbar-inner {
        display: block;
    }

    .divi-checkout-title {
        text-align: left;
        margin-top: 14px;
    }

    body.divi-checkout-fullscreen .wp-block-woocommerce-checkout,
    body.divi-checkout-fullscreen .wc-block-checkout,
    body.divi-thankyou-fullscreen .woocommerce-order,
    body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-summary {
        width: calc(100vw - 28px) !important;
    }
}


/* v2.2 hard checkout/thankyou layout reset: remove vertical gap + fix right alignment */
html:has(body.divi-checkout-fullscreen),
html:has(body.divi-thankyou-fullscreen) {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

body.divi-checkout-fullscreen,
body.divi-thankyou-fullscreen {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh !important;
    background: var(--ss-bg, #FAFAF7) !important;
    direction: ltr !important;
    text-align: left !important;
    overflow-x: hidden !important;
}

/* Reset theme/block wrappers causing the huge gap */
body.divi-checkout-fullscreen main,
body.divi-checkout-fullscreen .site-main,
body.divi-checkout-fullscreen .entry-content,
body.divi-checkout-fullscreen .wp-site-blocks,
body.divi-checkout-fullscreen .wp-block-post-content,
body.divi-checkout-fullscreen .wp-block-group,
body.divi-checkout-fullscreen article,
body.divi-checkout-fullscreen .page,
body.divi-checkout-fullscreen .content-area,
body.divi-checkout-fullscreen .woocommerce,
body.divi-thankyou-fullscreen main,
body.divi-thankyou-fullscreen .site-main,
body.divi-thankyou-fullscreen .entry-content,
body.divi-thankyou-fullscreen .wp-site-blocks,
body.divi-thankyou-fullscreen .wp-block-post-content,
body.divi-thankyou-fullscreen .wp-block-group,
body.divi-thankyou-fullscreen article,
body.divi-thankyou-fullscreen .page,
body.divi-thankyou-fullscreen .content-area,
body.divi-thankyou-fullscreen .woocommerce {
    display: block !important;
    max-width: none !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    direction: ltr !important;
    text-align: left !important;
}

/* Hide theme chrome and page title */
body.divi-checkout-fullscreen header:not(.divi-checkout-topbar),
body.divi-checkout-fullscreen .site-header,
body.divi-checkout-fullscreen .wp-site-blocks > header,
body.divi-checkout-fullscreen header.wp-block-template-part,
body.divi-checkout-fullscreen .elementor-location-header,
body.divi-checkout-fullscreen footer,
body.divi-checkout-fullscreen .site-footer,
body.divi-checkout-fullscreen #colophon,
body.divi-checkout-fullscreen .wp-site-blocks > footer,
body.divi-checkout-fullscreen .elementor-location-footer,
body.divi-checkout-fullscreen .entry-title,
body.divi-checkout-fullscreen .page-title,
body.divi-checkout-fullscreen .wp-block-post-title,
body.divi-checkout-fullscreen main > h1,
body.divi-checkout-fullscreen article > h1,
body.divi-thankyou-fullscreen header:not(.divi-checkout-topbar),
body.divi-thankyou-fullscreen .site-header,
body.divi-thankyou-fullscreen .wp-site-blocks > header,
body.divi-thankyou-fullscreen header.wp-block-template-part,
body.divi-thankyou-fullscreen .elementor-location-header,
body.divi-thankyou-fullscreen footer,
body.divi-thankyou-fullscreen .site-footer,
body.divi-thankyou-fullscreen #colophon,
body.divi-thankyou-fullscreen .wp-site-blocks > footer,
body.divi-thankyou-fullscreen .elementor-location-footer,
body.divi-thankyou-fullscreen .entry-title,
body.divi-thankyou-fullscreen .page-title,
body.divi-thankyou-fullscreen .wp-block-post-title,
body.divi-thankyou-fullscreen main > h1,
body.divi-thankyou-fullscreen article > h1 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Divi checkout topbar must be the first visible block */
body.divi-checkout-fullscreen .divi-checkout-topbar,
body.divi-thankyou-fullscreen .divi-checkout-topbar {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px clamp(16px, 3vw, 54px) 0 !important;
    background: var(--ss-bg, #FAFAF7) !important;
    box-sizing: border-box !important;
    direction: ltr !important;
    text-align: left !important;
}

body.divi-checkout-fullscreen .divi-checkout-shell:not(.divi-checkout-topbar),
body.divi-thankyou-fullscreen .divi-checkout-shell:not(.divi-checkout-topbar) {
    display: none !important;
}

/* Main checkout blocks immediately after header */
body.divi-checkout-fullscreen .wp-block-woocommerce-checkout,
body.divi-checkout-fullscreen .wc-block-checkout,
body.divi-checkout-fullscreen form.checkout,
body.divi-thankyou-fullscreen .woocommerce-order,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-summary,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-status,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-totals,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-address {
    display: block !important;
    width: calc(100vw - clamp(32px, 6vw, 108px)) !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 18px auto !important;
    padding: 0 !important;
    transform: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    direction: ltr !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

/* Woo Blocks grid without bottom/right throw */
body.divi-checkout-fullscreen .wc-block-components-sidebar-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
    gap: clamp(20px, 3vw, 40px) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: start !important;
    transform: none !important;
    direction: ltr !important;
}

body.divi-checkout-fullscreen .wc-block-components-main,
body.divi-checkout-fullscreen .wc-block-components-sidebar {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    position: static !important;
    direction: ltr !important;
    text-align: left !important;
}

body.divi-checkout-fullscreen .wc-block-components-sidebar {
    position: sticky !important;
    top: 18px !important;
}

/* Place order button should follow dashboard brand color */
body.divi-checkout-fullscreen .wc-block-components-button,
body.divi-checkout-fullscreen .wc-block-components-button:not(.is-link),
body.divi-checkout-fullscreen .woocommerce button.button,
body.divi-checkout-fullscreen .woocommerce #payment #place_order,
body.divi-checkout-fullscreen #place_order,
body.divi-checkout-fullscreen .wp-element-button {
    background: var(--ss-brand, #E63946) !important;
    background-color: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

/* Thank you card */
body.divi-thankyou-fullscreen .woocommerce-order,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-summary,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-status,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-totals,
body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-address {
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    border-radius: 24px !important;
    padding: clamp(18px, 3vw, 34px) !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
}

/* Product images crop but centered */
#Shop .ss-pcard-img {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #fff !important;
}

#Shop .ss-pcard-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    display: block !important;
}

@media(max-width: 900px) {
    body.divi-checkout-fullscreen .wc-block-components-sidebar-layout {
        display: block !important;
    }

    body.divi-checkout-fullscreen .wc-block-components-sidebar {
        position: static !important;
        margin-top: 18px !important;
    }
}

@media(max-width: 700px) {
    body.divi-checkout-fullscreen .wp-block-woocommerce-checkout,
    body.divi-checkout-fullscreen .wc-block-checkout,
    body.divi-checkout-fullscreen form.checkout,
    body.divi-thankyou-fullscreen .woocommerce-order,
    body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-summary,
    body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-status,
    body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-totals,
    body.divi-thankyou-fullscreen .wp-block-woocommerce-order-confirmation-address {
        width: calc(100vw - 28px) !important;
    }
}


/* v2.3: physically moved checkout/thank you content holder */
#divi-checkout-content-holder {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px clamp(16px, 3vw, 54px) 36px !important;
    box-sizing: border-box !important;
    background: var(--ss-bg, #FAFAF7) !important;
    min-height: calc(100vh - 120px) !important;
    direction: ltr !important;
    text-align: left !important;
}

#divi-checkout-content-holder .wp-block-woocommerce-checkout,
#divi-checkout-content-holder .wc-block-checkout,
#divi-checkout-content-holder form.checkout,
#divi-checkout-content-holder .woocommerce-order,
#divi-checkout-content-holder .wp-block-woocommerce-order-confirmation-summary,
#divi-checkout-content-holder .wp-block-woocommerce-order-confirmation-status,
#divi-checkout-content-holder .wp-block-woocommerce-order-confirmation-totals,
#divi-checkout-content-holder .wp-block-woocommerce-order-confirmation-address {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    direction: ltr !important;
    text-align: left !important;
}

#divi-checkout-content-holder .wc-block-components-sidebar-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
    gap: clamp(20px, 3vw, 40px) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: start !important;
}

#divi-checkout-content-holder .wc-block-components-main,
#divi-checkout-content-holder .wc-block-components-sidebar {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#divi-checkout-content-holder .wc-block-components-sidebar {
    position: sticky !important;
    top: 18px !important;
}

#divi-checkout-content-holder .woocommerce-order,
#divi-checkout-content-holder .wp-block-woocommerce-order-confirmation-summary,
#divi-checkout-content-holder .wp-block-woocommerce-order-confirmation-status,
#divi-checkout-content-holder .wp-block-woocommerce-order-confirmation-totals,
#divi-checkout-content-holder .wp-block-woocommerce-order-confirmation-address {
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    border-radius: 24px !important;
    padding: clamp(18px, 3vw, 34px) !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
    margin-bottom: 18px !important;
}

#divi-checkout-content-holder .wc-block-components-button,
#divi-checkout-content-holder .wc-block-components-button:not(.is-link),
#divi-checkout-content-holder .woocommerce button.button,
#divi-checkout-content-holder .woocommerce #payment #place_order,
#divi-checkout-content-holder #place_order,
#divi-checkout-content-holder .wp-element-button {
    background: var(--ss-brand, #E63946) !important;
    background-color: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    border-radius: 999px !important;
    border: 0 !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

@media(max-width: 900px) {
    #divi-checkout-content-holder .wc-block-components-sidebar-layout {
        display: block !important;
    }

    #divi-checkout-content-holder .wc-block-components-sidebar {
        position: static !important;
        margin-top: 18px !important;
    }
}

@media(max-width: 700px) {
    #divi-checkout-content-holder {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}


/* v2.4 clean standalone checkout / thank you template */
body.divi-clean-checkout-body,
body.divi-clean-thankyou-body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh !important;
    background: var(--ss-bg, #FAFAF7) !important;
    overflow-x: hidden !important;
}

#DiviCheckout {
    width: 100vw;
    max-width: none;
    min-height: 100vh;
    margin: 0;
    padding: clamp(16px, 2vw, 28px) clamp(16px, 3vw, 54px) clamp(28px, 3vw, 54px);
    background: var(--ss-bg, #FAFAF7);
    box-sizing: border-box;
    color: var(--ss-text, #1A1A1A);
    direction: ltr;
    text-align: left;
}

#DiviCheckout .divi-clean-topbar {
    display: flex !important;
    visibility: visible !important;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 92px;
    margin: 0 0 22px !important;
    padding: 18px 22px !important;
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 24px;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
    box-sizing: border-box;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

#DiviCheckout .divi-clean-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 22px;
    font-weight: 900;
    color: var(--ss-text, #1A1A1A);
    text-decoration: none;
}

#DiviCheckout .ss-logo-img {
    max-height: 58px;
    max-width: 170px;
    object-fit: contain;
}

#DiviCheckout .ss-logo-mark {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--ss-brand, #E63946);
    color: #fff;
    font-weight: 900;
}

#DiviCheckout .divi-clean-title {
    text-align: right;
}

#DiviCheckout .divi-clean-title strong {
    display: block;
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.04em;
}

#DiviCheckout .divi-clean-title span {
    display: block;
    margin-top: 8px;
    color: var(--ss-text-2, #6B7280);
}

#DiviCheckout .divi-clean-main {
    width: 100%;
    margin: 0;
    padding: 0;
}

#DiviCheckout .woocommerce,
#DiviCheckout .woocommerce-checkout,
#DiviCheckout form.checkout,
#DiviCheckout .woocommerce-order {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#DiviCheckout form.checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
    gap: clamp(20px, 3vw, 42px);
    align-items: start;
}

#DiviCheckout #customer_details {
    min-width: 0;
}

#DiviCheckout #order_review_heading {
    display: none !important;
}

#DiviCheckout #order_review {
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 24px;
    padding: 18px;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
    position: sticky;
    top: 18px;
}

#DiviCheckout .woocommerce-billing-fields,
#DiviCheckout .woocommerce-shipping-fields,
#DiviCheckout .woocommerce-additional-fields,
#DiviCheckout .woocommerce-checkout-payment {
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 24px;
    padding: 18px;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
    margin-bottom: 16px;
}

#DiviCheckout input.input-text,
#DiviCheckout textarea,
#DiviCheckout select {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--ss-border, rgba(0,0,0,.12)) !important;
    border-radius: 14px !important;
    padding: 11px 13px !important;
    background: #fff !important;
    box-sizing: border-box;
}

#DiviCheckout .button,
#DiviCheckout button.button,
#DiviCheckout #place_order,
#DiviCheckout .wp-element-button,
#DiviCheckout .wc-block-components-button {
    background: var(--ss-brand, #E63946) !important;
    background-color: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 14px 22px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
    width: auto !important;
    min-width: 180px;
}

#DiviCheckout #place_order {
    width: 100% !important;
    margin-top: 12px !important;
}

#DiviCheckout .woocommerce-order {
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 24px;
    padding: clamp(20px, 3vw, 38px) !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
}

/* Woo blocks fallback inside clean template */
#DiviCheckout .wp-block-woocommerce-checkout,
#DiviCheckout .wc-block-checkout {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#DiviCheckout .wc-block-components-sidebar-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 430px) !important;
    gap: clamp(20px, 3vw, 42px) !important;
    width: 100% !important;
}

#DiviCheckout .wc-block-components-sidebar {
    position: sticky !important;
    top: 18px !important;
}

/* Product image crop centered */
#Shop .ss-pcard-img {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #fff !important;
}

#Shop .ss-pcard-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    display: block !important;
}

@media(max-width: 900px) {
    #DiviCheckout form.checkout,
    #DiviCheckout .wc-block-components-sidebar-layout {
        display: block !important;
    }

    #DiviCheckout #order_review,
    #DiviCheckout .wc-block-components-sidebar {
        position: static !important;
        margin-top: 18px !important;
    }
}

@media(max-width: 700px) {
    #DiviCheckout {
        padding-left: 14px;
        padding-right: 14px;
    }

    #DiviCheckout .divi-clean-topbar {
        display: block !important;
    }

    #DiviCheckout .divi-clean-title {
        text-align: left;
        margin-top: 14px;
    }
}


/* v2.5 advanced operations */
#Shop .ss-location-detect {
    width: 100%;
    border-radius: 999px;
    background: var(--ss-text, #1A1A1A);
    color: #fff;
    padding: 12px 14px;
    font-weight: 900;
    margin-bottom: 10px;
}

#Shop .ss-location-status {
    min-height: 20px;
    color: var(--ss-text-2, #6B7280);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}

#Shop .ss-pcard-image {
    content-visibility: auto;
}

/* Ecommerce mode helper */
#Shop[data-has-branch="yes"] .ss-branch-modal {
    display: none;
}

/* v2.6 branch sound and location fixes */
.Shop #branch-enable-sound {
    background: var(--ss-text, #111);
    color: #fff;
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 900;
}
.branch-modal-order a {
    color: var(--ss-brand, #E63946);
    font-weight: 900;
}


/* v2.7 professional branch dashboard */
.Shop.divi-branch-page {
    background: var(--ss-bg, #FAFAF7) !important;
    padding: 22px 0 44px !important;
    min-height: 100vh;
}

.Shop .branch-clean-header {
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 24px;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
    padding: 16px 20px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.Shop .branch-clean-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: var(--ss-text, #111);
}

.Shop .branch-clean-logo img {
    max-height: 52px;
    max-width: 150px;
    object-fit: contain;
}

.Shop .branch-clean-logo span {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--ss-brand, #E63946);
    color: #fff;
    font-weight: 900;
}

.Shop .branch-user-tools {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ss-text-2, #6B7280);
    font-weight: 800;
}

.Shop .branch-user-tools a {
    background: var(--ss-text, #111);
    color: #fff;
    border-radius: 999px;
    padding: 9px 14px;
}

.Shop .branch-hero {
    margin-bottom: 18px !important;
    padding: 28px 32px !important;
    min-height: 150px;
    border-radius: 28px !important;
    align-items: center;
}

.Shop .branch-live-bar {
    display: grid !important;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    gap: 12px;
    padding: 14px 18px !important;
    margin-bottom: 14px !important;
}

.Shop .branch-live-bar button,
.Shop #branch-enable-sound {
    min-height: 40px;
    border-radius: 999px;
    padding: 0 16px;
    font-weight: 900;
}

.Shop #branch-enable-sound {
    background: var(--ss-text, #111);
    color: #fff;
}

.Shop .branch-tabs {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 0 0 12px;
    margin-bottom: 8px;
}

.Shop .branch-tab {
    white-space: nowrap;
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    color: var(--ss-text, #111);
    border-radius: 999px;
    padding: 12px 16px;
    font-weight: 900;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.Shop .branch-tab.active {
    background: var(--ss-text, #111);
    color: #fff;
    border-color: var(--ss-text, #111);
}

.Shop .branch-orders {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px !important;
}

.Shop .branch-order-card {
    border-radius: 24px !important;
    padding: 0 !important;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
}

.Shop .branch-order-top {
    padding: 16px 18px !important;
    margin: 0 !important;
    background: linear-gradient(135deg, rgba(0,0,0,.035), rgba(0,0,0,0));
    border-bottom: 1px solid var(--ss-border, rgba(0,0,0,.08));
}

.Shop .branch-order-top strong {
    font-size: 24px !important;
    font-weight: 950;
}

.Shop .branch-order-info {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 16px 18px 4px;
    margin: 0 !important;
}

.Shop .branch-order-info p {
    background: var(--ss-bg, #FAFAF7);
    border-radius: 16px;
    padding: 12px;
    margin: 0;
}

.Shop .branch-order-info small {
    display: block;
    color: var(--ss-text-2, #6B7280);
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 4px;
}

.Shop .branch-order-info strong {
    font-size: 15px;
    word-break: break-word;
}

.Shop .branch-items {
    margin: 12px 18px !important;
    padding: 14px !important;
    border-radius: 18px !important;
}

.Shop .branch-items div {
    display: flex;
    gap: 8px;
    padding: 5px 0;
}

.Shop .branch-items span {
    font-weight: 950;
    color: var(--ss-brand, #E63946);
}

.Shop .branch-card-buttons,
.Shop .branch-actions {
    padding: 0 18px 16px;
    margin: 0 !important;
}

.Shop .branch-card-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.Shop .branch-map-btn,
.Shop .branch-card-buttons button {
    min-height: 40px;
    border-radius: 999px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    text-decoration: none;
}

.Shop .branch-map-btn {
    background: var(--ss-brand-soft, #FCEBEB);
    color: var(--ss-brand-dark, #9E1C26);
}

.Shop .branch-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr auto;
    gap: 8px !important;
}

.Shop .branch-actions select {
    width: 100%;
    border-radius: 14px !important;
}

.Shop .branch-actions button {
    white-space: nowrap;
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
}

.Shop .branch-login-card {
    max-width: 480px;
    margin: 40px auto;
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 28px;
    padding: 28px;
    box-shadow: var(--ss-shadow-lg, 0 12px 40px rgba(0,0,0,.15));
}

.Shop .branch-login-card h1 {
    font-size: 34px;
    font-weight: 950;
    letter-spacing: -0.04em;
    margin-bottom: 8px;
}

.Shop .branch-login-card p {
    color: var(--ss-text-2, #6B7280);
    margin-bottom: 18px;
}

.Shop .branch-login-card input[type="text"],
.Shop .branch-login-card input[type="password"] {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--ss-border, rgba(0,0,0,.12));
    border-radius: 14px;
    padding: 10px 12px;
}

.Shop .branch-login-card .button {
    width: 100%;
    min-height: 46px;
    border-radius: 999px;
    background: var(--ss-brand, #E63946);
    color: #fff;
    border: 0;
    font-weight: 900;
}

.branch-modal-order a {
    color: var(--ss-brand, #E63946);
    font-weight: 900;
}

@media(max-width: 980px) {
    .Shop .branch-orders {
        grid-template-columns: 1fr !important;
    }
    .Shop .branch-actions {
        grid-template-columns: 1fr !important;
    }
    .Shop .branch-live-bar {
        grid-template-columns: 1fr !important;
    }
}

@media(max-width: 620px) {
    .Shop .branch-clean-header {
        display: block !important;
    }
    .Shop .branch-user-tools {
        margin-top: 12px;
    }
    .Shop .branch-order-info {
        grid-template-columns: 1fr !important;
    }
}


/* v2.8 pickup fallback when delivery is outside radius */
#Shop .ss-switch-pickup {
    margin-top: 10px;
    background: var(--ss-brand, #E63946);
    color: #fff;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 900;
}


/* v2.9.2 safe nearest branch + popup */
#Shop .ss-location-status strong {
    color: var(--ss-brand-dark, #9E1C26);
}


/* v3.0 PWA install popup */
.divi-pwa-install {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: flex-end;
    justify-content: center;
    background: rgba(0,0,0,.35);
    padding: 16px;
}

.divi-pwa-install.show {
    display: flex;
}

.divi-pwa-card {
    width: min(420px, 100%);
    background: #fff;
    border-radius: 28px;
    padding: 18px;
    box-shadow: 0 24px 80px rgba(0,0,0,.28);
    position: relative;
    animation: diviPwaUp .25s ease-out;
}

@keyframes diviPwaUp {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.divi-pwa-banner {
    width: 100%;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 14px;
}

.divi-pwa-close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    color: #111;
    font-size: 24px;
    border: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.divi-pwa-icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    overflow: hidden;
    background: var(--ss-brand, #E63946);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 12px;
}

.divi-pwa-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.divi-pwa-card h3 {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.divi-pwa-card p {
    margin: 0 0 16px;
    color: #666;
}

.divi-pwa-install-btn {
    width: 100%;
    border: 0;
    border-radius: 999px;
    padding: 14px 18px;
    background: var(--ss-brand, #E63946);
    color: #fff;
    font-weight: 900;
}

.divi-ios-hint {
    display: none;
    margin-top: 12px;
    color: #666;
    text-align: center;
}

.divi-ios-hint.visible {
    display: block;
}


/* v3.2 customer order tracking */
.divi-tracking-page {
    min-height: 100vh;
    background: var(--ss-bg, #FAFAF7);
    padding: 22px 0 44px;
}

.divi-track-header {
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 24px;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.divi-track-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: var(--ss-text, #111);
}

.divi-track-logo img {
    max-height: 52px;
    max-width: 150px;
    object-fit: contain;
}

.divi-track-logo span {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--ss-brand, #E63946);
    color: #fff;
    font-weight: 900;
}

.divi-track-shop-link {
    background: var(--ss-text, #111);
    color: #fff;
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 900;
    text-decoration: none;
}

.divi-track-hero {
    background: linear-gradient(135deg, var(--ss-brand, #E63946), var(--ss-brand-dark, #9E1C26));
    color: #fff;
    border-radius: 30px;
    padding: clamp(26px, 5vw, 56px);
    margin-bottom: 18px;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
}

.divi-track-hero span,
.divi-track-kicker {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 12px;
    font-weight: 900;
    opacity: .8;
    margin-bottom: 8px;
}

.divi-track-hero h1 {
    margin: 0 0 8px;
    font-size: clamp(34px, 6vw, 64px);
    line-height: .95;
    font-weight: 950;
    letter-spacing: -.05em;
}

.divi-track-hero p {
    margin: 0;
    opacity: .86;
}

.divi-track-card,
.divi-track-lookup {
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 28px;
    padding: clamp(18px, 3vw, 30px);
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
}

.divi-track-summary {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 24px;
}

.divi-track-summary h2 {
    margin: 0 0 6px;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 950;
    letter-spacing: -.04em;
}

.divi-track-summary p {
    margin: 0;
    color: var(--ss-text-2, #6B7280);
    font-weight: 800;
}

.divi-track-total {
    background: var(--ss-bg, #FAFAF7);
    border-radius: 20px;
    padding: 14px 18px;
    text-align: right;
    min-width: 160px;
}

.divi-track-total small {
    display: block;
    color: var(--ss-text-2, #6B7280);
    font-weight: 800;
    margin-bottom: 4px;
}

.divi-track-total strong {
    font-size: 20px;
    font-weight: 950;
}

.divi-track-steps {
    display: grid;
    gap: 14px;
    margin-bottom: 24px;
}

.divi-track-step {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 14px;
    align-items: start;
    padding: 16px;
    border-radius: 22px;
    background: var(--ss-bg, #FAFAF7);
    border: 1px solid transparent;
    position: relative;
}

.divi-track-step.active {
    background: var(--ss-brand-soft, #FCEBEB);
    border-color: rgba(230,57,70,.2);
}

.divi-track-step.done {
    background: #F2FBF5;
}

.divi-track-dot {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #E5E7EB;
    color: #111;
    font-weight: 950;
}

.divi-track-step.done .divi-track-dot,
.divi-track-step.active .divi-track-dot {
    background: var(--ss-brand, #E63946);
    color: #fff;
}

.divi-track-step strong {
    display: block;
    font-size: 18px;
    font-weight: 950;
    margin-bottom: 3px;
}

.divi-track-step span {
    color: var(--ss-text-2, #6B7280);
}

.divi-track-items {
    border-top: 1px solid var(--ss-border, rgba(0,0,0,.08));
    padding-top: 18px;
}

.divi-track-items h3 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 950;
}

.divi-track-items div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(0,0,0,.08);
}

.divi-track-footer {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    color: var(--ss-text-2, #6B7280);
    font-weight: 800;
    font-size: 13px;
}

.divi-track-alert {
    background: #FFF4E5;
    color: #7A4100;
    border-radius: 18px;
    padding: 14px 16px;
    font-weight: 900;
    margin-bottom: 18px;
}

.divi-track-form {
    display: grid;
    grid-template-columns: 180px 1fr auto;
    gap: 10px;
    margin-top: 16px;
}

.divi-track-form input {
    min-height: 48px;
    border-radius: 16px;
    border: 1px solid var(--ss-border, rgba(0,0,0,.12));
    padding: 0 14px;
}

.divi-track-form button,
.divi-track-button {
    min-height: 48px;
    border-radius: 999px;
    background: var(--ss-brand, #E63946);
    color: #fff;
    border: 0;
    padding: 0 20px;
    font-weight: 950;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.divi-track-message {
    color: var(--ss-brand-dark, #9E1C26);
    font-weight: 900;
    margin-top: 12px;
}

.divi-thankyou-track-link {
    margin: 18px 0;
}

@media(max-width: 760px) {
    .divi-track-header,
    .divi-track-summary,
    .divi-track-footer {
        display: block;
    }

    .divi-track-shop-link {
        margin-top: 12px;
        display: inline-flex;
    }

    .divi-track-total {
        text-align: left;
        margin-top: 14px;
    }

    .divi-track-form {
        grid-template-columns: 1fr;
    }
}


/* v3.2.1 tracking fullscreen + thank you spacing fixes */
body.divi-tracking-clean-body,
body.divi-tracking-fullscreen-body {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--ss-bg, #FAFAF7) !important;
    overflow-x: hidden !important;
}

body.divi-tracking-clean-body #wpadminbar + *,
body.divi-tracking-fullscreen-body #wpadminbar + * {
    margin-top: 0 !important;
}

body.divi-tracking-clean-body header:not(.divi-track-header),
body.divi-tracking-clean-body footer,
body.divi-tracking-clean-body .site-header,
body.divi-tracking-clean-body .site-footer,
body.divi-tracking-clean-body #colophon,
body.divi-tracking-clean-body .wp-site-blocks > header,
body.divi-tracking-clean-body .wp-site-blocks > footer,
body.divi-tracking-clean-body .entry-title,
body.divi-tracking-clean-body .page-title,
body.divi-tracking-clean-body .wp-block-post-title,
body.divi-tracking-clean-body main > h1,
body.divi-tracking-clean-body article > h1,
body.divi-tracking-fullscreen-body header:not(.divi-track-header),
body.divi-tracking-fullscreen-body footer,
body.divi-tracking-fullscreen-body .site-header,
body.divi-tracking-fullscreen-body .site-footer,
body.divi-tracking-fullscreen-body #colophon,
body.divi-tracking-fullscreen-body .wp-site-blocks > header,
body.divi-tracking-fullscreen-body .wp-site-blocks > footer,
body.divi-tracking-fullscreen-body .entry-title,
body.divi-tracking-fullscreen-body .page-title,
body.divi-tracking-fullscreen-body .wp-block-post-title,
body.divi-tracking-fullscreen-body main > h1,
body.divi-tracking-fullscreen-body article > h1 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.divi-tracking-clean-body main,
body.divi-tracking-clean-body article,
body.divi-tracking-clean-body .entry-content,
body.divi-tracking-clean-body .wp-site-blocks,
body.divi-tracking-clean-body .wp-block-post-content,
body.divi-tracking-clean-body .site-main,
body.divi-tracking-fullscreen-body main,
body.divi-tracking-fullscreen-body article,
body.divi-tracking-fullscreen-body .entry-content,
body.divi-tracking-fullscreen-body .wp-site-blocks,
body.divi-tracking-fullscreen-body .wp-block-post-content,
body.divi-tracking-fullscreen-body .site-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.divi-tracking-clean-body .divi-tracking-page,
body.divi-tracking-fullscreen-body .divi-tracking-page {
    padding: 22px 0 44px !important;
    width: 100vw !important;
    max-width: none !important;
    direction: ltr !important;
    text-align: left !important;
}

body.divi-tracking-clean-body .divi-tracking-page .ss-container,
body.divi-tracking-fullscreen-body .divi-tracking-page .ss-container {
    width: min(100% - 32px, 1440px) !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.divi-track-shop-link {
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
}

.divi-track-shop-link:hover,
.divi-track-button:hover {
    background: var(--ss-brand-dark, #9E1C26) !important;
    color: #fff !important;
}

.divi-thankyou-track-link {
    margin: 12px 0 4px !important;
    padding: 0 !important;
}

.divi-thankyou-track-link + * {
    margin-top: 0 !important;
}

body.divi-clean-thankyou-body .divi-thankyou-track-link,
body.divi-thankyou-fullscreen .divi-thankyou-track-link {
    display: inline-flex !important;
}

body.divi-clean-thankyou-body {
    min-height: auto !important;
}

/* reduce excessive empty space in thank you wrappers */
body.divi-clean-thankyou-body #DiviCheckout,
body.divi-clean-thankyou-body .divi-clean-main,
body.divi-clean-thankyou-body .woocommerce-order {
    min-height: 0 !important;
    padding-bottom: 24px !important;
}


/* v3.2.3 safe button fixes only - no layout override */
.divi-thankyou-track-link .divi-track-thankyou-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 22px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 950 !important;
}

.divi-thankyou-track-link .divi-track-thankyou-button:hover {
    background: var(--ss-brand-dark, #9E1C26) !important;
    color: #fff !important;
}

.Shop .branch-actions button {
    min-height: 42px;
    border-radius: 999px;
}


/* v3.2.4 final safe thank you gap + phone tracking only */
body.divi-clean-thankyou-body #DiviCheckout,
body.divi-clean-thankyou-body .DiviCheckout,
body.divi-clean-thankyou-body .divi-clean-main,
body.divi-clean-thankyou-body .woocommerce,
body.divi-clean-thankyou-body .woocommerce-order {
    min-height: 0 !important;
    height: auto !important;
}

body.divi-clean-thankyou-body #DiviCheckout {
    padding-bottom: 28px !important;
}

body.divi-clean-thankyou-body .divi-clean-main {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.divi-clean-thankyou-body .woocommerce-order {
    margin-bottom: 0 !important;
    padding-bottom: 24px !important;
}

body.divi-clean-thankyou-body .divi-thankyou-track-link {
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

body.divi-clean-thankyou-body .divi-thankyou-track-link .divi-track-thankyou-button {
    display: inline-flex !important;
    width: auto !important;
    height: 48px !important;
    max-height: 48px !important;
    min-height: 48px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
}

.divi-track-phone-only {
    grid-template-columns: minmax(220px, 1fr) auto !important;
}

@media(max-width: 760px) {
    .divi-track-phone-only {
        grid-template-columns: 1fr !important;
    }
}


/* v3.2.5 thank you tracking button moved to top/center */
.divi-thankyou-track-top {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 14px 0 18px !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.divi-track-source-hidden {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.divi-track-top-button,
.divi-thankyou-track-link .divi-track-thankyou-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 190px !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 28px !important;
    margin: 0 auto !important;
    border-radius: 999px !important;
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
    position: static !important;
    inset: auto !important;
    box-sizing: border-box !important;
}

.divi-track-top-button:hover,
.divi-thankyou-track-link .divi-track-thankyou-button:hover {
    background: var(--ss-brand-dark, #9E1C26) !important;
    color: #fff !important;
}

body.divi-clean-thankyou-body .divi-clean-main,
body.divi-clean-thankyou-body .woocommerce,
body.divi-clean-thankyou-body .woocommerce-order,
body.divi-clean-thankyou-body #DiviCheckout {
    min-height: 0 !important;
    height: auto !important;
}

body.divi-clean-thankyou-body #DiviCheckout {
    padding-bottom: 24px !important;
}

body.divi-clean-thankyou-body .woocommerce-order {
    margin-bottom: 0 !important;
}


/* v3.2.7 thank you top tracking button + no lower blank tracking hook */
.divi-thankyou-top-track {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 14px 0 18px !important;
    padding: 0 !important;
}

.divi-track-top-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 190px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 30px !important;
    border-radius: 999px !important;
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.divi-track-top-button:hover {
    background: var(--ss-brand-dark, #9E1C26) !important;
    color: #fff !important;
}

.divi-thankyou-track-link,
#divi-thankyou-track-source,
.divi-track-source-hidden {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.divi-clean-thankyou-body #DiviCheckout,
body.divi-clean-thankyou-body .divi-clean-main,
body.divi-clean-thankyou-body .woocommerce,
body.divi-clean-thankyou-body .woocommerce-order {
    min-height: 0 !important;
    height: auto !important;
}

body.divi-clean-thankyou-body #DiviCheckout {
    padding-bottom: 24px !important;
}


/* v3.2.7.3 header unification for inner plugin pages only
   IMPORTANT: does NOT touch Shop home header classes (#Shop .ss-topbar / #Shop .ss-header). */

/* Shared width for inner plugin pages */
#DiviCheckout .ss-container,
#DiviTracking .ss-container,
.Shop.divi-branch-page .ss-container,
.Shop.branch-orders-page .ss-container,
.Shop.divi-branch-dashboard .ss-container {
    width: min(100% - 32px, 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Checkout / Thank You header */
#DiviCheckout .divi-clean-topbar,
#DiviCheckout .divi-checkout-topbar,
#DiviCheckout .divi-thankyou-topbar {
    width: 100% !important;
    max-width: 1440px !important;
    min-height: 86px !important;
    margin: 0 auto 18px !important;
    padding: 16px 22px !important;
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    border-radius: 24px !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

/* Tracking header */
#DiviTracking .divi-track-header {
    width: 100% !important;
    max-width: 1440px !important;
    min-height: 86px !important;
    margin: 0 auto 18px !important;
    padding: 16px 22px !important;
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    border-radius: 24px !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

/* Branch Manager header */
.Shop.divi-branch-page .branch-clean-header,
.Shop.branch-orders-page .branch-clean-header,
.Shop.divi-branch-dashboard .branch-clean-header,
.Shop .branch-clean-header {
    width: min(100% - 32px, 1440px) !important;
    max-width: 1440px !important;
    min-height: 86px !important;
    margin: 0 auto 18px !important;
    padding: 16px 22px !important;
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    border-radius: 24px !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

/* Inner page brand/logo groups */
#DiviCheckout .divi-clean-logo,
#DiviCheckout .divi-checkout-logo,
#DiviCheckout .divi-thankyou-logo,
#DiviTracking .divi-track-logo,
.Shop .branch-clean-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    color: var(--ss-text, #111) !important;
    text-decoration: none !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

/* Inner page logo images */
#DiviCheckout .divi-clean-logo img,
#DiviCheckout .divi-checkout-logo img,
#DiviCheckout .divi-thankyou-logo img,
#DiviTracking .divi-track-logo img,
.Shop .branch-clean-logo img {
    max-height: 56px !important;
    max-width: 170px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* Inner page fallback logo circles */
#DiviCheckout .divi-clean-logo span,
#DiviCheckout .divi-checkout-logo span,
#DiviCheckout .divi-thankyou-logo span,
#DiviTracking .divi-track-logo span,
.Shop .branch-clean-logo span {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    font-weight: 950 !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Inner page brand text */
#DiviCheckout .divi-clean-logo strong,
#DiviCheckout .divi-checkout-logo strong,
#DiviCheckout .divi-thankyou-logo strong,
#DiviTracking .divi-track-logo strong,
.Shop .branch-clean-logo strong {
    font-size: 22px !important;
    line-height: 1 !important;
    color: var(--ss-text, #111) !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

/* Inner page right side */
#DiviCheckout .divi-clean-title,
#DiviCheckout .divi-checkout-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    text-align: right !important;
    gap: 4px !important;
    margin: 0 !important;
}

#DiviCheckout .divi-clean-title strong,
#DiviCheckout .divi-checkout-title strong {
    font-size: clamp(24px, 3vw, 34px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

#DiviCheckout .divi-clean-title span,
#DiviCheckout .divi-checkout-title span {
    color: var(--ss-text-2, #6B7280) !important;
    font-size: 14px !important;
}

#DiviTracking .divi-track-shop-link,
.Shop .branch-user-tools a {
    min-height: 44px !important;
    border-radius: 999px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
}

@media(max-width: 700px) {
    #DiviCheckout .divi-clean-topbar,
    #DiviCheckout .divi-checkout-topbar,
    #DiviCheckout .divi-thankyou-topbar,
    #DiviTracking .divi-track-header,
    .Shop .branch-clean-header {
        min-height: 72px !important;
        padding: 12px !important;
        border-radius: 20px !important;
        gap: 10px !important;
    }

    #DiviCheckout .divi-clean-logo img,
    #DiviCheckout .divi-checkout-logo img,
    #DiviCheckout .divi-thankyou-logo img,
    #DiviTracking .divi-track-logo img,
    .Shop .branch-clean-logo img {
        max-height: 46px !important;
        max-width: 130px !important;
    }

    #DiviCheckout .divi-clean-logo strong,
    #DiviCheckout .divi-checkout-logo strong,
    #DiviCheckout .divi-thankyou-logo strong,
    #DiviTracking .divi-track-logo strong,
    .Shop .branch-clean-logo strong {
        font-size: 18px !important;
    }

    #DiviCheckout .divi-clean-title span,
    #DiviCheckout .divi-checkout-title span {
        display: none !important;
    }
}


/* v1.0.1 Final: fix Thank You / Checkout header brand text circle issue */
#DiviCheckout .divi-clean-logo span:not(:first-child),
#DiviCheckout .divi-checkout-logo span:not(:first-child),
#DiviCheckout .divi-thankyou-logo span:not(:first-child),
#DiviCheckout .divi-clean-brand span:not(:first-child),
#DiviCheckout .divi-checkout-brand span:not(:first-child),
#DiviCheckout .divi-thankyou-brand span:not(:first-child) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
    place-items: initial !important;
    background: transparent !important;
    color: var(--ss-text, #111) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    padding: 0 !important;
}

#DiviCheckout .divi-clean-logo strong,
#DiviCheckout .divi-checkout-logo strong,
#DiviCheckout .divi-thankyou-logo strong,
#DiviCheckout .divi-clean-brand strong,
#DiviCheckout .divi-checkout-brand strong,
#DiviCheckout .divi-thankyou-brand strong {
    color: var(--ss-text, #111) !important;
    background: transparent !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
}

/* keep only the first fallback logo mark as a circle */
#DiviCheckout .divi-clean-logo > span:first-child,
#DiviCheckout .divi-checkout-logo > span:first-child,
#DiviCheckout .divi-thankyou-logo > span:first-child,
#DiviCheckout .divi-clean-brand > span:first-child,
#DiviCheckout .divi-checkout-brand > span:first-child,
#DiviCheckout .divi-thankyou-brand > span:first-child {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    font-weight: 950 !important;
}


/* Final v1.0.2 branch manager sound/notification controls */
.divi-branch-alarm-panel {
    width: min(100% - 32px, 1440px);
    max-width: 1440px;
    margin: 0 auto 16px;
    background: #fff;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 22px;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08));
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.divi-branch-alarm-panel strong {
    display: block;
    font-weight: 950;
    color: var(--ss-text, #111);
    margin-bottom: 3px;
}

.divi-branch-alarm-panel span {
    color: var(--ss-text-2, #6B7280);
    font-size: 13px;
}

.divi-enable-alerts,
.divi-stop-alarm {
    border: 0;
    min-height: 42px;
    border-radius: 999px;
    padding: 0 16px;
    font-weight: 950;
    cursor: pointer;
    white-space: nowrap;
}

.divi-enable-alerts {
    background: var(--ss-brand, #E63946);
    color: #fff;
}

.divi-stop-alarm {
    background: #111;
    color: #fff;
}

@media(max-width: 760px) {
    .divi-branch-alarm-panel {
        display: grid;
        grid-template-columns: 1fr;
    }

    .divi-enable-alerts,
    .divi-stop-alarm {
        width: 100%;
    }
}


/* Final v1.0.6 - real Branch Manager template polish */
.divi-branch-alarm-panel {
    display: none !important;
}

/* Main branch manager page */
.Shop.branch-dashboard,
.Shop.divi-branch-page,
.branch-dashboard,
#DiviBranchDashboard {
    width: min(100% - 32px, 1440px) !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 18px 0 44px !important;
    box-sizing: border-box !important;
}

/* Brand + alerts combined header */
.branch-clean-header,
.Shop .branch-clean-header {
    width: 100% !important;
    max-width: 1440px !important;
    min-height: 88px !important;
    margin: 0 auto 18px !important;
    padding: 16px 22px !important;
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    border-radius: 24px !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
}

.branch-clean-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.branch-clean-logo span {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    font-weight: 950 !important;
    font-size: 20px !important;
}

.branch-clean-logo strong,
.branch-clean-logo b {
    font-size: 24px !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    color: var(--ss-text, #111) !important;
}

.branch-user-tools {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: var(--ss-text-2, #6B7280) !important;
    font-weight: 850 !important;
}

.branch-user-tools a,
.branch-user-tools button {
    min-height: 46px !important;
    border-radius: 999px !important;
    padding: 0 18px !important;
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

/* New alerts inside header */
.divi-branch-header-alerts {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.divi-branch-header-alerts .divi-enable-alerts,
.divi-branch-header-alerts .divi-stop-alarm {
    min-height: 46px !important;
    border-radius: 999px !important;
    border: 0 !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.divi-branch-header-alerts .divi-enable-alerts {
    background: var(--ss-brand, #E63946) !important;
    color: #fff !important;
}

.divi-branch-header-alerts .divi-stop-alarm {
    background: #111 !important;
    color: #fff !important;
}

/* Hide old duplicate sound button in live status */
.branch-statusbar #sound-toggle,
.branch-statusbar .sound-toggle,
.branch-statusbar button:contains("Enable Sound") {
    display: none !important;
}

/* Hero and status sizing */
.branch-dashboard-hero,
.branch-hero,
.Shop .branch-dashboard-hero,
.Shop .branch-hero {
    width: 100% !important;
    margin: 0 auto 18px !important;
    padding: clamp(28px, 4vw, 50px) !important;
    border-radius: 30px !important;
    background: linear-gradient(135deg, var(--ss-brand, #E63946), var(--ss-brand-dark, #9E1C26)) !important;
    color: #fff !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
    box-sizing: border-box !important;
}

.branch-dashboard-hero h1,
.branch-hero h1 {
    color: #fff !important;
    font-size: clamp(38px, 5vw, 62px) !important;
    line-height: .95 !important;
    font-weight: 950 !important;
    letter-spacing: -.06em !important;
}

.branch-statusbar,
.Shop .branch-statusbar {
    width: 100% !important;
    margin: 0 auto 16px !important;
    padding: 14px 18px !important;
    border-radius: 22px !important;
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    box-shadow: var(--ss-shadow-md, 0 4px 12px rgba(0,0,0,.08)) !important;
}

/* Keep order grid polished */
.branch-orders-list,
.Shop .branch-orders-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.branch-order,
.divi-branch-order,
.order-card {
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.07) !important;
    padding: 20px !important;
}

/* Responsive */
@media(max-width: 900px) {
    .Shop.branch-dashboard,
    .Shop.divi-branch-page,
    .branch-dashboard,
    #DiviBranchDashboard {
        width: min(100% - 20px, 1440px) !important;
        padding-top: 12px !important;
    }

    .branch-clean-header {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        padding: 14px !important;
        border-radius: 20px !important;
    }

    .branch-user-tools,
    .divi-branch-header-alerts {
        width: 100% !important;
        justify-content: space-between !important;
        margin-left: 0 !important;
    }

    .divi-branch-header-alerts button,
    .branch-user-tools a,
    .branch-user-tools button {
        flex: 1 !important;
    }

    .branch-orders-list,
    .Shop .branch-orders-list {
        grid-template-columns: 1fr !important;
    }
}

@media(max-width: 520px) {
    .branch-user-tools,
    .divi-branch-header-alerts {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
}


/* Final v1.0.8 Product Popup */
.ss-pcard-img-link,
.ss-pcard-name button {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: inherit;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
}

.ss-pcard-name button:hover {
    color: var(--ss-brand, #E63946);
}

.ss-product-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.ss-product-modal.show {
    display: flex;
}

.ss-product-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(10px);
}

.ss-product-modal-content {
    position: relative;
    width: min(100%, 980px);
    max-height: min(92vh, 860px);
    overflow: auto;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(0,0,0,.28);
}

.ss-product-modal-card {
    position: relative;
    padding: 18px;
}

.ss-product-modal-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 5;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 10px 26px rgba(0,0,0,.14);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.ss-product-modal-grid {
    display: grid;
    grid-template-columns: minmax(280px, .95fr) minmax(300px, 1.05fr);
    gap: 22px;
}

.ss-product-modal-media {
    background: var(--ss-bg, #FAFAF7);
    border-radius: 24px;
    overflow: hidden;
    min-height: 420px;
}

.ss-product-modal-image,
.ss-product-modal-media img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.ss-product-modal-info {
    padding: 18px 8px 10px 0;
}

.ss-product-modal-label {
    display: inline-flex;
    border-radius: 999px;
    background: var(--ss-brand-soft, #FCEBEB);
    color: var(--ss-brand-dark, #9E1C26);
    padding: 8px 12px;
    font-weight: 950;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 12px;
}

.ss-product-modal-info h2 {
    margin: 0 0 10px;
    font-size: clamp(30px, 4vw, 48px);
    line-height: .95;
    letter-spacing: -.06em;
    font-weight: 950;
    color: var(--ss-text, #111);
}

.ss-product-modal-price {
    font-size: 22px;
    font-weight: 950;
    margin-bottom: 14px;
    color: var(--ss-text, #111);
}

.ss-product-modal-desc {
    color: var(--ss-text-2, #6B7280);
    font-size: 15px;
    line-height: 1.55;
    margin-bottom: 16px;
}

.ss-product-options-block {
    border-top: 1px solid var(--ss-border, rgba(0,0,0,.08));
    padding-top: 14px;
    margin-top: 14px;
}

.ss-product-options-block h3 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 950;
}

.ss-product-option-field {
    display: grid;
    gap: 8px;
    margin-bottom: 10px;
}

.ss-product-option-field span {
    font-weight: 850;
    color: var(--ss-text, #111);
}

.ss-product-option-field select,
.ss-product-option-field textarea {
    width: 100%;
    border: 1px solid var(--ss-border, rgba(0,0,0,.12));
    border-radius: 16px;
    padding: 12px 14px;
    min-height: 48px;
    background: #fff;
    color: var(--ss-text, #111);
}

.ss-extras-list {
    display: grid;
    gap: 8px;
}

.ss-extra-option {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    border-radius: 16px;
    padding: 10px 12px;
    background: #fff;
    cursor: pointer;
}

.ss-extra-option span {
    flex: 1;
    font-weight: 800;
}

.ss-extra-option strong {
    font-weight: 950;
    color: var(--ss-brand, #E63946);
}

.ss-variation-message {
    color: var(--ss-brand-dark, #9E1C26);
    font-weight: 850;
    min-height: 20px;
}

.ss-product-modal-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
}

.ss-product-qty {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: var(--ss-bg, #FAFAF7);
    border: 1px solid var(--ss-border, rgba(0,0,0,.08));
    overflow: hidden;
}

.ss-product-qty button,
.ss-product-qty input {
    width: 46px;
    height: 50px;
    border: 0;
    background: transparent;
    text-align: center;
    font-weight: 950;
}

.ss-product-qty input {
    width: 54px;
}

.ss-product-add-submit {
    flex: 1;
    min-height: 52px;
    border: 0;
    border-radius: 999px;
    background: var(--ss-brand, #E63946);
    color: #fff;
    font-weight: 950;
    padding: 0 24px;
    cursor: pointer;
}

.ss-product-add-submit.loading,
.ss-product-add-submit.disabled {
    opacity: .65;
    cursor: not-allowed;
}

.ss-product-modal-loading,
.ss-product-modal-error {
    padding: 44px;
    text-align: center;
    font-weight: 950;
}

@media(max-width: 760px) {
    .ss-product-modal {
        padding: 10px;
        align-items: flex-end;
    }

    .ss-product-modal-content {
        width: 100%;
        max-height: 94vh;
        border-radius: 26px 26px 0 0;
    }

    .ss-product-modal-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ss-product-modal-media,
    .ss-product-modal-image,
    .ss-product-modal-media img {
        min-height: 260px;
        max-height: 320px;
    }

    .ss-product-modal-info {
        padding: 4px 2px 8px;
    }

    .ss-product-modal-actions {
        position: sticky;
        bottom: 0;
        background: #fff;
        padding-top: 12px;
        padding-bottom: 8px;
    }
}


/* Final v1.0.9 - unify popup add to cart button color with dashboard theme */
.ss-product-add-submit{
    background: var(--ss-brand, #E63946) !important;
    color:#fff !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

.ss-product-add-submit:hover{
    filter: brightness(.96);
    transform: translateY(-1px);
}

.ss-product-add-submit:active{
    transform: translateY(0);
}


/* Final v1.1.0 upload size notes */
.divi-upload-note{
    display:block;
    margin-top:4px;
    color:#6b7280;
    font-size:12px;
    font-weight:600;
}


/* Final v1.1.5 safe popup button and sound fix */
.ss-product-modal-content{
    display:flex !important;
    flex-direction:column !important;
}
.ss-product-options-form{
    display:flex !important;
    flex-direction:column !important;
}
.ss-product-modal-actions{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin-top:18px !important;
    padding-top:14px !important;
    position:sticky !important;
    bottom:0 !important;
    z-index:10 !important;
    background:#fff !important;
    border-top:1px solid var(--ss-border, rgba(0,0,0,.08)) !important;
}
.ss-product-add-submit{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:54px !important;
    flex:1 1 auto !important;
    border-radius:999px !important;
    background:var(--ss-brand,#E63946) !important;
    color:#fff !important;
    border:0 !important;
    font-weight:950 !important;
    font-size:16px !important;
    padding:0 24px !important;
    opacity:1 !important;
    visibility:visible !important;
}
.branch-statusbar .sound-toggle,
.branch-statusbar #sound-toggle,
.branch-statusbar .divi-enable-sound,
.branch-statusbar .divi-enable-alerts,
.branch-statusbar button[data-sound-toggle],
.branch-statusbar button[data-action="enable-sound"]{
    display:none !important;
}


/* Final v1.1.7 - safe remove duplicate sound button only, keep branch tabs working */
.branch-statusbar .sound-toggle,
.branch-statusbar #sound-toggle,
.branch-statusbar .divi-enable-sound,
.branch-statusbar button[data-sound-toggle],
.branch-statusbar button[data-action="enable-sound"] {
    display: none !important;
}


/* Final v1.1.8 - Branch Manager mobile/PWA layout polish */
@media (max-width: 760px) {
    .Shop.branch-dashboard,
    .branch-dashboard,
    #DiviBranchDashboard,
    .Shop.divi-branch-page {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 auto !important;
        padding: 12px 0 34px !important;
        overflow-x: hidden !important;
    }

    /* top white header */
    .branch-clean-header,
    .Shop .branch-clean-header {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 auto 16px !important;
        padding: 14px !important;
        border-radius: 24px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        align-items: stretch !important;
        overflow: hidden !important;
    }

    .branch-clean-logo,
    .Shop .branch-clean-logo {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 54px 1fr !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .branch-clean-logo span {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .branch-clean-logo strong,
    .branch-clean-logo b {
        grid-column: 2 !important;
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 22px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: block !important;
    }

    .branch-user-tools {
        width: 100% !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .branch-user-tools > span,
    .branch-user-tools .branch-user-name,
    .branch-user-tools strong:not(.button) {
        grid-column: 1 / -1 !important;
        display: block !important;
        text-align: left !important;
        color: var(--ss-text-2, #6B7280) !important;
        font-weight: 900 !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        padding: 0 2px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .branch-user-tools a,
    .branch-user-tools button,
    .branch-user-tools .button,
    .divi-branch-header-alerts button,
    .divi-enable-alerts,
    .divi-stop-alarm {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;
        border-radius: 999px !important;
        padding: 0 12px !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    .divi-branch-header-alerts {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 88px !important;
        gap: 10px !important;
    }

    /* hero */
    .branch-hero,
    .branch-dashboard-hero,
    .Shop .branch-hero,
    .Shop .branch-dashboard-hero {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 16px !important;
        padding: 28px 22px !important;
        border-radius: 26px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        overflow: hidden !important;
    }

    .branch-hero h1,
    .branch-dashboard-hero h1 {
        font-size: clamp(42px, 14vw, 66px) !important;
        line-height: .88 !important;
        letter-spacing: -.07em !important;
        text-align: left !important;
        margin: 0 !important;
    }

    .branch-hero p,
    .branch-dashboard-hero p {
        font-size: 16px !important;
        line-height: 1.45 !important;
        max-width: 100% !important;
    }

    .branch-hero select,
    .branch-dashboard-hero select,
    .branch-hero button,
    .branch-dashboard-hero button,
    .branch-hero .button,
    .branch-dashboard-hero .button {
        min-height: 54px !important;
        border-radius: 18px !important;
        font-size: 15px !important;
    }

    .branch-hero form,
    .branch-dashboard-hero form,
    .branch-hero .branch-filter,
    .branch-dashboard-hero .branch-filter {
        display: grid !important;
        grid-template-columns: 1fr 110px !important;
        gap: 10px !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* live status card */
    .branch-statusbar,
    .Shop .branch-statusbar {
        width: 100% !important;
        margin: 0 auto 14px !important;
        padding: 18px !important;
        border-radius: 22px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        align-items: stretch !important;
    }

    .branch-statusbar > * {
        width: 100% !important;
        max-width: 100% !important;
    }

    .branch-statusbar button,
    .branch-statusbar .button {
        width: 100% !important;
        min-height: 52px !important;
        border-radius: 999px !important;
        font-size: 15px !important;
        font-weight: 950 !important;
    }

    .branch-statusbar .sound-toggle,
    .branch-statusbar #sound-toggle,
    .branch-statusbar .divi-enable-sound,
    .branch-statusbar .divi-enable-alerts {
        display: none !important;
    }

    /* tabs */
    .branch-tabs,
    .Shop .branch-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 0 10px !important;
        margin: 0 0 14px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .branch-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .branch-tabs button,
    .branch-tabs a,
    .Shop .branch-tabs button,
    .Shop .branch-tabs a {
        flex: 0 0 auto !important;
        min-height: 48px !important;
        padding: 0 18px !important;
        border-radius: 999px !important;
        white-space: nowrap !important;
        font-size: 15px !important;
        font-weight: 950 !important;
    }

    /* order cards */
    .branch-orders-list,
    .Shop .branch-orders-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        width: 100% !important;
    }

    .branch-order,
    .divi-branch-order,
    .order-card,
    .Shop .branch-order,
    .Shop .divi-branch-order {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 24px !important;
        padding: 18px !important;
        box-sizing: border-box !important;
    }

    .branch-order h3,
    .divi-branch-order h3,
    .order-card h3 {
        font-size: 34px !important;
        line-height: 1 !important;
        margin-bottom: 8px !important;
    }

    .branch-actions,
    .Shop .branch-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .branch-actions select,
    .branch-actions input,
    .branch-actions button,
    .branch-actions .button {
        width: 100% !important;
        min-height: 50px !important;
        border-radius: 16px !important;
    }
}

@media (max-width: 390px) {
    .divi-branch-header-alerts {
        grid-template-columns: 1fr 76px !important;
    }

    .branch-user-tools {
        grid-template-columns: 1fr !important;
    }

    .branch-hero form,
    .branch-dashboard-hero form,
    .branch-hero .branch-filter,
    .branch-dashboard-hero .branch-filter {
        grid-template-columns: 1fr !important;
    }
}


/* Final v1.1.9 - clearer mobile headers across plugin frontend pages */
@media (max-width: 760px) {
    body {
        overflow-x: hidden !important;
    }

    .ss-topbar,
    .ss-header,
    .divi-clean-header,
    .divi-order-header,
    .tracking-clean-header,
    .thankyou-clean-header,
    .checkout-clean-header,
    .branch-clean-header {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 22px !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .ss-brand,
    .ss-brand-block,
    .branch-clean-logo,
    .tracking-clean-logo,
    .thankyou-clean-logo,
    .checkout-clean-logo {
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .ss-brand strong,
    .ss-brand span:not(.ss-logo),
    .branch-clean-logo strong,
    .tracking-clean-logo strong,
    .thankyou-clean-logo strong,
    .checkout-clean-logo strong {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 21px !important;
        line-height: 1.1 !important;
    }

    .branch-user-tools {
        grid-template-columns: 1fr !important;
    }

    .divi-branch-header-alerts {
        grid-template-columns: 1fr 86px !important;
    }

    .branch-user-tools > span,
    .branch-user-tools .branch-user-name {
        grid-column: 1 / -1 !important;
        padding: 0 2px !important;
        text-align: left !important;
    }

    .branch-hero,
    .branch-dashboard-hero {
        display: grid !important;
        grid-template-columns: 1fr !important;
        padding: 24px 20px !important;
        gap: 14px !important;
    }

    .branch-hero h1,
    .branch-dashboard-hero h1 {
        text-align: left !important;
        font-size: clamp(40px, 13vw, 58px) !important;
        max-width: 100% !important;
    }

    .branch-dashboard-hero select,
    .branch-dashboard-hero button,
    .branch-hero select,
    .branch-hero button {
        width: 100% !important;
        max-width: 100% !important;
    }

    .branch-statusbar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .branch-statusbar > * {
        justify-self: stretch !important;
    }

    .branch-statusbar button:not(.sound-toggle),
    .branch-statusbar .button {
        width: 100% !important;
    }

    .branch-tabs {
        scroll-snap-type: x proximity !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .branch-tabs button,
    .branch-tabs a {
        scroll-snap-align: start !important;
    }

    .branch-order,
    .divi-branch-order,
    .order-card {
        overflow: hidden !important;
    }

    .branch-order > *,
    .divi-branch-order > *,
    .order-card > * {
        max-width: 100% !important;
    }
}

@media (max-width: 390px) {
    .divi-branch-header-alerts {
        grid-template-columns: 1fr !important;
    }

    .branch-clean-logo,
    .ss-brand,
    .ss-brand-block {
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }
}


/* Final v1.2.0 - mobile branch header complete rebuild */
@media (max-width:760px){

    .branch-clean-header,
    .tracking-clean-header,
    .checkout-clean-header,
    .thankyou-clean-header{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:14px !important;
        padding:16px !important;
        overflow:hidden !important;
    }

    .branch-clean-logo{
        display:flex !important;
        align-items:center !important;
        gap:12px !important;
        width:100% !important;
        min-width:0 !important;
    }

    .branch-clean-logo span,
    .branch-clean-logo .ss-logo{
        width:56px !important;
        height:56px !important;
        min-width:56px !important;
        flex:0 0 56px !important;
    }

    .branch-clean-logo strong,
    .branch-clean-logo b,
    .branch-clean-logo .ss-brand-name{
        display:block !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        max-width:100% !important;
        font-size:28px !important;
        line-height:1 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .branch-user-tools{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        align-items:stretch !important;
    }

    .branch-user-tools > span,
    .branch-user-tools .branch-user-name,
    .branch-user-tools strong:not(.button){
        grid-column:1/-1 !important;
        display:block !important;
        width:100% !important;
        text-align:left !important;
        font-size:15px !important;
        line-height:1.2 !important;
        padding:0 2px !important;
        margin:0 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .branch-user-tools a,
    .branch-user-tools button,
    .branch-user-tools .button{
        width:100% !important;
        min-width:0 !important;
        min-height:50px !important;
        border-radius:999px !important;
        padding:0 12px !important;
        font-size:15px !important;
        font-weight:900 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .divi-branch-header-alerts{
        width:100% !important;
        display:grid !important;
        grid-template-columns:1fr 100px !important;
        gap:10px !important;
    }

    .divi-branch-header-alerts .divi-enable-alerts{
        width:100% !important;
    }

    .divi-branch-header-alerts .divi-stop-alarm{
        width:100% !important;
    }
}

@media (max-width:420px){

    .branch-clean-logo strong,
    .branch-clean-logo b,
    .branch-clean-logo .ss-brand-name{
        font-size:24px !important;
    }

    .branch-user-tools{
        grid-template-columns:1fr !important;
    }

    .divi-branch-header-alerts{
        grid-template-columns:1fr !important;
    }
}


/* Final v1.3.1 - hide old branch sound controls completely */
.divi-enable-alerts,
#divi-enable-alerts,
.divi-stop-alarm,
#divi-stop-alarm,
.stop-alarm,
.enable-alerts,
.branch-statusbar .sound-toggle,
.branch-statusbar #sound-toggle,
.branch-statusbar .divi-enable-sound,
.branch-statusbar button[data-sound-toggle],
.branch-statusbar button[data-action="enable-sound"]{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
}


/* Final v1.3.9 - branch button clickability */
.ss-branch-pill,
.ss-change-branch,
.ss-selected-branch,
.branch-switcher,
.branch-selector,
.selected-branch,
.divi-selected-branch,
.divi-change-branch,
[data-change-branch],
[data-open-branch],
[data-open-location],
.ss-header [class*="branch"],
.ss-topbar [class*="branch"]{
    cursor:pointer !important;
    pointer-events:auto !important;
    user-select:none !important;
}
.ss-location-modal,
.ss-branch-modal,
.ss-location-popup,
.ss-branch-popup,
.divi-location-modal,
.divi-branch-modal{
    pointer-events:auto !important;
}

/* v1.6.9 RELEASE consolidated frontend fixes */

/* Product image/card fixes */
#Shop .ss-pcard-img{background:#fff!important}
#Shop .ss-pcard-img-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;background:#fff!important}
#Shop .ss-pcard-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#fff!important;padding:8px!important;box-sizing:border-box!important}

/* Restore full-width shop sections */
#Shop .ss-hero .ss-container,
#Shop .ss-cats .ss-container,
#Shop .ss-products .ss-container{
    max-width:none!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:46px!important;
    padding-right:46px!important;
}
#Shop .ss-products .ss-grid{width:100%!important}

/* Checkout: remove empty shipping fields only */
#DiviCheckout .woocommerce-shipping-fields{
    display:none!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important
}
#DiviCheckout .woocommerce-shipping-fields *{display:none!important}

/* Branch Manager order notes */
.Shop .branch-order-note{background:#fff8e8;border:1px solid rgba(230,57,70,.18);border-radius:16px;padding:12px 14px;margin:14px 0}
.Shop .branch-order-note small{display:block;color:#6b7280;font-weight:800;margin-bottom:4px}
.Shop .branch-order-note strong{display:block;color:#171717;font-weight:800;line-height:1.45}

/* Compact header actions, keeping theme colors */
#Shop .ss-cart-btn,
#Shop .ss-branch-btn,
#Shop .ss-branch-pill,
#Shop .ss-header button,
#Shop .ss-header .button,
#Shop .ss-header a[class*="cart"],
#Shop .ss-header a[class*="branch"]{
    min-height:40px!important;padding:0 13px!important;border-radius:999px!important;font-size:13px!important;font-weight:900!important;line-height:1!important
}
#Shop .ss-cart-badge,
#Shop [class*="cart-badge"],
#Shop [class*="CartBadge"]{
    min-width:20px!important;height:20px!important;font-size:11px!important;display:inline-grid!important;place-items:center!important
}

/* Category pills clean */
#Shop .ss-chip,
#Shop .ss-cat,
#Shop .ss-category,
#Shop .ss-filter-chip,
#Shop .ss-categories button,
#Shop .ss-cats button{
    background:#fff!important;color:#171717!important;border:1px solid #E5E7EB!important;box-shadow:0 6px 18px rgba(0,0,0,.045)!important;font-weight:850!important
}
#Shop .ss-chip:before,
#Shop .ss-cat:before,
#Shop .ss-category:before,
#Shop .ss-filter-chip:before,
#Shop .ss-categories button:before,
#Shop .ss-cats button:before{content:none!important;display:none!important}
#Shop .ss-chip svg,
#Shop .ss-cat svg,
#Shop .ss-category svg,
#Shop .ss-filter-chip svg,
#Shop .ss-categories button svg,
#Shop .ss-cats button svg{display:none!important}
#Shop .ss-chip.active,
#Shop .ss-cat.active,
#Shop .ss-category.active,
#Shop .ss-filter-chip.active,
#Shop .ss-categories button.active,
#Shop .ss-cats button.active{background:#171717!important;color:#fff!important;border-color:#171717!important}

/* Mobile products */
@media(max-width:1024px){
    #Shop .ss-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:768px){
    body{padding-bottom:96px!important}
    #Shop .ss-hero .ss-container,
    #Shop .ss-cats .ss-container,
    #Shop .ss-products .ss-container{
        padding-left:14px!important;
        padding-right:14px!important;
    }
    #Shop .ss-products{padding-bottom:20px!important}
}
@media(max-width:560px){
    #Shop .ss-container{padding-left:12px!important;padding-right:12px!important}
    #Shop .ss-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
    #Shop .ss-pcard-img{height:132px!important}
    #Shop .ss-pcard-body{padding:10px!important}
    #Shop .ss-pcard-name{font-size:13px!important;line-height:1.25!important;min-height:34px!important;margin-bottom:6px!important}
    #Shop .ss-pcard-desc{font-size:12px!important;line-height:1.3!important;height:32px!important;margin-bottom:10px!important}
    #Shop .ss-pcard-prices{font-size:14px!important;font-weight:900!important}
    #Shop .ss-add-btn{width:38px!important;height:38px!important;min-width:38px!important;font-size:18px!important}
    #Shop .ss-header,#Shop .ss-topbar{padding-top:8px!important;padding-bottom:8px!important}
    #Shop .ss-header .ss-container,#Shop .ss-topbar .ss-container{gap:8px!important;align-items:center!important}
    #Shop .ss-cart-btn,#Shop .ss-branch-btn,#Shop .ss-branch-pill,#Shop .ss-header button,#Shop .ss-header a[class*="cart"],#Shop .ss-header a[class*="branch"]{
        min-height:36px!important;height:36px!important;padding:0 9px!important;font-size:11px!important;border-radius:999px!important;white-space:nowrap!important;max-width:132px!important
    }
    #Shop .ss-branch-btn span,#Shop .ss-branch-pill small,#Shop .ss-branch-pill span:first-child,#Shop [class*="branch"] small{font-size:9px!important;line-height:1!important}
    #Shop .ss-cart-text,#Shop [class*="cart-text"],#Shop [class*="CartText"]{font-size:11px!important}
    #Shop .ss-cart-badge,#Shop [class*="cart-badge"],#Shop [class*="CartBadge"]{min-width:18px!important;height:18px!important;font-size:10px!important}
}
@media(max-width:380px){
    #Shop .ss-pcard-img{height:118px!important}
}

/* Branch Manager header alignment */
.Shop.divi-branch-page .branch-header,
.Shop.divi-branch-page .branch-topbar{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:initial!important
}
.Shop.divi-branch-page .branch-logo,
.Shop.divi-branch-page .branch-brand,
.Shop.divi-branch-page .ss-logo,
.Shop.divi-branch-page .branch-title{
    margin:0!important;text-align:initial!important;justify-content:flex-start!important;align-items:center!important
}
.Shop.divi-branch-page .branch-top-actions,
.Shop.divi-branch-page .branch-actions-top,
.Shop.divi-branch-page .branch-header-actions{
    margin-inline-start:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important
}
.Shop.divi-branch-page .branch-top-actions a,
.Shop.divi-branch-page .branch-top-actions button,
.Shop.divi-branch-page .branch-refresh,
.Shop.divi-branch-page .branch-logout{
    min-height:38px!important;height:38px!important;padding:0 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;width:auto!important;max-width:none!important
}
@media(max-width:560px){
    .Shop.divi-branch-page .branch-header,.Shop.divi-branch-page .branch-topbar{flex-wrap:nowrap!important}
    .Shop.divi-branch-page .branch-logo,.Shop.divi-branch-page .branch-brand,.Shop.divi-branch-page .ss-logo{flex:1 1 auto!important;min-width:0!important}
    .Shop.divi-branch-page .branch-top-actions,.Shop.divi-branch-page .branch-actions-top,.Shop.divi-branch-page .branch-header-actions{flex:0 0 auto!important;gap:6px!important}
    .Shop.divi-branch-page .branch-refresh,.Shop.divi-branch-page .branch-logout,.Shop.divi-branch-page .branch-top-actions a,.Shop.divi-branch-page .branch-top-actions button{
        width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;font-size:0!important;overflow:hidden!important;display:inline-grid!important;place-items:center!important
    }
    .Shop.divi-branch-page .branch-refresh:before,.Shop.divi-branch-page .branch-top-actions .branch-refresh:before{content:"🔄"!important;font-size:17px!important;line-height:1!important}
    .Shop.divi-branch-page .branch-logout:before,.Shop.divi-branch-page .branch-top-actions .branch-logout:before,.Shop.divi-branch-page .branch-top-actions a[href*="logout"]:before{content:"🚪"!important;font-size:17px!important;line-height:1!important}
    .Shop.divi-branch-page .branch-top-actions button:not(.branch-refresh):before{content:"⚙️"!important;font-size:17px!important;line-height:1!important}
}

/* Mobile footer */
@media(max-width:768px){
    #Shop{padding-bottom:96px!important}
    .divi-mobile-footer-nav{
        position:fixed;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9999;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 8px;box-shadow:0 18px 42px rgba(0,0,0,.13)
    }
    .divi-mobile-footer-item{
        appearance:none;border:0;background:transparent;color:#6b7280!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;border-radius:18px;font-size:11px;font-weight:850
    }
    .divi-mobile-footer-item.active,
    .divi-mobile-footer-item:active{
        color:#111827!important;background:#f3f4f6!important
    }
    .divi-mobile-footer-icon,
    .divi-mobile-footer-icon svg{
        color:#6b7280!important;stroke:#6b7280!important
    }
    .divi-mobile-footer-item.active .divi-mobile-footer-icon,
    .divi-mobile-footer-item.active .divi-mobile-footer-icon svg{
        color:#111827!important;stroke:#111827!important
    }
}
@media(min-width:769px){
    .divi-mobile-footer-nav{display:none!important}
}
.divi-mobile-footer-icon svg{
    width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round
}

/* Mobile panels */
.divi-mobile-panel{
    position:fixed;left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:10000;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:26px;box-shadow:0 22px 56px rgba(0,0,0,.20);transform:translateY(18px);opacity:0;pointer-events:none;transition:.22s ease;max-height:62vh;overflow:hidden
}
.divi-mobile-panel.show{transform:translateY(0);opacity:1;pointer-events:auto}
.divi-mobile-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eef0f3}
.divi-mobile-panel-head strong{color:#171717;font-size:18px;font-weight:950}
.divi-mobile-panel-close{width:34px;height:34px;border-radius:50%;border:0;background:#f3f4f6;color:#171717;font-size:20px;font-weight:900}
.divi-mobile-panel-body{padding:16px 18px;overflow:auto;max-height:calc(62vh - 68px)}
.divi-mobile-muted{color:#6b7280;margin:0 0 12px;line-height:1.5}
.divi-mobile-track-form{display:grid;gap:10px}
.divi-mobile-track-form input{min-height:48px;border:1px solid #e5e7eb;border-radius:16px;padding:0 14px}
.divi-mobile-track-form .ss-checkout-btn,
.divi-mobile-track-form button{
    width:100%;min-height:48px;border-radius:999px;border:0;font-weight:950;font-size:14px;background:var(--ss-brand,#E63946)!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.14)!important;outline:none!important
}
.divi-mobile-track-result{margin-top:14px}
.divi-mobile-track-card{background:#f9fafb;border:1px solid #eef0f3;border-radius:18px;padding:16px}
.divi-mobile-track-card strong{display:block;color:#171717;font-size:16px;font-weight:950;margin-bottom:6px}
.divi-mobile-track-card p{margin:0 0 8px;color:#4b5563;line-height:1.45}
.divi-mobile-track-card time{color:#9ca3af;font-size:11px;font-weight:800}
.divi-mobile-track-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:#111827;color:#fff;font-size:11px;font-weight:900;margin-bottom:10px}
.divi-mobile-track-card.loading{color:#6b7280;font-weight:850}
.divi-mobile-track-card.error{background:#fef2f2;border-color:#fecaca;color:#991b1b;font-weight:850}
.divi-mobile-secondary-link{display:block;color:#171717;margin-top:12px;font-weight:850;text-align:center}
.divi-mobile-empty{padding:18px;background:#f9fafb;border-radius:18px;color:#6b7280;text-align:center;font-weight:800}
.divi-mobile-notification-list{display:grid;gap:10px}
.divi-mobile-notification-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px;background:#f9fafb;border:1px solid #eef0f3;border-radius:18px}
.divi-mobile-notification-icon{width:34px;height:34px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-size:11px}
.divi-mobile-notification-item strong{display:block;color:#171717;font-weight:950;margin-bottom:3px}
.divi-mobile-notification-item p{color:#4b5563;margin:0 0 6px;line-height:1.4}
.divi-mobile-notification-item time{color:#9ca3af;font-size:11px;font-weight:800}
.divi-mobile-category-list{display:grid;gap:10px}
.divi-mobile-category-item{width:100%;min-height:48px;border:1px solid #e5e7eb;background:#fff;color:#171717;border-radius:16px;text-align:left;padding:0 14px;font-weight:900;font-size:14px}
.divi-mobile-category-item:active,
.divi-mobile-category-item.active{background:#111827;color:#fff;border-color:#111827}

/* Cart drawer refinements */
.ss-cart-line{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}
.ss-cart-thumb img{width:54px!important;height:54px!important;object-fit:contain!important;border-radius:14px!important;background:#fff!important;border:1px solid #eef0f3!important;padding:4px!important}
.ss-cart-info{min-width:0;display:grid;gap:5px}
.ss-cart-info strong{line-height:1.25}
.ss-cart-qty{display:inline-flex;align-items:center;gap:8px;background:#f6f7f8;border-radius:999px;padding:4px;width:max-content}
.ss-cart-qty-btn{width:28px;height:28px;border-radius:50%;border:0;background:#fff;color:#171717;font-weight:950;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.ss-cart-qty span{min-width:18px;text-align:center;font-weight:900;color:#171717}
.ss-cart-subtotal{white-space:nowrap}

/* Feature boxes layout + backend toggle support */
#Shop .ss-features{padding:22px 0 44px!important}
#Shop .ss-features .ss-container{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
#Shop .ss-features-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:center!important;align-items:stretch!important;max-width:100%!important;margin:0 auto!important}
#Shop .ss-feature{min-height:86px!important}
@media(max-width:820px){
    #Shop .ss-features{padding:18px 14px 110px!important}
    #Shop .ss-features-grid{grid-template-columns:1fr!important;gap:14px!important}
}

/* Branch popup height fix */
#Shop .ss-branch-modal-card{
    min-height:0!important;height:auto!important;max-height:calc(100vh - 56px)!important;padding:34px 34px 28px!important;display:block!important;overflow:auto!important
}
#Shop .ss-branch-modal-card .ss-branch-modal-msg:empty,
#Shop .ss-location-status:empty{display:none!important}
#Shop .ss-branch-modal-card > *:last-child{margin-bottom:0!important}
@media(max-width:768px){
    #Shop .ss-branch-modal-card{width:calc(100vw - 28px)!important;max-width:520px!important;padding:28px 22px 24px!important;border-radius:28px!important}
}

/* Hide sound controls on customer shop only */
#Shop:not(.divi-branch-page) .branch-sound-control,
#Shop:not(.divi-branch-page) [class*="sound"],
#Shop:not(.divi-branch-page) [id*="sound"],
#Shop:not(.divi-branch-page) [class*="alert"],
#Shop:not(.divi-branch-page) [id*="alert"]{display:none!important}

/* v1.7.1.2 Rebuilt Branch/Tracking headers from Shop structure */
/* Important: header CSS only. No branch cards/data/container layout changes. */

/* shared shell copied from shop header behavior */
.Shop.divi-branch-page .divi-shared-front-header,
.Shop.divi-tracking-page .divi-shared-front-header{
    width:100%!important;
    max-width:none!important;
    margin:0 0 22px!important;
    padding:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    background:rgba(255,255,255,.95)!important;
    border-bottom:1px solid var(--ss-border,rgba(0,0,0,.08))!important;
    box-shadow:none!important;
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    backdrop-filter:blur(10px)!important;
    overflow:visible!important;
}

/* make it full-width even when the page shortcode/theme wrapper is centered */
.Shop.divi-branch-page .divi-shared-front-header,
.Shop.divi-tracking-page .divi-shared-front-header{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}

/* exact shop internal spacing */
.Shop.divi-branch-page .divi-shared-front-header > .ss-container,
.Shop.divi-tracking-page .divi-shared-front-header > .ss-container{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:14px 46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    box-sizing:border-box!important;
}

/* logo is a single flex item, image and name never overlap */
.Shop.divi-branch-page .divi-shared-front-header .ss-logo,
.Shop.divi-tracking-page .divi-shared-front-header .ss-logo{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    max-width:60vw!important;
    color:var(--ss-text,#171717)!important;
    text-decoration:none!important;
    font-size:20px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
}

.Shop.divi-branch-page .divi-shared-front-header .ss-logo-img,
.Shop.divi-branch-page .divi-shared-front-header .ss-logo-mark,
.Shop.divi-tracking-page .divi-shared-front-header .ss-logo-img,
.Shop.divi-tracking-page .divi-shared-front-header .ss-logo-mark{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    border-radius:50%!important;
    object-fit:contain!important;
    flex:0 0 38px!important;
}

.Shop.divi-branch-page .divi-shared-front-header .ss-logo-name,
.Shop.divi-tracking-page .divi-shared-front-header .ss-logo-name{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

/* right actions */
.Shop.divi-branch-page .divi-shared-front-header .ss-actions,
.Shop.divi-tracking-page .divi-shared-front-header .ss-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
}

.Shop.divi-branch-page .divi-shared-front-header .ss-user-name{
    color:var(--ss-text-2,#6B7280)!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    max-width:150px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.Shop.divi-branch-page .divi-shared-front-header .ss-header-btn,
.Shop.divi-tracking-page .divi-shared-front-header .ss-header-btn{
    min-height:40px!important;
    height:40px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(0,0,0,.06)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.06)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
}

/* hide old branch alert buttons from layout completely */
.Shop.divi-branch-page .divi-branch-header-alerts,
.Shop.divi-branch-page .divi-branch-header-alerts[hidden]{
    display:none!important;
}

/* Tracking title source fixed + sizing */
.Shop.divi-tracking-page .divi-track-hero h1{
    font-size:38px!important;
    font-weight:900!important;
    letter-spacing:-.04em!important;
}

/* Checkout/Thank You only, no branch/tracking side effects */
#DiviCheckout{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}
#DiviCheckout .divi-clean-topbar{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.95)!important;
    border-bottom:1px solid rgba(0,0,0,.08)!important;
}
#DiviCheckout .divi-clean-topbar .ss-container{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:14px 46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
}
#DiviCheckout .divi-clean-logo{
    font-size:20px!important;
    font-weight:800!important;
    gap:10px!important;
}
#DiviCheckout .ss-logo-img,
#DiviCheckout .ss-logo-mark{
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
}
#DiviCheckout .divi-clean-title strong{
    font-size:30px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.03em!important;
}
#DiviCheckout .divi-clean-title span{
    font-size:15px!important;
}

@media(max-width:768px){
    .Shop.divi-branch-page .divi-shared-front-header > .ss-container,
    .Shop.divi-tracking-page .divi-shared-front-header > .ss-container,
    #DiviCheckout .divi-clean-topbar .ss-container{
        padding:12px 14px!important;
        gap:10px!important;
    }

    .Shop.divi-branch-page .divi-shared-front-header .ss-logo,
    .Shop.divi-tracking-page .divi-shared-front-header .ss-logo{
        font-size:16px!important;
        max-width:58vw!important;
        gap:9px!important;
    }

    .Shop.divi-branch-page .divi-shared-front-header .ss-logo-img,
    .Shop.divi-branch-page .divi-shared-front-header .ss-logo-mark,
    .Shop.divi-tracking-page .divi-shared-front-header .ss-logo-img,
    .Shop.divi-tracking-page .divi-shared-front-header .ss-logo-mark{
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        max-width:34px!important;
        flex-basis:34px!important;
    }

    .Shop.divi-branch-page .divi-shared-front-header .ss-user-name{
        display:none!important;
    }

    .Shop.divi-branch-page .divi-shared-front-header .ss-header-btn,
    .Shop.divi-tracking-page .divi-shared-front-header .ss-header-btn{
        min-height:36px!important;
        height:36px!important;
        padding:0 11px!important;
        font-size:12px!important;
    }

    .Shop.divi-tracking-page .divi-track-hero h1,
    #DiviCheckout .divi-clean-title strong{
        font-size:22px!important;
    }

    #DiviCheckout .divi-clean-title span{
        font-size:12px!important;
    }
}

/* v1.7.1.5 remove header container padding + force full width */

/* make headers escape body/container width */
.Shop.divi-branch-page .divi-shared-front-header,
.Shop.divi-tracking-page .divi-shared-front-header,
#DiviTracking .divi-track-header{
    position:relative!important;
    left:50%!important;
    right:50%!important;
    width:100vw!important;
    max-width:none!important;
    margin-left:-50vw!important;
    margin-right:-50vw!important;
    border-radius:0!important;
}


/* v1.7.1.6 FINAL consolidated header fixes */

/* Branch + Tracking headers */
.Shop.divi-branch-page .divi-shared-front-header,
.Shop.divi-tracking-page .divi-shared-front-header,
#DiviTracking .divi-track-header{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-top:0!important;
    margin-bottom:22px!important;
    padding:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    background:rgba(255,255,255,.95)!important;
    border-bottom:1px solid rgba(0,0,0,.08)!important;
    box-shadow:none!important;
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    backdrop-filter:blur(10px)!important;
}

.Shop.divi-branch-page .divi-shared-front-header > .ss-container,
.Shop.divi-tracking-page .divi-shared-front-header > .ss-container,
#DiviTracking .divi-track-header > .ss-container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    box-sizing:border-box!important;
}

/* logo layout */
.Shop.divi-branch-page .divi-shared-front-header .ss-logo,
.Shop.divi-tracking-page .divi-shared-front-header .ss-logo{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    max-width:60vw!important;
    color:#171717!important;
    text-decoration:none!important;
    font-size:20px!important;
    font-weight:800!important;
    line-height:1!important;
    overflow:hidden!important;
}

.Shop.divi-branch-page .divi-shared-front-header .ss-logo-img,
.Shop.divi-branch-page .divi-shared-front-header .ss-logo-mark,
.Shop.divi-tracking-page .divi-shared-front-header .ss-logo-img,
.Shop.divi-tracking-page .divi-shared-front-header .ss-logo-mark{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:50%!important;
    object-fit:contain!important;
    flex:0 0 38px!important;
}

.Shop.divi-branch-page .divi-shared-front-header .ss-logo-name,
.Shop.divi-tracking-page .divi-shared-front-header .ss-logo-name{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.Shop.divi-branch-page .divi-shared-front-header .ss-actions,
.Shop.divi-tracking-page .divi-shared-front-header .ss-actions{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
}

.Shop.divi-branch-page .divi-shared-front-header .ss-header-btn,
.Shop.divi-tracking-page .divi-shared-front-header .ss-header-btn{
    min-height:40px!important;
    height:40px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    font-weight:900!important;
    text-decoration:none!important;
}

.Shop.divi-branch-page .divi-branch-header-alerts{
    display:none!important;
}

@media(max-width:768px){
    .Shop.divi-branch-page .divi-shared-front-header > .ss-container,
    .Shop.divi-tracking-page .divi-shared-front-header > .ss-container,
    #DiviTracking .divi-track-header > .ss-container{
        padding:12px 14px!important;
        gap:10px!important;
    }

    .Shop.divi-branch-page .divi-shared-front-header .ss-logo,
    .Shop.divi-tracking-page .divi-shared-front-header .ss-logo{
        font-size:16px!important;
        max-width:58vw!important;
    }

    .Shop.divi-branch-page .divi-shared-front-header .ss-user-name{
        display:none!important;
    }

    .Shop.divi-branch-page .divi-shared-front-header .ss-header-btn,
    .Shop.divi-tracking-page .divi-shared-front-header .ss-header-btn{
        min-height:36px!important;
        height:36px!important;
        padding:0 11px!important;
        font-size:12px!important;
    }
}


/* v1.7.1.7 branch dashboard wrapper spacing */
.Shop.branch-dashboard,
.Shop.divi-branch-page,
.branch-dashboard,
#DiviBranchDashboard{
    padding:0 0 44px!important;
}


/* v1.7.1.8 shared header container padding */



/* v1.7.1.9 PWA/mobile footer visible on mobile + tablet, hidden on desktop */
@media(max-width:1024px){
    .divi-mobile-footer-nav{
        display:grid!important;
    }
    body{
        padding-bottom:96px!important;
    }
}

@media(min-width:1025px){
    .divi-mobile-footer-nav,
    .divi-mobile-panel{
        display:none!important;
    }
    body{
        padding-bottom:0!important;
    }
}


/* v1.7.2.0 footer tablet visibility fix */
/* show bottom nav only on real mobile/tablet portrait widths */
@media(min-width:1025px){
    .divi-mobile-footer-nav,
    .divi-mobile-panel{
        display:none!important;
    }
}

/* hide broken vertical footer state on medium desktop/tablet landscape */
@media(min-width:768px) and (orientation:landscape){
    .divi-mobile-footer-nav{
        display:none!important;
    }
    body{
        padding-bottom:0!important;
    }
}

/* force proper horizontal bottom dock only on small responsive screens */
@media(max-width:767px), (max-width:1024px) and (orientation:portrait){
    .divi-mobile-footer-nav{
        position:fixed!important;
        left:14px!important;
        right:14px!important;
        bottom:calc(12px + env(safe-area-inset-bottom))!important;
        display:grid!important;
        grid-template-columns:repeat(4,1fr)!important;
        width:auto!important;
        height:auto!important;
    }
}


/* v1.7.2.1 footer/account source fix + visible mobile header */
@media(max-width:767px), (max-width:1024px) and (orientation:portrait){
    #Shop .ss-header,
    #Shop > .ss-header{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        height:auto!important;
        min-height:0!important;
        overflow:visible!important;
    }

    .divi-mobile-footer-nav{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        grid-auto-flow:column!important;
        gap:4px!important;
        align-items:center!important;
        overflow:hidden!important;
    }

    .divi-mobile-footer-nav > .divi-mobile-footer-item{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        grid-row:1!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
    }

    .divi-mobile-footer-icon svg{
        fill:none!important;
        stroke:currentColor!important;
        stroke-width:2!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
    }
}

.divi-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.divi-account-tab{min-height:44px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;color:#171717;font-weight:900}
.divi-account-tab.active{background:#171717;color:#fff;border-color:#171717}
.divi-account-pane{display:none}
.divi-account-pane.active{display:block}
.divi-account-pane form{display:grid;gap:12px}
.divi-account-pane input{width:100%;min-height:48px;border-radius:14px;border:1px solid #e5e7eb;padding:0 14px;box-sizing:border-box}
.divi-account-pane button{min-height:48px;border-radius:999px;background:var(--ss-brand,#E63946);color:#fff;font-weight:900;border:0}
.divi-account-card{display:grid;gap:12px}
.divi-account-card strong{font-size:18px;color:#171717}
.divi-account-card p{color:#6b7280;margin:0}
.divi-account-action{min-height:48px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#171717;font-weight:900}
.divi-account-action.logout{background:#171717;color:#fff;border-color:#171717}


/* v1.7.2.2 account panel theme colors + inline orders */
.divi-account-tab.active,
.divi-account-pane button,
.divi-account-action.logout,
.divi-account-action.active{
    background:var(--ss-brand,#E63946)!important;
    border-color:var(--ss-brand,#E63946)!important;
    color:#fff!important;
}

.divi-account-tab{
    color:var(--ss-text,#171717)!important;
}

.divi-account-action{
    color:var(--ss-text,#171717)!important;
}

.divi-account-action.logout{
    color:#fff!important;
    opacity:1!important;
}

.divi-mobile-footer-item.active,
.divi-mobile-footer-item:active{
    color:var(--ss-text,#111827)!important;
    background:var(--ss-brand-soft,#FDECEF)!important;
    border-color:var(--ss-brand,#E63946)!important;
}

.divi-mobile-footer-item.active .divi-mobile-footer-icon,
.divi-mobile-footer-item.active .divi-mobile-footer-icon svg{
    color:var(--ss-brand,#E63946)!important;
    stroke:var(--ss-brand,#E63946)!important;
}

.divi-inline-orders-list{
    display:grid;
    gap:10px;
    margin-top:4px;
}

.divi-inline-orders-list[hidden]{
    display:none!important;
}

.divi-inline-order-item{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:center;
    padding:12px;
    border:1px solid var(--ss-border,#e5e7eb);
    border-radius:16px;
    background:var(--ss-bg,#FAFAF7);
}

.divi-inline-order-item strong{
    display:block;
    color:var(--ss-text,#171717);
    font-size:14px;
}

.divi-inline-order-item span,
.divi-inline-order-item em{
    display:block;
    margin-top:4px;
    color:var(--ss-muted,#6b7280);
    font-size:12px;
    font-style:normal;
}

.divi-inline-order-item b{
    display:block;
    color:var(--ss-text,#171717);
    font-size:13px;
    text-align:right;
}


/* v1.7.2.3 account panel ui fix */
.divi-account-tabs{
    margin-bottom:20px!important;
}

.divi-account-tab{
    min-height:48px!important;
    border-radius:18px!important;
    font-size:15px!important;
    font-weight:800!important;
    transition:all .2s ease!important;
}

.divi-account-tab.active{
    box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
}

.divi-account-pane button,
.divi-inline-login-form button,
.divi-inline-register-form button{
    width:100%!important;
    min-height:52px!important;
    border-radius:18px!important;
    font-size:16px!important;
    font-weight:900!important;
    letter-spacing:-0.02em!important;
    border:0!important;
    cursor:pointer!important;
    box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
}

.divi-inline-login-form,
.divi-inline-register-form{
    display:grid!important;
    gap:14px!important;
}

.divi-inline-login-form input,
.divi-inline-register-form input{
    min-height:52px!important;
    border-radius:18px!important;
    font-size:15px!important;
    background:#fff!important;
}

#divi-mobile-account-panel .divi-mobile-panel-body{
    padding:22px!important;
}


/* v1.7.2.4 phone-first account + forgot password */
.divi-forgot-password-link{
    display:block!important;
    text-align:center!important;
    color:var(--ss-brand,#E63946)!important;
    font-weight:850!important;
    text-decoration:none!important;
    margin:2px 0 4px!important;
    font-size:14px!important;
}

.divi-forgot-password-link:active{
    opacity:.75!important;
}

.divi-inline-register-form input[name="billing_phone"]{
    border-color:var(--ss-brand,#E63946)!important;
    box-shadow:0 0 0 3px rgba(230,57,70,.08)!important;
}


/* v1.7.2.5 register phone/email choice */
.divi-register-methods{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.divi-register-methods input{
    display:none!important;
}

.divi-register-methods label{
    min-height:44px;
    border-radius:16px;
    border:1px solid var(--ss-border,#e5e7eb);
    background:#fff;
    color:var(--ss-text,#171717);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    cursor:pointer;
}

.divi-register-methods label.active{
    background:var(--ss-brand,#E63946);
    border-color:var(--ss-brand,#E63946);
    color:#fff;
    box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.divi-register-field[hidden]{
    display:none!important;
}


/* v1.7.2.6 force phone/email register UI */
.divi-register-methods{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-bottom:4px!important;
}

.divi-register-methods input{
    display:none!important;
}

.divi-register-methods label{
    min-height:44px!important;
    border-radius:16px!important;
    border:1px solid var(--ss-border,#e5e7eb)!important;
    background:#fff!important;
    color:var(--ss-text,#171717)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:900!important;
    cursor:pointer!important;
}

.divi-register-methods label.active{
    background:var(--ss-brand,#E63946)!important;
    border-color:var(--ss-brand,#E63946)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
}

.divi-register-field[hidden]{
    display:none!important;
}


/* v1.7.2.7 pre-release polish: tracking body spacing */
body.divi-tracking-clean-body .divi-tracking-page,
body.divi-tracking-fullscreen-body .divi-tracking-page{
    padding:0 0 44px!important;
}

/* v1.7.2.7 unified plugin frontend body/header surfaces */
body.divi-shop-fullscreen-body,
body.divi-clean-checkout-body,
body.divi-clean-thankyou-body,
body.divi-tracking-clean-body,
body.divi-tracking-fullscreen-body,
body.divi-branch-fullscreen-body{
    margin:0!important;
    background:var(--ss-bg,#FAFAF7)!important;
    overflow-x:hidden!important;
}

#Shop,
.Shop,
#DiviCheckout,
#DiviTracking{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}

/* Consistent shared plugin headers */
#Shop .ss-header,
#DiviCheckout .ss-header,
#DiviTracking .ss-header,
.Shop.divi-branch-page .ss-header,
.Shop.divi-tracking-page .ss-header{
    background:rgba(255,255,255,.95)!important;
    border-bottom:1px solid var(--ss-border,#e5e7eb)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.04)!important;
    backdrop-filter:blur(10px)!important;
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    border-radius:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

#Shop .ss-header > .ss-container,
#DiviCheckout .ss-header > .ss-container,
#DiviTracking .ss-header > .ss-container,
.Shop.divi-branch-page .ss-header > .ss-container,
.Shop.divi-tracking-page .ss-header > .ss-container{
    max-width:var(--ss-max-w,1440px)!important;
    width:100%!important;
    margin:0 auto!important;
    padding:14px 20px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:24px!important;
}

/* Unified mobile/PWA footer nav on every plugin page */
@media(max-width:767px), (max-width:1024px) and (orientation:portrait){
    .divi-mobile-footer-nav{
        position:fixed!important;
        left:14px!important;
        right:14px!important;
        bottom:calc(12px + env(safe-area-inset-bottom))!important;
        z-index:99999!important;
        background:#fff!important;
        border:1px solid rgba(0,0,0,.08)!important;
        border-radius:28px!important;
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:4px!important;
        padding:10px 8px!important;
        box-shadow:0 18px 42px rgba(0,0,0,.13)!important;
        overflow:hidden!important;
    }

    .divi-mobile-footer-nav > .divi-mobile-footer-item{
        appearance:none!important;
        border:0!important;
        background:transparent!important;
        color:#6b7280!important;
        text-decoration:none!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;
        min-width:0!important;
        width:100%!important;
        min-height:54px!important;
        border-radius:18px!important;
        font-size:11px!important;
        font-weight:850!important;
        line-height:1!important;
        padding:0!important;
        margin:0!important;
    }

    .divi-mobile-footer-nav .divi-mobile-footer-icon svg{
        width:22px!important;
        height:22px!important;
        display:block!important;
        fill:none!important;
        stroke:currentColor!important;
        stroke-width:2!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
    }

    .divi-mobile-footer-item.active,
    .divi-mobile-footer-item:active{
        color:var(--ss-brand,#E63946)!important;
        background:var(--ss-brand-soft,#FDECEF)!important;
    }

    #Shop,
    .Shop,
    #DiviCheckout,
    #DiviTracking{
        padding-bottom:96px!important;
    }
}

@media(min-width:1025px), (min-width:768px) and (orientation:landscape){
    .divi-mobile-footer-nav,
    .divi-mobile-panel{
        display:none!important;
    }
}


/* v1.7.2.8 correct tracking page padding only */
body.divi-tracking-clean-body .divi-tracking-page,
body.divi-tracking-fullscreen-body .divi-tracking-page{
    padding:0 0 44px!important;
}


/* v1.7.2.9 nav/register/header fixes */

/* Header radius like Shop across plugin pages */
#Shop .ss-header,
#DiviCheckout .ss-header,
#DiviTracking .ss-header,
.Shop.divi-branch-page .ss-header,
.Shop.divi-tracking-page .ss-header{
    border-radius:0 0 28px 28px!important;
    overflow:hidden!important;
}

/* Correct footer/panel layering */
.divi-mobile-panel{
    z-index:100000!important;
}

.divi-mobile-footer-nav{
    z-index:100001!important;
}

/* Shop category panel active state */
.divi-mobile-category-item{
    border-radius:16px!important;
    min-height:46px!important;
    padding:0 14px!important;
    color:var(--ss-text,#171717)!important;
    background:#fff!important;
    border:1px solid var(--ss-border,#e5e7eb)!important;
    font-weight:900!important;
    text-align:left!important;
}

.divi-mobile-category-item.active,
.divi-mobile-category-item.is-active,
.divi-mobile-category-item:active{
    background:var(--ss-brand,#E63946)!important;
    border-color:var(--ss-brand,#E63946)!important;
    color:#fff!important;
}

/* Register chooser */
.divi-register-methods{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
}

.divi-register-methods input{
    display:none!important;
}

.divi-register-methods label{
    min-height:44px!important;
    border-radius:16px!important;
    border:1px solid var(--ss-border,#e5e7eb)!important;
    background:#fff!important;
    color:var(--ss-text,#171717)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:900!important;
    cursor:pointer!important;
}

.divi-register-methods label.active{
    background:var(--ss-brand,#E63946)!important;
    border-color:var(--ss-brand,#E63946)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
}

.divi-register-field[hidden],
.divi-account-message[hidden]{
    display:none!important;
}

.divi-account-message{
    border-radius:16px!important;
    padding:12px 14px!important;
    font-weight:850!important;
    font-size:13px!important;
    line-height:1.35!important;
}

.divi-account-message.success{
    background:#ecfdf5!important;
    color:#047857!important;
    border:1px solid #a7f3d0!important;
}

.divi-account-message.error{
    background:#fef2f2!important;
    color:#991b1b!important;
    border:1px solid #fecaca!important;
}

/* Track page should not get footer nav inside header; global footer only */
#DiviTracking .ss-actions .divi-mobile-footer-nav,
.Shop.divi-branch-page .ss-actions .divi-mobile-footer-nav{
    display:none!important;
}

@media(max-width:767px), (max-width:1024px) and (orientation:portrait){
    .divi-mobile-footer-nav{
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
    }
}


/* v1.7.3.2 notification logo + successful history only */
.divi-mobile-notification-logo{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
    object-fit:cover!important;
    background:#fff!important;
    border:1px solid var(--ss-border,#e5e7eb)!important;
}


/* final release forgot password */
.divi-inline-forgot-box{
display:block;
margin-top:14px;
}
.divi-inline-forgot-inner{
background:#fff;
border:1px solid #e5e7eb;
border-radius:24px;
padding:18px;
}
.divi-inline-forgot-inner h4{
margin:0 0 6px;
font-size:22px;
font-weight:900;
}
.divi-inline-forgot-inner p{
margin:0 0 12px;
color:#6b7280;
}
.divi-inline-forgot-input{
width:100%;
min-height:52px;
border-radius:16px;
border:1px solid #d1d5db;
padding:0 16px;
font-size:15px;
margin-bottom:12px;
}
.divi-inline-forgot-send{
width:100%;
min-height:52px;
border-radius:999px;
border:0;
background:var(--ss-brand,#E63946);
color:#fff;
font-size:16px;
font-weight:900;
cursor:pointer;
}
.divi-inline-forgot-msg{
margin-top:10px;
font-size:13px;
font-weight:700;
color:#374151;
}


/* v1.7.5.2 safe inline forgot password */
.divi-forgot-password-link{
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    color:var(--ss-brand,#E63946)!important;
    font-weight:900!important;
    text-align:center!important;
    width:100%!important;
    cursor:pointer!important;
    padding:4px!important;
    text-decoration:none!important;
}

.divi-inline-forgot-box{
    display:none;
    margin-top:14px;
}

.divi-inline-forgot-inner{
    background:#fff;
    border:1px solid var(--ss-border,#e5e7eb);
    border-radius:24px;
    padding:18px;
    box-shadow:0 10px 28px rgba(0,0,0,.06);
}

.divi-inline-forgot-inner h4{
    margin:0 0 6px;
    font-size:21px;
    font-weight:950;
    color:var(--ss-text,#111827);
}

.divi-inline-forgot-inner p{
    margin:0 0 12px;
    color:var(--ss-muted,#6b7280);
    font-size:13px;
    line-height:1.45;
}

.divi-inline-forgot-input{
    width:100%!important;
    min-height:50px!important;
    border-radius:16px!important;
    border:1px solid #d1d5db!important;
    padding:0 14px!important;
    font-size:15px!important;
    box-sizing:border-box!important;
    margin-bottom:10px!important;
}

.divi-inline-forgot-send,
.divi-inline-forgot-cancel{
    width:100%!important;
    min-height:48px!important;
    border-radius:999px!important;
    font-weight:900!important;
    cursor:pointer!important;
    margin-top:8px!important;
}

.divi-inline-forgot-send{
    border:0!important;
    background:var(--ss-brand,#E63946)!important;
    color:#fff!important;
}

.divi-inline-forgot-cancel{
    border:1px solid var(--ss-border,#e5e7eb)!important;
    background:#fff!important;
    color:var(--ss-text,#111827)!important;
}

.divi-inline-forgot-msg{
    margin-top:10px;
    border-radius:14px;
    padding:10px 12px;
    font-size:13px;
    font-weight:800;
    line-height:1.4;
    background:#f9fafb;
    color:#374151;
}

.divi-inline-forgot-msg[hidden]{
    display:none!important;
}

.divi-inline-forgot-msg.success{
    background:#ecfdf5;
    border:1px solid #a7f3d0;
    color:#047857;
}

.divi-inline-forgot-msg.error{
    background:#fef2f2;
    border:1px solid #fecaca;
    color:#991b1b;
}


/* v1.7.5.5 branch stability update */
.branch-status-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:12px!important;
    font-weight:950!important;
}
.branch-status-pill.open{
    background:#ecfdf5!important;
    color:#047857!important;
    border:1px solid #a7f3d0!important;
}
.branch-status-pill.closed{
    background:#fef2f2!important;
    color:#991b1b!important;
    border:1px solid #fecaca!important;
}
.branch-status-toggle-form{
    display:inline-flex!important;
    margin:0!important;
}
.branch-status-toggle-form button{
    border:0!important;
    border-radius:999px!important;
    min-height:36px!important;
    padding:0 14px!important;
    font-weight:950!important;
    color:#fff!important;
    background:#111827!important;
    cursor:pointer!important;
}
.branch-stable-url{
    display:grid!important;
    gap:8px!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:18px!important;
    padding:14px!important;
    margin:14px 0!important;
}
.branch-stable-url strong{
    font-size:13px!important;
    color:#111827!important;
}
.branch-stable-url input{
    width:100%!important;
    min-height:42px!important;
    border-radius:12px!important;
    border:1px solid #d1d5db!important;
    padding:0 12px!important;
    background:#f9fafb!important;
    font-size:13px!important;
}


/* v1.7.5.7 branch status hotfix */
.branch-stable-url{display:none!important}

.branch-live-bar{
    gap:14px!important;
    align-items:center!important;
}

.branch-status-toggle-form{
    display:inline-flex!important;
    margin:0!important;
    flex:0 0 auto!important;
}

.branch-status-toggle-form button{
    border:0!important;
    border-radius:999px!important;
    min-height:42px!important;
    padding:0 18px!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
    white-space:nowrap!important;
}

.branch-status-toggle-form button.is-open{
    background:var(--ss-brand,#E63946)!important;
    color:#fff!important;
}

.branch-status-toggle-form button.is-closed{
    background:#111827!important;
    color:#fff!important;
}

.branch-status-pill{display:none!important}

.divi-branch-manager-note-once input{
    font-family:inherit!important;
}


/* v1.7.5.8 branch status live refresh */
.branch-status-pill,
.branch-closed-bar,
.branch-closed-warning,
.branch-status-red,
.closed-status-bar{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
}

.branch-status-toggle-form{
    display:inline-flex!important;
    align-items:center!important;
    margin:0!important;
    flex:0 0 auto!important;
}

.branch-status-toggle-form button{
    border:0!important;
    border-radius:999px!important;
    min-height:40px!important;
    padding:0 18px!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
    white-space:nowrap!important;
    transition:opacity .15s ease, transform .15s ease!important;
}

.branch-status-toggle-form button.loading{
    opacity:.65!important;
    pointer-events:none!important;
}

.branch-status-toggle-form button.is-open{
    background:var(--ss-brand,#E63946)!important;
    color:#fff!important;
}

.branch-status-toggle-form button.is-closed{
    background:#111827!important;
    color:#fff!important;
}


/* v1.7.5.9 branch manager performance cleanup */
#DiviBranchDashboard .branch-live-bar{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:wrap!important;
}

#DiviBranchDashboard #branch-live-count{
    margin-inline-start:auto!important;
}

#DiviBranchDashboard #branch-last-updated{
    color:#6b7280!important;
    font-size:12px!important;
    font-weight:800!important;
}

#DiviBranchDashboard [data-branch-refresh]{
    width:auto!important;
    min-width:110px!important;
    max-width:180px!important;
    min-height:40px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    background:var(--ss-brand,#E63946)!important;
    color:#fff!important;
    border:0!important;
    font-weight:950!important;
    cursor:pointer!important;
}

#DiviBranchDashboard [data-branch-refresh].loading{
    opacity:.65!important;
    pointer-events:none!important;
}

.branch-status-pill,
.branch-closed-bar,
.branch-closed-warning,
.branch-status-red,
.closed-status-bar{
    display:none!important;
}


/* v1.7.6.0 final branch status UI */
#DiviBranchDashboard .branch-live-bar{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
    padding:14px 16px!important;
}

#DiviBranchDashboard .branch-live-bar > span:first-child{
    flex:0 0 auto!important;
    min-width:auto!important;
    font-weight:900!important;
}

#DiviBranchDashboard #branch-live-count{
    margin-inline-start:auto!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
}

#DiviBranchDashboard #branch-last-updated{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    color:#6b7280!important;
    font-size:12px!important;
    font-weight:800!important;
}

#DiviBranchDashboard .branch-status-toggle-form{
    flex:0 0 auto!important;
    margin:0!important;
    display:inline-flex!important;
}

#DiviBranchDashboard .branch-status-toggle-form button{
    min-width:86px!important;
    width:auto!important;
    min-height:40px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    border:0!important;
    font-size:14px!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
    white-space:nowrap!important;
}

#DiviBranchDashboard .branch-status-toggle-form button.is-open{
    background:var(--ss-brand,#E63946)!important;
    color:#fff!important;
}

#DiviBranchDashboard .branch-status-toggle-form button.is-closed{
    background:#111827!important;
    color:#fff!important;
}

#DiviBranchDashboard [data-branch-refresh],
#DiviBranchDashboard #branch-refresh{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:92px!important;
    max-width:130px!important;
    min-height:40px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    border:0!important;
    background:var(--ss-brand,#E63946)!important;
    color:#fff!important;
    font-weight:950!important;
    white-space:nowrap!important;
}

#DiviBranchDashboard .branch-status-pill,
#DiviBranchDashboard .branch-closed-bar,
#DiviBranchDashboard .branch-closed-warning,
#DiviBranchDashboard .branch-status-red,
#DiviBranchDashboard .closed-status-bar{
    display:none!important;
}

@media(max-width:700px){
    #DiviBranchDashboard .branch-live-bar{
        gap:8px!important;
        padding:12px!important;
    }
    #DiviBranchDashboard .branch-live-bar > span:first-child{
        font-size:13px!important;
    }
    #DiviBranchDashboard #branch-live-count{
        font-size:13px!important;
    }
    #DiviBranchDashboard #branch-last-updated{
        display:none!important;
    }
    #DiviBranchDashboard .branch-status-toggle-form button,
    #DiviBranchDashboard [data-branch-refresh],
    #DiviBranchDashboard #branch-refresh{
        min-width:auto!important;
        padding:0 12px!important;
        font-size:13px!important;
    }
}


/* v1.7.6.1 desktop refresh button hotfix */
@media(min-width:701px){
    #DiviBranchDashboard .branch-live-bar{
        display:flex!important;
        grid-template-columns:none!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
    }

    #DiviBranchDashboard [data-branch-refresh],
    #DiviBranchDashboard #branch-refresh{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 auto!important;
        width:auto!important;
        min-width:96px!important;
        max-width:130px!important;
        margin:0!important;
        align-self:center!important;
        grid-column:auto!important;
        justify-self:auto!important;
    }

    #DiviBranchDashboard .branch-status-toggle-form{
        flex:0 0 auto!important;
        width:auto!important;
        margin:0!important;
    }
}


/* v1.7.6.2 real refresh inline fix */
@media(min-width:701px){

    #DiviBranchDashboard .branch-live-bar{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex-wrap:nowrap!important;
        gap:12px!important;
    }

    #DiviBranchDashboard .branch-live-bar > *{
        width:auto!important;
        max-width:none!important;
        flex:0 0 auto!important;
    }

    #DiviBranchDashboard [data-branch-refresh],
    #DiviBranchDashboard #branch-refresh,
    #DiviBranchDashboard button[data-branch-refresh]{
        display:inline-flex!important;
        position:relative!important;
        width:auto!important;
        min-width:100px!important;
        max-width:100px!important;
        flex:0 0 auto!important;
        margin:0!important;
        padding:0 18px!important;
        align-items:center!important;
        justify-content:center!important;
    }

    #DiviBranchDashboard .branch-status-toggle-form{
        width:auto!important;
        flex:0 0 auto!important;
    }

    #DiviBranchDashboard .branch-status-toggle-form button{
        width:auto!important;
        flex:0 0 auto!important;
    }
}


/* v1.7.6.3 branch live bar structure fix */
#DiviBranchDashboard .branch-live-bar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    flex-wrap:nowrap!important;
}

#DiviBranchDashboard .branch-live-title{
    flex:1 1 auto!important;
    min-width:0!important;
}

#DiviBranchDashboard .branch-live-title span{
    font-weight:900!important;
    color:#6b7280!important;
}

#DiviBranchDashboard .branch-live-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    flex:0 0 auto!important;
    min-width:0!important;
}

#DiviBranchDashboard .branch-live-actions > *{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
}

#DiviBranchDashboard .branch-live-actions #branch-refresh,
#DiviBranchDashboard .branch-live-actions [data-branch-refresh]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:96px!important;
    max-width:120px!important;
    min-height:40px!important;
    padding:0 16px!important;
    margin:0!important;
    border-radius:999px!important;
}

#DiviBranchDashboard .branch-live-actions .branch-status-toggle-form{
    display:inline-flex!important;
    width:auto!important;
    margin:0!important;
}

#DiviBranchDashboard .branch-live-actions .branch-status-toggle-form button{
    width:auto!important;
    min-width:86px!important;
    margin:0!important;
}

@media(max-width:700px){
    #DiviBranchDashboard .branch-live-bar{
        align-items:flex-start!important;
        gap:10px!important;
    }
    #DiviBranchDashboard .branch-live-actions{
        gap:8px!important;
        flex-wrap:wrap!important;
        justify-content:flex-end!important;
    }
    #DiviBranchDashboard .branch-live-actions #branch-refresh,
    #DiviBranchDashboard .branch-live-actions [data-branch-refresh]{
        min-width:82px!important;
        max-width:96px!important;
        padding:0 12px!important;
    }
}


/* v1.7.6.7 all dropdown stable */
.branch-order-branch-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:24px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:#f3f4f6!important;
    color:#374151!important;
    font-size:11px!important;
    font-weight:900!important;
    font-style:normal!important;
    margin-inline-start:8px!important;
    vertical-align:middle!important;
}


/* v1.7.7.2 separate manager PWA/responsive polish */
body.divi-branch-fullscreen-body,
body.divi-branch-fullscreen-body .Shop.divi-branch-page{
    min-height:100vh!important;
    background:#fff!important;
}

body.divi-branch-fullscreen-body .ss-bottom-nav,
body.divi-branch-fullscreen-body .ss-mobile-nav,
body.divi-branch-fullscreen-body .divi-bottom-nav,
body.divi-branch-fullscreen-body .pwa-bottom-nav{
    display:none!important;
}

body.divi-branch-fullscreen-body{
    padding-bottom:0!important;
}

@media(max-width:768px){
    body.divi-branch-fullscreen-body .Shop.divi-branch-page{
        padding:env(safe-area-inset-top) 10px 18px!important;
    }

    body.divi-branch-fullscreen-body .divi-shared-front-header,
    body.divi-branch-fullscreen-body .branch-header{
        border-radius:0 0 22px 22px!important;
        margin:0 0 12px!important;
    }

    body.divi-branch-fullscreen-body .branch-hero{
        margin:10px 0 12px!important;
        padding:22px 18px!important;
        border-radius:22px!important;
        min-height:auto!important;
    }

    body.divi-branch-fullscreen-body .branch-hero h1{
        font-size:36px!important;
        line-height:0.95!important;
    }

    body.divi-branch-fullscreen-body .branch-filter{
        width:100%!important;
        display:flex!important;
        gap:8px!important;
        margin-top:12px!important;
    }

    body.divi-branch-fullscreen-body .branch-filter select{
        flex:1 1 auto!important;
        min-width:0!important;
    }

    body.divi-branch-fullscreen-body .branch-filter button{
        flex:0 0 auto!important;
    }

    body.divi-branch-fullscreen-body .branch-live-bar{
        padding:12px!important;
        border-radius:18px!important;
    }

    body.divi-branch-fullscreen-body .branch-live-actions{
        gap:6px!important;
        flex-wrap:wrap!important;
    }

    body.divi-branch-fullscreen-body .branch-tabs{
        overflow-x:auto!important;
        flex-wrap:nowrap!important;
        -webkit-overflow-scrolling:touch!important;
        padding-bottom:4px!important;
    }

    body.divi-branch-fullscreen-body .branch-tab{
        white-space:nowrap!important;
        flex:0 0 auto!important;
    }

    body.divi-branch-fullscreen-body .branch-orders{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    body.divi-branch-fullscreen-body .branch-order-info{
        grid-template-columns:1fr 1fr!important;
        gap:10px!important;
    }

    body.divi-branch-fullscreen-body .branch-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
    }
}


/* v1.7.7.3 branch manager new order alarm */
.branch-sound-enable,
.branch-sound-stop{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:110px!important;
    min-height:40px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    border:0!important;
    font-weight:950!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}

.branch-sound-enable{
    background:#111827!important;
    color:#fff!important;
}

.branch-sound-stop{
    background:#dc2626!important;
    color:#fff!important;
    animation:diviBranchAlarmPulse 1s infinite!important;
}

html.divi-branch-alarm-ringing body.divi-branch-fullscreen-body .branch-live-bar{
    box-shadow:0 0 0 3px rgba(220,38,38,.16), 0 18px 44px rgba(220,38,38,.20)!important;
}

@keyframes diviBranchAlarmPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.04)}
}

@media(max-width:768px){
    .branch-sound-enable,
    .branch-sound-stop{
        min-width:auto!important;
        padding:0 12px!important;
        font-size:12px!important;
    }
}


/* v1.7.7.4 Branch Manager layout hotfix */

/* Hide customer footer navigation completely on Branch Manager */
body.divi-branch-fullscreen-body .ss-bottom-nav,
body.divi-branch-fullscreen-body .ss-mobile-bottom-nav,
body.divi-branch-fullscreen-body .ss-footer-nav,
body.divi-branch-fullscreen-body .ss-tabbar,
body.divi-branch-fullscreen-body .ss-bottom-tabs,
body.divi-branch-fullscreen-body .divi-bottom-nav,
body.divi-branch-fullscreen-body .divi-mobile-nav,
body.divi-branch-fullscreen-body .pwa-bottom-nav,
body.divi-branch-fullscreen-body nav[class*="bottom"],
body.divi-branch-fullscreen-body div[class*="bottom-nav"],
body.divi-branch-fullscreen-body div[class*="mobile-nav"],
html.divi-manager-pwa-page .ss-bottom-nav,
html.divi-manager-pwa-page .ss-mobile-bottom-nav,
html.divi-manager-pwa-page .ss-footer-nav,
html.divi-manager-pwa-page .ss-tabbar,
html.divi-manager-pwa-page .ss-bottom-tabs,
html.divi-manager-pwa-page .divi-bottom-nav,
html.divi-manager-pwa-page .divi-mobile-nav,
html.divi-manager-pwa-page .pwa-bottom-nav{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
}

body.divi-branch-fullscreen-body{
    padding-bottom:0!important;
    margin-bottom:0!important;
    overflow-x:hidden!important;
}

body.divi-branch-fullscreen-body .Shop.divi-branch-page,
html.divi-manager-pwa-page .Shop.divi-branch-page{
    padding-bottom:18px!important;
}

/* Reduce page whitespace across desktop/mobile */
body.divi-branch-fullscreen-body .ss-container,
body.divi-branch-fullscreen-body .branch-container,
body.divi-branch-fullscreen-body #DiviBranchDashboard{
    max-width:1440px!important;
}

body.divi-branch-fullscreen-body .branch-header,
body.divi-branch-fullscreen-body .divi-shared-front-header{
    margin-bottom:14px!important;
}

body.divi-branch-fullscreen-body .branch-hero{
    margin-top:12px!important;
    margin-bottom:14px!important;
}

/* Hero branch selector: keep select visible and button compact */
body.divi-branch-fullscreen-body .branch-hero{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
}

body.divi-branch-fullscreen-body .branch-hero > div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
}

body.divi-branch-fullscreen-body .branch-filter{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:360px!important;
}

body.divi-branch-fullscreen-body .branch-filter select{
    display:block!important;
    appearance:auto!important;
    -webkit-appearance:menulist!important;
    flex:1 1 190px!important;
    width:190px!important;
    min-width:150px!important;
    max-width:230px!important;
    height:48px!important;
    border-radius:18px!important;
    padding:0 14px!important;
    background:#fff!important;
    color:#111827!important;
    border:0!important;
    font-weight:850!important;
    text-indent:0!important;
    opacity:1!important;
}

body.divi-branch-fullscreen-body .branch-filter button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:76px!important;
    max-width:96px!important;
    height:48px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    font-size:14px!important;
    font-weight:950!important;
    white-space:nowrap!important;
}

/* Live status compact */
body.divi-branch-fullscreen-body .branch-live-bar{
    margin-top:0!important;
    margin-bottom:14px!important;
}

body.divi-branch-fullscreen-body .branch-tabs{
    margin-top:0!important;
    margin-bottom:14px!important;
}

/* Mobile / PWA layout */
@media(max-width:768px){
    body.divi-branch-fullscreen-body .Shop.divi-branch-page{
        padding:calc(env(safe-area-inset-top) + 8px) 10px 14px!important;
    }

    body.divi-branch-fullscreen-body .branch-header,
    body.divi-branch-fullscreen-body .divi-shared-front-header{
        margin:0 0 10px!important;
        border-radius:0 0 22px 22px!important;
        min-height:72px!important;
    }

    body.divi-branch-fullscreen-body .branch-hero{
        display:block!important;
        margin:8px 0 12px!important;
        padding:20px 18px!important;
        border-radius:24px!important;
        min-height:0!important;
    }

    body.divi-branch-fullscreen-body .branch-hero h1{
        font-size:38px!important;
        line-height:.95!important;
        margin:4px 0 6px!important;
    }

    body.divi-branch-fullscreen-body .branch-hero span{
        font-size:12px!important;
        line-height:1.3!important;
    }

    body.divi-branch-fullscreen-body .branch-hero p{
        font-size:14px!important;
        line-height:1.35!important;
        margin:0!important;
    }

    body.divi-branch-fullscreen-body .branch-filter{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        width:100%!important;
        max-width:100%!important;
        gap:8px!important;
        margin-top:16px!important;
    }

    body.divi-branch-fullscreen-body .branch-filter select{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:48px!important;
        border-radius:18px!important;
        padding:0 12px!important;
        font-size:14px!important;
    }

    body.divi-branch-fullscreen-body .branch-filter button{
        width:auto!important;
        min-width:78px!important;
        max-width:88px!important;
        height:48px!important;
        padding:0 14px!important;
        font-size:14px!important;
    }

    body.divi-branch-fullscreen-body .branch-live-bar{
        margin:0 0 12px!important;
        padding:14px!important;
        border-radius:18px!important;
        display:block!important;
    }

    body.divi-branch-fullscreen-body .branch-live-title{
        margin-bottom:10px!important;
    }

    body.divi-branch-fullscreen-body .branch-live-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:8px!important;
        flex-wrap:wrap!important;
    }

    body.divi-branch-fullscreen-body #branch-live-count,
    body.divi-branch-fullscreen-body #branch-last-updated{
        margin:0!important;
        font-size:14px!important;
    }

    body.divi-branch-fullscreen-body .branch-sound-enable,
    body.divi-branch-fullscreen-body .branch-sound-stop,
    body.divi-branch-fullscreen-body #branch-refresh,
    body.divi-branch-fullscreen-body [data-branch-refresh],
    body.divi-branch-fullscreen-body .branch-status-toggle-form button{
        min-width:auto!important;
        height:42px!important;
        min-height:42px!important;
        padding:0 14px!important;
        font-size:13px!important;
        border-radius:999px!important;
    }

    body.divi-branch-fullscreen-body .branch-tabs{
        gap:8px!important;
        margin:0 0 12px!important;
        overflow-x:auto!important;
        flex-wrap:nowrap!important;
        -webkit-overflow-scrolling:touch!important;
    }

    body.divi-branch-fullscreen-body .branch-tab{
        flex:0 0 auto!important;
        min-height:44px!important;
        padding:0 16px!important;
        font-size:13px!important;
        white-space:nowrap!important;
    }

    body.divi-branch-fullscreen-body .branch-orders{
        gap:12px!important;
    }

    body.divi-branch-fullscreen-body .branch-order-card{
        margin:0!important;
    }
}


/* v1.7.7.5 full width branch manager */
body.divi-branch-fullscreen-body .Shop.divi-branch-page{
    padding-left:0 !important;
    padding-right:0 !important;
}

.Shop.branch-dashboard,
.branch-dashboard,
#DiviBranchDashboard,
.Shop.divi-branch-page{
    width:calc(100% - 0px) !important;
    max-width:calc(100% - 0px) !important;
}

body.divi-branch-fullscreen-body .ss-container,
body.divi-branch-fullscreen-body .branch-container{
    padding-left:0 !important;
    padding-right:0 !important;
    max-width:100% !important;
}


/* v1.7.7.9 Manager PWA nav removal + notification polish */

/* Remove customer mobile footer/nav from Branch Manager everywhere */
body.divi-branch-fullscreen-body .divi-mobile-footer-nav,
body.divi-branch-fullscreen-body .divi-mobile-footer-item,
body.divi-branch-fullscreen-body .ss-bottom-nav,
body.divi-branch-fullscreen-body .ss-mobile-bottom-nav,
body.divi-branch-fullscreen-body .ss-mobile-nav,
body.divi-branch-fullscreen-body .ss-footer-nav,
body.divi-branch-fullscreen-body .ss-tabbar,
body.divi-branch-fullscreen-body .ss-bottom-tabs,
body.divi-branch-fullscreen-body .divi-bottom-nav,
body.divi-branch-fullscreen-body .divi-mobile-nav,
body.divi-branch-fullscreen-body .pwa-bottom-nav,
body.divi-branch-fullscreen-body [class*="footer-nav"],
body.divi-branch-fullscreen-body [class*="bottom-nav"],
body.divi-branch-fullscreen-body [class*="mobile-footer"],
body.divi-branch-fullscreen-body [class*="mobile-nav"],
html.divi-manager-pwa-page .divi-mobile-footer-nav,
html.divi-manager-pwa-page .divi-mobile-footer-item,
html.divi-manager-pwa-page .ss-bottom-nav,
html.divi-manager-pwa-page .ss-mobile-bottom-nav,
html.divi-manager-pwa-page .ss-mobile-nav,
html.divi-manager-pwa-page .ss-footer-nav,
html.divi-manager-pwa-page .ss-tabbar,
html.divi-manager-pwa-page .ss-bottom-tabs,
html.divi-manager-pwa-page .divi-bottom-nav,
html.divi-manager-pwa-page .divi-mobile-nav,
html.divi-manager-pwa-page .pwa-bottom-nav,
html.divi-manager-pwa-page [class*="footer-nav"],
html.divi-manager-pwa-page [class*="bottom-nav"],
html.divi-manager-pwa-page [class*="mobile-footer"],
html.divi-manager-pwa-page [class*="mobile-nav"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    transform:translateY(200%)!important;
}

body.divi-branch-fullscreen-body,
html.divi-manager-pwa-page body{
    padding-bottom:0!important;
    margin-bottom:0!important;
}

body.divi-branch-fullscreen-body #Shop,
html.divi-manager-pwa-page #Shop{
    padding-bottom:0!important;
}

.branch-notification-status{
    display:inline-flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:12px!important;
    font-weight:900!important;
    background:#f3f4f6!important;
    color:#374151!important;
}

.branch-notification-status.ok{
    background:#ecfdf5!important;
    color:#047857!important;
}

.branch-notification-status.error{
    background:#fef2f2!important;
    color:#991b1b!important;
}


/* v1.7.8.0 clean branch alarm: no frontend buttons */
.branch-sound-enable,
.branch-sound-stop,
[data-branch-enable-sound],
[data-branch-stop-sound],
#divi-enable-alerts,
#divi-stop-alarm,
.divi-enable-alerts,
.divi-stop-alarm,
.branch-notification-status,
.divi-branch-header-alerts{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
}
html.divi-branch-alarm-ringing body.divi-branch-fullscreen-body .branch-live-bar{
    box-shadow:0 0 0 3px rgba(220,38,38,.20), 0 20px 50px rgba(220,38,38,.24)!important;
    animation:diviBranchAlarmLivebarPulse 1s infinite!important;
}
@keyframes diviBranchAlarmLivebarPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.006)}
}


/* v1.7.9.0 shop safe fix-forward */
body:not(.divi-branch-fullscreen-body) .Shop:not(.divi-branch-page){
    visibility:visible!important;
}
body.divi-branch-fullscreen-body .divi-mobile-footer-nav,
body.divi-branch-fullscreen-body .ss-bottom-nav,
body.divi-branch-fullscreen-body .ss-mobile-bottom-nav{
    display:none!important;
}


/* v1.7.9.1 branch alarm new tab fix */
html.divi-branch-alarm-ringing body.divi-branch-fullscreen-body .branch-live-bar{
    box-shadow:0 0 0 3px rgba(220,38,38,.18), 0 18px 46px rgba(220,38,38,.22)!important;
}


/* diviSafeTranslation1803 */
#Shop.divi-rtl{
    direction:rtl!important;
    text-align:right!important;
}
#Shop.divi-rtl .ss-product-card,
#Shop.divi-rtl .ss-drawer,
#Shop.divi-rtl .ss-modal,
#Shop.divi-rtl .ss-branch-modal{
    direction:rtl!important;
    text-align:right!important;
}
#divi-language-popup{
    position:fixed;
    inset:0;
    z-index:999999;
    background:rgba(17,24,39,.48);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    pointer-events:none;
    transition:.18s ease;
}
#divi-language-popup.show{
    opacity:1;
    pointer-events:auto;
}
.divi-language-popup-inner{
    width:min(92vw,360px);
    background:#fff;
    border-radius:24px;
    box-shadow:0 24px 80px rgba(0,0,0,.22);
    padding:24px;
    text-align:center;
}
.divi-language-popup-inner h3{
    margin:0 0 18px;
    font-size:22px;
    font-weight:950;
}
.divi-language-popup-inner button{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:16px;
    margin:7px 0;
    font-size:16px;
    font-weight:900;
    cursor:pointer;
    background:#111827;
    color:#fff;
}
.divi-language-popup-inner button[data-lang="ar"]{
    background:var(--ss-brand,#E63946);
}


/* diviSafeTranslationPopupFix1804 */
#divi-language-popup{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    background:rgba(17,24,39,.50)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:0;
    pointer-events:none;
    transition:.18s ease;
}
#divi-language-popup.show{
    opacity:1!important;
    pointer-events:auto!important;
}
.divi-language-popup-inner{
    width:min(92vw,360px)!important;
    background:#fff!important;
    border-radius:24px!important;
    box-shadow:0 24px 80px rgba(0,0,0,.24)!important;
    padding:24px!important;
    text-align:center!important;
}
.divi-language-popup-inner h3{
    margin:0 0 18px!important;
    font-size:22px!important;
    font-weight:950!important;
    color:#111827!important;
}
.divi-language-popup-inner button{
    width:100%!important;
    min-height:50px!important;
    border:0!important;
    border-radius:16px!important;
    margin:7px 0!important;
    font-size:16px!important;
    font-weight:900!important;
    cursor:pointer!important;
    background:#111827!important;
    color:#fff!important;
}
.divi-language-popup-inner button[data-lang="ar"]{
    background:var(--ss-brand,#E63946)!important;
}
#Shop.divi-rtl{
    direction:rtl!important;
    text-align:right!important;
}


/* diviGoogleTranslateChoice1805 */
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-te-gadget,
.goog-te-combo,
.skiptranslate{
    display:none!important;
    visibility:hidden!important;
}
body{
    top:0!important;
}
html.translated-rtl #Shop,
html[dir="rtl"] #Shop{
    direction:rtl!important;
    text-align:right!important;
}


/* diviTranslationCacheRTL1806 - safer RTL button/layout fixes */
#Shop.divi-rtl button,
#Shop.divi-rtl .button,
#Shop.divi-rtl .ss-btn,
#Shop.divi-rtl .ss-product-add,
#Shop.divi-rtl .ss-checkout-btn,
#Shop.divi-rtl .ss-drawer-close,
#Shop.divi-rtl .divi-rtl-button-fix{
    direction:rtl!important;
    text-align:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
}

#Shop.divi-rtl .ss-product-card,
#Shop.divi-rtl .ss-drawer,
#Shop.divi-rtl .ss-modal,
#Shop.divi-rtl .ss-branch-modal,
#Shop.divi-rtl .ss-cart-item,
#Shop.divi-rtl .ss-checkout-form{
    direction:rtl!important;
    text-align:right!important;
}

#Shop.divi-rtl .ss-product-actions,
#Shop.divi-rtl .ss-actions,
#Shop.divi-rtl .ss-cart-actions,
#Shop.divi-rtl .ss-checkout-actions,
#Shop.divi-rtl .ss-drawer-footer{
    direction:rtl!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
}

#Shop.divi-rtl .ss-qty,
#Shop.divi-rtl .quantity,
#Shop.divi-rtl .ss-quantity{
    direction:ltr!important;
}

#Shop.divi-rtl input,
#Shop.divi-rtl textarea,
#Shop.divi-rtl select{
    direction:rtl!important;
    text-align:right!important;
}

#Shop.divi-rtl input[type="number"],
#Shop.divi-rtl input[type="tel"],
#Shop.divi-rtl input[type="email"]{
    direction:ltr!important;
    text-align:left!important;
}

#Shop.divi-rtl .ss-drawer-close,
#Shop.divi-rtl .ss-modal-close{
    margin-left:0!important;
    margin-right:auto!important;
}



/* diviBranchManagerStable1809 */
html.divi-branch-alarm-ringing body.divi-branch-fullscreen-body .branch-live-bar{box-shadow:0 0 0 3px rgba(220,38,38,.18),0 18px 46px rgba(220,38,38,.22)!important;}