@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/* --- DESIGN SYSTEM TOKENS --- */
:root {
    --font-primary: 'Outfit', sans-serif;
    
    /* Colors */
    --color-primary: #0f172a;
    --color-secondary: #475569;
    --color-muted: #64748b;
    --color-bg-body: #f8fafc;
    --color-bg-card: #ffffff;
    --color-border: #e2e8f0;
    --color-accent: #6b1124;
    --color-accent-hover: #4c0814;
    --color-accent-light: #fdf2f2;
    --color-sale: #ef4444;
    --color-star: #eab308;
    
    /* Layout */
    --radius-sm: 8px;
    --radius-md: 5px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
    --shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
    
    --container-width: 1200px;
    --header-height: 80px;
    --header-height-mobile: 130px; /* accounting for search bar below */
}

.tungo-instant-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    z-index: 99999;
    background: var(--color-primary);
    box-shadow: 0 0 8px rgba(112, 12, 30, 0.35);
    opacity: 0;
    pointer-events: none;
    transition: width 0.28s ease, opacity 0.18s ease;
}
.tungo-instant-progress.is-active {
    width: 72%;
    opacity: 1;
}

/* --- BASE & TYPOGRAPHY --- */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
body {
    font-family: var(--font-primary);
    background-color: var(--color-bg-body);
    color: var(--color-primary);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 70px; /* space for mobile bottom nav */
}
@media (min-width: 768px) {
    body {
        padding-bottom: 0;
    }
}
a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}
a:hover {
    color: var(--color-accent);
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
.container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
}

/* --- LAYOUT WRAPPER --- */
main {
    padding: 40px 0;
}
.section-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--color-primary);
}
@media (min-width: 768px) {
    .section-title {
        font-size: 28px;
    }
}

/* --- STICKY HEADER --- */
.tungo-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}
.tungo-header-top-band {
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    width: 100%;
}
.tungo-header-bottom-band {
    background-color: #ffffff;
    box-shadow: var(--shadow-sm);
    width: 100%;
}
.tungo-header.is-sticky .tungo-header-bottom-band {
    box-shadow: var(--shadow-md);
}
.tungo-header-top-band .tungo-logo {
    color: var(--color-accent) !important;
    text-decoration: none;
}
.tungo-header-top-band .tungo-logo span {
    color: var(--color-accent) !important;
    font-weight: 800;
}
.tungo-header-top-band .tungo-action-item {
    color: #374151 !important;
}
.tungo-header-top-band .tungo-action-item:hover {
    background-color: #f3f4f6 !important;
    color: #111827 !important;
}
.tungo-header-top-band .tungo-search-form {
    position: relative;
    width: 100%;
    display: block;
}
.tungo-header-top-band .tungo-search-form input[type="search"] {
    background-color: #ffffff !important;
    border: 2px solid #111827 !important;
    border-radius: 99px !important;
    color: #111827 !important;
    padding: 8px 45px 8px 16px !important;
    font-size: 13px !important;
    width: 100% !important;
    box-shadow: none !important;
    height: 38px !important;
}
.tungo-header-top-band .tungo-search-form .search-submit-btn {
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    width: 34px;
    height: 34px;
    border-radius: 50% !important;
    background-color: #111827 !important;
    border: none !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer !important;
    z-index: 5;
    transition: opacity 0.2s ease;
}
.tungo-header-top-band .tungo-search-form .search-submit-btn:hover {
    opacity: 0.9;
}
.tungo-header-top-band .tungo-search-form .search-submit-btn .search-icon {
    color: #ffffff !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}
.tungo-header-main {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tungo-logo {
    font-size: 22px;
    font-weight: 800;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}
.tungo-logo span {
    color: var(--color-accent);
}
.tungo-custom-logo-img {
    max-height: 38px;
    width: auto;
    display: block;
}

/* Search Bar */
.tungo-search-container {
    flex: 0 1 450px;
    margin: 0 20px;
}
.tungo-search-form {
    position: relative;
    width: 100%;
}
.tungo-search-form input[type="search"] {
    width: 100%;
    padding: 10px 16px 10px 42px;
    border-radius: var(--radius-xl);
    border: 1px solid var(--color-border);
    background-color: var(--color-bg-body);
    font-family: var(--font-primary);
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
}
.tungo-search-form input[type="search"]:focus {
    background-color: #fff;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px var(--color-accent-light);
}
.tungo-search-form .search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-muted);
}

/* Header actions icons */
.tungo-header-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* --- CUSTOM LOGIN PAGE --- */
.tungo-login-page-shell {
    min-height: 100vh;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0;
    background: #f8fafc;
}
.tungo-login-layout {
    width: 100%;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    min-height: 100vh;
}
.tungo-login-intro {
    position: relative;
    padding: 80px 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    background-image: url('../images/marketplace_hero_illustration.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    color: #ffffff;
}
.tungo-login-intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(107, 17, 36, 0.78) 100%);
    z-index: 1;
}
.tungo-login-intro > * {
    position: relative;
    z-index: 2;
}
.tungo-login-eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #fca5a5; /* Red/pink 300 */
    background: rgba(107, 17, 36, 0.4);
    padding: 6px 14px;
    border-radius: 99px;
    border: 1px solid rgba(252, 165, 165, 0.2);
    width: fit-content;
    margin-bottom: 12px;
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.tungo-login-intro h2 {
    font-size: clamp(34px, 4.5vw, 56px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #ffffff;
    max-width: 15ch;
    text-shadow: 0 4px 20px rgba(15, 23, 42, 0.4);
}
.tungo-login-intro p {
    max-width: 480px;
    font-size: 17px;
    line-height: 1.6;
    color: #cbd5e1; /* Slate 300 */
    font-weight: 400;
}
.tungo-login-card {
    width: 100%;
    background: #ffffff;
    padding: 80px 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: -20px 0 60px rgba(15, 23, 42, 0.02);
    border-left: 1px solid #e2e8f0;
}
.tungo-auth-logo {
    margin-bottom: 36px;
    text-align: left;
}
.tungo-auth-logo img {
    max-height: 48px;
    width: auto;
    object-fit: contain;
}
.tungo-auth-logo-text {
    margin-bottom: 36px;
}
.tungo-auth-logo-text a {
    font-size: 26px;
    font-weight: 800;
    color: var(--color-accent);
    letter-spacing: -0.02em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.tungo-auth-logo-text a::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: var(--color-accent);
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(107, 17, 36, 0.4);
}
.tungo-auth-form {
    width: 100%;
    max-width: 420px;
}
.tungo-auth-form p {
    margin-bottom: 22px;
}
.tungo-login-card label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-secondary);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.tungo-login-card input[type="text"],
.tungo-login-card input[type="password"],
.tungo-login-card input[type="email"] {
    width: 100%;
    height: 52px;
    border-radius: 12px;
    border: 2px solid #e2e8f0;
    background: #f8fafc;
    padding: 0 18px;
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 500;
    color: var(--color-primary);
    outline: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.tungo-login-card input[type="text"]:hover,
.tungo-login-card input[type="password"]:hover,
.tungo-login-card input[type="email"]:hover {
    border-color: #cbd5e1;
    background: #f1f5f9;
}
.tungo-login-card input[type="text"]:focus,
.tungo-login-card input[type="password"]:focus,
.tungo-login-card input[type="email"]:focus {
    border-color: var(--color-accent);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(107, 17, 36, 0.12);
}
.tungo-auth-remember {
    display: flex;
    align-items: center;
    margin: 20px 0 28px;
}
.tungo-auth-remember label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500;
    color: var(--color-secondary);
    font-size: 14px;
}
.tungo-auth-remember input[type="checkbox"] {
    accent-color: var(--color-accent);
    width: 18px;
    height: 18px;
    border-radius: 4px;
    cursor: pointer;
}
/* Fallback for browsers that do not support accent-color */
@supports not (accent-color: var(--color-accent)) {
    .tungo-auth-remember label {
        position: relative;
        padding-left: 28px;
    }
    .tungo-auth-remember input[type="checkbox"] {
        position: absolute !important;
        clip-path: inset(50%) !important;
        overflow: hidden !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        border: 0 !important;
        white-space: nowrap !important;
    }
    .tungo-auth-remember input[type="checkbox"] + span::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        border: 2px solid #cbd5e1;
        background: #ffffff;
        border-radius: 4px;
        box-sizing: border-box;
        transition: all 0.2s ease;
    }
    .tungo-auth-remember input[type="checkbox"]:focus-visible + span::before {
        outline: 2px solid var(--color-accent);
        outline-offset: 2px;
    }
    .tungo-auth-remember input[type="checkbox"]:checked + span::before {
        background-color: var(--color-accent);
        border-color: var(--color-accent);
    }
    .tungo-auth-remember input[type="checkbox"]:checked + span::after {
        content: "✓";
        position: absolute;
        left: 4px;
        top: 50%;
        transform: translateY(-50%);
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
    }
}
.tungo-login-card .button.button-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    background: var(--color-accent);
    border: none;
    color: #ffffff;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(107, 17, 36, 0.2);
}
.tungo-login-card .button.button-primary:hover {
    background: var(--color-accent-hover);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(107, 17, 36, 0.3);
}
.tungo-login-card .button.button-primary:active {
    transform: translateY(0);
}
.tungo-auth-form .button.button-primary {
    min-width: unset;
}
.tungo-auth-submit {
    margin-top: 10px;
}
.tungo-login-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
    font-size: 14px;
    width: 100%;
    max-width: 420px;
}
.tungo-login-links a {
    color: var(--color-accent);
    font-weight: 600;
    transition: all 0.2s ease;
}
.tungo-login-links a:hover {
    color: var(--color-accent-hover);
    text-decoration: underline;
}
@media (max-width: 991px) {
    .tungo-login-layout {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .tungo-login-intro {
        padding: 60px 40px;
        min-height: 350px;
    }
    .tungo-login-card {
        padding: 60px 40px;
        border-left: 0;
        box-shadow: none;
    }
    .tungo-auth-form {
        max-width: 100%;
    }
    .tungo-login-links {
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .tungo-login-intro {
        padding: 48px 24px;
        min-height: 280px;
    }
    .tungo-login-card {
        padding: 40px 24px;
    }
    .tungo-login-links {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}
.tungo-action-item {
    position: relative;
    color: var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.tungo-action-item:hover {
    background-color: var(--color-bg-body);
    color: var(--color-accent);
}
.tungo-action-item .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}
.tungo-action-item .cart-count,
.tungo-action-item .wishlist-count {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-sale);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid #ffffff;
}

/* Mobile Search row */
.tungo-mobile-search-row {
    background-color: #ffffff;
    border-top: 1px solid var(--color-border);
    padding: 8px 20px;
    display: block;
}
@media (min-width: 768px) {
    .tungo-mobile-search-row {
        display: none;
    }
}
@media (max-width: 767px) {
    .tungo-header-main .tungo-search-container {
        display: none;
    }
    .tungo-logo-mobile-title {
        display: block;
        font-weight: 700;
        font-size: 16px;
    }
}

/* --- CATEGORY CHIP SHORTCUT ROW --- */
.tungo-categories-scroller {
    margin: 10px 0;
    overflow-x: auto;
    scrollbar-width: none; /* Hide standard firefox scroll */
}
.tungo-categories-scroller::-webkit-scrollbar {
    display: none; /* Hide Chrome/Safari scroll */
}
.tungo-categories-list {
    display: flex;
    gap: 12px;
    padding-bottom: 4px;
}
.tungo-category-card {
    flex: 0 0 auto;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    box-shadow: none !important;
    width: 80px;
    text-align: center;
    transition: none !important;
    text-decoration: none;
}
.tungo-category-card:hover {
    transform: none !important;
    box-shadow: none !important;
}
.tungo-category-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #4b5563;
    transition: all 0.2s ease;
}
.tungo-category-card.active .tungo-category-icon {
    border-color: #000000;
    border-width: 2px;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
    background-color: #f3f4f6 !important;
    color: #000000 !important;
}
.tungo-category-icon img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: contain !important;
    background-color: #ffffff !important;
    padding: 4px !important;
}
.tungo-category-icon .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: inherit !important;
}
.tungo-category-name {
    font-size: 11px;
    font-weight: 500;
    color: #374151;
    line-height: 1.2;
    height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tungo-category-card.active .tungo-category-name {
    font-weight: 700;
    background-color: #000000;
    color: #ffffff !important;
    padding: 1px 6px;
    border-radius: 10px;
    display: inline-block;
    height: auto !important;
    -webkit-line-clamp: unset !important;
}

@media (min-width: 768px) {
    .tungo-categories-list {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 20px;
    }
    .tungo-category-card {
        width: 100px;
        gap: 8px;
    }
    .tungo-category-icon {
        width: 84px;
        height: 84px;
    }
    .tungo-category-name {
        font-size: 13px;
        height: 32px;
    }
}

/* --- TRUST BADGES STRIP --- */
.tungo-trust-badges-strip {
    background-color: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 16px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none; /* Hide Firefox scrollbar */
    gap: 24px;
    margin: 20px 0;
    box-shadow: var(--shadow-sm);
}
.tungo-trust-badges-strip::-webkit-scrollbar {
    display: none; /* Hide Chrome/Safari scrollbar */
}
.tungo-badge-item {
    flex: 0 0 210px;
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (min-width: 992px) {
    .tungo-trust-badges-strip {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        overflow-x: visible;
        gap: 20px;
        padding: 24px;
    }
    .tungo-badge-item {
        flex: none;
        gap: 16px;
    }
}
@media (max-width: 991px) {
    .tungo-trust-badges-strip {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
        gap: 24px !important;
        padding: 16px !important;
    }
    .tungo-trust-badges-strip::-webkit-scrollbar {
        display: none !important;
    }
    .tungo-badge-item {
        flex: 0 0 210px !important;
        width: 210px !important;
        scroll-snap-align: start !important;
    }
}
@media (max-width: 767px) {
    .tungo-trust-badges-strip {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
        gap: 16px !important;
        padding: 16px 12px !important;
    }
    .tungo-trust-badges-strip::-webkit-scrollbar {
        display: none !important;
    }
    .tungo-badge-item {
        flex: 0 0 210px !important;
        width: 210px !important;
        scroll-snap-align: start !important;
        gap: 10px !important;
    }
    .tungo-badge-item .badge-icon {
        width: 38px !important;
        height: 38px !important;
        flex-shrink: 0 !important;
    }
    .tungo-badge-item .badge-icon .dashicons {
        font-size: 18px !important;
        width: 18px !important;
        height: 18px !important;
    }
    .tungo-badge-item .badge-text h4 {
        font-size: 13px !important;
    }
    .tungo-badge-item .badge-text p {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }
}
.tungo-badge-item {
    display: flex;
    align-items: center;
    gap: 16px;
}
.tungo-badge-item .badge-icon {
    width: 44px;
    height: 44px;
    background-color: var(--color-accent-light);
    color: var(--color-accent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tungo-badge-item .badge-icon .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}
.tungo-badge-item .badge-text h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 2px;
}
.tungo-badge-item .badge-text p {
    font-size: 13px;
    color: var(--color-muted);
}

/* --- HOMEPAGE SECTIONS HEADER --- */
.tungo-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 12px;
}
.tungo-section-header .section-title {
    margin-bottom: 0;
}
.tungo-section-header .view-all-link {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-accent);
    display: flex;
    align-items: center;
    gap: 4px;
}
.tungo-section-header .view-all-link:hover {
    color: var(--color-accent-hover);
}

/* --- PRODUCTS GRID --- */
.tungo-products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
}
@media (min-width: 768px) {
    .tungo-products-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}
@media (min-width: 992px) {
    .tungo-products-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* --- PRODUCT CARD DESIGN --- */
/* --- PREMIUM PRODUCT CARD DESIGN --- */
.tungo-premium-card {
    background-color: #ffffff;
    border-radius: var(--radius-md);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
    border: 1px solid #f1f5f9;
}
.tungo-premium-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
}

/* Image Wrap */
.tungo-card-img-wrap {
    background-color: #f6f6f6;
    position: relative;
    padding-top: 100%; /* square ratio */
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 8px;
}
.tungo-card-info {
    padding: 0 12px 12px 12px;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}
.tungo-card-img-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.tungo-card-img-wrap img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain !important;
    padding: 10px;
    box-sizing: border-box;
    transition: transform 0.5s ease;
}
.tungo-premium-card:hover .tungo-card-img-wrap img {
    transform: scale(1.03);
}

/* Quick Look Overlay */
.tungo-quicklook-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 38px;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(100%);
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 3;
}
.tungo-premium-card:hover .tungo-quicklook-overlay {
    transform: translateY(0);
    opacity: 1;
}
.tungo-quicklook-overlay .tungo-quickview-btn {
    background: transparent !important;
    color: var(--color-primary) !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    box-shadow: none !important;
}
.tungo-quicklook-overlay .tungo-quickview-btn:hover {
    color: var(--color-accent) !important;
}

/* Wishlist Button */
.tungo-card-img-wrap .tungo-wishlist-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    color: #cbd5e1;
    transition: all 0.2s ease;
}
.tungo-card-img-wrap .tungo-wishlist-btn:hover {
    color: #e11d48;
}
.tungo-card-img-wrap .tungo-wishlist-btn.active {
    color: #e11d48;
}

/* Round Discount Tag on Image */
.tungo-card-discount-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
    background-color: var(--color-accent);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    line-height: 1;
}

/* Details Area */
.tungo-card-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 4px 12px 12px 12px !important;
}
.tungo-premium-card .tungo-card-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: #111827;
    margin-bottom: 8px;
    height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tungo-premium-card .tungo-card-title a {
    color: inherit;
    text-decoration: none;
}
.tungo-premium-card .tungo-card-title a:hover {
    color: var(--color-primary);
}

/* Title Inline Badges */
.tungo-badge-sale {
    background-color: #ef4444;
    color: #ffffff;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
    vertical-align: middle;
    line-height: 1.2;
}
.tungo-badge-local {
    background-color: #f0fdf4;
    border: 1px solid #16a34a;
    color: #16a34a;
    padding: 0px 4px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
    vertical-align: middle;
    line-height: 1.2;
}

/* Price & Sales Row + Circular Add to Cart Button */
.tungo-card-price-sales-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    min-height: 36px;
}
.price-sales-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.tungo-active-price {
    font-size: 15px;
    font-weight: 800;
    color: var(--color-primary); /* Maroon primary color */
}
.tungo-active-price .woocommerce-Price-amount {
    color: var(--color-primary) !important;
}
.tungo-sales-count {
    font-size: 11px;
    color: #4b5563;
    font-weight: 500;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}
.sales-fire {
    margin-right: 2px;
    font-size: 12px;
}

/* Circular Add to Cart Button */
.tungo-circle-add-btn {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #374151 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #374151 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    min-width: unset !important;
}
.tungo-circle-add-btn:hover {
    background-color: #374151 !important;
    color: #ffffff !important;
}
.tungo-circle-add-btn.out-of-stock {
    border-color: #cbd5e1 !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
}
.tungo-circle-add-btn.added {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    background: #fff7f8 !important;
}
.tungo-card-price-sales-row .added_to_cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 999px;
    background: var(--color-primary);
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}
.cart-plus-svg {
    width: 15px;
    height: 15px;
}

/* Tooltip info icon */
.info-icon-tooltip {
    color: #9ca3af;
    font-size: 11px;
    cursor: help;
    margin-left: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d1d5db;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    line-height: 1;
    font-weight: normal;
}

/* Was Price Row */
.tungo-was-price-row {
    font-size: 11px;
    color: #6b7280;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.tungo-was-price-row .was-price-value {
    text-decoration: line-through;
    margin-left: 3px;
    font-weight: 500;
}
.tungo-was-price-row .was-price-value .woocommerce-Price-amount {
    color: #6b7280 !important;
}

/* Highlight Tag Row */
.tungo-highlight-tag-row {
    font-size: 12px;
    color: #b45309; /* warm orange/brown */
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.tungo-card-rating-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    margin-top: auto !important; /* Push rating block and all subsequent details to the bottom of the card */
}
.tungo-card-rating-row .rating-stars {
    display: flex;
    gap: 1px;
    font-size: 13px;
}
.tungo-card-rating-row .rating-stars .star.filled {
    color: #111827 !important; /* Solid Black/Dark Grey stars */
}
.tungo-card-rating-row .rating-stars .star.empty {
    color: #e5e7eb !important;
}
.tungo-card-rating-row .reviews-count {
    font-size: 12px;
    color: #4b5563;
    font-weight: 500;
}

.tungo-pill-badges-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
    min-height: 24px;
    height: 24px;
    align-items: center;
}
.tungo-pill-star-seller {
    background-color: #6d28d9; /* Purple */
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}
.tungo-pill-star-seller .star-icon {
    font-size: 10px;
    margin-right: 2px;
}
.tungo-pill-brand {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}

.tungo-delivery-promise {
    color: #16a34a; /* Green */
    font-size: 12px;
    font-weight: 600;
    margin-top: auto !important;
    padding-top: 8px;
}

/* --- PRODUCT CAROUSEL LAYOUT --- */
.tungo-products-carousel-wrapper {
    position: relative;
    margin-bottom: 30px;
    padding: 0 10px;
}
.tungo-products-carousel-track {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    padding: 12px 4px;
}
.tungo-products-carousel-track::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}
.tungo-products-carousel-track .product {
    flex: 0 0 calc(20% - 16px); /* 5 columns desktop */
    list-style: none;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    align-self: stretch !important;
}
@media (max-width: 991px) {
    .tungo-products-carousel-track .product {
        flex: 0 0 calc(33.333% - 13.33px); /* 3 columns tablet */
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        align-self: stretch !important;
    }
}
@media (max-width: 767px) {
    .tungo-products-carousel-track .product {
        flex: 0 0 calc(50% - 10px); /* 2 columns mobile */
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        align-self: stretch !important;
    }
}

/* Carousel Navigation Arrows */
.tungo-carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--shadow-md);
    transition: all 0.3s ease;
    z-index: 10;
    color: var(--color-primary);
}
.tungo-carousel-arrow:hover {
    background: var(--color-accent);
    color: #ffffff;
    border-color: var(--color-accent);
}
.tungo-carousel-arrow.prev {
    left: -15px;
}
.tungo-carousel-arrow.next {
    right: -15px;
}
@media (max-width: 767px) {
    .tungo-carousel-arrow {
        display: none;
    }
}

/* --- HOMEPAGE PROMOTIONAL BANNERS --- */
.tungo-double-banners-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 24px 0;
}
@media (min-width: 768px) {
    .tungo-double-banners-row {
        grid-template-columns: 1fr 1fr;
    }
}
.tungo-banner-card {
    border-radius: var(--radius-lg);
    padding: 40px 30px;
    color: #ffffff;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 220px;
    position: relative;
    overflow: hidden;
}
.tungo-banner-card.banner-maroon-dark {
    background: linear-gradient(135deg, #6b1124, #3b050f);
}
.tungo-banner-card.banner-gold-accent {
    background: linear-gradient(135deg, #1e293b, #0f172a);
    border-left: 5px solid #d97706;
}
.tungo-banner-card .banner-content {
    position: relative;
    z-index: 2;
}
.tungo-banner-card .banner-tag {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background: rgba(255,255,255,0.15);
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    display: inline-block;
    margin-bottom: 12px;
}
.tungo-banner-card .banner-tag.gold {
    background: #d97706;
    color: #ffffff;
}
.tungo-banner-card h3 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 8px;
    color: #ffffff;
}
.tungo-banner-card p {
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    margin-bottom: 20px;
    max-width: 80%;
}
.tungo-banner-card .banner-btn {
    display: inline-block;
    font-weight: 700;
    color: #ffffff;
    font-size: 14px;
    text-decoration: underline;
    transition: all 0.2s ease;
}
.tungo-banner-card .banner-btn:hover {
    color: #fa6338;
}

/* Full Width Hero Banner */
.tungo-full-width-banner {
    background: linear-gradient(135deg, #6b1124 0%, #470c18 50%, #1e0509 100%);
    border-radius: var(--radius-lg);
    padding: 60px 40px;
    color: #ffffff;
    box-shadow: var(--shadow-md);
    margin: 40px 0;
    display: flex;
    align-items: center;
    min-height: 280px;
}
.tungo-full-width-banner .banner-overlay-content {
    max-width: 600px;
}
.tungo-full-width-banner .badge-tag {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background: rgba(255,255,255,0.2);
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    display: inline-block;
    margin-bottom: 14px;
}
.tungo-full-width-banner h2 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1.2;
}
.tungo-full-width-banner p {
    font-size: 15px;
    color: rgba(255,255,255,0.85);
    margin-bottom: 25px;
    line-height: 1.6;
}
.tungo-full-width-banner .banner-hero-btn {
    background-color: #ffffff !important;
    color: #6b1124 !important;
    border: none !important;
    padding: 12px 30px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border-radius: var(--radius-sm) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
.tungo-full-width-banner .banner-hero-btn:hover {
    background-color: #fdf2f2 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* --- MOBILE BOTTOM NAVIGATION --- */
.tungo-mobile-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.06);
    border-top: 1px solid var(--color-border);
    height: 60px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 999;
}
@media (min-width: 768px) {
    .tungo-mobile-nav {
        display: none;
    }
}
.tungo-mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 11px;
    color: var(--color-secondary);
    font-weight: 600;
    text-align: center;
    position: relative;
    flex: 1;
}
.tungo-mobile-nav-item.active {
    color: var(--color-accent);
}
.tungo-mobile-nav-item .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
}
.tungo-mobile-nav-item .cart-count {
    position: absolute;
    top: -2px;
    right: 25%;
    background-color: var(--color-sale);
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    border: 1px solid #ffffff;
}

/* --- GENERAL FOOTER --- */
.tungo-footer {
    background-color: var(--color-primary);
    color: #94a3b8;
    padding: 60px 0 30px 0;
    border-top: 1px solid var(--color-border);
    font-size: 14px;
}
.tungo-footer-widgets {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .tungo-footer-widgets {
        grid-template-columns: repeat(3, 1fr);
    }
}
.tungo-footer-widget h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.tungo-footer-widget ul {
    list-style: none;
}
.tungo-footer-widget ul li {
    margin-bottom: 12px;
}
.tungo-footer-widget ul li a:hover {
    color: #ffffff;
}
.tungo-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
@media (min-width: 768px) {
    .tungo-footer-bottom {
        flex-direction: row;
        justify-content: space-between;
    }
}
.tungo-footer-copyright {
    color: #64748b;
}
.tungo-footer-bottom-menu {
    display: flex;
    gap: 20px;
    list-style: none;
}

/* --- WOOCOMMERCE GENERAL PAGES CONTAINER --- */
.tungo-wc-container {
    padding: 40px 0;
}
.tungo-wc-container h1.page-title {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 30px;
    text-align: center;
}
.woocommerce-products-header__title {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 20px;
}

/* Shop Loop overrides */
.woocommerce-ordering, 
.woocommerce-result-count {
    margin-bottom: 25px !important;
}
ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2px !important;
    list-style: none !important;
    margin-left: 0 !important;
}
ul.products::before,
ul.products::after {
    display: none !important;
    content: none !important;
}
@media (min-width: 768px) {
    ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }
}
@media (min-width: 992px) {
    ul.products {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}
ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* --- SINGLE PRODUCT PAGE --- */
.product-template-default .tungo-wc-container {
    background-color: #ffffff;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    margin: 20px 0;
    border: 1px solid var(--color-border);
}
.tungo-single-product-layout {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.tungo-sp-gallery {
    flex: 1 1 500px;
    padding: 20px;
}
.tungo-sp-summary {
    flex: 1 1 450px;
    padding: 20px;
}
.tungo-sp-summary .product_title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 12px;
}
.tungo-sp-summary .price {
    font-size: 26px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 20px;
}
.tungo-sp-summary .price del {
    color: var(--color-muted);
    font-size: 18px;
    font-weight: 400;
    margin-right: 8px;
}
.tungo-sp-summary .price ins {
    text-decoration: none;
}
.tungo-sp-summary .woocommerce-product-details__short-description {
    color: var(--color-secondary);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
}
.tungo-sp-summary .cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}
.tungo-sp-summary .quantity {
    display: flex;
    align-items: center;
}
.tungo-sp-summary .quantity input.qty {
    width: 60px;
    height: 48px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.tungo-sp-summary .single_add_to_cart_button {
    background-color: var(--color-primary) !important;
    color: #ffffff !important;
    height: 48px;
    padding: 0 36px !important;
    font-weight: 700 !important;
    border-radius: var(--radius-sm) !important;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
}
.tungo-sp-summary .single_add_to_cart_button:hover {
    background-color: var(--color-accent) !important;
}

/* Buy Now custom button */
.tungo-buy-now-btn {
    background-color: var(--color-accent) !important;
    color: #ffffff !important;
    height: 48px;
    padding: 0 36px;
    font-weight: 700;
    border-radius: var(--radius-sm);
    cursor: pointer;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-grow: 1;
    text-align: center;
}
@media (min-width: 576px) {
    .tungo-buy-now-btn {
        flex-grow: 0;
    }
}
.tungo-buy-now-btn:hover {
    background-color: var(--color-accent-hover) !important;
}

.tungo-sp-action-grid {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
}
.tungo-sp-action-grid #tungo-add-to-cart-btn,
.tungo-sp-action-grid #tungo-buy-now-btn {
    min-width: 0;
    min-height: 52px;
    line-height: 1.2;
    white-space: normal;
}
@media (max-width: 767px) {
    .tungo-sp-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .tungo-sp-action-grid #tungo-add-to-cart-btn,
    .tungo-sp-action-grid #tungo-buy-now-btn {
        width: 100% !important;
        padding: 12px 10px !important;
        font-size: 13px !important;
        min-height: 50px;
    }
    .tungo-sp-action-grid #tungo-add-to-cart-btn svg {
        width: 16px;
        height: 16px;
        flex: 0 0 auto;
    }
}
@media (max-width: 360px) {
    .tungo-sp-action-grid {
        grid-template-columns: 1fr;
    }
}

.tungo-single-wishlist-action {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

/* Product Meta & Shipping */
.tungo-sp-delivery-info {
    background-color: var(--color-bg-body);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 18px;
    margin-bottom: 30px;
}
.tungo-sp-delivery-info div {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    margin-bottom: 12px;
}
.tungo-sp-delivery-info div:last-child {
    margin-bottom: 0;
}
.tungo-sp-delivery-info .dashicons {
    color: var(--color-accent);
}

/* Tabs */
.woocommerce-tabs {
    margin-top: 40px;
    border-top: 1px solid var(--color-border);
    padding-top: 30px;
}
.woocommerce-tabs ul.tabs {
    display: flex;
    list-style: none;
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 24px;
    padding-left: 0;
}
.woocommerce-tabs ul.tabs li {
    padding: 12px 24px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    position: relative;
}
.woocommerce-tabs ul.tabs li.active {
    color: var(--color-accent);
}
.woocommerce-tabs ul.tabs li.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--color-accent);
}
.woocommerce-tabs .woocommerce-Tabs-panel {
    font-size: 15px;
    line-height: 1.7;
    color: var(--color-secondary);
}

/* Related Products Grid */
.related.products,
.upsells.products {
    margin-top: 50px;
}

/* --- CART PAGE REQUIREMENTS --- */
.woocommerce-cart-form {
    flex: 1 1 65%;
}
.cart-collaterals {
    flex: 1 1 30%;
    background-color: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-sm);
    height: fit-content;
}
.tungo-cart-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.tungo-cart-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.tungo-cart-table th,
.tungo-cart-table td {
    padding: 16px;
    text-align: left;
    border-bottom: 1px solid var(--color-border);
}
.tungo-cart-table th {
    background-color: var(--color-bg-body);
    font-weight: 700;
    color: var(--color-primary);
}
.tungo-cart-item-img img {
    width: 60px;
    height: 60px;
    border-radius: var(--radius-sm);
    object-fit: cover;
}

/* Mobile cart cards instead of cramped table */
@media (max-width: 767px) {
    .tungo-cart-table {
        display: block;
        border: none;
        box-shadow: none;
    }
    .tungo-cart-table thead {
        display: none;
    }
    .tungo-cart-table tbody {
        display: block;
    }
    .tungo-cart-table tr {
        display: grid;
        grid-template-columns: 80px 1fr;
        grid-template-rows: auto auto auto;
        gap: 8px 12px;
        background-color: #ffffff;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-lg);
        padding: 16px;
        margin-bottom: 16px;
        box-shadow: var(--shadow-sm);
    }
    .tungo-cart-table td {
        display: block;
        padding: 0;
        border-bottom: none;
    }
    .tungo-cart-item-remove {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }
    .tungo-cart-item-img {
        grid-column: 1;
        grid-row: 1 / span 3;
    }
    .tungo-cart-item-img img {
        width: 80px;
        height: 80px;
    }
    .tungo-cart-item-name {
        grid-column: 2;
        grid-row: 1;
        font-weight: 600;
        padding-right: 20px;
    }
    .tungo-cart-item-price {
        grid-column: 2;
        grid-row: 2;
        font-weight: 500;
    }
    .tungo-cart-item-quantity {
        grid-column: 2;
        grid-row: 3;
        margin-top: 4px;
    }
    .tungo-cart-item-subtotal {
        display: none !important;
    }
    .tungo-cart-table td.actions {
        grid-column: 1 / span 2;
        padding-top: 15px;
        border-top: 1px solid var(--color-border);
    }
}

/* Coupon block styling */
.coupon {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.coupon input {
    height: 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 0 16px;
}
.coupon button {
    height: 40px;
    border-radius: var(--radius-sm);
    cursor: pointer;
}

/* Cart total table */
.cart-collaterals h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.cart-collaterals table {
    width: 100%;
    margin-bottom: 20px;
}
.cart-collaterals table th,
.cart-collaterals table td {
    padding: 12px 0;
    text-align: left;
}
.cart-collaterals table tr {
    border-bottom: 1px solid var(--color-border);
}
.wc-proceed-to-checkout a {
    background-color: var(--color-accent) !important;
    color: #ffffff !important;
    height: 48px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
.wc-proceed-to-checkout a:hover {
    background-color: var(--color-accent-hover) !important;
}

/* --- CHECKOUT PAGE REQUIREMENTS --- */
.tungo-checkout-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.tungo-checkout-col-left {
    flex: 1 1 60%;
}
.tungo-checkout-col-right {
    flex: 1 1 35%;
}
#order_review_heading {
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
#order_review {
    background-color: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-sm);
}

/* Checkout forms field spacing */
.form-row {
    margin-bottom: 15px !important;
}
.form-row label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
}
.form-row input.input-text,
.form-row select,
.form-row textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font-family: var(--font-primary);
    font-size: 14px;
    outline: none;
    transition: border 0.2s ease;
}
.form-row input.input-text:focus {
    border-color: var(--color-accent);
}

/* Place Order button customization */
#place_order {
    background-color: var(--color-accent) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 14px 28px !important;
    border-radius: var(--radius-sm) !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: all 0.3s ease;
}
#place_order:hover {
    background-color: var(--color-accent-hover) !important;
}

/* Stack layout on mobile */
@media (max-width: 991px) {
    .tungo-cart-layout,
    .tungo-checkout-layout {
        flex-direction: column;
    }
    .woocommerce-cart-form,
    .cart-collaterals,
    .tungo-checkout-col-left,
    .tungo-checkout-col-right {
        flex: 1 1 100%;
    }
}

/* --- CATEGORY HEADER NAV BAR --- */
.tungo-header-categories-bar {
    background: linear-gradient(-45deg, #0b0f19, #6b1124, #0f172a, #3b0712) !important;
    background-size: 400% 400% !important;
    animation: tungoGradientAnimation 15s ease infinite !important;
    border-bottom: none !important;
    width: 100%;
}
.tungo-categories-header-scroller {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    padding: 10px 0 6px 0;
    width: 100%;
}
.tungo-categories-header-scroller::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}
.tungo-header-cat-link {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85) !important;
    white-space: nowrap;
    text-decoration: none;
    padding-bottom: 6px;
    position: relative;
    transition: color 0.2s ease;
}
.tungo-header-cat-link:hover,
.tungo-header-cat-link.active {
    color: #ffffff !important;
    font-weight: 700;
}
.tungo-header-cat-link.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ffffff !important; /* White underline */
    border-radius: 2px;
}

/* --- SUBCATEGORY CIRCULAR SHORTCUTS --- */
.tungo-subcat-circular-scroller {
    background-color: #ffffff;
    padding: 15px 0;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 15px;
    width: 100%;
}
.tungo-subcat-circular-list {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 0 4px;
}
.tungo-subcat-circular-list::-webkit-scrollbar {
    display: none;
}
.tungo-subcat-circle-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    width: 80px;
    flex-shrink: 0;
    text-align: center;
}
.tungo-subcat-circle-img-wrap {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 6px;
    color: #4b5563;
    transition: all 0.2s ease;
}
.tungo-subcat-circle-card.active .tungo-subcat-circle-img-wrap {
    border-color: #000000;
    border-width: 2px;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}
.tungo-subcat-circle-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #ffffff;
    padding: 4px;
}
.tungo-subcat-circle-img-wrap .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}
.tungo-subcat-circle-name {
    font-size: 11px;
    font-weight: 500;
    color: #374151;
    line-height: 1.2;
    height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tungo-subcat-circle-card.active .tungo-subcat-circle-name {
    font-weight: 700;
    color: #000000;
}

/* --- MOBILE CARD OPTIMIZATION (FOR 2-COLUMNS DISPLAY) --- */
@media (max-width: 767px) {
    .container {
        padding: 0 8px !important;
    }
    .tungo-products-carousel-wrapper {
        padding: 0 !important;
    }
    .tungo-products-carousel-track,
    div.tungo-products-carousel-track ul.products,
    .woocommerce div.tungo-products-carousel-track ul.products {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 2px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .tungo-products-carousel-track .product,
    .tungo-products-carousel-track .tungo-premium-card,
    div.tungo-products-carousel-track ul.products li.product,
    .woocommerce div.tungo-products-carousel-track ul.products li.product {
        flex: 0 0 calc(50% - 1px) !important;
        width: calc(50% - 1px) !important;
        max-width: calc(50% - 1px) !important;
        min-width: calc(50% - 1px) !important;
        scroll-snap-align: start !important;
        box-sizing: border-box !important;
    }
    .tungo-premium-card {
        padding: 0 !important;
    }
    .tungo-card-info {
        padding: 0 8px 8px 8px !important;
    }
    .tungo-card-img-wrap {
        margin-bottom: 6px !important;
    }
    .tungo-premium-card .tungo-card-title {
        font-size: 11px !important;
        height: 32px !important;
        margin-bottom: 4px !important;
        line-height: 1.3 !important;
    }
    .tungo-card-price-sales-row {
        min-height: 28px !important;
        margin-bottom: 4px !important;
    }
    .tungo-active-price {
        font-size: 13px !important;
    }
    .tungo-sales-count {
        font-size: 9px !important;
    }
    .sales-fire {
        font-size: 10px !important;
    }
    .tungo-circle-add-btn {
        width: 28px !important;
        height: 28px !important;
    }
    .cart-plus-svg {
        width: 13px !important;
        height: 13px !important;
    }
    .tungo-was-price-row {
        font-size: 10px !important;
        margin-bottom: 4px !important;
    }
    .tungo-highlight-tag-row {
        font-size: 10px !important;
        margin-bottom: 4px !important;
    }
    .tungo-card-rating-row {
        margin-bottom: 4px !important;
        gap: 4px !important;
    }
    .tungo-card-rating-row .rating-stars {
        font-size: 11px !important;
    }
    .tungo-card-rating-row .reviews-count {
        font-size: 10px !important;
    }
    .tungo-pill-badges-row {
        gap: 4px !important;
        margin-bottom: 4px !important;
    }
    .tungo-pill-star-seller,
    .tungo-pill-brand {
        font-size: 8px !important;
        padding: 1px 4px !important;
    }
    .tungo-pill-star-seller .star-icon {
        font-size: 8px !important;
    }
    .tungo-delivery-promise {
        font-size: 10px !important;
        margin-top: 0px !important;
    }
}

/* --- ALL CATEGORIES PAGE GRID --- */
.tungo-all-categories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 20px 0;
    justify-items: center;
}
.tungo-all-categories-grid .tungo-category-card {
    width: 80px !important;
}
@media (min-width: 768px) {
    .tungo-all-categories-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 24px;
    }
}

/* --- HEADER PROMO TRUST RIBBON --- */
.tungo-header-promo-ribbon {
    background-color: #e6f4ea; /* soft green trust background */
    border-bottom: 1px solid #ceead6;
    padding: 6px 0;
    width: 100%;
}
.tungo-promo-ribbon-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 600;
    color: #137333; /* deep green trust color */
}
.tungo-promo-ribbon-content span {
    display: flex;
    align-items: center;
    gap: 4px;
}
.tungo-promo-ribbon-content span .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    color: inherit;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .tungo-promo-ribbon-content {
        justify-content: center;
        gap: 12px;
    }
    .tungo-promo-ribbon-content span:not(:first-child) {
        display: none; /* hide secondary items on mobile to fit nicely */
    }
}

/* --- PROMOTIONAL BANNERS --- */
.tungo-promo-banner-container {
    margin: 20px 0;
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    width: 100%;
    transition: transform 0.2s ease;
}
.tungo-promo-banner-container:hover {
    transform: translateY(-1px);
}
.tungo-promo-banner-container img {
    width: 100% !important;
    height: auto !important;
    max-height: 180px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: var(--radius-md) !important;
}
@media (max-width: 767px) {
    .tungo-promo-banner-container {
        margin: 12px 0;
        border-radius: var(--radius-sm);
    }
    .tungo-promo-banner-container img {
        max-height: 120px !important;
        border-radius: var(--radius-sm) !important;
    }
}

/* --- TUNGO MARKETPLACE VENDOR DASHBOARD --- */
.tungo-vendor-auth-card {
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 30px;
    text-align: center;
    max-width: 500px;
    margin: 40px auto;
    box-shadow: var(--shadow-sm);
}
.tungo-vendor-auth-card h3 {
    font-size: 20px;
    margin-bottom: 12px;
}
.tungo-vendor-auth-card p {
    font-size: 14px;
    color: var(--color-muted);
    margin-bottom: 24px;
}
.auth-buttons-row {
    display: flex;
    justify-content: center;
    gap: 16px;
}
.tungo-btn {
    background-color: var(--color-accent) !important;
    color: #ffffff !important;
    font-weight: 700;
    border: none;
    border-radius: var(--radius-sm);
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.2s ease;
}
.tungo-btn:hover {
    background-color: #540d1c !important; /* darker maroon */
}
.tungo-btn.secondary {
    background-color: #f3f4f6 !important;
    color: #374151 !important;
    border: 1px solid #d1d5db;
}
.tungo-btn.secondary:hover {
    background-color: #e5e7eb !important;
}

.tungo-vendor-dashboard-wrapper {
    margin-bottom: 45px;
}
.tungo-alert {
    padding: 12px 16px;
    border-radius: var(--radius-sm);
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
}
.tungo-alert.success {
    background-color: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}
.tungo-alert.error {
    background-color: #fef2f2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.tungo-dashboard-brand-header {
    background: linear-gradient(135deg, #6b1124, #8b1d34);
    color: #ffffff;
    border-radius: var(--radius-md);
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
    box-shadow: var(--shadow-sm);
}
.vendor-shop-logo-img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ffffff;
    background-color: #ffffff;
}
.vendor-shop-logo-placeholder {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #ffffff;
}
.vendor-shop-logo-placeholder .dashicons {
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: #ffffff;
}
.brand-header-text h2 {
    margin: 0 0 4px 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
}
.brand-header-text p {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
}

.tungo-dashboard-tabs {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 24px;
    overflow-x: auto;
    scrollbar-width: none;
}
.tungo-dashboard-tabs::-webkit-scrollbar {
    display: none;
}
.tungo-tab-btn {
    background: transparent;
    border: none;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
}
.tungo-tab-btn .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}
.tungo-tab-btn.active {
    color: var(--color-accent);
    border-bottom-color: var(--color-accent);
}
.tungo-tab-content {
    display: none;
}
.tungo-tab-content.active {
    display: block;
}

.tungo-dashboard-card {
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 24px;
    box-shadow: var(--shadow-sm);
}
.tungo-dashboard-card h3 {
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: 700;
}

.tungo-dashboard-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: left;
}
.tungo-dashboard-table th {
    padding: 12px;
    background-color: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
    font-weight: 700;
    color: #475569;
}
.tungo-dashboard-table td {
    padding: 12px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}
.price-badge, .earnings-badge {
    font-weight: 700;
    color: #0f172a;
}
.status-pill {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
.status-pill.publish {
    background-color: #dcfce7;
    color: #15803d;
}
.status-pill.pending {
    background-color: #fef9c3;
    color: #a16207;
}
.status-pill.processing {
    background-color: #dbeafe;
    color: #1d4ed8;
}
.table-action-btn {
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.table-action-btn.delete {
    color: #ef4444;
}
.table-action-btn.delete:hover {
    text-decoration: underline;
}

.tungo-dashboard-form .form-row {
    margin-bottom: 20px;
}
.tungo-dashboard-form .form-row-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.tungo-dashboard-form label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #334155;
}
.tungo-dashboard-form input[type="text"],
.tungo-dashboard-form input[type="email"],
.tungo-dashboard-form input[type="password"],
.tungo-dashboard-form input[type="number"],
.tungo-dashboard-form select,
.tungo-dashboard-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font-size: 14px;
    background-color: #f8fafc;
}
.tungo-dashboard-form input:focus,
.tungo-dashboard-form select:focus,
.tungo-dashboard-form textarea:focus {
    outline: none;
    border-color: var(--color-accent);
    background-color: #ffffff;
}
.tungo-dashboard-form input[type="text"],
.tungo-dashboard-form input[type="email"],
.tungo-dashboard-form input[type="password"],
.tungo-dashboard-form input[type="number"],
.tungo-dashboard-form select {
    min-height: 48px;
    line-height: 1.4;
}
.tungo-dashboard-form input[type="text"],
.tungo-dashboard-form input[type="email"],
.tungo-dashboard-form input[type="password"],
.tungo-dashboard-form input[type="number"],
.tungo-dashboard-form select,
.tungo-dashboard-form textarea {
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.03);
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.tungo-dashboard-form input:focus,
.tungo-dashboard-form select:focus,
.tungo-dashboard-form textarea:focus {
    box-shadow: 0 0 0 3px rgba(112, 12, 30, 0.08);
}
@media (max-width: 767px) {
    .tungo-dashboard-form .form-row-split {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

/* --- TUNGO ARCADES DIRECTORY & SINGLE ARCADES VIEW --- */
.tungo-arcades-directory-wrapper {
    margin: 24px 0 45px 0;
}
.directory-header-row {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.tungo-arcades-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}
.tungo-arcade-shop-card {
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
}
.tungo-arcade-shop-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}
.card-shop-banner {
    display: block;
    height: 210px;
    width: 100%;
    background: #ffffff !important;
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
}
.card-shop-banner .brand-logo-wrap {
    width: 100%;
    height: 100%;
    display: block;
    background: #ffffff;
}
.card-shop-banner .brand-logo-wrap img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    background: #ffffff;
}
.card-shop-banner .logo-placeholder-avatar {
    border-radius: 0;
    width: 100%;
    height: 100%;
}
.card-banner-bg {
    height: 120px;
    background-size: cover;
    background-position: center;
    position: relative;
}
.card-logo-wrap {
    position: absolute;
    bottom: -24px;
    left: 16px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    background: #ffffff;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.card-logo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.logo-placeholder-avatar {
    width: 100%;
    height: 100%;
    background: var(--color-accent);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}
.logo-placeholder-avatar.large {
    font-size: 32px;
}
.card-shop-body {
    padding: 36px 16px 16px 16px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.shop-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: #1e293b;
}
.merchant-tag {
    font-size: 11px;
    color: var(--color-muted);
    font-weight: 500;
    margin-bottom: 8px;
    display: inline-block;
}
.shop-excerpt {
    font-size: 13px;
    color: #475569;
    margin: 0 0 16px 0;
    line-height: 1.4;
    flex-grow: 1;
}
.shop-meta-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 12px;
    color: #64748b;
    border-top: 1px solid #f1f5f9;
    padding-top: 10px;
}
.shop-meta-row .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}
.card-actions-row {
    display: flex;
    gap: 8px;
}
.card-view-btn {
    flex-grow: 1;
    text-align: center;
}
.card-share-btn {
    padding: 8px 12px !important;
}

/* Single Arcade Layout Page */
.tungo-single-arcade-main-container {
    margin: 0 0 50px 0;
}
.tungo-arcade-detail-banner {
    position: relative;
    height: 240px;
    background-size: cover;
    background-position: center;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: flex-end;
}
.banner-overlay-tint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 1;
}
.arcade-detail-brand-row {
    position: relative;
    z-index: 2;
    padding: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #ffffff;
}
.brand-logo-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    background: #ffffff;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    flex-shrink: 0;
}
.brand-logo-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brand-info-col {
    flex-grow: 1;
}
.brand-info-col h2 {
    color: #ffffff;
    margin: 0 0 6px 0;
    font-size: 24px;
    font-weight: 700;
}
.brand-info-col .description-text {
    margin: 0 0 10px 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
    max-width: 700px;
}
.merchant-meta-details {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75);
}
.merchant-meta-details span {
    display: flex;
    align-items: center;
    gap: 4px;
}
.merchant-meta-details .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
}
.brand-actions-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
}

/* Filter Ribbon bar */
.arcade-filter-ribbon-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    background: #f8fafc;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 12px 16px;
}
.arcade-inline-search-form {
    position: relative;
    flex-grow: 1;
    max-width: 400px;
    display: flex;
    align-items: center;
    margin: 0;
}
.arcade-inline-search-form .search-icon {
    position: absolute;
    left: 10px;
    color: #94a3b8;
}
.arcade-inline-search-form input[type="search"] {
    width: 100%;
    padding: 8px 10px 8px 36px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font-size: 13px;
    background: #ffffff;
}
.arcade-social-links-strip {
    display: flex;
    gap: 12px;
}
.arcade-social-links-strip a {
    color: #64748b;
    transition: color 0.2s;
}
.arcade-social-links-strip a:hover {
    color: var(--color-accent);
}

/* Category Filters Pill */
.arcade-categories-pill-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}
.cat-pill {
    padding: 6px 14px;
    border-radius: 9999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid transparent;
}
.cat-pill:hover, .cat-pill.active {
    background: var(--color-accent);
    color: #ffffff !important;
}

.no-arcades-placeholder, .no-products-inside-arcade {
    text-align: center;
    padding: 40px;
    background: #f8fafc;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-muted);
    font-size: 14px;
}

@media (max-width: 767px) {
    .tungo-arcades-directory-wrapper {
        margin: 12px 0 24px 0 !important;
    }
    .directory-header-row {
        justify-content: center;
        width: 100%;
        margin-bottom: 12px !important;
    }
    .create-arcade-btn {
        width: 100%;
        text-align: center;
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
    
    /* Mobile Grid for Arcades */
    .tungo-arcades-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .tungo-arcade-shop-card {
        border-radius: var(--radius-sm) !important;
    }
    .card-banner-bg {
        height: 70px !important;
    }
    .card-logo-wrap {
        width: 40px !important;
        height: 40px !important;
        bottom: -18px !important;
        left: 10px !important;
    }
    .card-shop-body {
        padding: 24px 8px 10px 8px !important;
    }
    .shop-title {
        font-size: 13px !important;
        line-height: 1.2 !important;
        margin-bottom: 2px !important;
    }
    .merchant-tag {
        font-size: 10px !important;
        margin-bottom: 6px !important;
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .shop-excerpt {
        font-size: 11px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        flex-grow: 1 !important;
    }
    .shop-meta-row {
        margin-bottom: 10px !important;
        padding-top: 6px !important;
        font-size: 11px !important;
        gap: 6px !important;
    }
    .shop-meta-row .dashicons {
        font-size: 13px !important;
        width: 13px !important;
        height: 13px !important;
    }
    .card-actions-row {
        gap: 4px !important;
    }
    .card-view-btn {
        padding: 6px 6px !important;
        font-size: 11px !important;
    }
    .card-share-btn {
        padding: 6px 6px !important;
    }
    .card-share-btn .dashicons {
        font-size: 13px !important;
        width: 13px !important;
        height: 13px !important;
    }
    /* Reduce page container padding on mobile for layout width optimization */
    .page-content.entry-content {
        padding: 12px !important;
    }

    .tungo-single-arcade-main-container {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
        padding-bottom: 20px !important;
    }
    .tungo-arcade-detail-banner {
        height: auto;
        padding-top: 100px;
        border-radius: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
        box-shadow: none !important;
        width: 100% !important;
    }
    .arcade-detail-brand-row {
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding: 16px;
    }
    .merchant-meta-details {
        justify-content: center;
    }
    .brand-actions-col {
        width: 100%;
        margin-top: 10px;
    }
    .arcade-filter-ribbon-bar {
        flex-direction: column;
        align-items: stretch;
    }
    .arcade-inline-search-form {
        max-width: 100%;
    }
    .arcade-social-links-strip {
        justify-content: center;
    }
}

/* --- CATEGORIES CAROUSEL NAV ARROWS & FADING GRADIENTS --- */
.tungo-categories-carousel-wrapper {
    position: relative;
    width: 100%;
}
.tungo-categories-carousel-wrapper .carousel-gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    z-index: 2;
    pointer-events: none;
}
.tungo-categories-carousel-wrapper .carousel-gradient.left {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.tungo-categories-carousel-wrapper .carousel-gradient.right {
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.tungo-categories-carousel-wrapper .carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    color: #4b5563;
    padding: 0 !important;
    line-height: 1 !important;
    transition: all 0.2s;
}
.tungo-categories-carousel-wrapper .carousel-arrow:hover {
    background: #f8fafc !important;
    color: #1e293b;
    border-color: #cbd5e1 !important;
    box-shadow: var(--shadow-md);
}
.tungo-categories-carousel-wrapper .carousel-arrow .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    color: inherit !important;
}
.tungo-categories-carousel-wrapper .carousel-arrow.prev {
    left: -16px;
}
.tungo-categories-carousel-wrapper .carousel-arrow.next {
    right: -16px;
}

@media (max-width: 767px) {
    .tungo-categories-carousel-wrapper .carousel-arrow {
        display: none !important;
    }
    .tungo-categories-carousel-wrapper .carousel-gradient {
        width: 25px;
    }
}

/* --- SINGLE PRODUCT DENSE LAYOUT DESIGN --- */
.tungo-single-product-wrapper {
    padding: 20px 0;
}
.tungo-sp-custom-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    margin-bottom: 40px;
    align-items: start;
}
@media (max-width: 991px) {
    .tungo-sp-custom-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* Vertical Thumbnail Gallery */
.woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 15px !important;
    position: relative;
}
.woocommerce-product-gallery ol.flex-control-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    order: 1 !important;
    flex-shrink: 0;
}
.woocommerce-product-gallery ol.flex-control-nav li {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}
.woocommerce-product-gallery ol.flex-control-nav img {
    width: 100% !important;
    height: 70px !important;
    object-fit: cover !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.woocommerce-product-gallery ol.flex-control-nav img.flex-active,
.woocommerce-product-gallery ol.flex-control-nav img:hover {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 1px #ef4444;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    flex: 1 !important;
    order: 2 !important;
    margin: 0 !important;
}
@media (max-width: 575px) {
    .woocommerce-product-gallery {
        flex-direction: column !important;
    }
    .woocommerce-product-gallery ol.flex-control-nav {
        flex-direction: row !important;
        width: 100% !important;
        overflow-x: auto;
        padding-bottom: 4px;
    }
    .woocommerce-product-gallery ol.flex-control-nav li {
        width: 60px !important;
    }
}

/* Reviews Widget Box */
.review-tag-pill {
    display: inline-block;
    background: #f1f5f9;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.2s;
}
.review-tag-pill:hover, .review-tag-pill.active {
    background: #1e293b;
    border-color: #1e293b;
    color: #ffffff !important;
}

/* Right Summary elements */
.tungo-sp-promo-strip {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    padding: 8px 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 12px;
    color: #16a34a;
    font-weight: 600;
}
.tungo-sp-promo-strip .sale-badge {
    background: #ef4444;
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.tungo-sp-promo-strip .credit-badge {
    background: #fef3c7;
    color: #b45309;
    border: 1px solid #fde68a;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
}

.tungo-sp-title-block .local-warehouse-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #16a34a;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 8px;
}
.tungo-sp-title-block h1.product_title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
    margin: 0 0 12px 0 !important;
}

.tungo-sp-meta-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #64748b;
    margin-bottom: 16px;
}
.tungo-sp-meta-bar .meta-sales {
    color: #0f172a;
    font-weight: 700;
}
.tungo-sp-meta-bar .meta-seller a {
    color: #0f172a;
    font-weight: 700;
    text-decoration: none;
}
.tungo-sp-meta-bar .meta-seller a:hover {
    text-decoration: underline;
}
.tungo-sp-meta-bar .star-seller-badge {
    background: #faf5ff;
    color: #8b5cf6;
    border: 1px solid #e9d5ff;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    margin-left: 2px;
}

.tungo-sp-best-seller-tag {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    font-size: 12px;
    border: 1px solid #bbf7d0;
    margin-bottom: 20px;
}
.tungo-sp-best-seller-tag .best-seller-rank {
    background: #15803d;
    color: #ffffff;
    padding: 3px 8px;
    font-weight: 700;
}
.tungo-sp-best-seller-tag .best-seller-cat {
    background: #e8f5e9;
    color: #1b5e20;
    padding: 3px 8px;
    font-weight: 600;
}

.tungo-sp-price-box {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
}
.tungo-sp-price-box .active-price {
    font-size: 32px;
    font-weight: 800;
    color: #ef4444;
    line-height: 1;
}
.tungo-sp-price-box .active-price .woocommerce-Price-amount {
    color: inherit;
}
.tungo-sp-price-box .regular-price {
    font-size: 14px;
    color: #64748b;
}
.tungo-sp-price-box .discount-badge {
    background: #fee2e2;
    color: #ef4444;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
}
.tungo-sp-price-box .pay-today-badge {
    font-size: 12px;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 2px 8px;
    border-radius: 4px;
}

.tungo-sp-deal-block {
    border: 1px solid #ef4444;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}
.tungo-sp-deal-block .deal-header {
    background: #ef4444;
    color: #ffffff;
    font-weight: 700;
    font-style: italic;
    padding: 8px 12px;
    font-size: 13px;
}
.tungo-sp-deal-block .deal-body {
    padding: 16px;
    background: #ffffff;
}

.tungo-sp-delivery-details {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
}
.tungo-sp-delivery-details .delivery-row {
    display: flex;
    gap: 12px;
}
.tungo-sp-delivery-details .delivery-text strong {
    font-size: 15px;
    color: #1e293b;
    display: block;
    margin-bottom: 4px;
}
.tungo-sp-delivery-details .delivery-text span {
    font-size: 14px;
    color: #475569;
    display: block;
    margin-bottom: 4px;
}
.tungo-sp-delivery-details .delivery-text .delivery-speed {
    font-size: 14px;
    color: #16a34a;
    display: block;
}

.tungo-sp-trust-accordion {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 16px;
    margin-bottom: 20px;
}
.tungo-sp-trust-accordion .accordion-header {
    font-weight: 700;
    color: #1e293b;
    font-size: 16px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tungo-sp-trust-accordion .accordion-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}
@media (max-width: 575px) {
    .tungo-sp-trust-accordion .accordion-grid {
        grid-template-columns: 1fr;
    }
}
.tungo-sp-trust-accordion .accordion-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 12px;
}
.tungo-sp-trust-accordion .accordion-card strong {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #0f172a;
    margin-bottom: 6px;
}
.tungo-sp-trust-accordion .accordion-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tungo-sp-trust-accordion .accordion-card li {
    font-size: 12px;
    color: #475569;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.tungo-sp-trust-accordion .accordion-card li .dashicons {
    font-size: 11px;
    width: 11px;
    height: 11px;
    color: #16a34a;
}
.tungo-sp-trust-accordion .accordion-simple-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-top: 1px solid #e2e8f0;
    font-size: 12px;
    color: #1e293b;
    width: 100%;
}
.tungo-sp-trust-accordion .accordion-simple-row strong {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #0f172a;
    font-weight: 600;
    white-space: normal;
    word-break: break-word;
}
.tungo-sp-trust-accordion .accordion-simple-row strong .dashicons-arrow-right-alt2 {
    margin-left: auto;
    flex-shrink: 0;
}

.icon-green {
    color: #16a34a !important;
}
.icon-orange {
    color: #ea580c !important;
}

/* --- SITE-WIDE PREMIUM FOOTER --- */
.tungo-footer {
    background-color: #374151 !important;
    color: #d1d5db !important;
    padding: 50px 0 30px 0 !important;
    font-size: 13px !important;
    border-top: 1px solid #4b5563 !important;
    margin-top: 25px;
}
.tungo-footer h4.footer-section-title {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 0 16px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.tungo-footer-top-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 40px;
    border-bottom: 1.5px solid #4b5563;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.tungo-footer-col {
    display: flex;
    flex-direction: column;
}
.contact-item {
    margin: 0 0 10px 0 !important;
    line-height: 1.5 !important;
    color: #d1d5db !important;
}
.contact-item strong {
    color: #ffffff !important;
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    text-transform: uppercase;
    opacity: 0.8;
}
.social-icons-strip {
    display: flex;
    gap: 12px;
    align-items: center;
}
.social-icons-strip a {
    color: #ffffff !important;
    background: #4b5563;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: all 0.2s;
}
.social-icons-strip a:hover {
    background: #6b7280;
    transform: scale(1.05);
}
.social-icons-strip a .dashicons {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    color: inherit !important;
}
.payment-channels-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.pay-method-badge {
    background: #4b5563;
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tungo-footer-brands-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 20px;
    border-bottom: 1.5px solid #4b5563;
    padding-bottom: 30px;
    margin-bottom: 25px;
}
.brand-col {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.brand-col a {
    color: #9ca3af !important;
    text-decoration: none !important;
    font-size: 12px !important;
    transition: color 0.2s;
    text-transform: capitalize;
}
.brand-col a:hover {
    color: #ffffff !important;
}

.tungo-footer-bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.bottom-bar-content {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
}
.bottom-bar-content .pay-text {
    font-style: italic;
    opacity: 0.9;
}
.bottom-bar-content .force-text {
    background: #ffffff;
    color: #374151;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 900;
}
.bottom-bar-content .delivery-text {
    font-weight: 600;
    opacity: 0.7;
    font-size: 11px;
}

@media (max-width: 991px) {
    .tungo-footer-brands-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 767px) {
    .tungo-footer-top-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .tungo-footer-bottom-bar {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}
@media (max-width: 480px) {
    .tungo-footer-brands-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Homepage Header spacing optimization */
.below-header-banner {
    margin-bottom: 0 !important;
    background-color: var(--color-bg-body) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.below-header-banner img {
    box-shadow: var(--shadow-sm) !important;
}
.tungo-homepage .tungo-section-header:first-of-type {
    margin-top: 5px !important;
}

/* --- THREE PROMO BANNERS SECTION --- */
.tungo-three-banners-section {
    margin: 15px 0;
    width: 100%;
}
.three-banners-track {
    display: flex;
    gap: 15px;
    width: 100%;
}
.tungo-promo-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    padding: 20px;
    overflow: hidden;
    flex: 1;
    min-height: 140px;
    box-shadow: var(--shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
    text-decoration: none !important;
}
.tungo-promo-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}
.tungo-promo-card.banner-watch {
    background-color: #f5ebe0;
}
.tungo-promo-card.banner-headphone {
    background-color: #e8ecf4;
}
.tungo-promo-card.banner-backpack {
    background-color: #d0ebf7;
}
.promo-card-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    text-align: left;
}
.promo-card-content .promo-title {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
    margin: 0;
}
.promo-price-row {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-weight: 700;
}
.promo-price-row .currency {
    font-size: 12px;
    color: #111827;
}
.promo-price-row .price-val {
    font-size: 20px;
    color: #111827;
}
.promo-price-row .old-price {
    font-size: 12px;
    color: #6b7280;
    text-decoration: line-through;
    margin-left: 2px;
}
.promo-price-row .disc-val {
    font-size: 13px;
    color: #ef4444;
    margin-left: 4px;
}
.promo-btn {
    display: inline-block;
    background-color: #ffffff;
    color: #111827;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 99px;
    text-decoration: none;
    width: fit-content;
    border: 1px solid #e5e7eb;
    box-shadow: var(--shadow-xs);
    transition: background-color 0.2s ease;
}
.tungo-promo-card:hover .promo-btn {
    background-color: #f9fafb;
}
.promo-image-wrap {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.promo-image-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.tungo-promo-card.tungo-promo-card-full-image {
    padding: 0;
    position: relative;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.promo-full-image-wrap {
    width: 100%;
    height: 100%;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 12px;
}
.promo-full-image-wrap img {
    width: 100%;
    height: 100%;
    min-height: 140px;
    max-height: 160px;
    object-fit: contain;
    display: block;
    border-radius: 12px;
}

/* Three Promo Banners Mobile Carousel (<= 768px) */
.three-banners-dots {
    display: none !important;
}

@media (max-width: 768px) {
    .tungo-three-banners-section {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
        margin: 10px 0 14px 0 !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }
    .three-banners-track {
        display: flex !important;
        width: 100% !important;
        gap: 0 !important;
        transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important;
        will-change: transform !important;
        touch-action: pan-y !important;
        user-select: none !important;
    }
    .tungo-promo-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        min-height: 0 !important;
        height: auto !important;
    }
    .tungo-promo-card.tungo-promo-card-full-image {
        padding: 0 !important;
        background: transparent !important;
    }
    .tungo-promo-card .promo-full-image-wrap {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        display: block !important;
    }
    .tungo-promo-card .promo-full-image-wrap img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        display: block !important;
        border-radius: 12px !important;
    }
    .three-banners-dots {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
        margin-top: 8px !important;
        margin-bottom: 2px !important;
    }
    .three-banners-dots .three-banner-dot {
        width: 6px !important;
        height: 6px !important;
        border-radius: 50% !important;
        background: #cbd5e1 !important;
        transition: all 0.25s ease !important;
        cursor: pointer !important;
        display: inline-block !important;
    }
    .three-banners-dots .three-banner-dot.active {
        width: 18px !important;
        border-radius: 4px !important;
        background: #6b1124 !important;
    }
}



/* --- PRODUCT CARD EQUAL HEIGHTS --- */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
}
@media (min-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (min-width: 992px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}
.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    height: 100% !important;
    margin: 0 !important;
    width: 100% !important;
}
.tungo-premium-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    flex-grow: 1 !important;
    position: relative !important;
}
.tungo-card-info {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: space-between !important;
}
.tungo-premium-card .tungo-card-title {
    height: 38px !important;
    line-height: 1.4 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 6px !important;
}

/* --- SKELETON LOADERS --- */
.tungo-card-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 20;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: var(--radius-md);
    pointer-events: none;
}
.skeleton-image {
    width: 100%;
    aspect-ratio: 1/1;
    background-color: #f1f5f9;
    border-radius: var(--radius-sm);
    position: relative;
    overflow: hidden;
}
.skeleton-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-grow: 1;
}
.skeleton-line {
    height: 12px;
    background-color: #f1f5f9;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.skeleton-line.title-1 {
    width: 90%;
}
.skeleton-line.title-2 {
    width: 70%;
}
.skeleton-line.price {
    width: 50%;
    height: 16px;
    margin-top: 4px;
}
.skeleton-image::after,
.skeleton-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.7), transparent);
    transform: translateX(-100%);
    animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

/* --- MOBILE SINGLE PRODUCT OPTIMIZATIONS --- */
@media (max-width: 767px) {
    .woocommerce-product-gallery {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .woocommerce-product-gallery ol.flex-control-nav {
        flex-direction: row !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        position: relative !important;
        width: 100% !important;
        order: 2 !important;
        padding: 0 !important;
        margin: 10px 0 0 0 !important;
    }
    .woocommerce-product-gallery ol.flex-control-nav li {
        width: 45px !important;
        height: 45px !important;
        margin: 0 !important;
    }
    .woocommerce-product-gallery__wrapper {
        order: 1 !important;
        width: 100% !important;
    }
    h1.product_title {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
    .tungo-sp-trust-accordion {
        padding: 12px !important;
        margin-bottom: 15px !important;
    }
    .tungo-sp-trust-accordion .accordion-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .tungo-sp-trust-accordion .accordion-card {
        padding: 10px !important;
    }
    .tungo-sp-trust-accordion .accordion-simple-row {
        padding: 10px 0 !important;
    }
    .tungo-sp-trust-accordion .accordion-simple-row strong {
        font-size: 11px !important;
    }
}

/* --- SINGLE PRODUCT GALLERY & CAROUSELS --- */
.tungo-sp-gallery-col .woocommerce-product-gallery {
    width: 100% !important;
    float: none !important;
}
.tungo-related-carousel-title {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    margin: 35px 0 15px 0;
    text-align: left;
}
.tungo-products-carousel-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.tungo-products-carousel-track {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
.tungo-products-carousel-track::-webkit-scrollbar {
    display: none;
}
.woocommerce .tungo-products-carousel-track ul.products {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce .tungo-products-carousel-track ul.products li.product {
    flex: 0 0 calc(20% - 8px) !important;
    width: calc(20% - 8px) !important;
    scroll-snap-align: start !important;
    margin: 0 !important;
}
.tungo-products-carousel-wrapper .tungo-carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    color: #1e293b !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10;
    transition: all 0.2s ease;
    padding: 0 !important;
    line-height: 1 !important;
}
.tungo-products-carousel-wrapper .tungo-carousel-arrow:hover {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}
.tungo-products-carousel-wrapper .tungo-carousel-arrow.prev {
    left: -18px;
}
.tungo-products-carousel-wrapper .tungo-carousel-arrow.next {
    right: -18px;
}
.tungo-products-carousel-wrapper .tungo-carousel-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    z-index: 4;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.tungo-products-carousel-wrapper .tungo-carousel-mask.left-gradient {
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0) 100%);
}
.tungo-products-carousel-wrapper .tungo-carousel-mask.right-gradient {
    right: 0;
    background: linear-gradient(270deg, #ffffff 0%, rgba(255,255,255,0) 100%);
}
@media (max-width: 767px) {
    .woocommerce .tungo-products-carousel-track ul.products li.product {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
    }
    .tungo-products-carousel-wrapper .tungo-carousel-arrow {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .tungo-sp-custom-grid {
        padding: 0 15px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        /* Removed overflow-x: hidden — it traps scroll context on mobile */
    }
    .tungo-single-product-wrapper {
        padding: 10px 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        /* Removed overflow-x: hidden — it traps scroll context on mobile */
        box-sizing: border-box !important;
    }
    .woocommerce-product-gallery {
        max-width: 100% !important;
        overflow: visible !important; /* was hidden — caused sticky elements to break scroll */
    }
}
@media (max-width: 480px) {
    .tungo-sp-action-buttons {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .tungo-sp-action-buttons button {
        width: 100% !important;
        flex: none !important;
    }
}

/* Force horizontal product recommendation carousels to maintain 5-columns sizes */
body.woocommerce div.tungo-products-carousel-track ul.products,
body.woocommerce-page div.tungo-products-carousel-track ul.products,
.woocommerce div.tungo-products-carousel-track ul.products,
.woocommerce-page div.tungo-products-carousel-track ul.products,
div.tungo-products-carousel-track ul.products {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: none !important;
    grid-gap: 0 !important;
    float: none !important;
}
body.woocommerce div.tungo-products-carousel-track ul.products li.product,
body.woocommerce-page div.tungo-products-carousel-track ul.products li.product,
.woocommerce div.tungo-products-carousel-track ul.products li.product,
.woocommerce-page div.tungo-products-carousel-track ul.products li.product,
div.tungo-products-carousel-track ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 calc(20% - 8px) !important;
    width: calc(20% - 8px) !important;
    max-width: calc(20% - 8px) !important;
    min-width: calc(20% - 8px) !important;
    margin: 0 !important;
    float: none !important;
    scroll-snap-align: start !important;
    height: auto !important;
}
@media (max-width: 767px) {
    body.woocommerce div.tungo-products-carousel-track ul.products li.product,
    body.woocommerce-page div.tungo-products-carousel-track ul.products li.product,
    .woocommerce div.tungo-products-carousel-track ul.products li.product,
    .woocommerce-page div.tungo-products-carousel-track ul.products li.product,
    div.tungo-products-carousel-track ul.products li.product {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: calc(50% - 5px) !important;
        height: auto !important;
    }
}

/* --- HOMEPAGE FEATURED BRANDS & PROMO GRID --- */
.tungo-brands-section-wrapper {
    margin: 15px 0;
    width: 100%;
}
.tungo-brands-row {
    display: flex;
    gap: 20px;
    width: 100%;
}
.tungo-brands-card-col {
    flex: 0 0 calc(50% - 10px);
    width: calc(50% - 10px);
    background-color: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.brands-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.brands-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}
.brands-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.brands-arrow {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #475569;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    transition: background 0.2s ease;
}
.brands-arrow:hover {
    background: #cbd5e1;
}
.brands-show-all {
    font-size: 13px;
    font-weight: 700;
    color: #111827;
    text-decoration: underline;
    margin-left: 10px;
}
.tungo-brands-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    width: 100%;
}
.tungo-brand-grid-item {
    background-color: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    padding: 16px 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tungo-brand-grid-item:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
    background-color: #f1f5f9;
}
.brand-logo-badge {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.brand-logo-badge svg {
    max-width: 85%;
    max-height: 85%;
}
.brand-item-name {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.tungo-brands-banner-col {
    flex: 0 0 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 24px 40px;
    box-sizing: border-box;
    min-height: 160px;
    box-shadow: var(--shadow-sm);
}
.banner-color-tint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(243,233,220,0.95) 0%, rgba(243,233,220,0.7) 50%, rgba(243,233,220,0) 100%);
    z-index: 1;
}
.banner-promo-text-wrap {
    position: relative;
    z-index: 2;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.banner-sub-intro {
    font-size: 14px;
    font-style: italic;
    color: #5c4033;
    font-weight: 600;
}
.banner-main-headline {
    font-size: 32px;
    font-weight: 800;
    color: #111827;
    margin: 5px 0;
    line-height: 1.25;
    max-width: 85%;
}
.banner-starting-price-line {
    font-size: 15px;
    color: #4b5563;
    margin-bottom: 15px;
}
.banner-starting-price-line strong {
    color: #111827;
    font-size: 18px;
}
.brands-banner-btn {
    background-color: #d4c2ad !important;
    color: #2b1d0c !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 12px 28px !important;
    font-size: 14px !important;
    text-transform: none !important;
    transition: background-color 0.2s ease !important;
}
.brands-banner-btn:hover {
    background-color: #c5b199 !important;
}

@media (max-width: 991px) {
    .tungo-brands-row {
        flex-direction: column;
    }
    .tungo-brands-card-col {
        flex: 1 1 100%;
        width: 100%;
    }
    .tungo-brands-banner-col {
        flex: 1 1 100%;
        width: 100%;
        min-height: 130px;
        padding: 16px 24px;
    }
}

@media (max-width: 767px) {
    .tungo-brands-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 12px !important;
        padding: 5px 0 15px 0 !important;
        width: 100% !important;
    }
    .tungo-brands-grid::-webkit-scrollbar {
        display: none !important;
    }
    .tungo-brand-grid-item {
        flex: 0 0 115px !important;
        width: 115px !important;
        max-width: 115px !important;
        scroll-snap-align: start !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 480px) {
    .banner-main-headline {
        font-size: 24px;
        max-width: 90%;
    }
    .tungo-brands-banner-col {
        min-height: 110px;
        padding: 12px 16px;
    }
}

/* --- 4TH ROW COUNTDOWN HOMEPAGE BANNER --- */
.fourth-row-homepage-banner {
    width: 100%;
}
.tungo-countdown-banner-inner {
    display: block;
    height: 140px;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    box-shadow: var(--shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tungo-countdown-banner-inner:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}
.countdown-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(142,90,50,0.85) 0%, rgba(142,90,50,0.4) 60%, rgba(142,90,50,0.1) 100%);
    z-index: 1;
}
.countdown-banner-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
    box-sizing: border-box;
}
.countdown-left {
    text-align: left;
}
.countdown-title {
    font-size: 36px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    line-height: 1.1;
}
.countdown-subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.95);
    margin: 6px 0 0 0;
    font-weight: 600;
}
.countdown-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.countdown-btn {
    display: inline-block;
    background-color: #724c31;
    color: #ffffff;
    padding: 12px 32px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,0.25);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transition: background-color 0.2s ease;
}
.tungo-countdown-banner-inner:hover .countdown-btn {
    background-color: #613f27;
}
.countdown-right-save {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.save-label {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 1px;
    line-height: 1;
}
.save-amount {
    font-size: 42px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1;
    margin-top: 4px;
}

@media (max-width: 991px) {
    .countdown-title {
        font-size: 28px;
    }
    .save-amount {
        font-size: 34px;
    }
    .countdown-banner-content {
        padding: 0 30px;
    }
}

@media (max-width: 767px) {
    .tungo-countdown-banner-inner {
        height: auto;
        padding: 25px 20px;
    }
    .countdown-banner-overlay {
        background: rgba(142,90,50,0.85);
    }
    .countdown-banner-content {
        flex-direction: column;
        gap: 15px;
        padding: 0;
        text-align: center;
    }
    .countdown-left {
        text-align: center;
    }
    .countdown-right-save {
        text-align: center;
        align-items: center;
    }
}

/* --- HOMEPAGE CATEGORY TITLE ROW BACKGROUND CYCLING --- */
.tungo-row-color-1 .tungo-section-header {
    background-color: #f6ece2; /* Warm soft cream/beige */
}
.tungo-row-color-2 .tungo-section-header {
    background-color: #e8edf5; /* Cool soft lavender/grey */
}
.tungo-row-color-3 .tungo-section-header {
    background-color: #cfe8f5; /* Soft baby blue/sky blue */
}

.tungo-row-color-1 .tungo-section-header,
.tungo-row-color-2 .tungo-section-header,
.tungo-row-color-3 .tungo-section-header {
    padding: 12px 18px !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    margin-top: 15px !important;
}

.tungo-row-color-1 .tungo-section-header .section-title,
.tungo-row-color-2 .tungo-section-header .section-title,
.tungo-row-color-3 .tungo-section-header .section-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #111827 !important; /* Bold navy/dark text */
}

.tungo-row-color-1 .tungo-section-header .view-all-link,
.tungo-row-color-2 .tungo-section-header .view-all-link,
.tungo-row-color-3 .tungo-section-header .view-all-link {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--color-primary) !important; /* Maroon color */
}





/* --- HOMEPAGE INFINITE SCROLL PRODUCT GRID --- */
.tungo-products-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    margin-top: 20px !important;
    width: 100% !important;
}
@media (min-width: 576px) {
    .tungo-products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (min-width: 768px) {
    .tungo-products-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 20px !important;
    }
}
@media (min-width: 992px) {
    .tungo-products-grid {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

.tungo-products-grid .product {
    width: 100% !important;
    margin: 0 !important;
    flex: none !important;
    display: flex !important;
    flex-direction: column !important;
}

.tungo-infinite-scroll-loader {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    width: 100%;
}
.tungo-infinite-scroll-loader.loading {
    display: flex !important;
}

.tungo-spinner {
    width: 40px !important;
    height: 40px !important;
    border: 4px solid rgba(0, 0, 0, 0.1) !important;
    border-top: 4px solid #3b82f6 !important;
    border-radius: 50% !important;
    animation: tungo-spin 1s linear infinite !important;
}

@keyframes tungo-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* --- CUSTOM INTEGRATION STYLES (TUNGO SHOP EXTENSIONS) --- */

/* Hide on mobile helper */
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}

/* User & Merchant Dashboard Styles */
.tungo-dashboard-layout {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 30px 0;
}
@media (min-width: 992px) {
    .tungo-dashboard-layout {
        flex-direction: row;
    }
}

.tungo-dashboard-sidebar {
    flex: 0 0 260px;
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    padding: 20px;
    box-shadow: var(--shadow-sm);
    height: fit-content;
}

.tungo-dashboard-user-info {
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-border);
}
.tungo-dashboard-user-info img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
    border: 2px solid var(--color-primary);
}
.tungo-dashboard-user-info h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
.tungo-dashboard-user-info span {
    font-size: 12px;
    color: var(--color-muted);
}

.tungo-dashboard-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.tungo-dashboard-menu li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 8px;
    color: var(--color-secondary);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}
.tungo-dashboard-menu li.active a,
.tungo-dashboard-menu li a:hover {
    background-color: rgba(112, 12, 30, 0.08);
    color: var(--color-primary);
}

.tungo-dashboard-content {
    flex: 1;
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    padding: 30px;
    box-shadow: var(--shadow-sm);
    min-height: 400px;
}

.tungo-dashboard-content h3 {
    margin-top: 0;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 24px;
}

/* Stats Cards Grid */
.tungo-dashboard-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .tungo-dashboard-stats-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
.tungo-stat-card {
    background: #f8fafc;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}
.tungo-stat-card .dashicons {
    font-size: 24px;
    width: 24px;
    height: 24px;
    color: var(--color-primary);
    margin-bottom: 8px;
}
.tungo-stat-card h5 {
    margin: 0;
    font-size: 12px;
    color: var(--color-muted);
    text-transform: uppercase;
}
.tungo-stat-card .stat-value {
    font-size: 20px;
    font-weight: 800;
    margin-top: 6px;
    color: var(--color-primary);
}

/* Form layouts */
.tungo-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
@media (min-width: 768px) {
    .tungo-form-grid {
        grid-template-columns: 1fr 1fr;
    }
}
.tungo-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.tungo-form-group.full-width {
    grid-column: 1 / -1;
}
.tungo-form-group label {
    font-size: 13px;
    font-weight: 600;
}
.tungo-form-group input,
.tungo-form-group select,
.tungo-form-group textarea {
    padding: 10px 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    font-size: 14px;
}

/* Spin Wheel Styling */
.tungo-spin-container {
    max-width: 600px;
    margin: 40px auto;
    text-align: center;
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
    box-sizing: border-box;
}
.tungo-wheel-wrapper {
    position: relative;
    width: 320px;
    height: 320px;
    margin: 30px auto;
}
#canvas-spin-wheel {
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15), 0 0 0 10px #700c1e;
    max-width: 100%;
    height: auto;
}
.tungo-wheel-pointer {
    position: absolute;
    top: -12px;
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: #e11d48;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    z-index: 10;
}
.tungo-spin-button {
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #700c1e;
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    border: 3px solid #fff;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 12;
}

/* ── Spin Wheel Mobile Full-Width ─── */
@media (max-width: 767px) {
    .tungo-spin-shell {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 24px 16px !important;
        margin: 0 !important;
    }
    .tungo-spin-container {
        max-width: 100% !important;
        width: 100% !important;
        padding: 20px 12px !important;
        margin: 0 auto !important;
        border-radius: 12px;
    }
    .tungo-spin-game-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    .tungo-spin-game-container .tungo-dashboard-card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .tungo-wheel-wrapper {
        width: min(300px, 85vw) !important;
        height: min(300px, 85vw) !important;
    }
    #canvas-spin-wheel {
        width: 100% !important;
        height: 100% !important;
    }
    .wheel-canvas-wrapper {
        width: min(86vw, 340px) !important;
        height: min(86vw, 340px) !important;
        max-width: min(86vw, 340px) !important;
        max-height: min(86vw, 340px) !important;
        aspect-ratio: 1 / 1 !important;
        flex: 0 0 auto !important;
    }
    #tungoSpinWheelCanvas {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 50% !important;
        display: block !important;
    }
}

/* Storefront Page Styling */
.tungo-store-header-card {
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: var(--shadow-sm);
}
.tungo-store-banner {
    height: 180px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.tungo-store-header-details {
    padding: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: -60px;
}
@media (min-width: 768px) {
    .tungo-store-header-details {
        flex-direction: row;
        text-align: left;
        align-items: flex-end;
        margin-top: -50px;
        gap: 24px;
        padding-left: 30px;
        padding-right: 30px;
    }
}
.tungo-store-logo-wrap {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: var(--shadow-md);
    background: #fff;
    overflow: hidden;
    flex-shrink: 0;
}
.tungo-store-logo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tungo-store-meta-info {
    margin-top: 15px;
    flex: 1;
}
.tungo-store-meta-info h1 {
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 6px 0;
}
.tungo-store-meta-info p {
    font-size: 14px;
    color: var(--color-muted);
    margin: 0;
}
.tungo-store-actions {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}
.tungo-btn-whatsapp {
    background-color: #22c55e !important;
    color: #fff !important;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.tungo-btn-share {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}

/* Trust Badges mobile vertical list */
@media (max-width: 767px) {
    .tungo-trust-badges-list {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
        padding: 15px !important;
    }
}

/* User Dashboard Sidebar Menu Styles */
.tungo-dashboard-tabs-sidebar {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.tungo-dashboard-tabs-sidebar .tungo-tab-btn {
    background: transparent;
    border: none;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    text-align: left;
    transition: all 0.2s ease;
    width: 100%;
}
.tungo-dashboard-tabs-sidebar .tungo-tab-btn.active,
.tungo-dashboard-tabs-sidebar .tungo-tab-btn:hover {
    background-color: rgba(112, 12, 30, 0.08);
    color: var(--color-primary);
}
.tungo-dashboard-tabs-sidebar a.tungo-tab-btn {
    text-decoration: none;
}
.tungo-dashboard-tabs-sidebar .merchant-dash-btn {
    font-weight: 700;
    border: 1px dashed rgba(112, 12, 30, 0.2);
}
.tungo-dashboard-tabs-sidebar .merchant-dash-btn:hover {
    background-color: rgba(112, 12, 30, 0.12) !important;
}

/* Dashboard mobile refinements: keep existing design, improve width and scrolling */
.tungo-user-dashboard-wrapper,
.tungo-vendor-dashboard-wrapper {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.tungo-dashboard-tabs .tungo-tab-btn,
.tungo-dashboard-tabs-sidebar .tungo-tab-btn {
    min-height: 48px;
    white-space: nowrap;
}
.tungo-dashboard-tabs {
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}
.tungo-dashboard-tabs .tungo-tab-btn {
    flex: 0 0 auto;
    scroll-snap-align: start;
}
.tungo-dashboard-card,
.tungo-dashboard-content,
.tungo-dashboard-sidebar,
.tungo-dashboard-brand-header,
.subscription-card,
.stat-card-box {
    box-sizing: border-box;
}
.tungo-dashboard-table {
    min-width: 680px;
}
.tungo-dashboard-tabs + .tungo-tab-content,
.tungo-tab-content .tungo-dashboard-card {
    width: 100%;
}
.tungo-dashboard-favorites-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
}
.tungo-dashboard-favorites-grid .product,
.tungo-dashboard-favorites-grid .tungo-premium-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

@media (max-width: 767px) {
    .tungo-card-price-sales-row {
        align-items: flex-start;
        gap: 8px;
    }
    .tungo-card-price-sales-row .cart-button-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        flex: 0 0 auto;
        max-width: 92px;
    }
    .tungo-card-price-sales-row .added_to_cart {
        min-height: 28px;
        max-width: 92px;
        padding: 6px 9px;
        font-size: 11px;
        line-height: 1.1;
        white-space: normal;
        text-align: center;
    }
    body.page-id-user-dashboard .container,
    body.page-id-merchant-dashboard .container,
    body.page-template-default .tungo-user-dashboard-wrapper,
    body.page-template-default .tungo-vendor-dashboard-wrapper {
        max-width: 100% !important;
    }
    .tungo-user-dashboard-wrapper,
    .tungo-vendor-dashboard-wrapper {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        padding: 0 10px 88px;
        overflow-x: hidden;
    }
    .tungo-user-dashboard-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .tungo-dashboard-layout {
        gap: 14px;
        margin: 0 0 24px;
    }
    .tungo-dashboard-sidebar,
    .tungo-dashboard-content,
    .tungo-dashboard-card {
        width: 100%;
        max-width: 100%;
        border-radius: 10px;
        padding: 18px;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-layout {
        margin-top: 0;
        gap: 12px;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-sidebar,
    .tungo-user-dashboard-wrapper .tungo-dashboard-content {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        background: transparent;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-user-info {
        background: #ffffff;
        border: 1px solid var(--color-border);
        border-radius: 10px;
        padding: 18px;
        margin-bottom: 12px;
        box-shadow: var(--shadow-sm);
    }
    .tungo-dashboard-content {
        min-height: 0;
    }
    .tungo-dashboard-user-info {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
    .tungo-dashboard-user-info span {
        display: block;
        max-width: 100%;
        overflow-wrap: anywhere;
    }
    .tungo-dashboard-tabs-sidebar {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .tungo-dashboard-tabs-sidebar .tungo-tab-btn {
        justify-content: flex-start;
        padding: 13px 16px;
        border: 1px solid transparent;
    }
    .tungo-dashboard-tabs-sidebar .merchant-dash-btn,
    .tungo-dashboard-tabs-sidebar .logout-btn {
        margin-top: 6px !important;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .tungo-tab-btn {
        min-height: 74px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 8px;
        padding: 12px 8px;
        border: 1px solid var(--color-border);
        border-radius: 10px;
        background: #f8fafc;
        color: #475569;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .tungo-tab-btn .dashicons {
        margin: 0;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .tungo-tab-btn.active {
        background: #f7edf0;
        border-color: rgba(112, 12, 30, 0.16);
        color: var(--color-primary);
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .tungo-tab-btn:nth-child(2) {
        background: #eef6ff;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .tungo-tab-btn:nth-child(3) {
        background: #fff1f2;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .tungo-tab-btn:nth-child(4) {
        background: #f0fdf4;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .tungo-tab-btn:nth-child(5) {
        background: #fffbeb;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .tungo-tab-btn:nth-child(6) {
        background: #f5f3ff;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .merchant-dash-btn,
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .logout-btn {
        grid-column: 1 / -1;
        min-height: 58px;
        flex-direction: row;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .merchant-dash-btn {
        background: #fff7ed !important;
        border-color: #fed7aa;
    }
    .tungo-user-dashboard-wrapper .tungo-dashboard-tabs-sidebar .logout-btn {
        background: #fef2f2;
        border-color: #fecaca;
    }
    .tungo-user-dashboard-wrapper #user-tab-overview .tungo-dashboard-stats-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 16px;
    }
    .tungo-user-dashboard-wrapper #user-tab-overview .stat-card-box {
        min-height: 112px;
        display: flex;
        align-items: center;
        gap: 16px;
        background: #eef6ff;
        border: 1px solid #bfdbfe;
        border-radius: 12px;
        padding: 18px !important;
    }
    .tungo-user-dashboard-wrapper #user-tab-overview .stat-card-box .icon {
        width: 46px;
        height: 46px;
        min-width: 46px;
        border-radius: 10px;
        background: #dbeafe;
        color: #1d4ed8;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        line-height: 1;
    }
    .tungo-user-dashboard-wrapper #user-tab-overview .stat-info h4 {
        margin: 0;
        color: #0f172a;
        font-size: 28px;
        line-height: 1;
    }
    .tungo-user-dashboard-wrapper #user-tab-overview .stat-info p {
        margin: 6px 0 0;
        color: #1e3a8a;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.2px;
    }
    .tungo-user-dashboard-wrapper #user-tab-overview > .tungo-dashboard-card {
        background: #fff7ed;
        border-color: #fed7aa;
        box-shadow: none;
        margin-top: 0 !important;
    }
    .tungo-user-dashboard-wrapper #user-tab-overview > .tungo-dashboard-card h3 {
        font-size: 22px;
        line-height: 1.25;
        margin-bottom: 12px;
    }
    .tungo-user-dashboard-wrapper #user-tab-overview > .tungo-dashboard-card p {
        font-size: 15px;
        line-height: 1.65;
        color: #334155;
    }
    .tungo-dashboard-favorites-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .tungo-dashboard-favorites-grid .product,
    .tungo-dashboard-favorites-grid .tungo-premium-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .tungo-dashboard-stats-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin: 0 0 22px;
        padding: 0;
        overflow: visible;
    }
    .tungo-dashboard-stats-grid::after {
        content: none;
    }
    .tungo-dashboard-stats-grid .stat-card-box,
    .tungo-dashboard-stats-grid .tungo-stat-card {
        width: 100%;
        min-width: 0;
        padding: 18px !important;
    }
    .tungo-dashboard-stats-grid .stat-info h4,
    .tungo-dashboard-stats-grid .stat-info p {
        overflow-wrap: anywhere;
    }
    .tungo-dashboard-tabs {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 16px 0 20px !important;
        padding: 0 0 12px;
        gap: 10px;
        border-bottom: 1px solid var(--color-border);
        overflow: visible;
    }
    .tungo-dashboard-tabs::after {
        content: none;
    }
    .tungo-dashboard-tabs .tungo-tab-btn {
        width: 100%;
        min-width: 0;
        justify-content: center;
        padding: 11px 10px;
        border: 1px solid var(--color-border);
        border-radius: 8px;
        background: #ffffff;
        border-bottom-width: 2px;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
    }
    .tungo-dashboard-tabs .tungo-tab-btn.active {
        background: rgba(112, 12, 30, 0.06);
        border-color: rgba(112, 12, 30, 0.35);
    }
    .tungo-dashboard-brand-header {
        width: auto;
        max-width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 22px 16px;
        gap: 14px;
        margin: 0 0 16px;
    }
    .brand-header-text,
    .brand-header-text[style] {
        width: 100% !important;
        flex: 0 0 auto !important;
    }
    .brand-header-text h2 {
        font-size: 22px;
        line-height: 1.2;
    }
    .arcade-share-strip,
    .arcade-share-strip[style] {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        width: 100%;
        max-width: 100%;
    }
    .arcade-share-strip input,
    .arcade-share-strip input[style],
    .arcade-share-strip .button,
    .arcade-share-strip .button[style] {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 38px;
        text-align: center;
    }
    .subscription-card,
    .subscription-card[style] {
        width: auto !important;
        max-width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 22px 18px !important;
        margin-top: 16px !important;
        gap: 18px !important;
    }
    .subscription-card > div,
    .subscription-card > div[style] {
        width: 100% !important;
        max-width: 100% !important;
    }
    .subscription-card .button,
    .subscription-card .button[style],
    .tungo-dashboard-form .button,
    .tungo-dashboard-form .tungo-btn {
        width: 100% !important;
        justify-content: center;
        min-height: 48px;
    }
    .tungo-dashboard-form input[type="text"],
    .tungo-dashboard-form input[type="email"],
    .tungo-dashboard-form input[type="password"],
    .tungo-dashboard-form input[type="number"],
    .tungo-dashboard-form input[type="file"],
    .tungo-dashboard-form select,
    .tungo-dashboard-form textarea {
        min-height: 46px;
        max-width: 100%;
        box-sizing: border-box;
    }
    .tungo-dashboard-table {
        min-width: 620px;
    }
    .table-action-btn {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
        padding: 6px 8px;
    }
    .no-items-notice {
        margin-bottom: 0;
    }
}

@media (max-width: 380px) {
    .tungo-dashboard-favorites-grid {
        grid-template-columns: 1fr;
    }
    .tungo-dashboard-stats-grid {
        grid-template-columns: 1fr;
    }
    .tungo-dashboard-stats-grid .stat-card-box,
    .tungo-dashboard-stats-grid .tungo-stat-card {
        width: 100%;
        min-width: 0;
    }
    .tungo-dashboard-tabs .tungo-tab-btn {
        min-width: 0;
        font-size: 13px;
        padding-left: 8px;
        padding-right: 8px;
    }
}
.tungo-header-btn {
    font-size: 13px;
    font-weight: 700;
    color: var(--color-primary) !important;
    text-decoration: none;
    padding: 8px 16px;
    border: 1px solid var(--color-primary);
    border-radius: 6px;
    transition: all 0.2s ease;
    white-space: nowrap;
    display: inline-block;
}
.tungo-header-btn:hover {
    background-color: var(--color-primary);
    color: #ffffff !important;
}

/* --- JUMIA-STYLE REDESIGNED SINGLE PRODUCT PAGE --- */
.tungo-sp-custom-grid {
    display: flex;
    gap: 24px;
    margin-bottom: 40px;
    align-items: flex-start;
}
.tungo-sp-main-details-row {
    flex: 0 0 72%;
    width: 72%;
    display: flex;
    gap: 4%;
    background: #ffffff;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    box-sizing: border-box;
}
.tungo-sp-gallery-part {
    flex: 0 0 48%;
    width: 48%;
}
.tungo-sp-info-part {
    flex: 0 0 48%;
    width: 48%;
    position: relative;
}

/* Delivery Sidebar */
.tungo-sp-delivery-sidebar {
    flex: 0 0 25.5%;
    width: 25.5%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
}

/* Badges */
.tungo-sp-badge-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.tungo-sp-badges {
    display: flex;
    gap: 6px;
}
.tungo-sp-badge {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}
.tungo-sp-badge.official {
    background-color: #1e3a8a;
    color: #ffffff;
}
.tungo-sp-badge.deal {
    background-color: #0d9488;
    color: #ffffff;
}
.tungo-sp-wishlist-heart {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: #94a3b8;
    transition: color 0.2s ease;
}
.tungo-sp-wishlist-heart.active,
.tungo-sp-wishlist-heart:hover {
    color: #ef4444;
}

/* Title & Brand */
.tungo-sp-title-block h1 {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 8px 0;
    line-height: 1.4;
}
.tungo-sp-brand-line {
    font-size: 12px;
    color: #64748b;
    margin-bottom: 16px;
}
.tungo-sp-brand-line a {
    color: #2563eb;
    text-decoration: none;
}

/* Flash Sales Box */
.tungo-sp-flash-sales-box {
    border: 1px solid #c2185b;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
}
.tungo-sp-flash-sales-box .flash-header {
    background: #c2185b;
    color: #ffffff;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
}
.tungo-sp-flash-sales-box .flash-header .timer-span {
    font-family: monospace;
    font-size: 14px;
}
.tungo-sp-flash-sales-box .flash-body {
    background: #fdf2f4;
    padding: 16px;
}
.tungo-sp-flash-sales-box .price-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
.tungo-sp-flash-sales-box .active-price {
    font-size: 24px;
    font-weight: 800;
    color: #1e293b;
}
.tungo-sp-flash-sales-box .original-price {
    font-size: 14px;
    color: #94a3b8;
    text-decoration: line-through;
}
.tungo-sp-flash-sales-box .discount-pct {
    background: #fce7f3;
    color: #c2185b;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
}
.tungo-sp-flash-sales-box .progress-row {
    margin-bottom: 12px;
}
.tungo-sp-flash-sales-box .progress-bar-container {
    background: #f1f5f9;
    border-radius: 4px;
    height: 10px;
    overflow: hidden;
    position: relative;
}
.tungo-sp-flash-sales-box .progress-fill {
    background: #f59e0b;
    height: 100%;
    width: 15%;
}
.tungo-sp-flash-sales-box .progress-text {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    margin-top: 4px;
    display: block;
}
.tungo-sp-flash-sales-box .shipping-info-bar {
    font-size: 12px;
    color: #475569;
    border-top: 1px dashed rgba(194, 24, 91, 0.2);
    padding-top: 8px;
    margin-bottom: 8px;
}
.tungo-sp-flash-sales-box .rating-summary-line {
    font-size: 12px;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 6px;
}
.tungo-sp-flash-sales-box .rating-stars {
    color: #ef4444;
}

/* Buy Form & Orange Button */
.tungo-sp-qty-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}
.tungo-sp-qty-row label {
    font-size: 13px;
    font-weight: 700;
    color: #475569;
}
.tungo-sp-qty-select {
    padding: 8px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-weight: 700;
    background: #fff;
    cursor: pointer;
}
.tungo-orange-btn {
    background-color: #f68b1e !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 14px 24px !important;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.2s ease;
    text-transform: uppercase;
}
.tungo-orange-btn:hover {
    background-color: #e07a1b !important;
}

/* Promotions List */
.tungo-promotions-box {
    margin-top: 24px;
    border-top: 1px solid #e2e8f0;
    padding-top: 16px;
}
.tungo-promotions-box h4 {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}
.tungo-promotion-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #334155;
    margin-bottom: 8px;
}
.tungo-promotion-item .promo-icon {
    color: #f68b1e;
    font-size: 16px;
}

/* Delivery Card Sidebar */
.tungo-sp-delivery-sidebar h3 {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    margin: 0 0 12px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 8px;
}
.tungo-express-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.tungo-express-tag {
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 4px;
}
.tungo-express-link {
    font-size: 11px;
    color: #2563eb;
    text-decoration: none;
}
.tungo-location-group {
    margin-bottom: 16px;
}
.tungo-location-select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    background: #fff;
    color: #334155;
    margin-bottom: 8px;
    cursor: pointer;
}
.tungo-delivery-row {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f1f5f9;
}
.tungo-delivery-row:last-child {
    border-bottom: none;
}
.tungo-delivery-row .row-icon {
    font-size: 20px;
    color: #64748b;
}
.tungo-delivery-row .row-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.tungo-delivery-row .row-title {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}
.tungo-delivery-row .row-desc {
    font-size: 11px;
    color: #64748b;
    line-height: 1.4;
}
.tungo-delivery-row .row-fee {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    margin-top: 2px;
}

/* Bottom Tabbed / Details Split Grid */
.tungo-sp-bottom-grid {
    display: flex;
    gap: 24px;
    margin-top: 30px;
    align-items: flex-start;
}
.tungo-sp-bottom-main-col {
    flex: 0 0 72%;
    width: 72%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px;
    box-sizing: border-box;
}
.tungo-sp-bottom-sidebar-col {
    flex: 0 0 25.5%;
    width: 25.5%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Sticky layout rules */
.tungo-sticky-wrapper {
    position: sticky;
    top: 20px;
}

/* Sticky Index Card */
.tungo-sticky-nav-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
}
.tungo-sticky-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.tungo-sticky-nav-list li a {
    display: block;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease;
}
.tungo-sticky-nav-list li a.active,
.tungo-sticky-nav-list li a:hover {
    background: rgba(246, 139, 30, 0.08);
    color: #f68b1e;
}

/* Sticky Mini Buy Card */
.tungo-sticky-buy-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px;
}
.tungo-mini-product-info {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
}
.tungo-mini-product-info img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    background: #f1f5f9;
}
.tungo-mini-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tungo-mini-title {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tungo-mini-price-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
}
.tungo-mini-price {
    font-size: 13px;
    font-weight: 800;
    color: #1e293b;
}
.tungo-mini-discount {
    background: #fee2e2;
    color: #ef4444;
    font-size: 9px;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 2px;
}
.tungo-mini-chat-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
    color: #f68b1e;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
    border-top: 1px solid #f1f5f9;
    padding-top: 10px;
}

/* Sections Style */
.tungo-sp-details-section {
    margin-bottom: 40px;
    scroll-margin-top: 40px;
}
.tungo-sp-details-section h2 {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}
.tungo-sp-details-section .details-content {
    font-size: 14px;
    color: #334155;
    line-height: 1.6;
}
.tungo-sp-details-section .details-content ul {
    margin-top: 10px;
    padding-left: 20px;
}
.tungo-sp-details-section .details-content li {
    margin-bottom: 6px;
}

/* Specifications Table */
.tungo-sp-specs-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}
.tungo-sp-specs-table tr {
    border-bottom: 1px solid #f1f5f9;
}
.tungo-sp-specs-table tr:last-child {
    border-bottom: none;
}
.tungo-sp-specs-table td {
    padding: 12px 16px;
    font-size: 13px;
}
.tungo-sp-specs-table td.spec-label {
    width: 30%;
    font-weight: 700;
    color: #64748b;
    background: #f8fafc;
}
.tungo-sp-specs-table td.spec-value {
    color: #1e293b;
}

/* Ratings Breakdown Card */
.tungo-feedback-summary-card {
    display: flex;
    gap: 30px;
    background: #f8fafc;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    align-items: center;
}
.tungo-feedback-left {
    flex: 0 0 30%;
    text-align: center;
    border-right: 1px solid #e2e8f0;
    padding-right: 20px;
}
.tungo-feedback-left .score {
    font-size: 44px;
    font-weight: 800;
    color: #f68b1e;
    line-height: 1;
    margin-bottom: 8px;
}
.tungo-feedback-left .stars {
    color: #f59e0b;
    font-size: 18px;
    margin-bottom: 4px;
}
.tungo-feedback-left .count {
    font-size: 12px;
    color: #64748b;
}
.tungo-feedback-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Single product lower details: compact spacing without changing layout */
.single-product .tungo-sp-bottom-grid {
    gap: 18px;
}
.single-product .tungo-sp-details-section {
    margin-bottom: 24px;
}
.single-product .tungo-sp-details-section h2 {
    padding-bottom: 8px;
    margin-bottom: 14px;
}
.single-product .tungo-sp-specs-table {
    margin-top: 8px;
}
.single-product .tungo-sp-specs-table td {
    padding: 10px 14px;
}
.single-product .tungo-feedback-summary-card {
    padding: 16px;
    margin-bottom: 16px;
    gap: 18px;
}
.single-product .tungo-sp-reviews-list {
    margin-bottom: 12px;
}
.single-product .tungo-sp-reviews-list > div {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
.single-product .tungo-sp-comments-template-wrap {
    margin-top: 12px;
}

@media (max-width: 767px) {
    .single-product .tungo-sp-details-section {
        margin-bottom: 18px;
    }
    .single-product .tungo-sp-details-section h2 {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .single-product .tungo-feedback-summary-card {
        flex-direction: column;
        align-items: stretch;
        padding: 14px;
        margin-bottom: 12px;
        gap: 12px;
    }
    .single-product .tungo-feedback-left {
        flex: 0 0 auto;
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
        padding-right: 0;
        padding-bottom: 12px;
    }
    .single-product .tungo-feedback-left .score {
        font-size: 34px;
    }
    .single-product .tungo-sp-reviews-list > div {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}
.tungo-rating-bar-row {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
}
.tungo-rating-bar-label {
    width: 40px;
    font-weight: 600;
    color: #475569;
}
.tungo-rating-bar-container {
    flex: 1;
    background: #e2e8f0;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
}
.tungo-rating-bar-fill {
    background: #f68b1e;
    height: 100%;
}
.tungo-rating-bar-count {
    width: 50px;
    color: #64748b;
    text-align: right;
}

/* Share icons */
.tungo-sp-share-row {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
}
.tungo-sp-share-links {
    display: flex;
    gap: 8px;
}
.tungo-sp-share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #cbd5e1;
    color: #475569;
    text-decoration: none;
    transition: all 0.2s ease;
}
.tungo-sp-share-btn:hover {
    background: #f1f5f9;
    color: #1e293b;
}

/* Mobile Responsive */
@media (max-width: 1024px) {
    .tungo-sp-custom-grid {
        flex-direction: column;
    }
    .tungo-sp-main-details-row {
        flex: 0 0 100%;
        width: 100%;
    }
    .tungo-sp-delivery-sidebar {
        flex: 0 0 100%;
        width: 100%;
    }
    .tungo-sp-bottom-grid {
        flex-direction: column;
    }
    .tungo-sp-bottom-main-col {
        flex: 0 0 100%;
        width: 100%;
    }
    .tungo-sp-bottom-sidebar-col {
        display: none; /* Hide sticky sidebar on mobile */
    }
}
@media (max-width: 768px) {
    .tungo-sp-main-details-row {
        flex-direction: column;
    }
    .tungo-sp-gallery-part {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 20px;
    }
    .tungo-sp-info-part {
        flex: 0 0 100%;
        width: 100%;
    }
}

/* WooCommerce Single Product Gallery & Zoom Icon styles */
.woocommerce-product-gallery__trigger {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 10 !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    text-decoration: none !important;
}
.woocommerce-product-gallery__trigger::before {
    font-family: "dashicons";
    content: "\f179";
    font-size: 16px;
    color: #475569;
}
.woocommerce-product-gallery__trigger img {
    display: none !important;
}
.woocommerce-product-gallery {
    width: 100% !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    width: 100% !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce-product-gallery .woocommerce-product-gallery__image a {
    width: 100% !important;
    display: block !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 550px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Mobile full-width override for single product templates */
@media (max-width: 767px) {
    .product-template-default .tungo-wc-container,
    .product-template-default .site-main {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    
    .tungo-single-product-wrapper {
        padding: 0 !important;
        margin: 0 !important;
    }

    .tungo-sp-custom-grid {
        gap: 0 !important;
        margin-bottom: 20px !important;
    }

    .tungo-sp-main-details-row {
        flex: 0 0 100% !important;
        width: 100% !important;
        padding: 12px !important;
        border: none !important;
        border-radius: 0 !important;
        gap: 15px !important;
        box-sizing: border-box !important;
    }

    .tungo-sp-gallery-part,
    .tungo-sp-info-part {
        flex: 0 0 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .woocommerce-product-gallery {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .woocommerce-product-gallery__wrapper {
        width: 100% !important;
    }
    .woocommerce-product-gallery__wrapper img {
        max-height: 380px !important;
        width: 100% !important;
        object-fit: contain !important;
    }

    .woocommerce-product-gallery ol.flex-control-nav {
        flex-direction: row !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 10px !important;
        padding: 4px 0 !important;
    }
    .woocommerce-product-gallery ol.flex-control-nav li {
        width: 55px !important;
        height: 55px !important;
        flex: 0 0 55px !important;
    }
    .woocommerce-product-gallery ol.flex-control-nav img {
        height: 55px !important;
    }

    .tungo-sp-qty-row {
        width: 100% !important;
        justify-content: space-between !important;
    }
    .tungo-orange-btn {
        width: 100% !important;
        padding: 16px 20px !important;
        border-radius: 6px !important;
        font-size: 16px !important;
    }

    .tungo-sp-bottom-grid {
        margin-top: 15px !important;
        padding: 0 !important;
        gap: 0 !important;
    }
    .tungo-sp-bottom-main-col {
        flex: 0 0 100% !important;
        width: 100% !important;
        padding: 16px !important;
        border: none !important;
        border-radius: 0 !important;
    }
}


/* WooCommerce Dynamic Review Form Styling */
.tungo-sp-comments-template-wrap {
    margin-top: 30px !important;
    padding-top: 25px !important;
    border-top: 1px solid #f1f5f9 !important;
}
.tungo-sp-comments-template-wrap #comments {
    display: none !important; /* Hide default list to prevent duplication with our styled review snippets */
}
.tungo-sp-comments-template-wrap #review_form_wrapper {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
}
.tungo-sp-comments-template-wrap #reply-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 15px 0 !important;
}
.tungo-sp-comments-template-wrap .comment-form-rating {
    margin-bottom: 20px !important;
}
.tungo-sp-comments-template-wrap .comment-form-rating label {
    display: block !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    color: #475569 !important;
}
.tungo-sp-comments-template-wrap .stars {
    display: inline-flex !important;
    gap: 5px !important;
}
.tungo-sp-comments-template-wrap .stars a {
    color: #cbd5e1 !important;
    font-size: 20px !important;
    text-decoration: none !important;
}
.tungo-sp-comments-template-wrap .stars a:hover,
.tungo-sp-comments-template-wrap .stars a.active,
.tungo-sp-comments-template-wrap .stars a:hover ~ a {
    color: #f68b1e !important;
}
.tungo-sp-comments-template-wrap .comment-form-comment label,
.tungo-sp-comments-template-wrap .comment-form-author label,
.tungo-sp-comments-template-wrap .comment-form-email label {
    display: block !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    font-size: 13px !important;
    color: #475569 !important;
}
.tungo-sp-comments-template-wrap textarea,
.tungo-sp-comments-template-wrap input[type="text"],
.tungo-sp-comments-template-wrap input[type="email"] {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #334155 !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
}
.tungo-sp-comments-template-wrap textarea:focus,
.tungo-sp-comments-template-wrap input[type="text"]:focus,
.tungo-sp-comments-template-wrap input[type="email"]:focus {
    border-color: #f68b1e !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #f68b1e !important;
}
.tungo-sp-comments-template-wrap .form-submit {
    margin: 0 !important;
    text-align: right !important;
}
.tungo-sp-comments-template-wrap .submit {
    background: #f68b1e !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 24px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}
.tungo-sp-comments-template-wrap .submit:hover {
    background: #e07a16 !important;
}

/* --- MAROON THEME OVERRIDES FOR SINGLE PRODUCT PAGE --- */
.tungo-single-product-wrapper .tungo-orange-btn,
.tungo-single-product-wrapper .tungo-buy-now-btn,
.tungo-single-product-wrapper .tungo-sticky-buy-card button,
.tungo-sp-comments-template-wrap .submit,
.whatsapp-chat-btn,
.whatsapp-chat-btn:hover {
    background-color: #800000 !important;
    background: #800000 !important;
    color: #ffffff !important;
}
.tungo-single-product-wrapper .tungo-orange-btn:hover,
.tungo-single-product-wrapper .tungo-buy-now-btn:hover,
.tungo-sp-comments-template-wrap .submit:hover,
.whatsapp-chat-btn:hover {
    background-color: #600000 !important;
    background: #600000 !important;
}
.tungo-sp-comments-template-wrap .stars a:hover,
.tungo-sp-comments-template-wrap .stars a.active,
.tungo-sp-comments-template-wrap .stars a:hover ~ a,
.tungo-sticky-nav-list li a.active,
.tungo-sticky-nav-list li a:hover,
.tungo-mini-chat-btn,
.follow-seller-btn,
.express-brand a,
.tungo-sp-brand-line a {
    color: #800000 !important;
}
.follow-seller-btn {
    border-color: #800000 !important;
}
.tungo-sp-comments-template-wrap textarea:focus,
.tungo-sp-comments-template-wrap input[type="text"]:focus,
.tungo-sp-comments-template-wrap input[type="email"]:focus {
    border-color: #800000 !important;
    box-shadow: 0 0 0 1px #800000 !important;
}
.tungo-sp-flash-sales-box {
    border-color: #800000 !important;
}
.tungo-sp-flash-sales-box .flash-header {
    background: #800000 !important;
}
.tungo-sp-flash-sales-box .flash-body {
    background: #fff8f8 !important;
}
.tungo-sp-flash-sales-box .discount-pct {
    color: #800000 !important;
    background: #fef2f2 !important;
}
.tungo-sp-info-part .rating-stars,
.tungo-sp-ratings-row .rating-stars {
    color: #800000 !important;
}
.qty-btn:hover {
    background: #cbd5e1 !important;
    color: #800000 !important;
    border-color: #800000 !important;
}
.qty-input:focus {
    outline: none !important;
    border-color: #800000 !important;
}

@media (min-width: 768px) {
    .tungo-brands-grid .tungo-brand-grid-item:nth-child(n+9) {
        display: none !important;
    }
}

/* --- RESPONSIVE MOBILE SPACING COMPRESSION OVERRIDES --- */
@media (max-width: 767px) {
    main {
        padding: 20px 0 !important;
    }
    .tungo-brands-card-col {
        display: none !important;
    }
    .tungo-three-banners-section {
        margin: 10px 0 !important;
    }
    .tungo-row-color-1 .tungo-section-header,
    .tungo-row-color-2 .tungo-section-header,
    .tungo-row-color-3 .tungo-section-header {
        margin-top: 10px !important;
        margin-bottom: 8px !important;
        padding: 8px 12px !important;
    }
    .tungo-footer {
        margin-top: 15px !important;
        padding-top: 30px !important;
    }
}

/* --- HERO BANNER SLIDER CORE CONTROLS & CONTENT --- */
.tungo-hero-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.75) 0%, rgba(15, 23, 42, 0.25) 60%, rgba(15, 23, 42, 0) 100%);
    z-index: 1;
    pointer-events: none;
}
.tungo-hero-slide-content {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    z-index: 2;
    max-width: 480px;
    color: #ffffff;
    text-align: left;
    pointer-events: auto;
}
.tungo-hero-slide-title {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.tungo-hero-slide-subtitle {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
    color: rgba(255,255,255,0.9);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.tungo-hero-slide-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #6b1124 !important;
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 30px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    box-shadow: 0 4px 12px rgba(107,17,36,0.3) !important;
    border: none !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}
.tungo-hero-slide-btn:hover {
    background-color: #4c0814 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(107,17,36,0.5) !important;
}
.tungo-hero-slide-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
}
.tungo-hero-slider-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 10;
}
.tungo-hero-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.4);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}
.tungo-hero-slider-dot.active {
    background-color: #ffffff;
    width: 20px;
    border-radius: 4px;
}
.tungo-hero-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.25);
    backdrop-filter: blur(4px);
    border: none;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    opacity: 0;
    font-size: 20px;
    line-height: 1;
}
.tungo-hero-slider-container:hover .tungo-hero-slider-arrow {
    opacity: 1;
}
.tungo-hero-slider-arrow:hover {
    background-color: rgba(255,255,255,0.9);
    color: #6b1124;
}
.tungo-hero-slider-arrow.prev {
    left: 12px;
}
.tungo-hero-slider-arrow.next {
    right: 12px;
}

/* --- BRANDS BANNER COUNTDOWN --- */
.tungo-brands-countdown {
    margin: 15px 0;
    padding: 10px 14px;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: inline-block;
    max-width: 100%;
}
.tungo-brands-countdown .countdown-heading {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fca5a5;
    margin-bottom: 6px;
    text-align: left;
}
.tungo-brands-countdown .countdown-digits {
    display: flex;
    align-items: center;
    gap: 6px;
}
.tungo-brands-countdown .digit-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 42px;
}
.tungo-brands-countdown .digit-box span {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
}
.tungo-brands-countdown .digit-box label {
    font-size: 8px;
    font-weight: 500;
    text-transform: uppercase;
    color: #cbd5e1;
    margin-top: 3px;
}
.tungo-brands-countdown .colon {
    font-size: 16px;
    font-weight: 800;
    color: rgba(255,255,255,0.4);
    margin-top: -10px;
}

/* --- TOP BLACK PROMOTIONAL BAR --- */
.tungo-top-promo-bar {
    background: linear-gradient(-45deg, #0b0f19, #6b1124, #0f172a, #3b0712);
    background-size: 400% 400%;
    animation: tungoGradientAnimation 15s ease infinite;
    color: #ffffff;
    padding: 6px 0;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@keyframes tungoGradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.tungo-top-promo-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.tungo-top-promo-item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.tungo-top-promo-item .promo-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 1;
}
.tungo-top-promo-item .promo-text {
    display: flex;
    align-items: center;
    gap: 6px;
}
.tungo-top-promo-item .promo-title {
    font-weight: 700;
    color: #ffffff;
}
.tungo-top-promo-item .promo-sub {
    font-weight: 400;
    opacity: 0.8;
}
.tungo-top-promo-inner .promo-divider {
    width: 1px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0.2);
    align-self: center;
}
.tungo-top-promo-seller {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 4px 12px;
    border-radius: 20px;
}
.tungo-top-promo-seller .seller-label {
    font-weight: 500;
    opacity: 0.9;
}
.tungo-top-promo-seller .seller-cta-btn {
    background-color: #6b1124;
    color: #ffffff !important;
    padding: 2px 10px;
    border-radius: 12px;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background 0.2s ease;
}
.tungo-top-promo-seller .seller-cta-btn:hover {
    background-color: #8f1c34;
}

@media (max-width: 991px) {
    .tungo-top-promo-inner .promo-divider,
    .tungo-top-promo-item:nth-child(5) {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .tungo-top-promo-bar {
        display: none !important;
    }
}

/* --- SIDE CART DRAWER OVERLAYS & LAYOUTS --- */
.tungo-cart-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    pointer-events: none; /* Ignore clicks unless open */
    visibility: hidden;
    transition: visibility 0.4s ease;
}
.tungo-cart-drawer.open {
    pointer-events: auto;
    visibility: visible;
}
.cart-drawer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 23, 42, 0.4);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.tungo-cart-drawer.open .cart-drawer-overlay {
    opacity: 1;
    pointer-events: auto;
}
.cart-drawer-inner {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 420px;
    height: 100%;
    background-color: #ffffff;
    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: auto;
}
.tungo-cart-drawer.open .cart-drawer-inner {
    transform: translateX(0);
}
.tungo-cart-drawer.minimized .cart-drawer-inner {
    transform: translateX(100%);
}

/* Header */
.cart-drawer-header {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
}
.cart-drawer-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}
.cart-drawer-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.cart-drawer-header-actions button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #4b5563;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
}
.cart-drawer-header-actions button:hover {
    background-color: #f3f4f6;
    color: #0f172a;
}
.cart-drawer-header-actions .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

/* Loading State Overlay */
.tungo-cart-drawer.drawer-loading .cart-drawer-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 100;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="%236b1124"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".5" cx="18" cy="18" r="18"/><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/></path></g></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

/* Body list */
.cart-drawer-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: 20px;
}
.tungo-drawer-empty-cart {
    text-align: center;
    padding: 60px 20px;
}
.tungo-drawer-cart-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.tungo-drawer-cart-item {
    display: flex;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}
.tungo-drawer-cart-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.cart-item-image {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
    background-color: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-item-image img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}
.cart-item-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cart-item-title {
    margin: 0 0 4px 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}
.cart-item-title a {
    color: #1f2937;
    text-decoration: none !important;
}
.cart-item-title a:hover {
    color: #6b1124;
}
.cart-item-price-row {
    margin-bottom: 6px;
}
.cart-item-price {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}
.cart-item-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-item-qty-selector {
    display: flex;
    align-items: center;
    border: 1px solid #d1d5db;
    border-radius: 15px;
    overflow: hidden;
    height: 28px;
}
.cart-item-qty-selector button {
    background: #f3f4f6;
    border: none;
    width: 28px;
    height: 100%;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    color: #374151;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.cart-item-qty-selector button:hover {
    background: #e5e7eb;
}
.cart-item-qty-selector .qty-input-field {
    width: 32px;
    border: none;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    background: #ffffff;
    height: 100%;
    pointer-events: none;
    -moz-appearance: textfield;
}
.cart-item-qty-selector .qty-input-field::-webkit-outer-spin-button,
.cart-item-qty-selector .qty-input-field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cart-item-remove {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-item-remove:hover {
    color: #ef4444;
    background-color: #fef2f2;
}

/* Footer */
.cart-drawer-footer {
    padding: 20px;
    border-top: 1px solid #f1f5f9;
    background-color: #ffffff;
}

/* --- FLOATING MINI CART HANDLE --- */
.tungo-mini-cart-handle {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #6b1124;
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(107, 17, 36, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(1);
    opacity: 1;
}
.tungo-mini-cart-handle.hidden {
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
}
.tungo-mini-cart-handle:hover {
    background-color: #8f1c34;
    transform: scale(1.05);
}
.tungo-mini-cart-handle .dashicons {
    font-size: 22px;
    width: 22px;
    height: 22px;
}
.mini-cart-handle-count {
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: #fbbf24;
    color: #0f172a;
    font-size: 10px;
    font-weight: 800;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #6b1124;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Mobile responsive drawer adjustment */
@media (max-width: 480px) {
    .cart-drawer-inner {
        max-width: 100%;
    }
}

/* --- FOOTER APP STORE BADGES --- */
.tungo-app-badge-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}
.tungo-app-badge {
    display: inline-flex;
    align-items: center;
    background-color: #000000;
    color: #ffffff !important;
    border: 1px solid #4b5563;
    border-radius: 6px;
    padding: 6px 12px;
    text-decoration: none !important;
    width: 145px;
    box-sizing: border-box;
    transition: all 0.2s ease;
}
.tungo-app-badge:hover {
    background-color: #1f2937;
    border-color: #9ca3af;
}
.tungo-app-badge .badge-icon {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.tungo-app-badge .badge-text {
    display: flex;
    flex-direction: column;
    text-align: left;
}
.tungo-app-badge .badge-sub {
    font-size: 7px;
    text-transform: uppercase;
    opacity: 0.65;
    line-height: 1;
    margin-bottom: 2px;
    letter-spacing: 0.2px;
}
.tungo-app-badge .badge-main {
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

/* --- ADDMORE CIRCULAR CART ICON BADGE --- */
.tungo-circle-add-btn {
    position: relative;
}
.tungo-circle-add-btn .tungo-badge-add-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #fbbf24;
    color: #0f172a;
    font-size: 9px;
    font-weight: 800;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    z-index: 5;
    line-height: 1;
}

/* Spacing and footer improvements */
.tungo-footer {
    padding: 30px 0 20px 0 !important;
}
.tungo-footer-top-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px;
}
@media (max-width: 991px) {
    .tungo-footer-top-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px;
    }
}
@media (max-width: 480px) {
    .tungo-footer-top-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
}

@media (min-width: 992px) {
    .tungo-footer-top-grid {
        grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(0, 1fr)) !important;
        align-items: start !important;
    }

    .tungo-footer-col {
        min-width: 0;
    }
}

/* --- PHASE 2 ADDITIONAL STYLES --- */

/* 1. Hiding Default Page Titles */
.woocommerce-cart .section-title,
.woocommerce-checkout .section-title,
.woocommerce-account .section-title,
.woocommerce-shop .section-title,
.woocommerce-shop .woocommerce-products-header__title,
.tax-product_cat .woocommerce-products-header__title,
.tax-product_cat .section-title,
.page-id-login .section-title,
.page-id-register .section-title,
.page-id-my-account .section-title,
.page-id-cart .section-title,
.page-id-checkout .section-title,
.page-id-shop .section-title,
.tungo-login-page-shell .section-title,
.page-id-merchant-dashboard .section-title,
.page-id-user-dashboard .section-title,
.page-id-create-store .section-title,
.page-id-order-tracking .section-title,
.page-id-spin-to-win .section-title {
    display: none !important;
}

/* 2. Login & Register Forms Design */
.tungo-login-page-shell {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 15px;
    background-color: #f8fafc;
}
.tungo-login-layout {
    width: 100%;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tungo-login-intro {
    text-align: center;
    margin-bottom: 24px;
}
.tungo-login-intro .tungo-login-eyebrow {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6b1124; /* Maroon */
    display: block;
    margin-bottom: 6px;
}
.tungo-login-intro h2 {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 8px 0;
}
.tungo-login-intro p {
    font-size: 13px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}
.tungo-login-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 32px;
    width: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}
.tungo-auth-logo {
    text-align: center;
    margin-bottom: 24px;
}
.tungo-auth-logo img {
    max-height: 40px;
    width: auto;
}
.tungo-auth-logo-text {
    text-align: center;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 800;
}
.tungo-auth-logo-text a {
    color: #6b1124;
    text-decoration: none;
}
.tungo-auth-form p.form-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px !important;
}
.tungo-auth-form label {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
}
.tungo-auth-form input[type="text"],
.tungo-auth-form input[type="email"],
.tungo-auth-form input[type="password"] {
    width: 100%;
    border: 1.5px solid #cbd5e1;
    border-radius: 20px;
    padding: 10px 16px;
    font-size: 13px;
    box-sizing: border-box;
    outline: none;
    transition: all 0.2s ease;
}
.tungo-auth-form input[type="text"]:focus,
.tungo-auth-form input[type="email"]:focus,
.tungo-auth-form input[type="password"]:focus {
    border-color: #6b1124;
    box-shadow: 0 0 0 3px rgba(107, 17, 36, 0.1);
}
.tungo-auth-form button[type="submit"] {
    width: 100%;
    background-color: #6b1124 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 24px !important;
    padding: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}
.tungo-auth-form button[type="submit"]:hover {
    background-color: #8f1c34 !important;
}
.tungo-login-links {
    margin-top: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
}
.tungo-login-links a {
    color: #6b1124 !important;
    text-decoration: none !important;
    font-weight: 600;
}
.tungo-login-links a:hover {
    text-decoration: underline !important;
}
.tungo-account-type-row {
    margin-bottom: 20px;
}
.tungo-radio-group {
    display: flex;
    gap: 15px;
    margin-top: 6px;
}
.tungo-radio-label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #475569 !important;
}
.tungo-radio-label input[type="radio"] {
    accent-color: #6b1124;
}
.tungo-alert.error {
    background-color: #fef2f2;
    border: 1px solid #fee2e2;
    color: #ef4444;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 18px;
    text-align: center;
}

/* 3. Soft Maroon Gradient Fading Below Header on Home page */
.home main.tungo-page-main,
.home main.tungo-woocommerce-main,
.home .tungo-hero-slider-section {
    background: linear-gradient(180deg, rgba(107, 17, 36, 0.06) 0%, rgba(255, 255, 255, 0) 300px) !important;
}

/* 4. Minimalist Footer Design */
.tungo-footer {
    background-color: #080c14 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 50px 0 30px 0 !important;
    color: #94a3b8 !important;
    position: relative;
    z-index: 10;
}
.tungo-footer-top-grid {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding-bottom: 30px !important;
    margin-bottom: 24px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
}
.tungo-footer-col {
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    padding-right: 24px;
}
.tungo-footer-col:last-child {
    border-right: none !important;
    padding-right: 0 !important;
}
.tungo-footer h4.footer-section-title {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    margin: 0 0 16px 0 !important;
    text-transform: uppercase !important;
}
.tungo-footer p.contact-item {
    font-size: 13px !important;
    color: #94a3b8 !important;
    margin: 0 !important;
}
.tungo-footer p.contact-item strong {
    color: #cbd5e1 !important;
}
.social-icons-strip {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap;
}
.social-icons-strip a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #94a3b8 !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.social-icons-strip a:hover {
    background: #6b1124 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}
.payment-channels-strip {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.pay-method-badge {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 4px 10px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #cbd5e1 !important;
}
.tungo-app-badge-container {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
.tungo-app-badge {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.tungo-app-badge:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #6b1124 !important;
    transform: translateY(-1px) !important;
}
.tungo-app-badge svg {
    fill: #ffffff !important;
}
.tungo-footer-bottom-bar {
    border-top: none !important;
    padding-top: 10px !important;
}
@media (max-width: 991px) {
    .tungo-footer-top-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .tungo-footer-col:nth-child(2n) {
        border-right: none !important;
    }
}
@media (max-width: 480px) {
    .tungo-footer-top-grid {
        grid-template-columns: 1fr !important;
    }
    .tungo-footer-col {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        padding-bottom: 20px;
    }
    .tungo-footer-col:last-child {
        border-bottom: none !important;
    }
}

/* 5. Consistently Styled Maroon Sale Pill Badge */
.tungo-card-discount-badge,
.onsale,
.woocommerce span.onsale,
.woocommerce-page span.onsale {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    right: auto !important;
    margin: 0 !important;
    background-color: #6b1124 !important; /* Tungo Maroon */
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 12px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    z-index: 10 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important;
    border: none !important;
    min-height: auto !important;
    min-width: auto !important;
}

/* 7 & 8. Related Products Grid Columns spacing gap layout */
.tungo-related-products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
@media (max-width: 991px) {
    .tungo-related-products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px !important;
    }
}
@media (max-width: 767px) {
    .tungo-related-products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}
@media (max-width: 480px) {
    .tungo-related-products-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* 9. Reviews Fade Gradient */
.tungo-reviews-wrapper {
    position: relative;
    max-height: 360px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.tungo-reviews-wrapper.has-fade {
    max-height: 240px;
}
.tungo-reviews-wrapper.has-fade::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    pointer-events: none;
    z-index: 5;
}
.tungo-reviews-wrapper.expanded {
    max-height: none !important;
}
.tungo-load-reviews-btn {
    transition: background 0.2s ease;
}
.tungo-load-reviews-btn:hover {
    background: #e5e7eb !important;
}

/* 10. Write a Review Toggle Form */
#review_form_wrapper {
    display: none;
    margin-top: 20px;
    padding: 24px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}
#review_form_wrapper.open {
    display: block !important;
}

/* 11. Header features layout & dropdowns */
.tungo-header-left-col {
    display: flex;
    align-items: center;
    gap: 24px;
}
.tungo-header-features {
    display: flex;
    align-items: center;
    gap: 18px;
}
.tungo-header-right-col {
    display: flex;
    align-items: center;
    gap: 20px;
}
.tungo-header-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #1e293b !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s ease;
    cursor: pointer;
}
.tungo-header-link:hover {
    color: #6b1124 !important;
    opacity: 0.85;
}
.tungo-header-link .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #6b1124 !important;
}
.tungo-header-link .header-link-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    text-align: left;
}
.tungo-header-link .header-link-text .label {
    font-size: 9px;
    font-weight: 400;
    opacity: 0.8;
}
.tungo-header-link .header-link-text .main {
    font-size: 12px;
    font-weight: 700;
}

/* Categories Dropdown */
.tungo-header-categories-dropdown-wrapper {
    position: relative;
}
.categories-dropdown-trigger {
    padding-bottom: 12px; /* Keeps hover tunnel active */
}
.tungo-header-categories-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    display: none;
    flex-direction: column;
    padding: 8px 0;
    z-index: 9999;
    margin-top: 0; /* Keep it flush to prevent losing hover status */
}
.tungo-header-categories-dropdown-wrapper:hover .tungo-header-categories-dropdown-menu {
    display: flex;
}
.tungo-header-categories-dropdown-menu a {
    color: #1e293b !important;
    padding: 8px 16px;
    font-size: 13px;
    text-decoration: none !important;
    transition: background 0.2s ease;
}
.tungo-header-categories-dropdown-menu a:hover {
    background: #f1f5f9;
    color: #6b1124 !important;
}

/* Related Products Grid spacing resets */
.tungo-related-products-grid::before,
.tungo-related-products-grid::after {
    display: none !important;
}
.tungo-related-products-grid li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Reviews List Cleanup & Date Alignments */
.commentlist li.review {
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 16px 0 !important;
    margin-bottom: 0 !important;
}
.commentlist li.review:last-child {
    border-bottom: none !important;
}
.commentlist li.review .comment-text {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
.commentlist li.review .meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    font-size: 12px !important;
    color: #64748b !important;
}
.commentlist li.review .woocommerce-review__author {
    font-weight: 700 !important;
    color: #1e293b !important;
}
.commentlist li.review .woocommerce-review__dash {
    display: none !important;
}
.commentlist li.review .woocommerce-review__published-date {
    margin-left: auto !important;
}
.commentlist li.review .woocommerce-review__verified {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background-color: #f0fdf4 !important;
    border: 1px solid #dcfce7 !important;
    color: #15803d !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Compact Review Form Styles */
#review_form_wrapper form {
    margin: 0 !important;
}
#review_form_wrapper .comment-form-rating {
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
#review_form_wrapper .comment-form-rating label {
    margin-bottom: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
#review_form_wrapper .comment-form-comment {
    margin-bottom: 16px !important;
}
#review_form_wrapper textarea {
    width: 100% !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
}
#review_form_wrapper textarea:focus {
    border-color: #6b1124 !important;
}
#review_form_wrapper .form-submit input[type="submit"] {
    background-color: #6b1124 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}
#review_form_wrapper .form-submit input[type="submit"]:hover {
    background-color: #8f1c34 !important;
}
@media (max-width: 767px) {
    #review_form_wrapper {
        padding: 16px !important;
    }
}

/* Header cart and action icons styling */
.tungo-header-right-col .tungo-action-item {
    color: #1e293b !important;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: transform 0.2s ease;
}
.tungo-header-right-col .tungo-action-item:hover {
    transform: scale(1.05);
}
.tungo-header-right-col .tungo-action-item .dashicons {
    color: #6b1124 !important; /* Maroon cart icon! */
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

/* Category Bar Divider & Label */
.tungo-nav-divider {
    color: rgba(255, 255, 255, 0.2);
    margin: 0 10px;
    font-weight: 300;
}
.tungo-header-cat-label {
    font-size: 13px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
    margin-right: 5px;
}

/* Grid & Product Card Stretching Prevention */
.woocommerce ul.products,
ul.products,
.tungo-products-grid,
.tungo-related-products-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
    justify-content: start !important;
    align-content: start !important;
}
.woocommerce ul.products li.product,
ul.products li.product,
.tungo-products-grid .product,
.tungo-related-products-grid li.product {
    max-width: 100% !important;
    width: 100% !important;
    flex: 0 0 auto !important; /* Prevent flex stretching */
    box-sizing: border-box !important;
}
@media (max-width: 1199px) {
    .woocommerce ul.products,
    ul.products,
    .tungo-products-grid,
    .tungo-related-products-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
@media (max-width: 991px) {
    .woocommerce ul.products,
    ul.products,
    .tungo-products-grid,
    .tungo-related-products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 767px) {
    .woocommerce ul.products,
    ul.products,
    .tungo-products-grid,
    .tungo-related-products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}

/* Flexbox fallback stretching prevention */
.woocommerce ul.products.flex-layout,
ul.products.flex-layout {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}
.woocommerce ul.products.flex-layout li.product,
ul.products.flex-layout li.product {
    width: calc(20% - 13px) !important;
    flex: 0 0 calc(20% - 13px) !important;
    max-width: calc(20% - 13px) !important;
}
@media (max-width: 1199px) {
    .woocommerce ul.products.flex-layout li.product,
    ul.products.flex-layout li.product {
        width: calc(25% - 12px) !important;
        flex: 0 0 calc(25% - 12px) !important;
    }
}
@media (max-width: 991px) {
    .woocommerce ul.products.flex-layout li.product,
    ul.products.flex-layout li.product {
        width: calc(33.33% - 11px) !important;
        flex: 0 0 calc(33.33% - 11px) !important;
    }
}
@media (max-width: 767px) {
    .woocommerce ul.products.flex-layout li.product,
    ul.products.flex-layout li.product {
        width: calc(50% - 8px) !important;
        flex: 0 0 calc(50% - 8px) !important;
    }
}

/* Restore horizontal scrolling behavior for product carousels */
body.woocommerce div.tungo-products-carousel-track ul.products,
body.woocommerce-page div.tungo-products-carousel-track ul.products,
.woocommerce div.tungo-products-carousel-track ul.products,
.woocommerce-page div.tungo-products-carousel-track ul.products,
div.tungo-products-carousel-track ul.products {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: none !important;
    grid-gap: 0 !important;
}

body.woocommerce div.tungo-products-carousel-track ul.products li.product,
body.woocommerce-page div.tungo-products-carousel-track ul.products li.product,
.woocommerce div.tungo-products-carousel-track ul.products li.product,
.woocommerce-page div.tungo-products-carousel-track ul.products li.product,
div.tungo-products-carousel-track ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 calc(20% - 8px) !important;
    width: calc(20% - 8px) !important;
    max-width: calc(20% - 8px) !important;
    min-width: calc(20% - 8px) !important;
    height: auto !important;
}

@media (max-width: 991px) {
    body.woocommerce div.tungo-products-carousel-track ul.products li.product,
    body.woocommerce-page div.tungo-products-carousel-track ul.products li.product,
    .woocommerce div.tungo-products-carousel-track ul.products li.product,
    .woocommerce-page div.tungo-products-carousel-track ul.products li.product,
    div.tungo-products-carousel-track ul.products li.product {
        flex: 0 0 calc(33.33% - 7px) !important;
        width: calc(33.33% - 7px) !important;
        max-width: calc(33.33% - 7px) !important;
        min-width: calc(33.33% - 7px) !important;
    }
}

@media (max-width: 767px) {
    body.woocommerce div.tungo-products-carousel-track ul.products li.product,
    body.woocommerce-page div.tungo-products-carousel-track ul.products li.product,
    .woocommerce div.tungo-products-carousel-track ul.products li.product,
    .woocommerce-page div.tungo-products-carousel-track ul.products li.product,
    div.tungo-products-carousel-track ul.products li.product {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: calc(50% - 5px) !important;
    }
}

/* --- INFINITE MARQUEE SLIDER & MOVING GRADIENT BACKGROUND --- */
.tungo-header-categories-bar {
    background: linear-gradient(270deg, #4a0b18, #6b1124, #941731, #6b1124, #4a0b18) !important;
    background-size: 400% 400% !important;
    animation: tungo-moving-gradient 10s ease infinite !important;
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.08) !important;
    padding: 8px 0 !important;
}

@keyframes tungo-moving-gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.tungo-categories-header-marquee {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

/* Linear gradients on edges to fade text smoothly */
.tungo-categories-header-marquee::before,
.tungo-categories-header-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    z-index: 2;
    pointer-events: none;
}
.tungo-categories-header-marquee::before {
    left: 0;
    background: linear-gradient(to right, #4a0b18, transparent);
}
.tungo-categories-header-marquee::after {
    right: 0;
    background: linear-gradient(to left, #4a0b18, transparent);
}

.tungo-categories-header-marquee-track {
    display: flex;
    width: max-content;
    animation: tungo-marquee-slide 90s linear infinite; /* Slowed down category scrolling speed */
}

/* Pause scroll animation on hover so the user can easily select or click a link */
.tungo-categories-header-marquee-track:hover {
    animation-play-state: paused;
}

.tungo-categories-header-group {
    display: flex;
    align-items: center;
    gap: 24px;
    padding-right: 24px; /* Maintain gap between loops */
}

@keyframes tungo-marquee-slide {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0); /* Loop infinitely exactly at half content width */
    }
}

/* --- PREMIUM INTERACTIVE HOVERS & VIEWPORT ANIMATIONS --- */

/* Scroll entrance fade up reveal for product loop cards */
@keyframes tungo-card-entrance {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.woocommerce ul.products li.product,
ul.products li.product,
.tungo-products-grid .product,
.tungo-related-products-grid li.product {
    animation: tungo-card-entrance 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Dynamic staggered delays for first 10 product cards */
.woocommerce ul.products li.product:nth-child(1) { animation-delay: 0.05s; }
.woocommerce ul.products li.product:nth-child(2) { animation-delay: 0.1s; }
.woocommerce ul.products li.product:nth-child(3) { animation-delay: 0.15s; }
.woocommerce ul.products li.product:nth-child(4) { animation-delay: 0.2s; }
.woocommerce ul.products li.product:nth-child(5) { animation-delay: 0.25s; }
.woocommerce ul.products li.product:nth-child(6) { animation-delay: 0.3s; }
.woocommerce ul.products li.product:nth-child(7) { animation-delay: 0.35s; }
.woocommerce ul.products li.product:nth-child(8) { animation-delay: 0.4s; }
.woocommerce ul.products li.product:nth-child(9) { animation-delay: 0.45s; }
.woocommerce ul.products li.product:nth-child(10) { animation-delay: 0.5s; }

/* Enhanced hover animations for the premium cards */
.tungo-premium-card {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tungo-premium-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

/* Shiny gradient animation on main CTA buttons */
.button.wc-forward,
.checkout-button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.tungo-circle-add-btn {
    position: relative;
    overflow: hidden;
}

.button.wc-forward::after,
.checkout-button::after,
.woocommerce-form-login__submit::after,
.woocommerce-form-register__submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 20%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: 0.75s;
}

.button.wc-forward:hover::after,
.checkout-button:hover::after,
.woocommerce-form-login__submit:hover::after,
.woocommerce-form-register__submit:hover::after {
    left: 125%;
    transition: all 0.75s ease;
}

/* --- SIMPLE LOGIN/REGISTER FORM LAYOUT OVERRIDES --- */
.tungo-login-intro {
    display: none !important;
}

.tungo-login-page-shell {
    background: #f8fafc !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 60px 20px !important;
    box-sizing: border-box !important;
}

.tungo-login-layout {
    width: 100% !important;
    max-width: 460px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    grid-template-columns: none !important;
    min-height: auto !important;
}

.tungo-login-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.04), 0 8px 10px -6px rgba(15, 23, 42, 0.04) !important;
    border-radius: 20px !important;
    padding: 40px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.tungo-auth-logo,
.tungo-auth-logo-text {
    margin-bottom: 28px !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}
.tungo-auth-logo img {
    max-height: 40px !important;
    width: auto !important;
    margin: 0 auto !important;
}

.tungo-btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 52px !important;
    background: transparent !important;
    border: 2px solid var(--color-accent) !important;
    color: var(--color-accent) !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
.tungo-btn-secondary:hover {
    background: var(--color-accent) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(107, 17, 36, 0.15) !important;
}
.tungo-btn-secondary:active {
    transform: translateY(0) !important;
}

.tungo-login-links {
    display: block !important;
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid #e2e8f0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}

/* Remove default page content card wrapper on login/register */
.page-content:has(.tungo-login-page-shell) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Force equal border radius on all inputs, select lists, and buttons inside authentication cards */
.tungo-login-card input[type="text"],
.tungo-login-card input[type="password"],
.tungo-login-card input[type="email"],
.tungo-login-card select,
.tungo-login-card .button,
.tungo-login-card button,
.tungo-login-card .tungo-btn-secondary {
    border-radius: 12px !important;
}

@media (max-width: 480px) {
    .tungo-login-page-shell {
        padding: 30px 16px !important;
    }
    .tungo-login-layout {
        max-width: 100% !important;
    }
    .tungo-login-card {
        padding: 24px 18px !important;
    }
    .woocommerce-form-login,
    .woocommerce-form-register {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* Hide page titles and headers banners on all pages except homepage */
body:not(.home) .section-title,
body:not(.home) .tungo-promo-banner-container,
body:not(.home) .category-page-banner,
body:not(.home) .below-header-banner {
    display: none !important;
}

/* Contact page and auth mobile fit fixes */
@media (max-width: 767px) {
    .tungo-contact-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    .tungo-contact-info-col,
    .tungo-contact-form-col {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .tungo-contact-form-col {
        padding: 24px 18px !important;
    }
    .tungo-contact-info-col > div {
        padding: 24px 20px !important;
        box-sizing: border-box !important;
    }
    .tungo-contact-info-col > div:not(:first-child) {
        display: flex !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
    .tungo-contact-post-form > div {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .tungo-contact-post-form input,
    .tungo-contact-post-form textarea,
    .tungo-contact-post-form button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .tungo-login-card .form-row,
    .tungo-auth-submit {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .tungo-login-card .button,
    .tungo-login-card .tungo-btn-secondary {
        max-width: 100% !important;
    }
    .tungo-login-links {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ========================================================
   CRITICAL FIXES — Product Images & Categories Bar
   ======================================================== */

/* FIX 1: Product card images — prevent WooCommerce cover override */
.tungo-premium-card .tungo-card-img-wrap,
.woocommerce ul.products li.product .tungo-card-img-wrap {
    position: relative !important;
    padding-top: 100% !important;
    overflow: hidden !important;
    background-color: #f6f6f6 !important;
}
.tungo-premium-card .tungo-card-img-wrap img,
.woocommerce ul.products li.product .tungo-card-img-wrap img,
.tungo-card-img-wrap img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    height: auto !important;
    max-width: 90% !important;
    max-height: 90% !important;
    object-fit: contain !important;
    object-position: center !important;
}
.tungo-premium-card:hover .tungo-card-img-wrap img,
.woocommerce ul.products li.product:hover .tungo-card-img-wrap img {
    transform: translate(-50%, -50%) scale(1.04) !important;
}

/* Also fix: WooCommerce default loop product thumbnail rules that crop */
.woocommerce ul.products li.product a img {
    width: auto !important;
    height: auto !important;
}

/* FIX 2: Categories marquee bar — keep both groups in one single row */
.tungo-header-categories-bar .container {
    max-width: 100% !important;
    padding: 0 !important;
}
.tungo-categories-header-marquee {
    overflow: hidden !important;
    white-space: nowrap !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;      /* single row */
    flex-wrap: nowrap !important;        /* never wrap to second line */
}
.tungo-categories-header-marquee-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    animation: tungo-marquee-slide 90s linear infinite !important;
}
.tungo-categories-header-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 24px !important;
    padding-right: 24px !important;
}

/* ========================================================
   SCROLL FIX — Single Product Page
   Prevent any element from trapping or blocking vertical scroll
   ======================================================== */

/* Ensure html and body always scroll freely */
html, body {
    overflow-x: hidden; /* only block horizontal, never vertical */
}

/* Single product page — never trap vertical scroll in any wrapper */
.single-product .tungo-single-product-wrapper,
.single-product .tungo-sp-custom-grid,
.single-product .tungo-sp-main-col,
.single-product .tungo-sp-gallery-col,
.single-product .entry-content,
.single-product .woocommerce-product-gallery,
.single-product .product {
    overflow: visible !important;
    overflow-x: clip !important;  /* clip horizontal overflow without breaking scroll context */
}

/* Sticky wrapper: needs overflow visible to work with sticky positioning */
.single-product .tungo-sticky-wrapper {
    overflow: visible !important;
}

/* Related products carousel: allow horizontal scroll, no vertical trap */
.tungo-products-carousel-track {
    overflow-x: auto !important;
    overflow-y: visible !important;
}

/* ========================================================
   HOMEPAGE PRODUCT ROW — FIXED 5-COLUMN CARD SIZE
   Cards always stay at their column width. When fewer than 5
   products exist, they start from the left and leave space for
   the remaining columns. Images never stretch to fill the row.
   ======================================================== */

/* 1. The ul.products inside the carousel must be max-content wide
      so it does NOT expand to fill the full track width */
body .tungo-products-carousel-track ul.products,
.woocommerce .tungo-products-carousel-track ul.products,
.woocommerce-page .tungo-products-carousel-track ul.products,
div.tungo-products-carousel-track ul.products {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: max-content !important;   /* KEY: only as wide as content, not 100% */
    min-width: 100% !important;      /* but still at least fill the track on full rows */
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Each card is always exactly 1/5 of the track container width.
      Use a viewport-based calc so the card size is absolute, not relative to the ul */
body .tungo-products-carousel-track ul.products li.product,
.woocommerce .tungo-products-carousel-track ul.products li.product,
.woocommerce-page .tungo-products-carousel-track ul.products li.product,
div.tungo-products-carousel-track ul.products li.product {
    flex: 0 0 calc(20% - 8px) !important;
    width: calc(20% - 8px) !important;
    max-width: calc(20% - 8px) !important;
    min-width: 180px !important;     /* floor so cards don't get too tiny */
    margin: 0 !important;
    float: none !important;
    height: auto !important;
}

/* Tablet: 2.5 cards visible (show peek of next) */
@media (min-width: 768px) and (max-width: 1024px) {
    body .tungo-products-carousel-track ul.products li.product,
    .woocommerce .tungo-products-carousel-track ul.products li.product,
    div.tungo-products-carousel-track ul.products li.product {
        flex: 0 0 calc(33.333% - 7px) !important;
        width: calc(33.333% - 7px) !important;
        max-width: calc(33.333% - 7px) !important;
        min-width: 140px !important;
    }
}

/* Mobile: 2 columns, keep as-is */
@media (max-width: 767px) {
    body .tungo-products-carousel-track ul.products li.product,
    .woocommerce .tungo-products-carousel-track ul.products li.product,
    div.tungo-products-carousel-track ul.products li.product {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        min-width: 140px !important;
    }
}

/* --- MOBILE NAVIGATION DRAWER --- */
.tungo-mobile-nav {
    z-index: 10005 !important; /* Ensure it is on top of drawer overlay */
}

body.tungo-drawer-open {
    overflow: hidden !important;
}

.tungo-mobile-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px); /* Do not cover bottom navigation */
    z-index: 9999;
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0.4s ease;
}

.tungo-mobile-drawer.open {
    pointer-events: auto;
    visibility: visible;
}

.tungo-drawer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 23, 42, 0.5);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.tungo-mobile-drawer.open .tungo-drawer-overlay {
    opacity: 1;
    pointer-events: auto;
}

.tungo-drawer-inner {
    position: absolute;
    top: 0;
    left: -300px;
    width: 280px;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 4px 0 15px rgba(15, 23, 42, 0.15);
    transition: left 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.tungo-mobile-drawer.open .tungo-drawer-inner {
    left: 0;
}

.tungo-drawer-header {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f5f9;
    background-color: #ffffff;
}

.tungo-drawer-logo {
    max-height: 32px;
    width: auto;
    display: block;
}

.tungo-drawer-title h3 {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
    font-weight: 700;
}

.tungo-drawer-close-btn {
    background: none;
    border: none;
    color: #0f172a;
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.tungo-drawer-close-btn:hover {
    background-color: #f1f5f9;
}

.tungo-drawer-close-btn .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.tungo-drawer-body {
    flex: 1;
    overflow-y: auto;
    background-color: #f8fafc;
    padding-bottom: 20px;
}

.tungo-drawer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tungo-drawer-item {
    border-bottom: 1px solid #f1f5f9;
    background-color: #ffffff;
}

.tungo-drawer-item a {
    display: flex;
    align-items: center;
    padding: 14px 20px;
    color: #0f172a;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.tungo-drawer-item a:hover,
.tungo-drawer-item a:active {
    background-color: #f8fafc;
    color: #6b1124;
}

.tungo-drawer-item .dashicons {
    margin-right: 12px;
    color: #6b1124;
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.tungo-drawer-label {
    flex: 1;
}

.toggle-arrow {
    margin-right: 0 !important;
    color: #64748b !important;
    transition: transform 0.3s ease;
}

.tungo-drawer-item.active .toggle-arrow {
    transform: rotate(180deg);
}

.tungo-drawer-submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #f8fafc;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.tungo-drawer-submenu.closed {
    max-height: 0;
}

.tungo-drawer-submenu.open {
    max-height: 1000px;
}

.tungo-submenu-item {
    border-bottom: 1px solid #f1f5f9;
}

.tungo-submenu-item:last-child {
    border-bottom: none;
}

.tungo-submenu-item a {
    padding: 10px 20px 10px 40px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #334155 !important;
}

.tungo-submenu-item a:hover {
    background-color: #e2e8f0 !important;
    color: #6b1124 !important;
}

.tungo-submenu-item .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    color: #64748b !important;
    margin-right: 8px !important;
}

/* Modern compact Tungo footer */
.tungo-footer {
    background: #080c14 !important;
    color: #cbd5e1 !important;
    padding: 45px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.tungo-footer .container {
    max-width: var(--container-width);
}
.tungo-footer-top-grid {
    display: grid !important;
    grid-template-columns: 1.35fr 0.8fr 1fr 1.1fr !important;
    gap: 40px !important;
    padding: 0 0 34px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.tungo-footer-col {
    border: 0 !important;
    padding: 0 !important;
}
.tungo-footer-logo-link {
    display: inline-flex;
    align-items: center;
    max-width: 150px;
    text-decoration: none;
}
.tungo-footer-logo-img {
    display: block;
    max-width: 150px;
    max-height: 44px;
    object-fit: contain;
}
.tungo-footer-logo-text {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
}
.tungo-footer-description {
    max-width: 310px;
    margin: 14px 0 0 !important;
    color: #a8b3c5 !important;
    font-size: 14px !important;
    line-height: 1.55;
}
.tungo-footer h4.footer-section-title,
.tungo-footer summary.footer-section-title {
    display: block;
    margin: 0 0 14px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    list-style: none;
    cursor: default;
}
.tungo-footer summary.footer-section-title::-webkit-details-marker {
    display: none;
}
.tungo-footer-link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 9px;
}
.tungo-footer a {
    color: #a8b3c5;
    text-decoration: none;
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}
.tungo-footer a:hover {
    color: #ffffff;
}
.tungo-footer-link-list a,
.tungo-footer-contact-list a,
.tungo-footer-contact-list span {
    font-size: 14px;
    line-height: 1.35;
}
.tungo-footer-contact-list {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
}
.tungo-footer-contact-list span {
    color: #a8b3c5;
}
.social-icons-strip {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap;
}
.social-icons-strip a {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #cbd5e1 !important;
}
.social-icons-strip a:hover {
    background: #6b1124 !important;
    color: #ffffff !important;
    transform: none !important;
}
.social-icons-strip .dashicons {
    font-size: 17px;
    width: 17px;
    height: 17px;
}
.tungo-footer-app-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}
.tungo-footer-app-btn {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 800;
}
.tungo-footer-bottom-bar {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    gap: 20px;
    padding: 18px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    text-align: left !important;
}
.tungo-footer-bottom-left {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    flex-wrap: wrap;
}
.tungo-footer-copyright-text {
    color: #94a3b8 !important;
    opacity: 1 !important;
    font-size: 13px !important;
}
.tungo-footer-policy-links {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.tungo-footer-policy-links a {
    font-size: 13px;
    color: #a8b3c5;
}
.payment-channels-strip {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px !important;
    flex-wrap: wrap !important;
}
.pay-method-badge {
    min-height: 24px;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #d8dee9 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
}

@media (max-width: 991px) {
    .tungo-footer-top-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
    }
    .tungo-footer-brand-col,
    .tungo-footer-contact-col {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .tungo-footer {
        padding-top: 32px !important;
        padding-bottom: 82px !important;
    }
    .tungo-footer-top-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        padding-bottom: 22px !important;
    }
    .tungo-footer-description {
        max-width: none;
        margin-top: 12px !important;
    }
    .tungo-footer h4.footer-section-title,
    .tungo-footer summary.footer-section-title {
        margin-bottom: 0 !important;
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    .tungo-footer-accordion {
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
        padding-top: 2px !important;
    }
    .tungo-footer-accordion summary.footer-section-title::after {
        content: "+";
        color: #94a3b8;
        font-size: 18px;
        font-weight: 500;
    }
    .tungo-footer-accordion[open] summary.footer-section-title::after {
        content: "-";
    }
    .tungo-footer-link-list {
        padding: 0 0 12px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .tungo-footer-link-list a,
    .tungo-footer-contact-list a,
    .tungo-footer-contact-list span {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        width: 100%;
        padding: 8px 10px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.035);
    }
    .tungo-footer-contact-list {
        margin-bottom: 12px;
    }
    .social-icons-strip {
        gap: 10px !important;
    }
    .tungo-footer-bottom-bar,
    .tungo-footer-bottom-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .tungo-footer-policy-links {
        gap: 12px 16px;
    }
    .payment-channels-strip {
        justify-content: flex-start;
    }
}

@media (max-width: 380px) {
    .tungo-footer-link-list {
        grid-template-columns: 1fr;
    }
}

/* Product carousels: keep normal card columns even when only 1-4 products exist */
.tungo-products-carousel-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    width: 100% !important;
}
.tungo-products-carousel-track > .product,
.tungo-products-carousel-track > li.product,
.tungo-products-carousel-track > .tungo-premium-card,
.tungo-products-carousel-track > ul.products > li.product,
.woocommerce .tungo-products-carousel-track > ul.products > li.product,
.woocommerce-page .tungo-products-carousel-track > ul.products > li.product {
    flex: 0 0 calc((100% - 80px) / 5) !important;
    width: calc((100% - 80px) / 5) !important;
    min-width: calc((100% - 80px) / 5) !important;
    max-width: calc((100% - 80px) / 5) !important;
}
.tungo-products-carousel-track > ul.products,
.woocommerce .tungo-products-carousel-track > ul.products,
.woocommerce-page .tungo-products-carousel-track > ul.products {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 20px !important;
    width: max-content !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 1199px) {
    .tungo-products-carousel-track > .product,
    .tungo-products-carousel-track > li.product,
    .tungo-products-carousel-track > .tungo-premium-card,
    .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce-page .tungo-products-carousel-track > ul.products > li.product {
        flex-basis: calc((100% - 60px) / 4) !important;
        width: calc((100% - 60px) / 4) !important;
        min-width: calc((100% - 60px) / 4) !important;
        max-width: calc((100% - 60px) / 4) !important;
    }
}

@media (max-width: 991px) {
    .tungo-products-carousel-track > .product,
    .tungo-products-carousel-track > li.product,
    .tungo-products-carousel-track > .tungo-premium-card,
    .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce-page .tungo-products-carousel-track > ul.products > li.product {
        flex-basis: calc((100% - 40px) / 3) !important;
        width: calc((100% - 40px) / 3) !important;
        min-width: calc((100% - 40px) / 3) !important;
        max-width: calc((100% - 40px) / 3) !important;
    }
}

@media (max-width: 767px) {
    .tungo-products-carousel-track {
        gap: 12px !important;
    }
    .tungo-products-carousel-track > ul.products,
    .woocommerce .tungo-products-carousel-track > ul.products,
    .woocommerce-page .tungo-products-carousel-track > ul.products {
        gap: 12px !important;
    }
    .tungo-products-carousel-track > .product,
    .tungo-products-carousel-track > li.product,
    .tungo-products-carousel-track > .tungo-premium-card,
    .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce-page .tungo-products-carousel-track > ul.products > li.product {
        flex-basis: calc((100% - 12px) / 2) !important;
        width: calc((100% - 12px) / 2) !important;
        min-width: calc((100% - 12px) / 2) !important;
        max-width: calc((100% - 12px) / 2) !important;
    }
}

/* Single product compact layout and resilient related-products loading */
.single-product .tungo-single-product-wrapper {
    overflow-x: hidden;
}

@media (min-width: 992px) {
    .single-product .tungo-sp-custom-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 40%) minmax(0, 38%) minmax(240px, 22%) !important;
        gap: 16px !important;
        align-items: start !important;
        width: 100% !important;
    }
    .single-product .tungo-sp-main-details-row {
        display: contents !important;
    }
    .single-product .tungo-sp-gallery-part,
    .single-product .tungo-sp-info-part,
    .single-product .tungo-sp-delivery-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .single-product .tungo-sp-gallery-part {
        grid-column: 1;
    }
    .single-product .tungo-sp-info-part {
        grid-column: 2;
    }
    .single-product .tungo-sp-delivery-sidebar {
        grid-column: 3;
        padding: 16px !important;
    }
}

.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper {
    min-height: 0 !important;
}
.single-product .woocommerce-product-gallery__image img,
.single-product .tungo-sp-gallery-part img {
    width: 100% !important;
    max-height: 440px !important;
    object-fit: contain !important;
}
.single-product .tungo-sp-custom-grid hr {
    margin: 10px 0 !important;
}
.single-product .tungo-sp-buy-form-box .tungo-qty-row-mock {
    margin-bottom: 12px !important;
}
.single-product .tungo-sp-action-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}
.single-product #tungo-add-to-cart-btn,
.single-product #tungo-buy-now-btn {
    min-height: 50px !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
}
.single-product #tungo-buy-now-btn {
    background: #ffffff !important;
    color: #800000 !important;
    border: 2px solid #800000 !important;
}

.single-product .tungo-sp-bottom-grid {
    display: block !important;
    margin-top: 18px !important;
}
.single-product .tungo-sp-bottom-main-col {
    width: 100% !important;
    max-width: 100% !important;
}
.single-product .tungo-sp-bottom-sidebar-col {
    display: none !important;
}
.single-product .tungo-sp-detail-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
    padding: 8px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
}
.single-product .tungo-sp-detail-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 8px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
.single-product .tungo-sp-detail-tabs a.active,
.single-product .tungo-sp-detail-tabs a:hover {
    color: #800000;
    background: rgba(128, 0, 0, 0.06);
    border-color: rgba(128, 0, 0, 0.18);
}
.single-product .tungo-sp-details-section {
    margin-bottom: 16px !important;
    padding: 20px !important;
    min-height: 0 !important;
}
.single-product .tungo-sp-details-section h2 {
    margin-bottom: 12px !important;
}
.single-product .tungo-sp-reviews-list > div[style*="text-align: center"] {
    padding: 18px 0 !important;
}
.single-product .tungo-sp-comments-template-wrap {
    margin-top: 12px !important;
}
.single-product #review_form_wrapper {
    margin-top: 10px !important;
}
.single-product .tungo-write-review-toggle-btn {
    margin: 10px 0 0 !important;
}

.single-product .related.products {
    padding-top: 10px !important;
}
.single-product .tungo-related-products-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 220px)) !important;
    justify-content: start !important;
    align-items: stretch !important;
    gap: 16px !important;
    min-height: 0 !important;
}
.single-product .tungo-related-products-grid::before,
.single-product .tungo-related-products-grid::after {
    display: none !important;
    content: none !important;
}
.single-product .tungo-related-products-grid li.product {
    width: 100% !important;
    max-width: 220px !important;
    margin: 0 !important;
    float: none !important;
}
.single-product .tungo-card-skeleton {
    transition: opacity 0.2s ease !important;
}

@media (max-width: 991px) {
    .single-product .tungo-sp-custom-grid,
    .single-product .tungo-sp-main-details-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
    }
    .single-product .tungo-sp-gallery-part,
    .single-product .tungo-sp-info-part,
    .single-product .tungo-sp-delivery-sidebar {
        width: 100% !important;
        max-width: 100% !important;
    }
    .single-product .tungo-sp-gallery-part { order: 1; }
    .single-product .tungo-sp-info-part { order: 2; }
    .single-product .tungo-sp-delivery-sidebar { order: 3; }
    .single-product .tungo-sp-detail-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .single-product .tungo-sp-detail-tabs a:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .single-product .tungo-single-product-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .single-product .woocommerce-product-gallery__image img,
    .single-product .tungo-sp-gallery-part img {
        max-height: 330px !important;
    }
    .single-product .tungo-sp-details-section {
        padding: 16px !important;
        margin-bottom: 12px !important;
    }
    .single-product .tungo-sp-action-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    .single-product #tungo-add-to-cart-btn,
    .single-product #tungo-buy-now-btn {
        font-size: 12px !important;
        min-height: 48px !important;
        padding: 10px 8px !important;
    }
    .single-product .tungo-related-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .single-product .tungo-related-products-grid li.product {
        max-width: none !important;
    }
}

@media (max-width: 360px) {
    .single-product .tungo-sp-action-grid,
    .single-product .tungo-sp-detail-tabs,
    .single-product .tungo-related-products-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Single product real tabs, sidebar tools, and maroon footer finish */
.single-product .tungo-sp-bottom-grid {
    margin-top: 24px !important;
    padding-top: 0 !important;
    min-height: 0 !important;
}
.single-product .tungo-sp-detail-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.single-product .tungo-sp-detail-tabs button {
    appearance: none;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 8px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
.single-product .tungo-sp-detail-tabs button.active,
.single-product .tungo-sp-detail-tabs button[aria-selected="true"],
.single-product .tungo-sp-detail-tabs button:hover,
.single-product .tungo-sp-detail-tabs button:focus-visible {
    color: #800000;
    background: rgba(128, 0, 0, 0.06);
    border-color: rgba(128, 0, 0, 0.18);
    outline: none;
}
.single-product .tungo-sp-details-section[hidden] {
    display: none !important;
}
.single-product .tungo-sp-empty-panel {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}
.single-product .tungo-sp-sidebar-info-card {
    display: grid;
    gap: 14px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}
.single-product .tungo-sp-sidebar-row {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #334155;
    font-size: 14px;
    line-height: 1.35;
}
.single-product .tungo-sp-sidebar-row .dashicons {
    color: #800000;
    font-size: 17px;
    width: 17px;
    height: 17px;
}
.single-product .tungo-sp-wishlist-action {
    width: 100% !important;
    min-height: 46px !important;
    border: 1px solid #800000 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #800000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}
.single-product .tungo-sp-wishlist-action.active {
    background: rgba(128, 0, 0, 0.07) !important;
}
.single-product .tungo-sp-share-block {
    display: grid;
    gap: 8px;
}
.single-product .tungo-sp-share-label {
    font-size: 13px;
    font-weight: 800;
    color: #1e293b;
}
.single-product .tungo-sp-share-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.single-product .tungo-sp-share-actions a,
.single-product .tungo-sp-share-actions button {
    min-height: 34px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    color: #334155;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.single-product .tungo-sp-copy-confirm {
    min-height: 16px;
    color: #16a34a;
    font-size: 12px;
    font-weight: 700;
}
.single-product .tungo-sp-store-card {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    display: grid;
    gap: 12px;
}
.single-product .tungo-sp-store-head {
    display: flex;
    align-items: center;
    gap: 10px;
}
.single-product .tungo-sp-store-head img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #e2e8f0;
}
.single-product .tungo-sp-store-head strong,
.single-product .tungo-sp-store-head small,
.single-product .tungo-sp-store-verified {
    display: block;
}
.single-product .tungo-sp-store-head strong {
    color: #1e293b;
    font-size: 14px;
}
.single-product .tungo-sp-store-head small {
    color: #64748b;
    font-size: 12px;
    margin-top: 2px;
}
.single-product .tungo-sp-store-verified {
    color: #16a34a;
    font-size: 12px;
    font-weight: 800;
}
.single-product .tungo-sp-visit-store-btn {
    min-height: 40px;
    border-radius: 8px;
    background: #800000;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
.tungo-footer {
    background: #6b1124 !important;
    color: #f8e8ed !important;
    border-top-color: rgba(255, 255, 255, 0.14) !important;
}
.tungo-footer-top-grid {
    border-bottom-color: rgba(255, 255, 255, 0.16) !important;
}
.tungo-footer-description,
.tungo-footer a,
.tungo-footer-contact-list span,
.tungo-footer-copyright-text,
.tungo-footer-policy-links a {
    color: rgba(255, 255, 255, 0.82) !important;
}
.social-icons-strip a,
.tungo-footer-app-btn,
.pay-method-badge {
    background: rgba(255, 255, 255, 0.11) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}
.social-icons-strip a:hover,
.tungo-footer a:hover {
    color: #ffffff !important;
}

@media (max-width: 991px) {
    .single-product .tungo-sp-bottom-grid {
        margin-top: 20px !important;
    }
}

@media (max-width: 767px) {
    .single-product .tungo-sp-bottom-grid {
        margin-top: 16px !important;
    }
    .single-product .tungo-sp-detail-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }
    .single-product .tungo-sp-detail-tabs button {
        flex: 0 0 auto;
        min-height: 44px;
    }
}

/* Single product layout fix: tabs belong to the main column, sidebar stays sticky */
@media (min-width: 1024px) {
    .single-product .tungo-sp-custom-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 24%) !important;
        gap: 24px !important;
        align-items: start !important;
        width: 100% !important;
        min-height: 0 !important;
    }
    .single-product .tungo-sp-main-details-row {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 44%) minmax(0, 56%) !important;
        gap: 18px !important;
        align-items: start !important;
        width: 100% !important;
        min-height: 0 !important;
    }
    .single-product .tungo-sp-gallery-part {
        grid-column: 1 !important;
        width: 100% !important;
        min-height: 0 !important;
    }
    .single-product .tungo-sp-info-part {
        grid-column: 2 !important;
        width: 100% !important;
        min-height: 0 !important;
    }
    .single-product .tungo-sp-delivery-sidebar {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        align-self: start !important;
        position: sticky !important;
        top: 108px !important;
        height: max-content !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        padding: 16px !important;
        min-height: 0 !important;
        z-index: 2;
    }
    .admin-bar.single-product .tungo-sp-delivery-sidebar {
        top: 140px !important;
        max-height: none !important;
    }
    .single-product .tungo-sp-custom-grid > .tungo-sp-bottom-grid {
        grid-column: 1 !important;
        grid-row: 2 !important;
        display: block !important;
        margin-top: 24px !important;
        padding-top: 0 !important;
        min-height: 0 !important;
        width: 100% !important;
    }
    .single-product .tungo-sp-bottom-main-col {
        width: 100% !important;
        max-width: 100% !important;
    }
    .single-product .tungo-sp-bottom-sidebar-col {
        display: none !important;
    }
    .single-product .woocommerce-product-gallery,
    .single-product .woocommerce-product-gallery__wrapper,
    .single-product .tungo-sp-info-part,
    .single-product .tungo-single-product-wrapper {
        min-height: 0 !important;
    }
}

@media (max-width: 1023px) {
    .single-product .tungo-sp-custom-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        min-height: 0 !important;
    }
    .single-product .tungo-sp-main-details-row {
        order: 1 !important;
    }
    .single-product .tungo-sp-delivery-sidebar {
        order: 2 !important;
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
    }
    .single-product .tungo-sp-custom-grid > .tungo-sp-bottom-grid {
        order: 3 !important;
        margin-top: 16px !important;
        padding-top: 0 !important;
    }
}

/* Final guard: product sidebar must use normal page scroll, never its own scrollbar */
.single-product .tungo-sp-delivery-sidebar {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

@media (min-width: 1024px) {
    .single-product .tungo-sp-delivery-sidebar {
        position: sticky !important;
        top: 108px !important;
        align-self: start !important;
    }
    .admin-bar.single-product .tungo-sp-delivery-sidebar {
        top: 140px !important;
    }
}

@media (max-width: 1023px) {
    .single-product .tungo-sp-delivery-sidebar {
        position: static !important;
    }
}

/* Exact single-product desktop layout: overview + tabs in main area, sticky sidebar on right */
@media (min-width: 1100px) {
    .single-product .tungo-product-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 76%) minmax(300px, 24%) !important;
        grid-template-areas:
            "overview sidebar"
            "tabs sidebar" !important;
        gap: 24px !important;
        align-items: start !important;
        min-height: 0 !important;
        width: 100% !important;
    }
    .single-product .tungo-product-overview {
        grid-area: overview !important;
        display: grid !important;
        grid-template-columns: minmax(0, 45%) minmax(0, 55%) !important;
        gap: 28px !important;
        align-items: start !important;
        min-height: 0 !important;
        width: 100% !important;
    }
    .single-product .tungo-product-gallery {
        grid-column: 1 !important;
        min-height: 0 !important;
        width: 100% !important;
    }
    .single-product .tungo-product-summary {
        grid-column: 2 !important;
        min-height: 0 !important;
        width: 100% !important;
    }
    .single-product .tungo-product-tabs {
        grid-area: tabs !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 22px !important;
        padding-top: 0 !important;
        min-height: 0 !important;
        display: block !important;
    }
    .single-product .tungo-product-sidebar {
        grid-area: sidebar !important;
        position: sticky !important;
        top: 108px !important;
        align-self: start !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        min-height: 0 !important;
    }
    .admin-bar.single-product .tungo-product-sidebar {
        top: 140px !important;
    }
    .single-product .tungo-product-tabs .tungo-sp-bottom-sidebar-col {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1099px) {
    .single-product .tungo-product-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
    }
    .single-product .tungo-product-overview {
        display: grid !important;
        grid-template-columns: minmax(0, 45%) minmax(0, 55%) !important;
        gap: 22px !important;
        align-items: start !important;
        order: 1 !important;
    }
    .single-product .tungo-product-sidebar {
        order: 2 !important;
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
    }
    .single-product .tungo-product-tabs {
        order: 3 !important;
        margin-top: 4px !important;
    }
}

@media (max-width: 767px) {
    .single-product .tungo-product-layout,
    .single-product .tungo-product-overview {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        min-height: 0 !important;
    }
    .single-product .tungo-product-gallery {
        order: 1 !important;
    }
    .single-product .tungo-product-summary {
        order: 2 !important;
    }
    .single-product .tungo-product-sidebar {
        order: 2 !important;
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
    }
    .single-product .tungo-product-tabs {
        order: 3 !important;
        margin-top: 2px !important;
    }
}

/* Storefront product/card/grid polish: consistent cards without changing the template design */
.tungo-products-grid,
.woocommerce ul.products,
ul.products,
.tungo-related-products-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(190px, 220px)) !important;
    gap: 20px !important;
    justify-content: start !important;
    align-items: stretch !important;
    width: 100% !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after,
.tungo-related-products-grid::before,
.tungo-related-products-grid::after {
    display: none !important;
    content: none !important;
}

.woocommerce ul.products li.product,
ul.products li.product,
.tungo-products-grid .product,
.tungo-related-products-grid li.product {
    width: 100% !important;
    max-width: 220px !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    display: flex !important;
}

/* ==========================================================================
   3. Single Store Page Product Grid (5 Columns on Desktop, Responsive)
   ========================================================================== */
body.tungo-single-store-page ul.products,
body.tungo-single-store-page .woocommerce ul.products,
body.tungo-store-page ul.products,
body.tungo-store-page .woocommerce ul.products,
.tungo-store-products ul.products,
.tungo-single-store-products-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    width: 100% !important;
}

@media (min-width: 1200px) {
    body.tungo-single-store-page ul.products,
    body.tungo-single-store-page .woocommerce ul.products,
    body.tungo-store-page ul.products,
    body.tungo-store-page .woocommerce ul.products,
    .tungo-single-store-products-section ul.products,
    .tungo-single-store-products-grid,
    .tungo-store-products ul.products,
    .store-products-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.tungo-single-store-page ul.products,
    body.tungo-single-store-page .woocommerce ul.products,
    body.tungo-store-page ul.products,
    body.tungo-store-page .woocommerce ul.products,
    .tungo-single-store-products-section ul.products,
    .tungo-single-store-products-grid,
    .tungo-store-products ul.products,
    .store-products-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    body.tungo-single-store-page ul.products,
    body.tungo-single-store-page .woocommerce ul.products,
    body.tungo-store-page ul.products,
    body.tungo-store-page .woocommerce ul.products,
    .tungo-single-store-products-section ul.products,
    .tungo-single-store-products-grid,
    .tungo-store-products ul.products,
    .store-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width: 768px) {
    body.tungo-single-store-page ul.products,
    body.tungo-single-store-page .woocommerce ul.products,
    body.tungo-store-page ul.products,
    body.tungo-store-page .woocommerce ul.products,
    .tungo-single-store-products-section ul.products,
    .tungo-single-store-products-grid,
    .tungo-store-products ul.products,
    .store-products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

@media (max-width: 360px) {
    body.tungo-single-store-page ul.products,
    body.tungo-single-store-page .woocommerce ul.products,
    body.tungo-store-page ul.products,
    body.tungo-store-page .woocommerce ul.products,
    .tungo-single-store-products-section ul.products,
    .tungo-single-store-products-grid,
    .tungo-store-products ul.products,
    .store-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
}

@media (max-width: 280px) {
    body.tungo-single-store-page ul.products,
    body.tungo-single-store-page .woocommerce ul.products,
    body.tungo-store-page ul.products,
    body.tungo-store-page .woocommerce ul.products,
    .tungo-single-store-products-section ul.products,
    .tungo-single-store-products-grid,
    .tungo-store-products ul.products,
    .store-products-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

body.tungo-single-store-page ul.products li.product,
body.tungo-single-store-page .woocommerce ul.products li.product,
body.tungo-store-page ul.products li.product,
body.tungo-store-page .woocommerce ul.products li.product,
.tungo-store-products ul.products li.product,
.tungo-single-store-products-grid li.product {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

body.tungo-single-store-page .tungo-premium-card,
body.tungo-store-page .tungo-premium-card,
.tungo-store-products .tungo-premium-card,
.tungo-single-store-products-grid .tungo-premium-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.tungo-single-store-page .tungo-product-img-wrap,
body.tungo-store-page .tungo-product-img-wrap,
.tungo-store-products .tungo-product-img-wrap {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    position: relative !important;
    overflow: hidden !important;
}

body.tungo-single-store-page .tungo-product-img-wrap img,
body.tungo-store-page .tungo-product-img-wrap img,
.tungo-store-products .tungo-product-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.tungo-premium-card {
    width: 100% !important;
    min-width: 0 !important;
    border: 1px solid #e5eaf2 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.055) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.tungo-premium-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(107, 17, 36, 0.2) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.09) !important;
}

.tungo-card-img-wrap {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
    border-bottom: 1px solid #edf2f7 !important;
}

.tungo-card-img-link {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tungo-card-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 12px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.tungo-card-img-wrap img.tungo-card-product-image {
    max-width: 100% !important;
    max-height: 100% !important;
}

.tungo-card-placeholder {
    width: 100%;
    height: 100%;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    background: #f1f5f9;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
}

.tungo-card-placeholder .dashicons {
    width: 42px;
    height: 42px;
    font-size: 42px;
    color: #cbd5e1;
}

.tungo-card-skeleton {
    display: none !important;
}

.tungo-card-info {
    padding: 9px 10px 11px !important;
    gap: 5px !important;
}

.tungo-premium-card .tungo-card-title {
    font-size: 12.5px !important;
    line-height: 1.28 !important;
    min-height: 32px !important;
    height: auto !important;
    margin: 0 !important;
    color: #111827 !important;
    font-weight: 750 !important;
}

.tungo-premium-card .tungo-card-title a {
    color: #111827 !important;
}

.tungo-premium-card .tungo-card-title a:hover {
    color: #6b1124 !important;
}

.tungo-badge-sale,
.tungo-badge-local {
    border-radius: 999px !important;
    padding: 1px 6px !important;
    line-height: 1.2 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    margin-right: 3px !important;
}

.tungo-badge-sale {
    background: #ef4444 !important;
    color: #ffffff !important;
}

.tungo-badge-local {
    background: #ecfdf5 !important;
    border-color: #22c55e !important;
    color: #118044 !important;
}

.tungo-card-discount-badge {
    background: #6b1124 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 5px 9px !important;
    box-shadow: 0 6px 14px rgba(107, 17, 36, 0.18) !important;
}

.tungo-card-img-wrap .tungo-wishlist-btn {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1) !important;
}

.tungo-card-img-wrap .tungo-wishlist-btn.active,
.tungo-card-img-wrap .tungo-wishlist-btn:hover {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
}

.tungo-card-rating-row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 4px !important;
}

.tungo-card-rating-row .rating-stars {
    font-size: 11px !important;
}

.tungo-card-rating-row .rating-stars .star.filled {
    color: #f59e0b !important;
}

.tungo-card-rating-row .reviews-count {
    color: #64748b !important;
}

.tungo-pill-badges-row {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    gap: 5px !important;
}

.tungo-pill-star-seller {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background: #6d28d9 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 3px 7px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.tungo-pill-star-seller .star-icon {
    font-size: 10px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.tungo-verification-badge.small {
    margin-left: 0 !important;
    border-radius: 999px !important;
    padding: 3px 7px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    background: #d9a928 !important;
    color: #111827 !important;
    box-shadow: none !important;
}

.tungo-verification-badge.small .dashicons {
    font-size: 11px !important;
    width: 11px !important;
    height: 11px !important;
}

.tungo-delivery-promise:empty,
.tungo-sales-count:empty,
.tungo-pill-badges-row:empty {
    display: none !important;
}

.tungo-active-price {
    white-space: nowrap !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    color: #6b1124 !important;
    line-height: 1.15 !important;
}

.tungo-active-price del {
    display: none !important;
}

.tungo-active-price ins {
    text-decoration: none !important;
}

.tungo-card-price-sales-row {
    gap: 6px !important;
    min-height: 32px !important;
    margin: 0 !important;
    align-items: center !important;
}

.price-sales-left {
    min-width: 0 !important;
    gap: 5px !important;
}

.tungo-sales-count {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    white-space: nowrap !important;
}

.sales-fire {
    display: inline-flex !important;
    font-size: 11px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.tungo-was-price-row {
    margin: -2px 0 0 !important;
    color: #7b8794 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
}

.info-icon-tooltip {
    width: 11px !important;
    height: 11px !important;
    font-size: 9px !important;
    margin-left: 2px !important;
}

.tungo-highlight-tag-row {
    display: flex !important;
    align-items: center !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: #b45309 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
}

.tungo-highlight-tag-row .highlight-tag-text {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.tungo-delivery-promise {
    margin-top: 0 !important;
    padding-top: 0 !important;
    color: #16a34a !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
}

.tungo-circle-add-btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background: #6b1124 !important;
    border-color: #6b1124 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(107, 17, 36, 0.18) !important;
}

.tungo-circle-add-btn:hover {
    background: #4c0814 !important;
    border-color: #4c0814 !important;
    color: #ffffff !important;
}

.tungo-circle-add-btn.select-options {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

.tungo-circle-add-btn.out-of-stock {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

.tungo-products-carousel-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tungo-products-carousel-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 20px !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    align-items: stretch !important;
}

.tungo-products-carousel-track::-webkit-scrollbar {
    display: none !important;
}

.tungo-products-carousel-track > .product,
.tungo-products-carousel-track > li.product,
.tungo-products-carousel-track > .tungo-premium-card,
.tungo-products-carousel-track > ul.products > li.product,
.woocommerce .tungo-products-carousel-track > ul.products > li.product,
.woocommerce-page .tungo-products-carousel-track > ul.products > li.product {
    flex: 0 0 220px !important;
    width: 220px !important;
    max-width: 220px !important;
    min-width: 220px !important;
    scroll-snap-align: start !important;
}

.tungo-products-carousel-track > ul.products,
.woocommerce .tungo-products-carousel-track > ul.products,
.woocommerce-page .tungo-products-carousel-track > ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
}

.tungo-main-header,
.tungo-header-main {
    min-height: 0 !important;
}

.tungo-top-promo-bar {
    min-height: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.tungo-category-nav,
.tungo-categories-nav,
.tungo-header-categories {
    overflow-x: auto !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
}

.tungo-category-nav::-webkit-scrollbar,
.tungo-categories-nav::-webkit-scrollbar,
.tungo-header-categories::-webkit-scrollbar {
    display: none !important;
}

.tungo-hero-slider .slick-dots,
.tungo-hero-slider .swiper-pagination {
    margin-top: 8px !important;
}

@media (min-width: 1200px) {
    .woocommerce ul.products,
    ul.products,
    .tungo-products-grid,
    .tungo-related-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(190px, 220px)) !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .woocommerce ul.products,
    ul.products,
    .tungo-products-grid,
    .tungo-related-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 210px)) !important;
    }

    .tungo-products-carousel-track > .product,
    .tungo-products-carousel-track > li.product,
    .tungo-products-carousel-track > .tungo-premium-card,
    .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce-page .tungo-products-carousel-track > ul.products > li.product {
        flex-basis: 210px !important;
        width: 210px !important;
        max-width: 210px !important;
        min-width: 210px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .woocommerce ul.products,
    ul.products,
    .tungo-products-grid,
    .tungo-related-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .woocommerce ul.products,
    ul.products,
    .tungo-products-grid,
    .tungo-related-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        justify-content: stretch !important;
    }

    .woocommerce ul.products li.product,
    ul.products li.product,
    .tungo-products-grid .product,
    .tungo-related-products-grid li.product {
        max-width: none !important;
    }

    .tungo-products-carousel-track,
    div.tungo-products-carousel-track ul.products,
    .woocommerce div.tungo-products-carousel-track ul.products {
        gap: 8px !important;
        padding: 0 8px 4px !important;
    }

    .tungo-products-carousel-track > .product,
    .tungo-products-carousel-track > li.product,
    .tungo-products-carousel-track > .tungo-premium-card,
    .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce .tungo-products-carousel-track > ul.products > li.product,
    .woocommerce-page .tungo-products-carousel-track > ul.products > li.product,
    .tungo-products-carousel-track .product,
    .tungo-products-carousel-track .tungo-premium-card,
    div.tungo-products-carousel-track ul.products li.product,
    .woocommerce div.tungo-products-carousel-track ul.products li.product {
        flex: 0 0 calc((100vw - 28px) / 2) !important;
        width: calc((100vw - 28px) / 2) !important;
        max-width: calc((100vw - 28px) / 2) !important;
        min-width: calc((100vw - 28px) / 2) !important;
    }

    .tungo-card-placeholder {
        min-height: 120px;
        font-size: 10px;
    }

    .tungo-card-placeholder .dashicons {
        width: 32px;
        height: 32px;
        font-size: 32px;
    }

    .tungo-card-img-wrap .tungo-wishlist-btn {
        width: 30px !important;
        height: 30px !important;
        top: 8px !important;
        right: 8px !important;
    }

    .tungo-badge-sale,
    .tungo-badge-local {
        font-size: 9px !important;
        padding: 2px 5px !important;
    }

    .tungo-card-info {
        padding: 7px 7px 9px !important;
        gap: 4px !important;
    }

    .tungo-premium-card .tungo-card-title {
        font-size: 11px !important;
        min-height: 30px !important;
        line-height: 1.3 !important;
    }

    .tungo-active-price {
        font-size: 13px !important;
    }

    .tungo-sales-count,
    .tungo-was-price-row,
    .tungo-highlight-tag-row,
    .tungo-delivery-promise {
        font-size: 9px !important;
    }

    .tungo-circle-add-btn {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
    }

    .tungo-pill-star-seller,
    .tungo-verification-badge.small {
        font-size: 8.5px !important;
        padding: 2px 5px !important;
    }
}

/* Recent Products: keep homepage grid at 5 columns on desktop */
#tungo-infinite-scroll-grid.tungo-products-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
}

#tungo-infinite-scroll-grid.tungo-products-grid .product,
#tungo-infinite-scroll-grid.tungo-products-grid .tungo-premium-card {
    max-width: none !important;
}

@media (max-width: 1199px) {
    #tungo-infinite-scroll-grid.tungo-products-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991px) {
    #tungo-infinite-scroll-grid.tungo-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    #tungo-infinite-scroll-grid.tungo-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Single product mobile flow: prevent overlap between summary, sidebar, tabs, and related products */
@media (max-width: 767px) {
    body.single-product,
    body.single-product .site,
    body.single-product main,
    body.single-product .container,
    body.single-product .content-area,
    body.single-product .site-main,
    body.single-product div.product,
    body.single-product .product {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }

    body.single-product main,
    body.single-product .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .single-product .tungo-single-product-wrapper,
    .single-product .tungo-product-layout,
    .single-product .tungo-sp-custom-grid,
    .single-product .tungo-product-overview,
    .single-product .tungo-sp-main-details-row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        gap: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: relative !important;
        clear: both !important;
    }

    .single-product .tungo-product-gallery,
    .single-product .tungo-sp-gallery-part {
        order: 1 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        clear: both !important;
    }

    .single-product .woocommerce-product-gallery {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        float: none !important;
        position: relative !important;
    }

    .single-product .woocommerce-product-gallery__wrapper,
    .single-product .woocommerce-product-gallery__image,
    .single-product .woocommerce-product-gallery__image a {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    .single-product .woocommerce-product-gallery__image img,
    .single-product .tungo-sp-gallery-part img {
        width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        object-fit: contain !important;
        display: block !important;
    }

    .single-product .tungo-product-summary,
    .single-product .tungo-sp-info-part {
        order: 2 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        position: relative !important;
        clear: both !important;
        z-index: 1 !important;
    }

    .single-product .tungo-sp-brand-line,
    .single-product .tungo-sp-title-row,
    .single-product .tungo-sp-ratings-row,
    .single-product .tungo-sp-price-row,
    .single-product .tungo-sp-stock-status,
    .single-product .tungo-sp-shipping-note,
    .single-product .tungo-sp-buy-form-box {
        position: static !important;
        clear: both !important;
        max-width: 100% !important;
    }

    .single-product .tungo-sp-title-row {
        align-items: flex-start !important;
        gap: 10px !important;
        margin-bottom: 8px !important;
    }

    .single-product .tungo-sp-title-row h1,
    .single-product .tungo-sp-info-part h1 {
        font-size: 20px !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    .single-product .tungo-sp-price-row {
        gap: 8px !important;
        flex-wrap: wrap !important;
        margin-bottom: 8px !important;
    }

    .single-product .tungo-sp-price-row .active-price {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }

    .single-product .tungo-sp-action-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    .single-product #tungo-add-to-cart-btn,
    .single-product #tungo-buy-now-btn {
        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 8px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    .single-product .tungo-product-sidebar,
    .single-product .tungo-sp-delivery-sidebar {
        order: 3 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px !important;
        position: static !important;
        overflow: visible !important;
        clear: both !important;
        z-index: 1 !important;
    }

    .single-product .tungo-product-tabs,
    .single-product .tungo-sp-bottom-grid {
        order: 4 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 6px 0 0 !important;
        padding: 0 !important;
        position: relative !important;
        clear: both !important;
        z-index: 1 !important;
    }

    .single-product .tungo-sp-bottom-main-col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .single-product .tungo-sp-detail-tabs {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        overflow: visible !important;
        margin-bottom: 10px !important;
    }

    .single-product .tungo-sp-detail-tabs button,
    .single-product .tungo-sp-detail-tabs a {
        width: 100% !important;
        min-height: 42px !important;
        justify-content: center !important;
        white-space: normal !important;
    }

    .single-product .tungo-sp-details-section {
        padding: 14px !important;
        margin: 0 0 12px !important;
        min-height: 0 !important;
    }

    .single-product .related.products {
        display: block !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 18px !important;
        padding-top: 0 !important;
        position: relative !important;
        z-index: 0 !important;
    }

    .single-product .related.products > h2,
    .single-product .related.products .tungo-related-carousel-title {
        font-size: 22px !important;
        line-height: 1.2 !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        position: static !important;
    }

    .single-product .tungo-related-products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
        clear: both !important;
    }
}

/* Single product mobile final override: remove inner scrollbar and use full width */
@media (max-width: 767px) {
    html,
    body.single-product {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        height: auto !important;
        min-height: 100% !important;
    }

    body.single-product #page,
    body.single-product .site,
    body.single-product main,
    body.single-product .site-content,
    body.single-product .content-area,
    body.single-product .site-main,
    body.single-product .container,
    body.single-product .tungo-wc-container,
    body.single-product div.product,
    body.single-product .product,
    body.single-product .entry-content,
    body.single-product .woocommerce,
    body.single-product .tungo-single-product-wrapper,
    body.single-product .tungo-product-layout,
    body.single-product .tungo-sp-custom-grid,
    body.single-product .tungo-product-overview,
    body.single-product .tungo-sp-main-details-row,
    body.single-product .tungo-product-gallery,
    body.single-product .tungo-sp-gallery-part,
    body.single-product .tungo-product-summary,
    body.single-product .tungo-sp-info-part,
    body.single-product .tungo-product-sidebar,
    body.single-product .tungo-sp-delivery-sidebar,
    body.single-product .tungo-product-tabs,
    body.single-product .tungo-sp-bottom-grid,
    body.single-product .related.products {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow-y: visible !important;
        overflow-x: hidden !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.single-product main,
    body.single-product .site-main,
    body.single-product .container,
    body.single-product .tungo-wc-container,
    body.single-product .tungo-single-product-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-product .tungo-product-layout,
    body.single-product .tungo-sp-custom-grid {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    body.single-product .tungo-sp-info-part,
    body.single-product .tungo-sp-delivery-sidebar,
    body.single-product .tungo-sp-bottom-grid,
    body.single-product .related.products {
        float: none !important;
        clear: both !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    body.single-product .woocommerce-product-gallery,
    body.single-product .woocommerce-product-gallery__wrapper,
    body.single-product .woocommerce-product-gallery__image,
    body.single-product .woocommerce-product-gallery__image a {
        overflow: visible !important;
        overflow-y: visible !important;
        overflow-x: hidden !important;
        height: auto !important;
        max-height: none !important;
    }

    body.single-product .woocommerce-product-gallery__image img,
    body.single-product .tungo-sp-gallery-part img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        max-height: 320px !important;
        object-fit: contain !important;
    }

    body.single-product .tungo-sp-info-part {
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

/* Product image cache/lazy-load final guard */
.single-product .woocommerce-product-gallery img,
.single-product .tungo-sp-gallery-part img,
.tungo-premium-card img,
img.tungo-card-product-image,
img.tungo-cache-safe-image,
img.tungo-image-ready {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Product card cart state and related-products scroll guard */
.tungo-card-price-sales-row .added_to_cart,
.tungo-premium-card .added_to_cart.wc-forward {
    display: none !important;
}

.tungo-circle-add-btn {
    position: relative !important;
    overflow: visible !important;
}

.tungo-circle-add-btn .tungo-badge-add-count {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    z-index: 4 !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #facc15 !important;
    color: #6b1124 !important;
    border: 2px solid #ffffff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.18) !important;
    pointer-events: none !important;
}

body.single-product .related.products,
body.single-product .tungo-related-products-grid {
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: auto !important;
    scrollbar-width: none !important;
}

body.single-product .related.products::-webkit-scrollbar,
body.single-product .tungo-related-products-grid::-webkit-scrollbar {
    display: none !important;
}

@media (max-width: 767px) {
    body.single-product .related.products {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.single-product .related.products > h2,
    body.single-product .related.products .tungo-related-carousel-title {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    body.single-product .tungo-related-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    body.single-product .tungo-related-products-grid li.product,
    body.single-product .tungo-related-products-grid .tungo-premium-card {
        max-width: 100% !important;
    }
}

.tungo-card-view-count {
    display: none !important;
}

.single-product .tungo-sp-ratings-row:hover {
    color: #6b1124 !important;
}

.single-product .tungo-sp-ratings-row .dashicons {
    line-height: 1 !important;
}

.single-product .product.virtual .tungo-sp-delivery-sidebar .delivery-returns-box,
.single-product .product.downloadable .tungo-sp-delivery-sidebar .delivery-returns-box {
    display: none !important;
}

/* Final mobile gutters: keep footer and single product content off screen edges */
@media (max-width: 767px) {
    .tungo-footer {
        overflow-x: hidden !important;
    }

    .tungo-footer .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
    }

    .tungo-footer-top-grid,
    .tungo-footer-bottom-bar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .tungo-footer-logo-link,
    .tungo-footer-logo-text,
    .tungo-footer-description,
    .tungo-footer h4.footer-section-title,
    .tungo-footer summary.footer-section-title {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    .tungo-footer-link-list {
        width: 100% !important;
        max-width: 100% !important;
    }

    .tungo-footer-link-list a,
    .tungo-footer-contact-list a,
    .tungo-footer-contact-list span {
        box-sizing: border-box !important;
    }

    body:not(.single-product) main > .container,
    body:not(.single-product) .site-main > .container,
    body:not(.single-product) .tungo-wc-container > .container,
    body:not(.single-product) .entry-content > .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    body.single-product .tungo-wc-container,
    body.single-product .tungo-single-product-wrapper {
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    body.single-product .tungo-product-layout,
    body.single-product .tungo-sp-custom-grid,
    body.single-product .tungo-product-overview,
    body.single-product .tungo-sp-main-details-row,
    body.single-product .tungo-product-tabs,
    body.single-product .tungo-sp-bottom-grid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.single-product .tungo-sp-gallery-part,
    body.single-product .tungo-sp-info-part,
    body.single-product .tungo-sp-delivery-sidebar,
    body.single-product .tungo-sp-details-section {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.single-product .related.products {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Final related products grid override */
body.single-product .related.products {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

body.single-product .tungo-related-products-grid,
body.single-product .related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    list-style: none !important;
    align-items: stretch !important;
}

body.single-product .tungo-related-products-grid::before,
body.single-product .tungo-related-products-grid::after,
body.single-product .related.products ul.products::before,
body.single-product .related.products ul.products::after {
    display: none !important;
    content: none !important;
}

body.single-product .tungo-related-products-grid li.product,
body.single-product .related.products ul.products li.product {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    display: flex !important;
}

body.single-product .tungo-related-products-grid .tungo-premium-card,
body.single-product .related.products ul.products .tungo-premium-card {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 1199px) {
    body.single-product .tungo-related-products-grid,
    body.single-product .related.products ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1024px) {
    body.single-product .tungo-related-products-grid,
    body.single-product .related.products ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body.single-product .tungo-related-products-grid,
    body.single-product .related.products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

/* Single product header/footer edge guard */
@media (max-width: 767px) {
    body.single-product .tungo-header .container,
    body.single-product .tungo-footer .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
    }

    body.single-product .tungo-header-main,
    body.single-product .tungo-header-left-col,
    body.single-product .tungo-footer-top-grid,
    body.single-product .tungo-footer-bottom-bar {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.single-product .tungo-logo,
    body.single-product .tungo-footer-logo-link,
    body.single-product .tungo-footer-logo-text,
    body.single-product .tungo-footer-description,
    body.single-product .tungo-footer h4.footer-section-title,
    body.single-product .tungo-footer summary.footer-section-title {
        margin-left: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    body.single-product .tungo-header-categories-bar .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Single product widget spacing: tabs to related products */
body.single-product .tungo-product-layout,
body.single-product .tungo-sp-custom-grid {
    margin-bottom: 28px !important;
    row-gap: 20px !important;
    min-height: 0 !important;
}

body.single-product .tungo-product-tabs,
body.single-product .tungo-sp-bottom-grid {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

body.single-product .tungo-sp-bottom-main-col,
body.single-product .tungo-sp-detail-tabs {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

body.single-product .tungo-sp-details-section {
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

body.single-product .tungo-sp-details-section[hidden],
body.single-product .tungo-sp-details-section[style*="display: none"] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.single-product .related.products {
    margin-top: 0 !important;
    padding-top: 0 !important;
    clear: both !important;
}

body.single-product .related.products > h2,
body.single-product .related.products .tungo-related-grid-title,
body.single-product .related.products .tungo-related-carousel-title {
    margin-top: 0 !important;
}

@media (max-width: 1023px) {
    body.single-product .tungo-product-layout,
    body.single-product .tungo-sp-custom-grid {
        margin-bottom: 22px !important;
        row-gap: 16px !important;
    }
}

@media (max-width: 767px) {
    body.single-product .tungo-product-layout,
    body.single-product .tungo-sp-custom-grid {
        margin-bottom: 18px !important;
        row-gap: 12px !important;
    }
}

/* First-load image, skeleton, hero, and mobile footer hardening */
.tungo-premium-card {
    position: relative;
}

.tungo-premium-card:not(.is-loading):not(.tungo-is-loading):not([data-tungo-loading="true"]) > .tungo-card-skeleton {
    display: none;
    opacity: 0;
    pointer-events: none;
}

[data-tungo-loading="true"] .tungo-card-skeleton,
.is-loading > .tungo-card-skeleton,
.tungo-is-loading > .tungo-card-skeleton {
    display: flex;
    opacity: 1;
}

.tungo-product-load-error {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(128, 0, 0, 0.18);
    border-radius: 8px;
    background: #fff7f8;
    color: #800000;
    font-size: 13px;
    font-weight: 700;
}

.tungo-product-retry-btn {
    margin-left: 8px;
    border: 0;
    border-radius: 999px;
    background: #800000;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 767px) {
    .tungo-footer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .tungo-footer .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
    }

    .tungo-footer-top-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .tungo-footer-accordion {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .tungo-footer-link-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px 12px !important;
        margin-top: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .tungo-footer-link-list li {
        min-width: 0 !important;
    }

    .tungo-footer-link-list a {
        display: flex !important;
        align-items: center !important;
        min-height: 44px !important;
        padding: 10px 12px !important;
        border-radius: 8px !important;
        background: rgba(255, 255, 255, 0.06) !important;
        overflow-wrap: anywhere !important;
    }

    .tungo-footer-socials,
    .tungo-footer-payment-methods {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
}

@media (max-width: 340px) {
    .tungo-footer-link-list {
        grid-template-columns: 1fr !important;
    }
}

/* Single product mobile scroll fix: use the browser page scroll, not nested containers */
@media (max-width: 767px) {
    html {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        height: auto !important;
        min-height: 100% !important;
    }

    body.single-product {
        position: static !important;
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        touch-action: pan-y !important;
        overscroll-behavior-y: auto !important;
        -webkit-overflow-scrolling: auto !important;
    }

    body.single-product #page,
    body.single-product .site,
    body.single-product main,
    body.single-product .site-content,
    body.single-product .content-area,
    body.single-product .site-main,
    body.single-product .container,
    body.single-product .tungo-wc-container,
    body.single-product div.product,
    body.single-product .product,
    body.single-product .entry-content,
    body.single-product .woocommerce,
    body.single-product .tungo-single-product-wrapper,
    body.single-product .tungo-product-layout,
    body.single-product .tungo-sp-custom-grid,
    body.single-product .tungo-product-overview,
    body.single-product .tungo-sp-main-details-row,
    body.single-product .tungo-product-gallery,
    body.single-product .tungo-sp-gallery-part,
    body.single-product .tungo-product-summary,
    body.single-product .tungo-sp-info-part,
    body.single-product .tungo-product-sidebar,
    body.single-product .tungo-sp-delivery-sidebar,
    body.single-product .tungo-product-tabs,
    body.single-product .tungo-sp-bottom-grid,
    body.single-product .tungo-sp-details-section,
    body.single-product .related.products {
        position: static !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: auto !important;
        overscroll-behavior-y: auto !important;
    }

    body.single-product .woocommerce-product-gallery,
    body.single-product .woocommerce-product-gallery__wrapper,
    body.single-product .woocommerce-product-gallery__image,
    body.single-product .woocommerce-product-gallery__image a {
        position: static !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        touch-action: pan-y pinch-zoom !important;
    }

    body.single-product .tungo-sp-detail-tabs,
    body.single-product .tungo-related-products-grid,
    body.single-product .related.products ul.products {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    body.single-product .tungo-product-sidebar,
    body.single-product .tungo-sp-delivery-sidebar {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        overflow: visible !important;
        overscroll-behavior: auto !important;
    }
}

/* Single product mobile gallery: show one main image, not stacked duplicates */
@media (max-width: 767px) {
    body.single-product .tungo-product-gallery,
    body.single-product .tungo-sp-gallery-part,
    body.single-product .woocommerce-product-gallery {
        background: #ffffff !important;
        padding: 0 !important;
        margin: 0 0 12px !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
        display: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child,
    body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper:has(.woocommerce-product-gallery__image.flex-active-slide) .woocommerce-product-gallery__image:first-child:not(.flex-active-slide) {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 260px !important;
        background: #ffffff !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: min(82vw, 390px) !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 0 !important;
        padding: 0 4px 4px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* Mobile WooCommerce gallery final state: one complete image at a time */
@media (max-width: 767px) {
    body.single-product .woocommerce-product-gallery {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        overflow: visible !important;
    }

    body.single-product .woocommerce-product-gallery__trigger {
        top: 10px !important;
        right: 10px !important;
        z-index: 5 !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper:not(.tungo-mobile-gallery-ready) .woocommerce-product-gallery__image {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery__wrapper:not(.tungo-mobile-gallery-ready) .woocommerce-product-gallery__image:first-child {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.single-product .woocommerce-product-gallery.tungo-mobile-gallery-ready .woocommerce-product-gallery__image {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery.tungo-mobile-gallery-ready .woocommerce-product-gallery__image.tungo-mobile-gallery-active {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.single-product .woocommerce-product-gallery__image.tungo-mobile-gallery-duplicate,
    body.single-product .woocommerce-product-gallery__image.tungo-mobile-gallery-hidden {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery__image a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 240px !important;
        overflow: hidden !important;
    }

    body.single-product .woocommerce-product-gallery__image img {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: min(82vw, 390px) !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
    }
}


/* Final mobile product gallery viewport: prevent divided/stacked full images */
@media (max-width: 767px) {
    body.single-product .woocommerce-product-gallery .flex-viewport,
    body.single-product .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    body.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    body.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.single-product .woocommerce-product-gallery:not(.tungo-mobile-gallery-ready) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image,
    body.single-product .woocommerce-product-gallery:not(.tungo-mobile-gallery-ready) .flex-viewport .woocommerce-product-gallery__image {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery:not(.tungo-mobile-gallery-ready) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child,
    body.single-product .woocommerce-product-gallery:not(.tungo-mobile-gallery-ready) .flex-viewport .woocommerce-product-gallery__image:first-child,
    body.single-product .woocommerce-product-gallery.tungo-mobile-gallery-ready .woocommerce-product-gallery__image.tungo-mobile-gallery-active {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.single-product .woocommerce-product-gallery__image:not(.tungo-mobile-gallery-active):not(:first-child),
    body.single-product .woocommerce-product-gallery__image.tungo-mobile-gallery-hidden,
    body.single-product .woocommerce-product-gallery__image.tungo-mobile-gallery-duplicate {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery.tungo-mobile-gallery-ready .woocommerce-product-gallery__image:first-child:not(.tungo-mobile-gallery-active) {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery__image:first-child:nth-last-child(1) {
        display: flex !important;
    }

    body.single-product .woocommerce-product-gallery__image a {
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        max-height: min(88vw, 420px) !important;
    }

    body.single-product .woocommerce-product-gallery__image img {
        max-height: min(88vw, 420px) !important;
    }
}

/* Merchant dashboard mobile/tablet fit and product specification controls */
@media (max-width: 1024px) {
    body.page-id-merchant-dashboard .container,
    body.page-id-merchant-dashboard .site-main,
    body.page-id-merchant-dashboard .entry-content,
    body.page-id-merchant-dashboard .tungo-wc-container,
    body.page-template-default .tungo-vendor-dashboard-wrapper,
    .tungo-vendor-dashboard-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .tungo-vendor-dashboard-wrapper {
        padding: 0 12px 88px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow-x: hidden !important;
    }

    .tungo-vendor-dashboard-wrapper .tungo-dashboard-layout,
    .tungo-vendor-dashboard-wrapper .tungo-dashboard-content,
    .tungo-vendor-dashboard-wrapper .tungo-tab-content,
    .tungo-vendor-dashboard-wrapper .tungo-dashboard-form,
    .tungo-vendor-dashboard-wrapper .tungo-dashboard-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .tungo-vendor-dashboard-wrapper .tungo-dashboard-card {
        padding: 16px !important;
        border-radius: 10px !important;
    }

    .tungo-vendor-dashboard-wrapper .tungo-dashboard-brand-header {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .tungo-vendor-dashboard-wrapper .form-row-split,
    .tungo-vendor-dashboard-wrapper .form-row-split[style] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .tungo-dashboard-form #tungo-specifications-container,
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 10px !important;
        box-sizing: border-box !important;
    }

    .tungo-dashboard-form #tungo-specifications-container .tungo-spec-row,
    .tungo-dashboard-form #tungo-specifications-container .tungo-spec-row[style],
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container .tungo-spec-row,
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container .tungo-spec-row[style] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 46px !important;
        gap: 8px !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .tungo-dashboard-form #tungo-specifications-container input[type="text"],
    .tungo-dashboard-form #tungo-specifications-container input[type="text"][style],
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container input[type="text"],
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container input[type="text"][style] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 46px !important;
        padding: 10px 12px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
        box-sizing: border-box !important;
    }

    .tungo-dashboard-form #tungo-specifications-container .remove-spec-row,
    .tungo-dashboard-form #tungo-specifications-container .remove-spec-row[style],
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container .remove-spec-row,
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container .remove-spec-row[style] {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 !important;
        border-radius: 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    .tungo-dashboard-form #tungo-add-spec-row,
    .tungo-dashboard-form #tungo-add-spec-row[style],
    .tungo-vendor-dashboard-wrapper #tungo-add-spec-row,
    .tungo-vendor-dashboard-wrapper #tungo-add-spec-row[style] {
        width: 100% !important;
        min-height: 48px !important;
        margin-top: 12px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }
}

@media (max-width: 420px) {
    .tungo-dashboard-form #tungo-specifications-container .tungo-spec-row,
    .tungo-dashboard-form #tungo-specifications-container .tungo-spec-row[style],
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container .tungo-spec-row,
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container .tungo-spec-row[style] {
        grid-template-columns: 1fr !important;
    }

    .tungo-dashboard-form #tungo-specifications-container .remove-spec-row,
    .tungo-dashboard-form #tungo-specifications-container .remove-spec-row[style],
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container .remove-spec-row,
    .tungo-vendor-dashboard-wrapper #tungo-specifications-container .remove-spec-row[style] {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Single product tablet: stack naturally instead of shrinking desktop columns */
@media (min-width: 768px) and (max-width: 1099px) {
    body.single-product .container,
    body.single-product .tungo-wc-container,
    body.single-product .tungo-single-product-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }

    body.single-product .tungo-product-layout,
    body.single-product .tungo-sp-custom-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin-bottom: 24px !important;
        overflow: visible !important;
    }

    body.single-product .tungo-product-overview,
    body.single-product .tungo-sp-main-details-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body.single-product .tungo-product-gallery,
    body.single-product .tungo-sp-gallery-part,
    body.single-product .tungo-product-summary,
    body.single-product .tungo-sp-info-part,
    body.single-product .tungo-product-sidebar,
    body.single-product .tungo-sp-delivery-sidebar,
    body.single-product .tungo-product-tabs,
    body.single-product .tungo-sp-bottom-grid {
        position: static !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        grid-column: auto !important;
        grid-area: auto !important;
        box-sizing: border-box !important;
    }

    body.single-product .woocommerce-product-gallery,
    body.single-product .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: 620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow: visible !important;
    }

    body.single-product .woocommerce-product-gallery__image,
    body.single-product .woocommerce-product-gallery__image a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.single-product .woocommerce-product-gallery__image img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 560px !important;
        object-fit: contain !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.single-product .tungo-sp-action-grid,
    body.single-product .tungo-product-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.single-product .related.products {
        margin-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-product .related.products ul.products,
    body.single-product .tungo-related-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    body.single-product .related.products ul.products,
    body.single-product .tungo-related-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tungo-footer .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }

    .tungo-footer-top-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .tungo-footer-link-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px 12px !important;
    }

    .tungo-footer-bottom {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}

/* Single product gallery with many images: compact thumbnails, one active image */
body.single-product .woocommerce-product-gallery {
    --tungo-gallery-thumb-size: 72px;
    --tungo-gallery-thumb-gap: 8px;
    --tungo-gallery-main-height: clamp(360px, 42vw, 560px);
    --tungo-gallery-visible-thumbs: 4;
    --tungo-gallery-thumb-list-height: calc(
        (var(--tungo-gallery-thumb-size) * var(--tungo-gallery-visible-thumbs)) +
        (var(--tungo-gallery-thumb-gap) * (var(--tungo-gallery-visible-thumbs) - 1)) +
        8px
    );
}

body.single-product .woocommerce-product-gallery .tungo-gallery-thumb-duplicate,
body.single-product .woocommerce-product-gallery__image.tungo-mobile-gallery-duplicate,
body.single-product .woocommerce-product-gallery__image.tungo-mobile-gallery-hidden {
    display: none !important;
}

body.single-product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) {
    display: none !important;
}

body.single-product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child {
    display: flex !important;
}

body.single-product .woocommerce-product-gallery.tungo-mobile-gallery-ready .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery.tungo-mobile-gallery-ready .flex-viewport .woocommerce-product-gallery__image {
    display: none !important;
}

body.single-product .woocommerce-product-gallery.tungo-mobile-gallery-ready .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image.tungo-mobile-gallery-active,
body.single-product .woocommerce-product-gallery.tungo-mobile-gallery-ready .flex-viewport .woocommerce-product-gallery__image.tungo-mobile-gallery-active {
    display: flex !important;
}

body.single-product .woocommerce-product-gallery__image img {
    opacity: 1 !important;
    visibility: visible !important;
}

body.single-product .woocommerce-product-gallery ol.flex-control-nav img.flex-active {
    border-color: var(--color-primary, #800000) !important;
    box-shadow: 0 0 0 2px rgba(128, 0, 0, 0.18) !important;
}

body.single-product .tungo-gallery-thumb-control {
    display: none;
    border: 1px solid #d7e1ec;
    background: #ffffff;
    color: #334155;
    border-radius: 999px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    padding: 0;
    font-size: 24px;
    line-height: 1;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    z-index: 3;
}

body.single-product .tungo-gallery-thumb-control:hover {
    color: var(--color-primary, #800000);
    border-color: rgba(128, 0, 0, 0.35);
}

@media (min-width: 1025px) {
    body.single-product .woocommerce-product-gallery {
        display: grid !important;
        grid-template-columns: var(--tungo-gallery-thumb-size) minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        gap: 12px !important;
        align-items: start !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
    body.single-product .woocommerce-product-gallery .flex-viewport {
        grid-column: 2 !important;
        grid-row: 1 / span 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    body.single-product .woocommerce-product-gallery__image,
    body.single-product .woocommerce-product-gallery__image a {
        width: 100% !important;
        min-height: 0 !important;
        max-height: var(--tungo-gallery-main-height) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    body.single-product .woocommerce-product-gallery__image img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: var(--tungo-gallery-main-height) !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav {
        grid-column: 1 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: var(--tungo-gallery-thumb-gap) !important;
        width: var(--tungo-gallery-thumb-size) !important;
        max-width: var(--tungo-gallery-thumb-size) !important;
        height: var(--tungo-gallery-thumb-list-height) !important;
        max-height: var(--tungo-gallery-thumb-list-height) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 2px 3px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        scroll-snap-type: y proximity !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(128, 0, 0, 0.45) rgba(226, 232, 240, 0.75) !important;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav::-webkit-scrollbar {
        width: 5px;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav::-webkit-scrollbar-track {
        background: rgba(226, 232, 240, 0.75);
        border-radius: 999px;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav::-webkit-scrollbar-thumb {
        background: rgba(128, 0, 0, 0.45);
        border-radius: 999px;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav li {
        width: 100% !important;
        height: var(--tungo-gallery-thumb-size) !important;
        flex: 0 0 var(--tungo-gallery-thumb-size) !important;
        min-height: var(--tungo-gallery-thumb-size) !important;
        margin: 0 !important;
        scroll-snap-align: start !important;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav img {
        width: 100% !important;
        height: var(--tungo-gallery-thumb-size) !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        background: #ffffff !important;
    }

    body.single-product .woocommerce-product-gallery .tungo-gallery-thumb-control {
        grid-column: 1 !important;
        display: inline-flex !important;
        justify-self: center !important;
    }

    body.single-product .woocommerce-product-gallery .tungo-gallery-thumb-prev {
        grid-row: 1 !important;
        align-self: end !important;
    }

    body.single-product .woocommerce-product-gallery .tungo-gallery-thumb-next {
        grid-row: 3 !important;
        align-self: start !important;
    }
}

@media (max-width: 1024px) {
    body.single-product .woocommerce-product-gallery {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        margin-bottom: 16px !important;
    }

    body.single-product .woocommerce-product-gallery .flex-viewport,
    body.single-product .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    body.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    body.single-product .woocommerce-product-gallery__image {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-product .woocommerce-product-gallery__image a {
        width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        max-height: min(88vw, 520px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    body.single-product .woocommerce-product-gallery__image img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: min(88vw, 520px) !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav {
        order: 4 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: min(100%, 296px) !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 2px 4px 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-x: contain !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: thin !important;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav li {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        flex: 0 0 68px !important;
        margin: 0 !important;
        scroll-snap-align: start !important;
    }

    body.single-product .woocommerce-product-gallery ol.flex-control-nav img {
        width: 68px !important;
        height: 68px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        background: #ffffff !important;
    }

    body.single-product .woocommerce-product-gallery .tungo-gallery-thumb-control {
        display: none !important;
    }
}

@media (max-width: 360px) {
    body.single-product .woocommerce-product-gallery ol.flex-control-nav li,
    body.single-product .woocommerce-product-gallery ol.flex-control-nav img {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        flex-basis: 62px !important;
    }
}

/* ==========================================================================
   TUNGO 3-COLUMN DESKTOP HERO SECTION (MAROON THEMED) MATCHING SCREENSHOT
   ========================================================================== */

/* Header and Marquee zero-gap flush layout */
.home .site-header,
.home #masthead {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.home .tungo-header-categories-bar {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

.tungo-desktop-3col-hero {
    background: #6b1124 !important;
    padding: 10px 0 14px 0 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.tungo-hero-3col-wrapper {
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) 240px !important;
    gap: 12px !important;
    align-items: stretch !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 1. Left Sidebar: Compact Navigation Menu List (Desktop) */
.tungo-hero-sidebar-left {
    display: flex !important;
    flex-direction: column !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
}

.tungo-top-requests-card {
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 8px 10px !important;
    height: 100% !important;
    min-height: 380px !important;
    max-height: 380px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.tungo-top-requests-card .top-requests-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    flex: 1 1 auto !important;
    gap: 2px !important;
}

.tungo-top-requests-card .top-requests-list li {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tungo-top-requests-card .top-requests-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    width: 100% !important;
    padding: 5px 8px !important;
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
}

.tungo-top-requests-card .top-requests-list li a:hover {
    background: #fdf2f4 !important;
    color: #6b1124 !important;
    transform: translateX(2px) !important;
}

.tungo-top-requests-card .request-icon-wrap {
    width: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.tungo-top-requests-card .request-icon {
    color: #6b1124 !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

.tungo-top-requests-card .request-name {
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 2. Center Slider (Equal Height: 380px, Desktop) */
.tungo-hero-main-slider {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

.tungo-hero-main-slider .tungo-hero-slider-container {
    border-radius: 10px !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    background: #3b0a14 !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.tungo-hero-main-slider .tungo-hero-slider-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    will-change: transform;
}

.tungo-hero-main-slider .tungo-hero-slide {
    position: relative !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.tungo-hero-main-slider .tungo-hero-slide-picture {
    width: 100% !important;
    height: 100% !important;
    min-height: 380px !important;
    max-height: 380px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tungo-hero-main-slider .tungo-hero-slide .tungo-hero-slide-img,
.tungo-hero-main-slider .tungo-hero-slide img.tungo-hero-slide-img {
    width: 100% !important;
    height: 100% !important;
    min-height: 380px !important;
    max-height: 380px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Right Sidebar: Quick Actions & Promo Banner (Equal Height: 380px, Desktop) */
.tungo-hero-sidebar-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    justify-content: space-between !important;
}

.tungo-hero-action-card {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 5px 10px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    flex-shrink: 0 !important;
}

.tungo-hero-action-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.tungo-hero-action-card .action-card-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.whatsapp-icon-bg {
    background: #22c55e !important;
    color: #ffffff !important;
}

.whatsapp-icon-bg .dashicons {
    font-size: 15px !important;
    width: 15px !important;
    height: 15px !important;
}

.toprated-icon-bg {
    background: #1e293b !important;
    color: #ffffff !important;
}

.toprated-icon-bg .star-icon {
    font-size: 13px !important;
    color: #ffffff !important;
    line-height: 1 !important;
}

.seller-icon-bg {
    background: #0284c7 !important;
    color: #ffffff !important;
}

.seller-icon-bg .dashicons {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

.tungo-hero-action-card .action-card-text {
    display: flex !important;
    flex-direction: column !important;
}

.tungo-hero-action-card .action-card-title {
    font-weight: 700 !important;
    font-size: 11.5px !important;
    color: #0f172a !important;
    line-height: 1.2 !important;
}

.tungo-hero-action-card .action-card-sub {
    font-size: 9.5px !important;
    color: #64748b !important;
    margin-top: 1px !important;
}

.tungo-hero-side-deals-card {
    flex: 1 1 auto !important;
    background: linear-gradient(135deg, #701a75 0%, #831843 100%) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 0 !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.tungo-hero-side-deals-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.tungo-hero-side-deals-card .deals-art-box {
    padding: 10px 12px !important;
    color: #ffffff !important;
    text-align: left !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.tungo-hero-side-deals-card .deals-tag {
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #fde047 !important;
    text-transform: uppercase !important;
}

.tungo-hero-side-deals-card .deals-heading {
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    margin: 2px 0 3px 0 !important;
    line-height: 1 !important;
}

.tungo-hero-side-deals-card .deals-sub {
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 0 6px 0 !important;
}

.tungo-hero-side-deals-card .deals-discount-badge {
    background: #f59e0b !important;
    color: #0f172a !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    width: fit-content !important;
}

/* --- MOBILE RESPONSIVENESS: NATURAL HERO BANNER ASPECT RATIO (ZERO STRETCH, ZERO COLLAPSE) --- */
@media (max-width: 991px) {
    .tungo-desktop-3col-hero {
        background: transparent !important;
        padding: 0 !important;
        margin-top: 8px !important;
        margin-bottom: 12px !important;
        width: 100% !important;
    }
    .tungo-desktop-3col-hero .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .tungo-hero-3col-wrapper {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        width: 100% !important;
    }
    .tungo-hero-sidebar-left,
    .tungo-hero-sidebar-right {
        display: none !important;
    }
    .tungo-hero-main-slider {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .tungo-hero-main-slider .tungo-hero-slider-container {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
        background: transparent !important;
        width: 100% !important;
    }
    .tungo-hero-main-slider .tungo-hero-slider-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        align-items: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .tungo-hero-main-slider .tungo-hero-slide {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .tungo-hero-main-slider .tungo-hero-slide-picture {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 10px !important;
    }
    .tungo-hero-main-slider .tungo-hero-slide .tungo-hero-slide-img,
    .tungo-hero-main-slider .tungo-hero-slide img.tungo-hero-slide-img {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 16 / 9 !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border-radius: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .tungo-hero-slide-content {
        left: 20px !important;
        max-width: calc(100% - 40px) !important;
    }
    .tungo-hero-slide-title {
        font-size: 22px !important;
        margin-bottom: 6px !important;
    }
    .tungo-hero-slide-subtitle {
        font-size: 13px !important;
        margin-bottom: 14px !important;
    }
    .tungo-hero-slide-btn {
        padding: 8px 18px !important;
        font-size: 12px !important;
    }

/* --- MOBILE GLOBAL CONTAINER PADDING NORMALIZATION (12px - 16px) --- */
@media (max-width: 767px) {
    .container,
    body.home .container,
    body.front-page .container,
    .tungo-single-store-main .container,
    .tungo-store-page .container,
    body.page-id-merchant-dashboard .container,
    body.page-id-user-dashboard .container,
    body.woocommerce-shop .container,
    body.archive.woocommerce .container,
    body.tax-product_cat .container,
    body.single-product .container,
    body.woocommerce-checkout .container,
    body.woocommerce-cart .container,
    body.woocommerce-account .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-checkout .tungo-woocommerce-main,
    body.woocommerce-checkout .woocommerce,
    body.woocommerce-checkout .tungo-checkout-v2-container,
    body.woocommerce-checkout .tungo-wc-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
    .tungo-hero-slider-dots {
        position: absolute !important;
        bottom: 8px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 5 !important;
    }
    .tungo-hero-slider-dots .dot,
    .tungo-hero-slider-dot {
        width: 6px !important;
        height: 6px !important;
        margin: 0 2px !important;
    }
    .tungo-hero-slider-dot.active {
        width: 16px !important;
        border-radius: 3px !important;
    }
    .tungo-hero-slider-arrow {
        display: none !important;
    }
}



/* ==========================================================================
   TUNGO PREMIUM SIMPLIFIED CHECKOUT & ORDER RECEIVED STYLING
   ========================================================================== */

/* 1. Prevent blank page / flicker & smooth container */
.woocommerce-checkout .tungo-woocommerce-main,
.woocommerce-order-received .tungo-woocommerce-main {
    padding: 30px 0 60px 0;
    background-color: #f8fafc;
    min-height: 70vh;
}

.woocommerce-checkout .woocommerce,
.woocommerce-order-received .woocommerce {
    max-width: 1180px;
    margin: 0 auto;
}

/* 2. Desktop 2-Column Grid Layout (Details & Payment on Left, Summary on Right) */
@media (min-width: 992px) {
    form.checkout.woocommerce-checkout {
        display: grid !important;
        grid-template-columns: 1.22fr 0.98fr !important;
        gap: 32px !important;
        align-items: start !important;
    }

    form.checkout.woocommerce-checkout #customer_details {
        grid-column: 1 !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    form.checkout.woocommerce-checkout #order_review_heading {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin-top: 0 !important;
        font-size: 20px !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin-bottom: 12px !important;
    }

    form.checkout.woocommerce-checkout #order_review {
        grid-column: 2 !important;
        grid-row: 2 !important;
        position: sticky !important;
        top: 24px !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}

/* 3. Mobile / Tablet Stacked Layout */
@media (max-width: 991px) {
    form.checkout.woocommerce-checkout {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    form.checkout.woocommerce-checkout #customer_details,
    form.checkout.woocommerce-checkout #order_review {
        width: 100% !important;
        float: none !important;
    }

    #order_review_heading {
        font-size: 19px !important;
        font-weight: 800 !important;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }
}

/* 4. Rounded Cards & Clean Surfaces */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-payment {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout #order_review_heading {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 18px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* 5. Fix Phone Placeholder Overlap & Form Fields Styling */
.woocommerce-checkout .form-row {
    position: relative !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
}

.woocommerce-checkout .form-row label,
.woocommerce-checkout label.woocommerce-form__label {
    position: static !important;
    transform: none !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
}

.woocommerce-checkout .form-row label .required {
    color: #dc2626 !important;
    text-decoration: none !important;
    margin-left: 2px !important;
    font-weight: 700 !important;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .select2-container .select2-selection--single {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 10px 14px !important;
    font-size: 14.5px !important;
    line-height: 1.4 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .select2-container--open .select2-selection--single {
    border-color: #6b1124 !important;
    box-shadow: 0 0 0 3.5px rgba(107, 17, 36, 0.12) !important;
}

.woocommerce-checkout .form-row input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* 6. Order Review Table Styling */
.woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 20px !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    font-size: 14px !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 12px 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.woocommerce-checkout-review-order-table thead th {
    background-color: #f8fafc !important;
    font-weight: 700 !important;
    color: #475569 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}

.woocommerce-checkout-review-order-table .cart_item td {
    color: #1e293b !important;
}

.woocommerce-checkout-review-order-table .product-name {
    font-weight: 600 !important;
}

.woocommerce-checkout-review-order-table .product-total {
    font-weight: 700 !important;
    text-align: right !important;
    color: #0f172a !important;
}

.woocommerce-checkout-review-order-table tfoot th {
    font-weight: 600 !important;
    color: #475569 !important;
    background: #fafbfc !important;
}

.woocommerce-checkout-review-order-table tfoot td {
    text-align: right !important;
    background: #fafbfc !important;
    font-weight: 700 !important;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #6b1124 !important;
    border-bottom: none !important;
    background: #fff8f8 !important;
}

/* 7. Payment Methods Section */
.woocommerce-checkout #payment {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    margin-top: 20px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    background: #ffffff !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li:has(input[type="radio"]:checked),
.woocommerce-checkout #payment ul.payment_methods li.is-checked {
    border-color: #6b1124 !important;
    background: #fffafa !important;
    box-shadow: 0 2px 8px rgba(107, 17, 36, 0.08) !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    cursor: pointer !important;
    margin: 0 !important;
    gap: 8px !important;
}

.woocommerce-checkout #payment ul.payment_methods li .payment_box {
    margin-top: 10px !important;
    padding: 12px 14px !important;
    background: #f8fafc !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.5 !important;
    border: 1px solid #e2e8f0 !important;
}

/* 8. Tungo Maroon Place Order Button */
#place_order,
.woocommerce-checkout #place_order {
    background: #6b1124 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    height: 52px !important;
    width: 100% !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 14px rgba(107, 17, 36, 0.28) !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    margin-top: 10px !important;
}

#place_order:hover,
.woocommerce-checkout #place_order:hover {
    background: #530d1c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(107, 17, 36, 0.35) !important;
}

#place_order:active,
.woocommerce-checkout #place_order:active {
    transform: scale(0.99) !important;
}

/* 9. Mobile Floating Button & Safe Spacing */
@media (max-width: 767px) {
    body.woocommerce-checkout {
        padding-bottom: 140px !important;
    }
}

/* 10. Product card clickability */
.tungo-premium-card[data-product-url] {
    cursor: pointer;
}
.tungo-premium-card .tungo-wishlist-btn,
.tungo-premium-card .tungo-circle-add-btn,
.tungo-premium-card .tungo-quickview-btn,
.tungo-premium-card button,
.tungo-premium-card .button {
    cursor: pointer;
}

/* ==========================================================================
   11. Mobile Layout Stability & Browser Back / Restoration Resets (<= 768px)
   ========================================================================== */
@media (max-width: 768px) {
    html,
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
    }

    .tungo-hero-slider-container,
    .tungo-hero-main-slider,
    .tungo-hero-slide,
    .tungo-three-banners-section,
    .three-banners-track,
    .tungo-promo-card,
    .tungo-categories-carousel-wrapper,
    .tungo-mobile-section {
        min-height: 0 !important;
        height: auto !important;
    }

    .tungo-hero-slider-container img,
    .tungo-hero-slide img,
    .tungo-promo-card img,
    .tungo-category-item img,
    .tungo-categories-list img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .tungo-footer {
        width: 100% !important;
        box-sizing: border-box !important;
        padding-bottom: 74px !important;
    }
}



/* ========================================================================== 
   TUNGO MOBILE HERO & STORES DIRECTORY FIXES - 2026-09-24
   Fixes mobile banner cropping/stretching, stores two-per-row, and Create Store CTA.
   ========================================================================== */
.tungo-create-store-btn:hover,
.tungo-create-store-btn:focus {
    background: #f8fafc !important;
    color: #4c0814 !important;
    transform: translateY(-1px);
}

.tungo-stores-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 20px !important;
}

/* Keep full image banners inside their card without cropping text or overflowing. */
.tungo-promo-card-full-image,
.tungo-promo-card.tungo-promo-card-full-image,
.tungo-three-banners-section .tungo-promo-card-full-image {
    overflow: hidden !important;
}
.tungo-three-banners-section .promo-full-image-wrap,
.tungo-three-banners-section .promo-full-image-wrap[style] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}
.tungo-three-banners-section .promo-full-image-wrap img,
.tungo-three-banners-section .promo-full-image-wrap img[style] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 12px !important;
}

@media (max-width: 991px) {
    .tungo-hero-main-slider .tungo-hero-slide-picture,
    .tungo-hero-main-slider .tungo-hero-slide-picture[style] {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }
    .tungo-hero-main-slider .tungo-hero-slide .tungo-hero-slide-img,
    .tungo-hero-main-slider .tungo-hero-slide img.tungo-hero-slide-img,
    .tungo-hero-main-slider .tungo-hero-slide img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        background: #ffffff !important;
    }
}

@media (max-width: 768px) {
    .tungo-three-banners-section {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        margin: 10px 0 14px !important;
        padding: 0 !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }
    .tungo-three-banners-section .three-banners-track {
        align-items: flex-start !important;
        overflow: visible !important;
    }
    .tungo-three-banners-section .tungo-promo-card,
    .tungo-three-banners-section .tungo-promo-card[style] {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
        padding: 0 !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }
    .tungo-three-banners-section .tungo-promo-card:not(.tungo-promo-card-full-image) {
        padding: 16px !important;
    }
    .tungo-three-banners-section .promo-full-image-wrap,
    .tungo-three-banners-section .promo-full-image-wrap[style] {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: block !important;
    }
    .tungo-three-banners-section .promo-full-image-wrap img,
    .tungo-three-banners-section .promo-full-image-wrap img[style] {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
    }

    .below-header-banner,
    .below-header-banner[style] {
        overflow: hidden !important;
    }
    .below-header-banner img,
    .below-header-banner img[style] {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
    }
}

@media (max-width: 767px) {
    .tungo-stores-directory-page,
    .tungo-stores-directory-page[style] {
        padding: 14px 0 72px !important;
    }
    .tungo-stores-directory-page .container,
    .tungo-stores-directory-page .container[style] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }
    .tungo-stores-hero-card,
    .tungo-stores-hero-card[style] {
        padding: 18px 16px !important;
        margin-bottom: 16px !important;
        border-radius: 14px !important;
        gap: 12px !important;
    }
    .tungo-stores-hero-card h1,
    .tungo-stores-hero-card h1[style] {
        font-size: 22px !important;
        line-height: 1.18 !important;
    }
    .tungo-stores-hero-card p,
    .tungo-stores-hero-card p[style] {
        font-size: 13px !important;
    }
    .tungo-create-store-btn,
    .tungo-create-store-btn[style] {
        width: 100% !important;
        min-height: 44px !important;
        padding: 11px 14px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
        box-sizing: border-box !important;
    }
    .tungo-stores-grid,
    .tungo-stores-grid[style] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .tungo-stores-grid > div,
    .tungo-stores-grid > div[style] {
        min-width: 0 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    .tungo-stores-grid > div > div:first-child,
    .tungo-stores-grid > div > div:first-child[style] {
        height: 78px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-color: #f8fafc !important;
    }
    .tungo-stores-grid > div > div:nth-child(2),
    .tungo-stores-grid > div > div:nth-child(2)[style] {
        padding: 0 9px 10px !important;
    }
    .tungo-stores-grid img,
    .tungo-stores-grid img[style] {
        max-width: 100% !important;
    }
    .tungo-stores-grid > div > div:nth-child(2) > div:first-child,
    .tungo-stores-grid > div > div:nth-child(2) > div:first-child[style] {
        margin-top: -22px !important;
        margin-bottom: 7px !important;
    }
    .tungo-stores-grid > div > div:nth-child(2) > div:first-child img,
    .tungo-stores-grid > div > div:nth-child(2) > div:first-child img[style] {
        width: 44px !important;
        height: 44px !important;
        border-width: 2px !important;
    }
    .tungo-stores-grid a,
    .tungo-stores-grid a[style] {
        min-width: 0 !important;
    }
    .tungo-stores-grid > div > div:nth-child(2) > div:nth-child(2),
    .tungo-stores-grid > div > div:nth-child(2) > div:nth-child(2)[style] {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }
    .tungo-stores-grid > div > div:nth-child(2) > div:nth-child(2) a,
    .tungo-stores-grid > div > div:nth-child(2) > div:nth-child(2) a[style] {
        font-size: 13px !important;
        line-height: 1.2 !important;
        max-width: 100% !important;
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .tungo-stores-grid p,
    .tungo-stores-grid p[style] {
        font-size: 11px !important;
        line-height: 1.3 !important;
        margin-bottom: 9px !important;
        -webkit-line-clamp: 2 !important;
    }
    .tungo-stores-grid > div > div:nth-child(2) > div:last-child,
    .tungo-stores-grid > div > div:nth-child(2) > div:last-child[style] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 7px !important;
        padding-top: 8px !important;
    }
    .tungo-stores-grid > div > div:nth-child(2) > div:last-child span,
    .tungo-stores-grid > div > div:nth-child(2) > div:last-child span[style] {
        font-size: 11px !important;
    }
    .tungo-stores-grid > div > div:nth-child(2) > div:last-child a,
    .tungo-stores-grid > div > div:nth-child(2) > div:last-child a[style] {
        width: 100% !important;
        text-align: center !important;
        font-size: 11px !important;
        padding: 7px 8px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }
}

/* Link routing patch: keyboard-accessible Categories menu and actual buttons. */
.tungo-header-categories-dropdown-wrapper:focus-within .tungo-header-categories-dropdown-menu { display: flex; }
button.categories-dropdown-trigger { appearance: none; -webkit-appearance: none; }
button.tungo-drawer-toggle { width: 100%; background: transparent; border: 0; font: inherit; color: inherit; cursor: pointer; text-align: left; }

/* Navigation actions remain styled when represented by accessible buttons. */
.tungo-drawer-item button.tungo-drawer-toggle {
    display: flex; align-items: center; padding: 14px 20px;
    color: #0f172a; font-weight: 600; font-size: 14px;
    transition: background-color .2s ease, color .2s ease;
}
.tungo-drawer-item button.tungo-drawer-toggle:hover,
.tungo-drawer-item button.tungo-drawer-toggle:focus-visible {
    background: #f8fafc; color: #6b1124;
}
.tungo-mobile-nav button.tungo-mobile-nav-item {
    background: transparent; border: 0; font: inherit;
    cursor: pointer; padding: 0; margin: 0;
    display: flex; flex-direction: column; align-items: center;
    justify-content: center; font-size: 11px; font-weight: 600;
    color: var(--color-secondary); flex: 1;
}

/* Tungo checkout phone layout: classic checkout and WooCommerce Checkout Blocks.
 * Keep the label ABOVE the input. Some Woo Blocks themes apply the active
 * floating-label transform without providing space, so text collides on mobile.
 * Scope this to telephone fields only; leave other block fields unchanged. */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input:has(> input[type="tel"]),
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form__phone.wc-block-components-text-input {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 18px !important;
    overflow: visible !important;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input:has(> input[type="tel"]) > label,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form__phone.wc-block-components-text-input > label {
    position: static !important;
    inset: auto !important;
    order: -1 !important;
    transform: none !important;
    translate: none !important;
    display: block !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input:has(> input[type="tel"]) > input[type="tel"],
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form__phone.wc-block-components-text-input > input {
    position: relative !important;
    order: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #172335 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input:has(> input[type="tel"]) > input[type="tel"]:focus,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form__phone.wc-block-components-text-input > input:focus {
    border-color: #6b1124 !important;
    outline: 2px solid rgba(107, 17, 36, .17) !important;
    outline-offset: 1px !important;
}
body.woocommerce-checkout .wc-block-checkout .wc-block-components-text-input:has(> input[type="tel"]) > input::placeholder,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-address-form__phone.wc-block-components-text-input > input::placeholder {
    color: #8b95a3 !important;
    opacity: 1 !important;
}
/* The gateway's own payer number (when present) is a different field from
 * the shipping contact number, but it must never have an overlapping label. */
body.woocommerce-checkout .iotec-block-phone-field label,
body.woocommerce-checkout .payment_method_iotec .iotec-phone-row label,
body.woocommerce-checkout #billing_phone_field > label,
body.woocommerce-checkout #shipping_phone_field > label {
    position: static !important;
    transform: none !important;
    display: block !important;
    margin: 0 0 7px !important;
    height: auto !important;
    line-height: 1.4 !important;
}
body.woocommerce-checkout .iotec-block-phone-field input[type="tel"],
body.woocommerce-checkout .payment_method_iotec .iotec-phone-row input[type="tel"],
body.woocommerce-checkout #billing_phone_field input[type="tel"],
body.woocommerce-checkout #shipping_phone_field input[type="tel"] {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}
@media (max-width: 767px) {
    body.woocommerce-checkout .wc-block-checkout,
    body.woocommerce-checkout .wc-block-components-checkout-step,
    body.woocommerce-checkout .wc-block-components-address-form,
    body.woocommerce-checkout .wc-block-components-text-input {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}
body.woocommerce-checkout .iotec-block-phone-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin: 16px 0 !important;
}
body.woocommerce-checkout .iotec-block-phone-field input[type="tel"] {
    margin: 0 !important;
}

/* Tungo single-store layout: compact, content-driven and safe on narrow phones. */
body.tungo-single-store-page .tungo-sstore { padding: 14px 0 72px; background: #f8fafc; }
body.tungo-single-store-page .tungo-sstore-container { max-width: 1200px; width: 100%; padding: 0 16px; margin: 0 auto; }
body.tungo-single-store-page .tungo-sstore-header { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; box-shadow: 0 3px 14px rgba(15,23,42,.06); height: auto !important; min-height: 0 !important; display: block !important; }
body.tungo-single-store-page .tungo-sstore-cover { position: relative; width: 100%; height: clamp(145px, 22vw, 235px); overflow: hidden; background: linear-gradient(115deg,#611023,#8c1c39 68%,#340613); }
body.tungo-single-store-page .tungo-sstore-cover img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
body.tungo-single-store-page .tungo-sstore-info { position: relative; display: block; padding: 0 24px 22px; height: auto !important; min-height: 0 !important; margin: 0 !important; }
body.tungo-single-store-page .tungo-sstore-brand { display: flex; align-items: flex-start; gap: 18px; min-width: 0; }
body.tungo-single-store-page .tungo-sstore-logo { flex: 0 0 92px; width: 92px; height: 92px; margin-top: -36px; position: relative; z-index: 1; border: 4px solid #fff; border-radius: 50%; background: #fff; box-shadow: 0 3px 12px rgba(15,23,42,.13); overflow: hidden; }
body.tungo-single-store-page .tungo-sstore-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.tungo-single-store-page .tungo-sstore-identity { flex: 1 1 auto; min-width: 0; padding-top: 14px; }
body.tungo-single-store-page .tungo-sstore-name-row { display: flex; align-items: center; flex-wrap: wrap; column-gap: 10px; row-gap: 6px; }
body.tungo-single-store-page .tungo-sstore-name-row h1 { margin: 0; color: #172033; font-size: clamp(21px, 2.2vw, 29px); line-height: 1.2; font-weight: 800; overflow-wrap: anywhere; }
body.tungo-single-store-page .tungo-sstore-package, body.tungo-single-store-page .tungo-sstore-verified { background: #fce8ef; color: #74132b; border-radius: 14px; font-size: 11px; font-weight: 800; padding: 4px 10px; line-height: 1.2; display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
body.tungo-single-store-page .tungo-sstore-package-gold { background: #fff2c1; color: #6b4900; }
body.tungo-single-store-page .tungo-sstore-verified { background: #e9f7ee; color: #187a40; }
body.tungo-single-store-page .tungo-sstore-verified .dashicons { font-size: 14px; width: 14px; height: 14px; }
body.tungo-single-store-page .tungo-sstore-submeta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; font-size: 13px; color: #64748b; }
body.tungo-single-store-page .tungo-sstore-submeta > span { display: inline-flex; align-items: center; gap: 3px; }
body.tungo-single-store-page .tungo-sstore-submeta .dashicons { font-size: 14px; width: 14px; height: 14px; }
body.tungo-single-store-page .tungo-sstore-description { margin: 10px 0 0; max-width: 740px; color: #536176; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
body.tungo-single-store-page .tungo-sstore-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; position: static !important; inset: auto !important; transform: none !important; }
body.tungo-single-store-page .tungo-sstore-primary, body.tungo-single-store-page .tungo-sstore-share { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 44px; text-decoration: none; font: inherit; font-size: 14px; font-weight: 700; border-radius: 10px; padding: 10px 20px; cursor: pointer; }
body.tungo-single-store-page .tungo-sstore-primary { background: #18b955; color: #fff; border: 1px solid #18b955; }
body.tungo-single-store-page .tungo-sstore-share { background: #f5f8ff; color: #354158; border: 1px solid #cbd6e6; }
body.tungo-single-store-page .tungo-sstore-actions .dashicons { font-size: 19px; width: 19px; height: 19px; }
body.tungo-single-store-page .tungo-sstore-share-result { flex-basis: 100%; color: #536176; font-size: 12px; }
body.tungo-single-store-page .tungo-sstore-share-result:empty { display: none; }
body.tungo-single-store-page .tungo-sstore-products { margin: 24px 0 0; min-width: 0; }
body.tungo-single-store-page .tungo-sstore-section-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
body.tungo-single-store-page .tungo-sstore-section-head h2 { font-size: 21px; line-height: 1.3; font-weight: 800; margin: 0; color: #172033; }
body.tungo-single-store-page .tungo-sstore-product-count { display: block; font-size: 12px; color: #65738a; margin-top: 3px; }
body.tungo-single-store-page .tungo-sstore-search { flex: 0 1 270px; display: flex; max-width: 100%; min-height: 44px; background: #fff; border: 1px solid #d5ddea; border-radius: 9px; overflow: hidden; }
body.tungo-single-store-page .tungo-sstore-search input { display: block; width: 100%; min-width: 0; flex: 1; padding: 9px 12px; border: 0; background: transparent; color: #172033; outline-offset: -2px; font: inherit; font-size: 13px; }
body.tungo-single-store-page .tungo-sstore-search button { min-width: 44px; border: none; background: transparent; color: #74132b; cursor: pointer; }
body.tungo-single-store-page .tungo-sstore-products ul.products { margin: 0 !important; padding: 0 !important; list-style: none; }
body.tungo-single-store-page .tungo-sstore-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 22px 0 0; }
body.tungo-single-store-page .tungo-sstore-pagination a, body.tungo-single-store-page .tungo-sstore-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 5px 10px; border: 1px solid #d5ddea; border-radius: 8px; background: #fff; font-size: 13px; color: #354158; }
body.tungo-single-store-page .tungo-sstore-pagination .is-current { background: #74132b; border-color: #74132b; color: #fff; }
body.tungo-single-store-page .tungo-sstore-empty, body.tungo-single-store-page .tungo-sstore-unavailable { border: 1px dashed #ccd6e4; border-radius: 13px; padding: 32px 18px; background: #fff; text-align: center; color: #65738a; }
body.tungo-single-store-page .tungo-sstore-empty .dashicons, body.tungo-single-store-page .tungo-sstore-unavailable .dashicons { display: block; font-size: 35px; width: 35px; height: 35px; margin: 0 auto 10px; }
body.tungo-single-store-page .tungo-sstore-empty p, body.tungo-single-store-page .tungo-sstore-unavailable p { margin: 0 0 10px; }
body.tungo-single-store-page .tungo-sstore-unavailable h1 { margin: 0 0 10px; font-size: 23px; }
body.tungo-single-store-page .tungo-sstore-unavailable .tungo-sstore-primary { background: #74132b; border-color: #74132b; margin-top: 8px; }
body.tungo-single-store-page .tungo-sstore-preview { margin-bottom: 12px; padding: 11px 14px; background: #fff5e0; border: 1px solid #ffdf92; border-radius: 9px; color: #624500; font-size: 13px; }
@media (max-width: 767px) {
    body.tungo-single-store-page .tungo-sstore { padding: 10px 0 92px; }
    body.tungo-single-store-page .tungo-sstore-container { padding-left: 10px !important; padding-right: 10px !important; }
    body.tungo-single-store-page .tungo-sstore-header { border-radius: 13px; }
    body.tungo-single-store-page .tungo-sstore-cover { height: clamp(110px, 36vw, 155px); }
    body.tungo-single-store-page .tungo-sstore-info { padding: 0 14px 16px; }
    body.tungo-single-store-page .tungo-sstore-brand { align-items: flex-start; gap: 10px; }
    body.tungo-single-store-page .tungo-sstore-logo { flex-basis: 70px; width: 70px; height: 70px; margin-top: -27px; border-width: 3px; }
    body.tungo-single-store-page .tungo-sstore-identity { padding-top: 11px; }
    body.tungo-single-store-page .tungo-sstore-name-row h1 { font-size: 21px; }
    body.tungo-single-store-page .tungo-sstore-submeta { font-size: 12px; gap: 7px; }
    body.tungo-single-store-page .tungo-sstore-description { font-size: 13px; line-height: 1.5; margin-top: 7px; }
    body.tungo-single-store-page .tungo-sstore-actions { margin-top: 13px; gap: 8px; }
    body.tungo-single-store-page .tungo-sstore-actions > a, body.tungo-single-store-page .tungo-sstore-actions > button { flex: 1 1 0; min-width: 0; padding: 10px 8px; font-size: 13px; }
    body.tungo-single-store-page .tungo-sstore-actions > button:only-child { flex: 1 1 auto; }
    body.tungo-single-store-page .tungo-sstore-products { margin-top: 19px; }
    body.tungo-single-store-page .tungo-sstore-section-head { align-items: stretch; gap: 11px; }
    body.tungo-single-store-page .tungo-sstore-section-head h2 { font-size: 18px; }
    body.tungo-single-store-page .tungo-sstore-search { flex: 1 1 100%; width: 100%; }
}
@media (max-width: 340px) {
    body.tungo-single-store-page .tungo-sstore-brand { gap: 8px; }
    body.tungo-single-store-page .tungo-sstore-logo { flex-basis: 58px; width: 58px; height: 58px; margin-top: -20px; }
    body.tungo-single-store-page .tungo-sstore-identity { padding-top: 8px; }
    body.tungo-single-store-page .tungo-sstore-name-row h1 { font-size: 19px; }
}

/* Theme-managed infinite scrolling for homepage, shop, categories, stores and storefronts.
   Leave the paginated pages crawlable; hide links only after JS initializes. */
.tungo-auto-pagination-hidden { display: none !important; }
.tungo-auto-feed-sentinel { width: 100%; height: 2px; clear: both; pointer-events: none; }
.tungo-auto-feed-status {
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
    gap: 9px; min-height: 16px; padding: 9px 12px; margin: 12px auto 20px;
    text-align: center; color: #64748b; font-size: 13px; font-weight: 600;
}
.tungo-auto-feed-status.is-loading { padding: 18px 12px; }
.tungo-auto-feed-status.is-loading::before {
    content: ""; width: 18px; height: 18px; border-radius: 50%;
    border: 2px solid #e6dce0; border-top-color: #76152b;
    animation: tungo-infinite-spin .7s linear infinite;
}
@keyframes tungo-infinite-spin { to { transform: rotate(360deg); } }
.tungo-auto-retry {
    border: 1px solid #74132b; background: #fff; color: #74132b;
    border-radius: 7px; padding: 7px 15px; min-height: 36px;
    font-size: 13px; font-weight: 700; cursor: pointer;
}
.tungo-auto-retry:focus-visible { outline: 3px solid #c09aab; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
    .tungo-auto-feed-status.is-loading::before { animation: none; }
}
#tungo-infinite-scroll-wrapper .tungo-spinner {
    border-top-color: #74132b !important;
    width: 25px !important;
    height: 25px !important;
}