/**
 * Sarkar Homoeo Hall - Main Theme Stylesheet
 *
 * @package Sarkar_Homoeo
 */

:root {
    /* Brand Colors */
    --primary: #0f766e;               /* Deep Emerald Medical Green */
    --primary-hover: #115e59;
    --primary-dark: #042f2e;
    --primary-light: #ccfbf1;
    --primary-surface: #f0fdfa;
    --primary-glow: rgba(15, 118, 110, 0.2);

    --accent-emerald: #10b981;
    --accent-teal: #14b8a6;
    --sale-red: #f43f5e;              /* Vibrant Rose-Red */
    --sale-red-light: #ffe4e6;
    --accent-gold: #f59e0b;           /* Amber/Gold */
    --accent-gold-light: #fef3c7;
    --doctor-indigo: #4f46e5;
    --doctor-indigo-light: #eef2ff;

    /* Neutrals & Surfaces */
    --bg-body: #f8fafc;
    --bg-card: #ffffff;
    --bg-glass: rgba(255, 255, 255, 0.85);
    --border-color: #e2e8f0;
    --border-subtle: #f1f5f9;
    --border-glass: rgba(255, 255, 255, 0.4);

    /* Typography Colors */
    --text-main: #0f172a;             /* Slate 900 */
    --text-body: #334155;             /* Slate 700 */
    --text-muted: #64748b;            /* Slate 500 */
    --text-light: #94a3b8;            /* Slate 400 */

    /* Radii */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-full: 9999px;

    /* Modern Layered Shadows */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 6px 16px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 14px 28px -4px rgba(15, 23, 42, 0.1), 0 4px 10px -2px rgba(15, 23, 42, 0.05);
    --shadow-xl: 0 24px 48px -8px rgba(15, 23, 42, 0.12), 0 8px 16px -4px rgba(15, 23, 42, 0.06);
    --shadow-glow: 0 0 25px rgba(15, 118, 110, 0.25);

    /* Dimensions & Layout */
    --container-max: 100%;



    --font-sans: 'Plus Jakarta Sans', 'Hind Siliguri', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-bengali: 'Hind Siliguri', 'Plus Jakarta Sans', sans-serif;

    /* Transitions & Curves */
    --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);

    /* Sticky Sidebar Top Offset (Accounting for sticky header) */
    --sticky-sidebar-top: 155px;
}

body.admin-bar {
    --sticky-sidebar-top: 190px;
}

/* ========================================================
   BASE RESETS & DEFAULTS
   ======================================================== */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-sans);
    background-color: var(--bg-body);
    color: var(--text-body);
    line-height: 1.65;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

a {
    color: var(--primary);
    text-decoration: none;
    transition: color 0.2s var(--ease-smooth), opacity 0.2s var(--ease-smooth);
}

a:hover {
    color: var(--primary-hover);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button, input, select, textarea {
    font-family: inherit;
}

.site-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.text-center {
    text-align: center !important;
}

.site-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 48px;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 1921px) {
    .site-container {
        padding: 0 64px;
    }
}

@media (max-width: 1200px) {
    .site-container {
        padding: 0 32px;
    }
}


@media (max-width: 768px) {
    .site-container {
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .site-container {
        padding: 0 16px;
    }
}

.site-content {
    flex: 1;
    min-height: 55vh;
    padding: 24px 0 60px;
    width: 100%;
    box-sizing: border-box;
}



.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* Custom modern scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ========================================================
   1.0 TOP UTILITY BAR (Gradient & Shimmer)
   ======================================================== */
.top-utility-bar {
    background-color: #0f172a;
    color: #f0fdfa;
    font-size: 12.5px;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    z-index: 1001;
}

.top-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 7px;
    gap: 16px;
}


.top-left-info {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.top-info-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e6fffa;
    transition: opacity 0.2s;
}

.top-info-item a {
    color: #ffffff;
    font-weight: 600;
}

.top-info-item a:hover {
    color: #a7f3d0;
    text-decoration: underline;
}

.top-right-promo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.free-ship-badge {
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 3px 12px;
    border-radius: var(--radius-full);
    font-size: 11.5px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.2px;
}

.top-whatsapp-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #25d366;
    color: #ffffff !important;
    padding: 3px 12px;
    border-radius: var(--radius-full);
    font-weight: 700;
    font-size: 11.5px;
    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.35);
    transition: transform 0.2s var(--ease-spring), box-shadow 0.2s;
}

.top-whatsapp-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.45);
}

/* ========================================================
   2.0 MAIN STICKY HEADER & LIVE AJAX SEARCH
   ======================================================== */
.site-header {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
    transition: all 0.3s var(--ease-smooth);
}

.site-header.non-sticky-header {
    position: relative !important;
    top: auto !important;
}

body.admin-bar .site-header.sticky-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .site-header,
    .site-header.sticky-header,
    body.admin-bar .site-header.sticky-header {
        position: relative !important;
        top: auto !important;
        box-shadow: none !important;
    }
}


.header-main-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 32px;
    padding-top: 14px;
    padding-bottom: 14px;
}


/* Header Style: Left Aligned (Default) */
.header-style-left .header-main-row {
    grid-template-columns: auto 1fr auto;
}
.header-style-left .site-branding {
    order: 1;
    text-align: left;
}
.header-style-left .header-search-box {
    order: 2;
}
.header-style-left .header-actions {
    order: 3;
}
.header-style-left .nav-inner-row {
    justify-content: space-between;
}

/* Header Style: Center Aligned (Symmetrical) */
.header-style-center .header-main-row {
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
}
.header-style-center .site-branding {
    order: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.header-style-center .site-branding .custom-logo-wrap,
.header-style-center .site-branding .site-title a {
    margin: 0 auto;
}
.header-style-center .header-search-box {
    order: 1;
    max-width: 380px;
    margin: 0;
}
.header-style-center .header-actions {
    order: 3;
    justify-content: flex-end;
}
.header-style-center .nav-inner-row {
    justify-content: center;
    position: relative;
}
.header-style-center .primary-nav-links {
    justify-content: center;
}
.header-style-center .header-quick-cta {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Header Style: Right Aligned (Reversed) */
.header-style-right .header-main-row {
    grid-template-columns: auto 1fr auto;
}
.header-style-right .header-actions {
    order: 1;
    justify-content: flex-start;
}
.header-style-right .header-search-box {
    order: 2;
}
.header-style-right .site-branding {
    order: 3;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.header-style-right .nav-inner-row {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.header-style-right .primary-nav-links {
    justify-content: flex-end;
}

/* Branding */
.site-branding .site-title {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1.25;
    margin: 0;
    padding: 2px 0;
}

.site-branding .site-title a {
    color: var(--primary);
    background: linear-gradient(135deg, #0f766e 0%, #042f2e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding: 2px 0;
    line-height: 1.25;
}

.site-branding .site-description {
    font-size: 11.5px;
    color: var(--text-muted);
    font-weight: 600;
    letter-spacing: 0.2px;
    margin: 2px 0 0 0;
}

/* Live Search Box */
.header-search-box {
    position: relative;
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
}

.search-input-group {
    display: flex;
    align-items: center;
    background: #f8fafc;
    border: 1.5px solid #cbd5e1;
    border-radius: var(--radius-full);
    padding: 4px 6px 4px 20px;
    transition: all 0.25s var(--ease-smooth);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02);
}

.search-input-group:focus-within {
    background: #ffffff;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px var(--primary-glow), 0 4px 12px rgba(15, 118, 110, 0.08);
}

.ajax-search-input {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 14px;
    outline: none;
    color: var(--text-main);
    font-weight: 500;
}

.ajax-search-input::placeholder {
    color: var(--text-muted);
    font-weight: 400;
}

.search-submit-btn {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    border: none;
    color: #ffffff;
    width: 38px;
    height: 38px;
    border-radius: var(--radius-full);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(15, 118, 110, 0.3);
    transition: transform 0.2s var(--ease-spring), box-shadow 0.2s;
}

.search-submit-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.4);
}

/* AJAX Search Results Dropdown */
.ajax-search-results-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-xl);
    z-index: 1000;
    max-height: 440px;
    overflow-y: auto;
    padding: 8px;
    animation: fadeInDown 0.2s var(--ease-spring);
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.search-result-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    transition: background 0.15s ease, transform 0.15s ease;
}

.search-result-item:hover {
    background: var(--primary-surface);
    transform: translateX(4px);
}

.search-result-thumb {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-sm);
    object-fit: cover;
    border: 1px solid var(--border-subtle);
}

.search-result-info h4 {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--text-main);
    margin-bottom: 2px;
}

.search-result-info .price {
    font-size: 13px;
    color: var(--primary);
    font-weight: 800;
}

/* Header Actions */
.header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.doctor-portal-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
    color: var(--doctor-indigo);
    padding: 8px 16px;
    border-radius: var(--radius-full);
    font-size: 12.5px;
    font-weight: 700;
    border: 1px solid #c7d2fe;
    transition: all 0.2s var(--ease-smooth);
    box-shadow: 0 2px 4px rgba(79, 70, 229, 0.08);
}

.doctor-portal-btn:hover {
    background: #4f46e5;
    color: #ffffff;
    border-color: #4338ca;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25);
}

.doctor-portal-btn.is-verified-doctor {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    border-color: #047857;
}

.action-icon-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--text-main);
    padding: 6px 10px;
    border-radius: var(--radius-sm);
    transition: background 0.2s, color 0.2s;
}

.action-icon-link:hover {
    background: var(--border-subtle);
    color: var(--primary);
}

.action-icon {
    font-size: 1.3rem;
    line-height: 1;
}

.action-label {
    font-size: 11.5px;
    font-weight: 700;
    margin-top: 3px;
}

.cart-icon-wrapper {
    position: relative;
    display: inline-block;
}

.cart-badge {
    position: absolute;
    top: -8px;
    right: -12px;
    background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    min-width: 20px;
    height: 20px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    box-shadow: 0 2px 6px rgba(244, 63, 94, 0.4);
    border: 2px solid #ffffff;
}

.mobile-header-search-btn {
    display: none;
}

.mobile-nav-toggle {
    display: none;
    background: #f8fafc;
    border: 1px solid var(--border-color);
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 1.25rem;
    color: var(--text-main);
}

/* Primary Navigation Bar */
.header-nav-row {
    background: #f8fafc;
    border-top: 1px solid var(--border-color);
}

.nav-inner-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
}


.primary-nav-links {
    display: flex;
    list-style: none;
    gap: 8px;
    align-items: center;
}

.primary-nav-links a {
    color: var(--text-body);
    font-weight: 600;
    font-size: 13.5px;
    padding: 8px 14px;
    border-radius: var(--radius-full);
    transition: all 0.2s var(--ease-smooth);
}

.primary-nav-links a:hover,
.primary-nav-links .current-menu-item > a {
    color: var(--primary);
    background: var(--primary-light);
    font-weight: 700;
}

.btn-quick-request {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff;
    border: none;
    padding: 8px 18px;
    border-radius: var(--radius-full);
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.35);
    transition: transform 0.2s var(--ease-spring), box-shadow 0.2s;
}

.btn-quick-request:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.45);
}

/* Visibility Utilities */
.mobile-only,
.mobile-lang-drawer-wrap {
    display: none !important;
}
.desktop-only {
    display: inline-flex !important;
}

/* ========================================================
   3.0 ULTRA-MODERN HERO SECTION & MULTI-SLIDE SLIDER
   ======================================================== */
.home-hero-slider-section,
.home-hero-section {
    position: relative;
    margin: 12px 0 48px;
}

.sarkar-hero-slider {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border: 1px solid rgba(15, 118, 110, 0.12);
    box-shadow: 0 16px 36px -10px rgba(15, 118, 110, 0.08);
    background: radial-gradient(ellipse at 50% 10%, #f0fdfa 0%, #ffffff 65%, #f8fafc 100%);
}

.hero-slides-track {
    position: relative;
    width: 100%;
    min-height: 360px;
}

.hero-slide-item {
    display: none;
    width: 100%;
    padding: 44px 48px 24px;
    opacity: 0;
    transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    transform: scale(0.99);
}

.hero-slide-item.active {
    display: block;
    opacity: 1;
    transform: scale(1);
}

.hero-slide-inner {
    max-width: 1120px;
    margin: 0 auto;
}

/* Custom Image Layout */
.hero-slide-item.has-custom-image .hero-slide-inner {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 36px;
    align-items: center;
    max-width: 1100px;
    text-align: left;
}

.hero-slide-item.has-custom-image .hero-content-wrapper {
    text-align: left;
    margin: 0;
}

.hero-slide-item.has-custom-image .hero-actions-row {
    justify-content: flex-start;
}

.hero-slide-media {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-slide-img {
    max-width: 100%;
    max-height: 300px;
    border-radius: 16px;
    object-fit: contain;
    filter: drop-shadow(0 15px 25px rgba(15, 118, 110, 0.15));
    transition: transform 0.4s var(--ease-spring);
}

.hero-slide-img:hover {
    transform: scale(1.03);
}

/* Slider Controls: Clean Frosted Glass Arrows */
.hero-slider-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1.5px solid rgba(15, 118, 110, 0.18);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.25s var(--ease-spring);
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.12);
    padding: 0;
}

.hero-slider-arrow svg {
    display: block;
    transition: transform 0.2s ease;
}

.hero-prev-btn {
    left: 20px;
}

.hero-next-btn {
    right: 20px;
}

.hero-slider-arrow:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 8px 22px rgba(15, 118, 110, 0.35);
}

.hero-prev-btn:hover svg {
    transform: translateX(-2px);
}

.hero-next-btn:hover svg {
    transform: translateX(2px);
}

/* Slider Controls: Pagination Dots */
.hero-slider-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 8px auto 16px;
    position: relative;
    z-index: 10;
}

.hero-dot {
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background: rgba(15, 118, 110, 0.25);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-dot.active {
    width: 26px;
    background: var(--primary);
}

.hero-content-wrapper {
    position: relative;
    z-index: 2;
    max-width: 1060px;
    margin: 0 auto;
    text-align: center;
}


.hero-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #ccfbf1;
    color: #0f766e;
    padding: 6px 18px;
    border-radius: var(--radius-full);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 18px;
    box-shadow: 0 2px 10px rgba(15, 118, 110, 0.08);
}

.hero-heading {
    font-size: clamp(2rem, 3.4vw, 3rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.5px;
    color: var(--text-main);
    margin-bottom: 14px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-wrap: balance;
}

.highlight-text {
    background: linear-gradient(135deg, var(--primary, #0f766e) 0%, var(--primary-dark, #0d9488) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-subtext {
    font-size: clamp(0.98rem, 1.6vw, 1.12rem);
    color: var(--text-muted);
    line-height: 1.65;
    max-width: 700px;
    margin: 0 auto 30px;
}

.hero-actions-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 28px;
    border-radius: var(--radius-full);
    font-weight: 700;
    font-size: 14.5px;
    cursor: pointer;
    transition: all 0.25s var(--ease-spring);
    border: none;
    text-decoration: none;
}

.btn-primary,
.btn-hero-primary {
    background: linear-gradient(135deg, var(--primary, #0f766e) 0%, var(--primary-dark, #0d9488) 100%);
    color: #ffffff !important;
    border: 1.5px solid transparent;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.28);
}

.btn-primary:hover,
.btn-hero-primary:hover {
    background: linear-gradient(135deg, var(--primary-dark, #115e59) 0%, var(--primary, #0f766e) 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(15, 118, 110, 0.4);
    color: #ffffff !important;
}

.btn-secondary,
.btn-hero-secondary {
    background: #ffffff;
    color: var(--primary) !important;
    border: 1.5px solid var(--border-color);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

.btn-secondary:hover,
.btn-hero-secondary:hover {
    background: var(--primary-surface);
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.16);
    color: var(--primary) !important;
}

.btn-outline {
    background: transparent;
    color: var(--text-body) !important;
    border: 1.5px solid var(--border-color);
}

.btn-outline:hover {
    background: #ffffff;
    border-color: var(--primary);
    color: var(--primary) !important;
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.btn-whatsapp {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    color: #ffffff !important;
    border: 1.5px solid transparent;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.28);
}

.btn-whatsapp:hover {
    background: linear-gradient(135deg, #22bf5b 0%, #0e7368 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.38);
    color: #ffffff !important;
}

.hero-quick-perks {
    position: relative;
    z-index: 6;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 13px 24px;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(15, 118, 110, 0.1);
    margin-top: 0;
}

.perk-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    background: #ffffff;
    padding: 6px 14px;
    border-radius: var(--radius-full);
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
    transition: all 0.2s ease;
}

.perk-pill:hover {
    border-color: var(--primary);
    color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.15);
}

/* ========================================================
   4.0 SECTION HEADERS & GENERAL HELPERS
   ======================================================== */
.section-container {
    max-width: var(--container-max);
    margin: 0 auto 56px auto;
    width: 100%;
    box-sizing: border-box;
}

.section-header-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 24px;
    gap: 16px;
}

.section-header-row.text-center-wrap {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.section-kicker {
    display: inline-flex;
    align-items: center;
    font-size: 11.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #065f46;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    padding: 3px 12px;
    border-radius: 9999px;
    margin-bottom: 8px;

}

.section-title {
    font-size: clamp(1.4rem, 2.5vw, 1.85rem);
    font-weight: 800;
    color: var(--text-main);
    letter-spacing: -0.4px;
}

.view-all-link {
    font-weight: 700;
    font-size: 13.5px;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: transform 0.2s var(--ease-spring);
}

.view-all-link:hover {
    transform: translateX(4px);
    color: var(--primary-hover);
}

/* ========================================================
   5.0 SHOP BY HEALTH CONCERN CARDS
   ======================================================== */
.concern-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    .concern-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 580px) {
    .concern-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.concern-card {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all 0.25s var(--ease-spring);
    box-shadow: var(--shadow-xs);
    position: relative;
    overflow: hidden;
}

.concern-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: transparent;
    transition: background 0.25s;
}

.concern-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    border-color: #cbd5e1;
}

.concern-card:hover::before {
    background: linear-gradient(90deg, #0f766e 0%, #10b981 100%);
}

.concern-icon-wrap {
    width: 52px;
    height: 52px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 16px;
    transition: transform 0.25s var(--ease-spring);
}

.concern-card:hover .concern-icon-wrap {
    transform: scale(1.1) rotate(4deg);
}

.concern-card h3 {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 6px;
}

.concern-card p {
    font-size: 12.5px;
    color: var(--text-muted);
    line-height: 1.45;
}

/* ========================================================
   6.0 FAST POTENCY DISPENSING HUB
   ======================================================== */
.potency-box-card {
    background: linear-gradient(135deg, #0f172a 0%, #042f2e 100%);
    border-radius: var(--radius-xl);
    padding: 36px 32px;
    color: #ffffff;
    box-shadow: var(--shadow-xl);
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.potency-box-card::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(20, 184, 166, 0.18) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.potency-badge {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.4);
    padding: 3px 12px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 10px;
}

.potency-box-header h2 {
    font-size: clamp(1.4rem, 2.2vw, 1.85rem);
    font-weight: 800;
    margin-bottom: 8px;
    letter-spacing: -0.4px;
}

.potency-box-header p {
    font-size: 14px;
    color: #94a3b8;
    max-width: 620px;
    margin-bottom: 28px;
}

.potency-pills-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
    position: relative;
    z-index: 2;
}

.p-card-pill {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-md);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #ffffff !important;
    transition: all 0.25s var(--ease-spring);
}

.p-card-pill:hover, .p-card-pill.active-pill {
    background: rgba(255, 255, 255, 0.16);
    border-color: #14b8a6;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25), 0 0 15px rgba(20, 184, 166, 0.3);
}

.p-tag {
    background: linear-gradient(135deg, #10b981 0%, #0f766e 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: var(--radius-full);
    width: fit-content;
}

.p-card-pill strong {
    font-size: 15px;
    font-weight: 700;
}

.p-card-pill small {
    font-size: 11.5px;
    color: #cbd5e1;
}

/* ========================================================
   7.0 WOOCOMMERCE PRODUCT CARDS & GRID OVERRIDES
   ======================================================== */
.woocommerce .woocommerce-content-wrap,
.woocommerce main.wc-main-content,
.woocommerce-page .woocommerce-content-wrap,
.shop-page-wrapper,
.shop-products-area,
.sarkar-products-target {
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
}

.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products[class*="columns-"],
.woocommerce-page ul.products[class*="columns-"],
ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 22px !important;
    margin: 0 0 32px !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

@media (max-width: 1024px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce ul.products[class*="columns-"],
    .woocommerce-page ul.products[class*="columns-"],
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}

@media (max-width: 600px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce ul.products[class*="columns-"],
    .woocommerce-page ul.products[class*="columns-"],
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
    display: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product,
.sarkar-product-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
}

.product-card-inner {
    position: relative;
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.05);
    transition: transform 0.25s var(--ease-spring), box-shadow 0.25s var(--ease-smooth), border-color 0.25s;
}

.product-card-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px -4px rgba(15, 118, 110, 0.15), 0 4px 12px rgba(0, 0, 0, 0.05);
    border-color: #14b8a6;
}

/* Badges */
.product-card-badges {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 85%;
    pointer-events: none;
}

.badge {
    font-size: 10px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.badge.sale-badge {
    background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(244, 63, 94, 0.4);
}

.badge.origin-badge {
    background: #f8fafc;
    color: #1e293b;
    border: 1px solid #cbd5e1;
    font-size: 9.5px;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.badge.brand-badge {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    color: #0f172a;
    border: 1px solid #cbd5e1;
    font-size: 9.5px;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.badge.out-of-stock-badge {
    background: #64748b;
    color: #ffffff;
}

.product-card-thumb-wrap {
    position: relative;
    width: 100%;
    height: 250px;
    background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f8fafc 65%, #f1f5f9 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eef2f6;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    transition: background 0.35s ease;
}

.product-card-thumb-wrap a.product-thumb-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
}

.product-card-thumb-wrap img {
    max-width: 88% !important;
    max-height: 88% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    filter: drop-shadow(0 6px 12px rgba(15, 23, 42, 0.08)) drop-shadow(0 2px 4px rgba(15, 23, 42, 0.04));
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;
}

.product-card-inner:hover .product-card-thumb-wrap {
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #f0fdfa 70%, #e6fffa 100%);
}

.product-card-inner:hover .product-card-thumb-wrap img {
    transform: translateY(-8px) scale(1.08);
    filter: drop-shadow(0 18px 26px rgba(15, 118, 110, 0.22)) drop-shadow(0 6px 10px rgba(0, 0, 0, 0.06));
}

.product-potency-overlay-tag {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
    color: #ffffff;
    backdrop-filter: blur(8px);
    padding: 3px 10px;
    border-radius: var(--radius-full);
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.25);
    z-index: 4;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card-inner:hover .product-potency-overlay-tag {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(15, 118, 110, 0.5);
}

.product-card-body {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #ffffff;
}

.product-card-top-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.meta-tags-wrap {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    max-width: 75%;
}

.meta-brand {
    font-size: 10px;
    font-weight: 800;
    color: #0f766e;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: #f0fdfa;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid #ccfbf1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px;
    display: inline-block;
    transition: all 0.2s ease;
}

a.meta-brand {
    text-decoration: none;
    cursor: pointer;
}

a.meta-brand:hover {
    background: #0f766e;
    color: #ffffff;
    border-color: #0f766e;
    transform: translateY(-1px);
}

.meta-form {
    font-size: 10px;
    color: #15803d;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: #f0fdf4;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid #dcfce7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-sku-tag {
    font-size: 10.5px;
    color: #475569;
    font-weight: 600;
    font-family: monospace;
    margin-left: auto;
}


.product-card-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 40px;
}

.product-card-title a {
    color: #0f172a;
    transition: color 0.2s;
}

.product-card-title a:hover {
    color: var(--primary);
}

.card-doctor-price-tag {
    background: var(--doctor-indigo-light);
    color: var(--doctor-indigo);
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    margin-bottom: 8px;
    width: fit-content;
    border: 1px solid #c7d2fe;
}

.product-card-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    font-size: 12px;
}

.product-card-rating .star-rating {
    font-size: 11px;
    color: #f59e0b;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    height: 1.2em;
    line-height: 1.2;
    width: 5.4em;
    font-family: star;
}

.product-card-rating .rating-number {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
}

.product-card-price-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    margin-bottom: 14px;
}

.product-card-price-row .price {
    font-size: 1.22rem;
    font-weight: 800;
    color: #0f766e;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.product-card-price-row .price del {
    color: #94a3b8;
    font-size: 0.9rem;
    font-weight: 500;
}

.product-card-price-row .price ins {
    text-decoration: none;
    color: #e11d48;
}

.product-card-action {
    margin-top: 4px;
}

/* Add to Cart & Select Option Buttons */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.btn-sarkar-cart {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: linear-gradient(135deg, var(--primary, #0f766e) 0%, var(--primary-dark, #0d9488) 100%) !important;
    color: #ffffff !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    border: none !important;
    box-shadow: 0 3px 10px rgba(15, 118, 110, 0.25) !important;
    transition: all 0.25s var(--ease-spring) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.btn-sarkar-cart:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(15, 118, 110, 0.38) !important;
    background: linear-gradient(135deg, var(--primary-dark, #0d9488) 0%, var(--primary, #10b981) 100%) !important;
}

.woocommerce ul.products li.product .button.loading {
    opacity: 0.7 !important;
}

.woocommerce ul.products li.product a.added_to_cart {
    display: block !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #059669 !important;
    margin-top: 6px !important;
    text-decoration: underline !important;
}

.btn-outline-dark {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    color: var(--text-main);
    padding: 8px 18px;
    border-radius: var(--radius-full);
    font-size: 13px;
    font-weight: 700;
    transition: all 0.2s;
}

.btn-outline-dark:hover {
    border-color: var(--primary);
    color: var(--primary);
    background: var(--primary-surface);
}

/* ========================================================
   7.1 SHOP ARCHIVE, FILTER SIDEBAR & TOOLBAR
   ======================================================== */
.shop-page-wrapper {
    margin-bottom: 40px;
}

.shop-archive-header {
    background: radial-gradient(100% 120% at 50% 0%, #f0fdfa 0%, #ffffff 70%, #f8fafc 100%);
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: var(--radius-xl);
    padding: 36px 32px;
    margin-bottom: 32px;
    box-shadow: 0 10px 30px -10px rgba(15, 118, 110, 0.05);
}

.shop-header-kicker {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--primary);
    margin-bottom: 6px;
}

.shop-archive-header h1.page-title {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 800;
    color: var(--text-main);
    letter-spacing: -0.5px;
    margin-bottom: 8px;
}

.shop-layout-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 32px;
    align-items: flex-start;
}

/* Custom AJAX Filter Sidebar */
.sarkar-filter-sidebar {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 24px 20px;
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: var(--sticky-sidebar-top);
    z-index: 10;
}

.filter-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-color);
}

.filter-main-title {
    font-size: 15px;
    font-weight: 800;
    color: var(--text-main);
    margin: 0;
}

.filter-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sarkar-filter-close-btn {
    display: none;
    background: #e2e8f0;
    color: #475569;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

.sarkar-filter-close-btn:hover {
    background: #fee2e2;
    color: #b91c1c;
}

.sarkar-mobile-filter-btn {
    display: none;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    color: var(--color-primary-dark);
    border: 1.5px solid var(--color-primary);
    padding: 7px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

.sarkar-mobile-filter-btn:hover {
    background: var(--color-primary);
    color: #ffffff;
}

.btn-reset-filters {
    background: #f1f5f9;
    color: var(--text-muted);
    border: 1px solid #cbd5e1;
    padding: 4px 10px;
    border-radius: var(--radius-full);
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-reset-filters:hover {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #fca5a5;
}

.filter-group {
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border-subtle);
}

.filter-group:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.filter-group-title {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    margin-bottom: 12px;
}

/* Potency Pills in Filter */
.filter-potency-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.potency-pill-label {
    position: relative;
    cursor: pointer;
    user-select: none;
}

.potency-pill-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.potency-pill-label span {
    display: inline-block;
    padding: 4px 10px;
    border-radius: var(--radius-full);
    font-size: 11.5px;
    font-weight: 700;
    background: #f1f5f9;
    color: var(--text-body);
    border: 1px solid #e2e8f0;
    transition: all 0.2s var(--ease-spring);
}

.potency-pill-label input:checked + span {
    background: var(--primary);
    color: #ffffff;
    border-color: var(--primary-hover);
    box-shadow: 0 2px 6px rgba(15, 118, 110, 0.35);
}

.potency-pill-label:hover span {
    border-color: var(--primary);
    color: var(--primary);
}

/* Custom Checkbox List */
.filter-checkbox-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 180px;
    overflow-y: auto;
    padding-right: 4px;
}

.custom-checkbox-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-body);
    cursor: pointer;
    user-select: none;
}

.custom-checkbox-row input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--primary);
    border-radius: 4px;
    cursor: pointer;
}

.custom-checkbox-row:hover .label-text {
    color: var(--primary);
}

/* Price Range Inputs */
.price-range-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.price-range-inputs input {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 13px;
    background: #f8fafc;
}

.price-range-inputs input:focus {
    outline: none;
    border-color: var(--primary);
    background: #ffffff;
}

/* Toolbar (Result Count & Ordering Dropdown) */
.shop-toolbar-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 12px 20px;
    margin-bottom: 24px;
    box-shadow: var(--shadow-xs);
    gap: 16px;
    flex-wrap: wrap;
}

.results-count-wrapper, .woocommerce-result-count {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text-muted);
    margin: 0 !important;
}

.ordering-wrapper .woocommerce-ordering {
    margin: 0 !important;
}

.woocommerce-ordering select.orderby {
    padding: 8px 14px;
    border: 1.5px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: #f8fafc;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-main);
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
}

.woocommerce-ordering select.orderby:focus {
    border-color: var(--primary);
    background: #ffffff;
}

/* Filter Loader */
.filter-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--primary);
}

.spinner-circle {
    width: 20px;
    height: 20px;
    border: 3px solid #ccfbf1;
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.no-filtered-products {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    text-align: center;
    color: var(--text-muted);
    font-size: 14px;
}

/* Pagination */
nav.woocommerce-pagination, .woocommerce-pagination, nav.navigation.pagination, nav.posts-navigation {
    margin-top: 36px;
    margin-bottom: 24px;
    text-align: center;
    width: 100%;
    clear: both;
}

.woocommerce-pagination ul.page-numbers, .pagination .nav-links {
    display: inline-flex;
    list-style: none;
    gap: 8px;
    padding: 0;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.woocommerce-pagination ul.page-numbers li, .pagination .nav-links > * {
    display: inline-flex;
    list-style: none;
}

.woocommerce-pagination ul.page-numbers li .page-numbers, .pagination .nav-links .page-numbers, .pagination .nav-links a, .pagination .nav-links span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    border-radius: var(--radius-md, 8px);
    font-weight: 700;
    font-size: 14px;
    background: #ffffff;
    border: 1.5px solid var(--border-color, #e2e8f0);
    color: var(--text-main, #1e293b);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.woocommerce-pagination ul.page-numbers li .page-numbers.current, .pagination .nav-links .page-numbers.current, .pagination .nav-links span.current {
    background: var(--primary, #0f766e);
    color: #ffffff !important;
    border-color: var(--primary, #0f766e);
    box-shadow: 0 3px 10px rgba(15, 118, 110, 0.35);
    pointer-events: none;
}

.woocommerce-pagination ul.page-numbers li a.page-numbers:hover, .pagination .nav-links a:hover {
    background: var(--primary-surface, #f0fdfa);
    border-color: var(--primary, #0f766e);
    color: var(--primary, #0f766e);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.15);
}

/* ========================================================
   8.0 FOUNDER LEGACY & TRUST SECTION
   ======================================================== */
.legacy-story-section {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    padding: 44px 36px;
    box-shadow: var(--shadow-sm);
}

.legacy-card-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    align-items: center;
}

.legacy-badge {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
    padding: 4px 12px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 12px;
}

.legacy-text-col h2 {
    font-size: clamp(1.4rem, 2.2vw, 1.9rem);
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 14px;
    letter-spacing: -0.4px;
}

.legacy-text-col p {
    font-size: 14.5px;
    color: var(--text-muted);
    margin-bottom: 22px;
    line-height: 1.65;
}

.legacy-points {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.point-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
}

.check-icon {
    width: 24px;
    height: 24px;
    background: var(--primary-light);
    color: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 2px;
}

.legacy-stats-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.stat-card {
    background: var(--bg-body);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 22px 18px;
    text-align: center;
    transition: transform 0.2s var(--ease-spring), box-shadow 0.2s;
}

.stat-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: #cbd5e1;
}

.stat-card h3 {
    font-size: 2rem;
    font-weight: 800;
    color: var(--primary);
    margin-bottom: 4px;
    letter-spacing: -0.5px;
}

.stat-card p {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text-muted);
}

/* ========================================================
   9.0 VERIFIED TESTIMONIALS
   ======================================================== */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}

.testimonial-card {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: var(--shadow-xs);
    transition: transform 0.25s var(--ease-spring), box-shadow 0.25s;
}

.testimonial-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: #cbd5e1;
}

.stars {
    color: var(--accent-gold);
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.review-quote {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-body);
    font-style: italic;
    margin-bottom: 20px;
}

.reviewer-meta {
    display: flex;
    align-items: center;
    gap: 12px;
}

.reviewer-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e2e8f0;
    flex-shrink: 0;
}

.reviewer-avatar-placeholder {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f0fdf4;
    color: var(--primary);
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #bbf7d0;
    flex-shrink: 0;
}

.reviewer-info strong {
    display: block;
    font-size: 14px;
    color: var(--text-main);
}

.reviewer-info span {
    font-size: 12px;
    color: var(--text-muted);
}

/* ========================================================
   10.0 LATEST HEALTH BLOG / ARTICLES
   ======================================================== */
.posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 1024px) {
    .posts-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

@media (max-width: 600px) {
    .posts-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.entry-card {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-xs);
    transition: transform 0.25s var(--ease-spring), box-shadow 0.25s;
}

.entry-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: #cbd5e1;
}

.post-thumbnail {
    width: 100%;
    height: 190px;
    overflow: hidden;
    background: #f1f5f9;
}

.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s var(--ease-smooth);
}

.entry-card:hover .post-thumbnail img {
    transform: scale(1.06);
}

.entry-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.entry-meta {
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 8px;
}

.entry-title {
    font-family: var(--font-bengali);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 10px;
}

.entry-title a {
    color: var(--text-main);
}

.entry-title a:hover {
    color: var(--primary);
}

.entry-summary {
    font-family: var(--font-bengali);
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.55;
    margin-bottom: 16px;
    flex: 1;
}

.read-more-link {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* ========================================================
   11.0 RICH 4-COLUMN FOOTER
   ======================================================== */
.site-footer {
    background: #0b1329;
    color: #94a3b8;
    padding-top: 56px;
    border-top: 1px solid #1e293b;
    margin-top: 40px;
}

.footer-widgets-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 40px;
    padding-bottom: 48px;
}

/* Footer Style: 4 Columns (Classic) */
.footer-style-4col .footer-widgets-grid {
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
}

/* Footer Style: 3 Columns (Modern) */
.footer-style-3col .footer-widgets-grid {
    grid-template-columns: 1.5fr 1.2fr 1.3fr;
}
.footer-style-3col .footer-care-col {
    display: none;
}

/* Footer Style: Centered (Minimalist) */
.footer-style-centered .footer-widgets-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 820px;
    margin: 0 auto;
    gap: 28px;
}
.footer-style-centered .footer-widget-col {
    width: 100%;
}
.footer-style-centered .footer-social-links {
    justify-content: center;
}
.footer-style-centered .footer-contact-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}
.footer-style-centered .footer-widget-title {
    border-bottom: none;
    margin-bottom: 10px;
}
.footer-style-centered .footer-nav-fallback {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}
.footer-style-centered .payment-gateways-pills {
    justify-content: center;
}

.footer-brand-title {
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 800;
    margin-bottom: 8px;
}

.footer-tagline {
    font-size: 13px;
    margin-bottom: 18px;
    color: #94a3b8;
}

.footer-brand-title a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-brand-title a:hover {
    color: #34d399;
}

.footer-contact-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-contact-list .contact-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.footer-contact-list .contact-icon {
    font-size: 15px;
    line-height: 1.3;
    flex-shrink: 0;
}

.footer-contact-list a {
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-contact-list a:hover {
    color: #34d399;
}

.footer-map-link {
    display: inline-block;
    margin-top: 3px;
    font-size: 11.5px !important;
    font-weight: 700;
    color: #10b981 !important;
    text-decoration: underline !important;
    transition: color 0.2s;
}

.footer-map-link:hover {
    color: #34d399 !important;
}

.footer-social-wrapper {
    margin-top: 18px;
}

.social-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b;
    margin-bottom: 8px;
}

.footer-social-links {
    display: flex;
    gap: 8px;
    align-items: center;
}

.social-icon-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1 !important;
    text-decoration: none;
    transition: all 0.2s ease;
}

.social-icon-btn:hover {
    transform: translateY(-2px);
}

.social-fb:hover {
    background: #1877f2;
    color: #ffffff !important;
    border-color: #1877f2;
}

.social-wa:hover {
    background: #25d366;
    color: #ffffff !important;
    border-color: #25d366;
}

.social-yt:hover {
    background: #ff0000;
    color: #ffffff !important;
    border-color: #ff0000;
}

.social-insta:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #ffffff !important;
    border-color: transparent;
}

.footer-widget-title {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 18px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--primary, #10b981);
    display: inline-block;
}

.footer-nav-fallback {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 13.5px;
}

.footer-nav-fallback a {
    color: #cbd5e1;
    text-decoration: none;
    transition: all 0.2s;
}

.footer-nav-fallback a:hover {
    color: #34d399;
    padding-left: 6px;
}

.payment-gateways-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.payment-pill {
    padding: 5px 12px;
    border-radius: var(--radius-sm, 6px);
    font-size: 12px;
    font-weight: 700;
}

.pill-bkash { background: #e2136e; color: #fff; }
.pill-nagad { background: #f7941d; color: #fff; }
.pill-rocket { background: #8c3494; color: #fff; }
.pill-cod { background: #334155; color: #f1f5f9; }

.service-hours-notice {
    font-size: 12.5px;
    color: #cbd5e1;
    line-height: 1.6;
    background: #1e293b;
    padding: 12px 16px;
    border-radius: var(--radius-md, 10px);
    border: 1px solid #334155;
}

.footer-view-all-link {
    color: #10b981 !important;
    font-weight: 700;
    margin-top: 4px;
    display: inline-block;
}

.footer-view-all-link:hover {
    color: #34d399 !important;
    padding-left: 4px;
}

.hours-header {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.hours-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.store-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #34d399;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.25);
    padding: 3px 8px;
    border-radius: 9999px;
    margin-top: 8px;
}

.status-dot-pulse {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    animation: statusPulse 2s infinite;
}

@keyframes statusPulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.footer-directions-card {
    margin-top: 10px;
}

.footer-directions-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: rgba(255, 255, 255, 0.05);
    color: #34d399 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
}

.footer-directions-btn:hover {
    background: #10b981;
    color: #ffffff !important;
    border-color: #10b981;
}

.footer-payments-box {
    margin-top: 16px;
}

.payment-title {
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 700;
    margin-bottom: 8px;
}

.footer-legal-links {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
}

.footer-legal-links a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-legal-links a:hover {
    color: #34d399;
}

.footer-legal-links .sep {
    color: #475569;
}

.site-info {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 24px 48px 28px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #94a3b8;
    box-sizing: border-box;
    width: 100%;
}

.site-info a {
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.2s;
}

.site-info a:hover {
    color: #34d399;
}


/* ========================================================
   12.0 OFF-CANVAS CART DRAWER
   ======================================================== */
.cart-drawer-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    visibility: hidden;
    transition: visibility 0.3s ease;
}

.cart-drawer-container.is-active {
    visibility: visible;
}

.cart-drawer-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cart-drawer-container.is-active .cart-drawer-overlay {
    opacity: 1;
}

.cart-drawer-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 420px;
    background: #ffffff;
    box-shadow: var(--shadow-xl);
    transform: translateX(100%);
    transition: transform 0.35s var(--ease-spring);
    display: flex;
    flex-direction: column;
}

.cart-drawer-container.is-active .cart-drawer-panel {
    transform: translateX(0);
}

.cart-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 22px;
    border-bottom: 1px solid var(--border-color);
}

.drawer-header-title h3 {
    font-size: 1.1rem;
    font-weight: 800;
}

.close-drawer-btn, .close-modal-btn {
    background: none;
    border: none;
    font-size: 1.4rem;
    cursor: pointer;
    color: var(--text-muted);
    transition: color 0.2s;
}

.close-drawer-btn:hover, .close-modal-btn:hover {
    color: var(--sale-red);
}

.drawer-shipping-notice {
    background: #f0fdf4;
    border-bottom: 1px solid #dcfce7;
    padding: 14px 22px;
}

.shipping-hint {
    font-size: 12px;
    color: #166534;
    margin-bottom: 8px;
}

.shipping-progress-bar {
    width: 100%;
    height: 7px;
    background: #e2e8f0;
    border-radius: var(--radius-full);
    overflow: hidden;
}

.shipping-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #10b981 0%, #0f766e 100%);
    transition: width 0.4s ease;
}

.drawer-cart-items {
    flex: 1;
    overflow-y: auto;
    padding: 20px 22px;
}

/* ========================================================
   12.1 WOOCOMMERCE MINI-CART PRODUCT VIEW STYLES
   ======================================================== */
.drawer-cart-items .widget_shopping_cart_content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.drawer-cart-items ul.woocommerce-mini-cart,
.drawer-cart-items ul.cart_list,
.drawer-cart-items ul.product_list_widget {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.drawer-cart-items li.woocommerce-mini-cart-item,
.drawer-cart-items li.mini_cart_item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 14px !important;
    background: #ffffff !important;
    border: 1.5px solid var(--border-color) !important;
    border-radius: 14px !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    list-style: none !important;
    margin: 0 !important;
    transition: all 0.2s var(--ease-smooth) !important;
}

.drawer-cart-items li.woocommerce-mini-cart-item:hover,
.drawer-cart-items li.mini_cart_item:hover {
    border-color: rgba(15, 118, 110, 0.35) !important;
    box-shadow: 0 6px 16px rgba(15, 118, 110, 0.08) !important;
}

/* Remove button */
.drawer-cart-items li.woocommerce-mini-cart-item a.remove,
.drawer-cart-items li.mini_cart_item a.remove {
    order: 3 !important;
    margin-left: auto !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 50% !important;
    background: #fee2e2 !important;
    color: #ef4444 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
    transition: all 0.2s var(--ease-smooth) !important;
    cursor: pointer !important;
    border: none !important;
    padding: 0 !important;
}

.drawer-cart-items li.woocommerce-mini-cart-item a.remove:hover,
.drawer-cart-items li.mini_cart_item a.remove:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
}

/* Product Info & Thumbnail Link */
.drawer-cart-items li.woocommerce-mini-cart-item a:not(.remove),
.drawer-cart-items li.mini_cart_item a:not(.remove) {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
}

.drawer-cart-items li.woocommerce-mini-cart-item a:not(.remove):hover,
.drawer-cart-items li.mini_cart_item a:not(.remove):hover {
    color: var(--primary) !important;
}

/* Thumbnail Image (Fixed 64px size) */
.drawer-cart-items li.woocommerce-mini-cart-item img,
.drawer-cart-items li.mini_cart_item img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 4px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: block !important;
}

/* Quantity & Price Stepper */
.mini-cart-qty-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 6px !important;
    flex-wrap: wrap !important;
}

.mini-cart-qty-stepper {
    display: inline-flex !important;
    align-items: center !important;
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 2px 4px !important;
    gap: 6px !important;
}

.mini-qty-btn {
    width: 22px !important;
    height: 22px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    line-height: 1 !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.mini-qty-btn:hover:not(:disabled) {
    background: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;
}

.mini-qty-btn:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.mini-qty-val {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    min-width: 16px !important;
    text-align: center !important;
}

.mini-cart-item-price {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: var(--primary) !important;
}

.drawer-cart-items li.woocommerce-mini-cart-item .quantity,
.drawer-cart-items li.mini_cart_item .quantity {
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--primary) !important;
    margin-top: 4px !important;
}

.drawer-cart-items li.woocommerce-mini-cart-item .quantity .amount,
.drawer-cart-items li.mini_cart_item .quantity .amount {
    color: var(--primary) !important;
    font-weight: 800 !important;
}

/* Mini Cart Subtotal in Drawer */
.drawer-cart-items p.woocommerce-mini-cart__total,
.drawer-cart-items p.total {
    margin-top: 20px !important;
    padding: 16px 0 0 !important;
    border-top: 2px dashed #e2e8f0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.drawer-cart-items p.woocommerce-mini-cart__total .amount,
.drawer-cart-items p.total .amount {
    color: var(--primary) !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
}

/* Hide default duplicate buttons inside woocommerce_mini_cart */
.drawer-cart-items p.woocommerce-mini-cart__buttons,
.drawer-cart-items p.buttons {
    display: none !important;
}

/* Empty Mini-Cart message */
.drawer-cart-items p.woocommerce-mini-cart__empty-message {
    text-align: center !important;
    padding: 48px 20px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: var(--text-muted) !important;
    background: #f8fafc !important;
    border-radius: 16px !important;
    border: 1.5px dashed var(--border-color) !important;
    margin: 20px 0 !important;
}

.drawer-cart-items p.woocommerce-mini-cart__empty-message::before {
    content: "🛒";
    display: block;
    font-size: 40px;
    margin-bottom: 12px;
}

.cart-drawer-footer {
    border-top: 1px solid var(--border-color);
    padding: 18px 22px;
    background: #f8fafc;
}

.drawer-trust-note {
    font-size: 11.5px;
    color: var(--text-muted);
    text-align: center;
    margin-bottom: 12px;
}

.drawer-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btn-block {
    display: block;
    width: 100%;
    text-align: center;
    padding: 13px;
    font-weight: 700;
    font-size: 14px;
    border-radius: var(--radius-sm);
}

.btn-checkout {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.25);
}

.btn-checkout:hover {
    background: #0d9488;
}

/* ========================================================
   13.0 MODALS (SEARCH & REQUEST PRODUCT)
   ======================================================== */
.search-modal-container, .request-modal-container {
    position: fixed;
    inset: 0;
    z-index: 9999;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: visibility 0.2s ease;
}

.search-modal-container.is-active, .request-modal-container.is-active {
    visibility: visible;
}

.search-modal-overlay, .request-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(6px);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.search-modal-container.is-active .search-modal-overlay,
.request-modal-container.is-active .request-modal-overlay {
    opacity: 1;
}

.search-modal-content, .request-modal-content {
    position: relative;
    background: #ffffff;
    width: 100%;
    max-width: 580px;
    border-radius: var(--radius-xl);
    padding: 32px;
    box-shadow: var(--shadow-xl);
    z-index: 1;
    transform: scale(0.94);
    transition: transform 0.25s var(--ease-spring);
    border: 1px solid var(--border-color);
}

.search-modal-container.is-active .search-modal-content,
.request-modal-container.is-active .request-modal-content {
    transform: scale(1);
}

.modal-header-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 18px;
}

.modal-badge {
    background: var(--primary-light);
    color: var(--primary);
    font-size: 11px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: var(--radius-full);
    display: inline-block;
    margin-bottom: 6px;
}

.modal-intro {
    font-size: 13.5px;
    color: var(--text-muted);
    margin-bottom: 18px;
}

.form-group {
    margin-bottom: 16px;
}

.form-group label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-main);
    margin-bottom: 6px;
}

.form-group input, .form-group textarea, .form-group select {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 14px;
    font-family: inherit;
    background: #ffffff;
    transition: all 0.2s;
}

.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px var(--primary-glow);
}

.form-row-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-feedback-msg {
    padding: 12px;
    border-radius: var(--radius-sm);
    font-size: 13.5px;
    margin-bottom: 16px;
}

.form-feedback-msg.is-success { background: #dcfce7; color: #15803d; border: 1px solid #bbf7d0; }
.form-feedback-msg.is-error { background: #fee2e2; color: #b91c1c; border: 1px solid #fecaca; }

.submit-request-btn {
    width: 100%;
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    color: #ffffff;
    padding: 13px;
    border: none;
    border-radius: var(--radius-sm);
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.25);
    transition: all 0.2s;
}

.submit-request-btn:hover {
    background: #0d9488;
}

/* ========================================================
   13.5 ULTRA-MODERN SINGLE PRODUCT PAGE (WIDESCREEN HARMONY)
   ======================================================== */
.single-product-page-wrapper,
.sarkar-single-product-container {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 48px;
    width: 100%;
}

/* Breadcrumb */
.product-breadcrumb-wrap {
    margin-bottom: 24px;
    padding: 12px 18px;
    background: #f8fafc;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}

.woocommerce-breadcrumb {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.woocommerce-breadcrumb a {
    color: var(--text-main);
    transition: color 0.2s;
}

.woocommerce-breadcrumb a:hover {
    color: var(--primary);
}

.crumb-sep {
    color: #cbd5e1;
    margin: 0 4px;
}

/* 2-Column Product Overview Grid (Balanced Golden Ratio Proportions) */
.product-overview-grid {
    display: grid !important;
    grid-template-columns: 480px 1fr !important;
    gap: 48px !important;
    align-items: start;
    margin-bottom: 48px;
}

@media (min-width: 1440px) {
    .product-overview-grid {
        grid-template-columns: 500px 1fr !important;
        gap: 52px !important;
    }
}

@media (max-width: 1024px) {
    .product-overview-grid {
        grid-template-columns: 400px 1fr !important;
        gap: 32px !important;
    }
}

@media (max-width: 860px) {
    .product-overview-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
}

/* Left Column: Pure Image Gallery */
.product-gallery-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 100% !important;
    width: 100%;
}


.gallery-inner-wrap.clean-stage {
    position: relative;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    display: block;
    overflow: visible;
}

.woocommerce-product-gallery {
    width: 100% !important;
    position: relative;
    opacity: 1 !important;
}

.woocommerce-product-gallery__wrapper {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

.woocommerce-product-gallery__image {
    width: 100%;
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 4px 20px -4px rgba(15, 23, 42, 0.08);
    transition: all 0.3s ease;
    cursor: crosshair !important;
}

.woocommerce-product-gallery__image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    cursor: crosshair !important;
}

.woocommerce-product-gallery__image:hover {
    border-color: #cbd5e1;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.12);
}

.woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    max-height: 480px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    border-radius: 15px;
    transform-origin: center center;
    pointer-events: none !important;
    will-change: transform, transform-origin;
}







/* Flexslider Thumbnails */
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex;
    gap: 10px;
    margin: 12px 0 0 0;
    padding: 0;
    list-style: none;
    justify-content: flex-start;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    overflow: hidden;
    border: 1.5px solid #e2e8f0;
    cursor: pointer;
    background: #ffffff;
    transition: all 0.2s ease;
}

.woocommerce-product-gallery .flex-control-thumbs li:hover,
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    border-color: #0f766e;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.2);
}


.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Sale Badge in Single Product */
.gallery-inner-wrap span.onsale {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 10;
    background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%) !important;
    color: #ffffff !important;
    padding: 5px 14px !important;
    border-radius: var(--radius-full) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 12px rgba(244, 63, 94, 0.35) !important;
    min-height: auto !important;
    line-height: 1.4 !important;
}


/* Luxury Authenticity Cards Grid */
.luxury-auth-grid {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 20px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.luxury-auth-grid .auth-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    transition: all 0.25s var(--ease-spring);
}

.luxury-auth-grid .auth-item:hover {
    background: #f0fdfa;
    border-color: #ccfbf1;
    transform: translateX(4px);
    box-shadow: 0 3px 10px rgba(15, 118, 110, 0.06);
}

.auth-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: transform 0.25s var(--ease-spring);
}

.luxury-auth-grid .auth-item:hover .auth-icon-wrap {
    transform: scale(1.1) rotate(4deg);
    border-color: #99f6e4;
    background: #ffffff;
}

.auth-info strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 2px;
}

.auth-info small {
    display: block;
    font-size: 11.5px;
    color: #64748b;
    line-height: 1.35;
}


.auth-info small {
    display: block;
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.4;
}

/* Right Column: Summary & CTA */
.product-summary-column .summary-inner {
    display: flex;
    flex-direction: column;
}

.doctor-active-pricing-badge {
    background: var(--doctor-indigo-light);
    border: 1.5px solid #c7d2fe;
    color: var(--doctor-indigo);
    font-size: 12.5px;
    font-weight: 700;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    margin-bottom: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.doctor-register-prompt {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
    font-size: 12.5px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    margin-bottom: 14px;
}

.doctor-register-prompt a {
    color: var(--primary);
    font-weight: 700;
    text-decoration: underline;
}

.product-header-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.single-pill {
    font-size: 11.5px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s ease;
}

a.single-pill {
    text-decoration: none;
    cursor: pointer;
}

a.single-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.brand-pill {
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #cbd5e1;
}

a.brand-pill:hover {
    background: #e2e8f0;
    color: var(--primary, #0f766e);
    border-color: var(--primary, #0f766e);
}

.form-pill {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.potency-pill {
    background: var(--primary-light);
    color: var(--primary);
    border: 1px solid rgba(15, 118, 110, 0.2);
}

.origin-pill {
    background: #f8fafc;
    color: #1e293b;
    border: 1px solid #cbd5e1;
}

h1.product-title {
    font-size: clamp(1.8rem, 2.6vw, 2.3rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    line-height: 1.25;
    margin-bottom: 12px;
}

.product-meta-badges {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.stock-badge {
    font-size: 12.5px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: var(--radius-full);
}

.stock-badge.in-stock {
    background: #dcfce7;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.stock-badge.out-of-stock {
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.sku-badge {
    font-size: 12px;
    color: var(--text-muted);
    font-family: monospace;
}

.product-low-stock-alert {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff7ed;
    border: 1px solid #ffedd5;
    color: #c2410c;
    font-size: 12.5px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 8px;
    margin-bottom: 16px;
    width: fit-content;
}

.product-low-stock-alert .pulse-dot {
    width: 8px;
    height: 8px;
    background: #ea580c;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.7);
    animation: lowStockPulse 1.8s infinite;
}

@keyframes lowStockPulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(234, 88, 12, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 88, 12, 0);
    }
}
.product-price-rating-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.product-price-rating-row .price-box .price {
    font-size: 2rem;
    font-weight: 800;
    color: var(--primary);
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.product-price-rating-row .price-box del {
    color: var(--text-light);
    font-size: 1.2rem;
    font-weight: 500;
}

.product-price-rating-row .price-box ins {
    text-decoration: none;
    color: var(--sale-red);
}

.product-short-indications {
    background: #f0fdfa;
    border: 1.5px solid #ccfbf1;
    border-radius: var(--radius-md);
    padding: 18px 20px;
    margin-bottom: 24px;
}

.product-short-indications h4 {
    font-size: 13.5px;
    font-weight: 800;
    color: var(--primary-hover);
    margin-bottom: 8px;
}

.indications-content {
    font-size: 13.5px;
    color: var(--text-body);
    line-height: 1.6;
}

/* Variations Form & Add to Cart Area */
.product-cart-action-area {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 22px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 18px;
}

.product-cart-action-area form.cart:not(.variations_form) {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    margin: 0;
}

.variations_form.cart {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin: 0;
}

.variations_form table.variations {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 8px 0;
}

.variations_form table.variations tr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
}

.variations_form table.variations th.label {
    padding: 0;
    text-align: left;
    min-width: 60px;
}

.variations_form table.variations th.label label {
    font-size: 13.5px;
    font-weight: 800;
    color: #0f172a;
    text-transform: capitalize;
}

.variations_form table.variations td.value {
    padding: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.variations_form table.variations select {
    flex: 1;
    min-width: 180px;
    padding: 10px 14px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    background: #f8fafc;
    cursor: pointer;
    outline: none;
    transition: all 0.2s;
}

.variations_form table.variations select:focus {
    border-color: var(--primary);
    background: #ffffff;
    box-shadow: 0 0 0 4px var(--primary-glow);
}

.variations_form a.reset_variations {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 700;
    color: #ef4444;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
}

.variations_form a.reset_variations:hover {
    color: #b91c1c;
}

.single_variation_wrap {
    width: 100%;
}

.woocommerce-variation.single_variation {
    padding: 12px 18px;
    background: #f0fdf4;
    border: 1.5px solid #86efac;
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
    transition: all 0.3s ease;
}

.woocommerce-variation.single_variation:empty {
    display: none !important;
}

.single_add_to_cart_button.disabled,
.single_add_to_cart_button.wc-variation-is-unavailable,
.single_add_to_cart_button.wc-variation-selection-needed {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.woocommerce-variation-price {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--primary);
    display: flex;
    align-items: baseline;
    gap: 10px;
    line-height: 1.2;
}

.woocommerce-variation-price .price {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.woocommerce-variation-price del {
    color: var(--text-light, #94a3b8);
    font-size: 1.15rem;
    font-weight: 500;
}

.woocommerce-variation-price ins {
    text-decoration: none;
    color: var(--sale-red, #dc2626);
    font-weight: 800;
}

.woocommerce-variation-price .woocommerce-Price-amount {
    color: inherit;
}

.price-box.price-updated {
    animation: sarkarPricePulse 0.35s ease-out;
}

@keyframes sarkarPricePulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.06); }
    100% { transform: scale(1); }
}

.woocommerce-variation-availability {
    font-size: 13px;
    font-weight: 700;
    color: #15803d;
    margin-top: 6px;
}

.woocommerce-variation-add-to-cart.variations_button,
.product-cart-action-area form.cart:not(.variations_form) {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    width: 100%;
}

.single_add_to_cart_button.button {
    flex: 1 1 auto !important;
    min-width: 160px !important;
    height: 48px !important;
    max-height: 48px !important;
    background: linear-gradient(135deg, var(--primary, #0f766e) 0%, var(--primary-dark, #0d9488) 100%) !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    padding: 0 20px !important;
    border-radius: 12px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.25s var(--ease-spring) !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.28) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.single_add_to_cart_button.button:hover {
    background: linear-gradient(135deg, var(--primary-dark, #0d9488) 0%, var(--primary, #115e59) 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(15, 118, 110, 0.38) !important;
}

.btn-sarkar-buynow {
    flex: 1 1 auto !important;
    min-width: 160px !important;
    height: 48px !important;
    max-height: 48px !important;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    padding: 0 20px !important;
    border-radius: 12px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.25s var(--ease-spring) !important;
    box-shadow: 0 4px 14px rgba(217, 119, 6, 0.32) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.btn-sarkar-buynow:hover {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(217, 119, 6, 0.45) !important;
}

.btn-sarkar-buynow:disabled,
.single_add_to_cart_button:disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #f8fafc !important;
    height: 48px !important;
}

.quantity .quantity-btn {
    background: transparent !important;
    border: none !important;
    width: 36px !important;
    height: 100% !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.15s, color 0.15s !important;
    padding: 0 !important;
}

.quantity .quantity-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

.quantity input.qty {
    width: 48px !important;
    height: 100% !important;
    border: none !important;
    background: #ffffff !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 0 !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}

.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Prescription Upload Box */
.prescription-upload-wrapper {
    width: 100%;
    margin-bottom: 18px;
    background: linear-gradient(135deg, #f8fafc 0%, #f0fdfa 100%);
    border: 1.5px dashed #14b8a6;
    border-radius: 16px;
    padding: 16px 18px;
    transition: all 0.25s ease;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.04);
}

.prescription-upload-wrapper:hover {
    border-color: #0f766e;
    background: #f0fdfa;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.1);
}

.prescription-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 10px;
    cursor: pointer;
}

.rx-symbol {
    color: #0f766e;
    font-size: 18px;
    font-weight: 900;
}

.prescription-dropzone {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    padding: 10px 14px;
    transition: border-color 0.2s;
}

.prescription-upload-wrapper:hover .prescription-dropzone {
    border-color: #0f766e;
}

.prescription-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.rx-upload-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rx-icon {
    font-size: 16px;
    color: #0f766e;
}

.rx-text {
    font-size: 12.5px;
    color: #475569;
    font-weight: 600;
}

.prescription-hint {
    display: block;
    font-size: 11.5px;
    color: #64748b;
    margin-top: 8px;
    line-height: 1.4;
}

/* Quantity & CTA Button Row */
.product-cart-action-area .quantity {
    display: inline-flex;
    align-items: center;
}

.product-cart-action-area .quantity input.qty {
    width: 65px;
    height: 48px;
    text-align: center;
    border: 1.5px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 16px;
    font-weight: 800;
    color: var(--text-main);
    background: #f8fafc;
}

.product-cart-action-area .single_add_to_cart_button {
    flex: 1;
    min-width: 180px;
    height: 48px;
    background: linear-gradient(135deg, var(--primary, #0f766e) 0%, var(--primary-dark, #0d9488) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.3) !important;
    transition: all 0.25s var(--ease-spring) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.product-cart-action-area .single_add_to_cart_button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(15, 118, 110, 0.42) !important;
    background: linear-gradient(135deg, var(--primary-dark, #0d9488) 0%, var(--primary, #10b981) 100%) !important;
}

/* WhatsApp Instant Order Button */
.whatsapp-order-box {
    margin-bottom: 20px;
}

.btn-whatsapp-order {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: #ffffff;
    padding: 13px 20px;
    border-radius: 10px;
    font-size: 14.5px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.3);
    transition: all 0.25s var(--ease-spring);
}

.btn-whatsapp-order:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.45);
    color: #ffffff;
}

.btn-whatsapp-order .wa-icon {
    font-size: 1.2rem;
}

/* Delivery Perks Box */
.delivery-perks-box {
    background: #f8fafc;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.perk-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.perk-icon {
    font-size: 1.3rem;
    line-height: 1;
    flex-shrink: 0;
}

.perk-text strong {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 2px;
}

.perk-text small {
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.4;
}

/* ========================================================
 * 🌿 World-Class Product Detailed Tabs & Clinical Engine
 * ======================================================== */
.product-detailed-tabs {
    margin-top: 56px;
}

/* Hard reset WooCommerce default tabs styles & pseudo-elements */
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    padding: 6px !important;
    margin: 0 0 24px 0 !important;
    gap: 8px !important;
    background: #f1f5f9 !important;
    border-radius: var(--radius-full) !important;
    border: 1.5px solid #e2e8f0 !important;
    width: fit-content !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce-tabs ul.tabs::before,
.woocommerce-tabs ul.tabs::after,
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after {
    display: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
    position: static !important;
    width: 0 !important;
    height: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-radius: var(--radius-full) !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.2s var(--ease-spring) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-tabs ul.tabs li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 20px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-decoration: none !important;
    border-radius: var(--radius-full) !important;
    transition: all 0.2s var(--ease-spring) !important;
    line-height: 1.4 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce-tabs ul.tabs li:hover a {
    color: #0f172a !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li.active {
    background: #0f766e !important;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.25) !important;
    border-radius: var(--radius-full) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li.active a {
    color: #ffffff !important;
    font-weight: 800 !important;
}

.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel,
.woocommerce-tabs .panel,
.woocommerce-tabs .woocommerce-Tabs-panel,
.woocommerce-Tabs-panel {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 36px 40px !important;
    box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.04) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: var(--text-body) !important;
    animation: tabContentFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    margin-bottom: 40px !important;
    overflow: hidden;
}

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

.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce-Tabs-panel h2 {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 20px;
    letter-spacing: -0.3px;
}


/* 🌟 Specific Clinical Prescription Protocol Hero Card */
.specific-prescription-hero-card {
    background: linear-gradient(135deg, #f0fdfa 0%, #ffffff 100%);
    border: 2px solid #99f6e4;
    border-radius: 16px;
    padding: 26px 30px;
    margin-bottom: 36px;
    box-shadow: 0 6px 20px rgba(15, 118, 110, 0.07);
    transition: transform 0.25s var(--ease-spring), box-shadow 0.25s;
}

.specific-prescription-hero-card:hover {
    box-shadow: 0 10px 25px rgba(15, 118, 110, 0.12);
}

.hero-card-badge-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.protocol-badge {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: var(--radius-full);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.3);
}

.verified-rx-pill {
    background: #dcfce7;
    color: #15803d;
    font-size: 11.5px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: var(--radius-full);
    border: 1px solid #bbf7d0;
}

.protocol-title {
    margin: 0 0 16px 0;
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
}

.protocol-indication-banner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #ccfbf1;
    border-left: 4px solid #0f766e;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 20px;
    transition: transform 0.2s;
}

.protocol-indication-banner:hover {
    transform: translateX(4px);
}

.protocol-indication-banner .indication-icon {
    font-size: 1.4rem;
    line-height: 1;
}

.protocol-indication-banner strong {
    display: block;
    color: #0f766e;
    font-size: 13.5px;
    margin-bottom: 2px;
}

.protocol-indication-banner p {
    margin: 0;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
}

.protocol-body-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}

.protocol-block {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.protocol-block:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.protocol-block .block-icon {
    font-size: 1.5rem;
    line-height: 1;
    background: #f0fdfa;
    padding: 8px;
    border-radius: 10px;
}

.protocol-block .block-title {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 4px;
}

.protocol-block p {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.5;
}

.frequency-highlight {
    color: #0f766e !important;
}

.protocol-precaution-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #fff7ed;
    border: 1.5px solid #fed7aa;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 13.5px;
    color: #9a3412;
}

.protocol-precaution-box .alert-icon {
    font-size: 1.4rem;
    line-height: 1;
}

.protocol-precaution-box strong {
    display: block;
    margin-bottom: 2px;
}

.protocol-precaution-box p {
    margin: 0;
    line-height: 1.5;
}

/* 🌿 Classical Homeopathic Dosage Matrix (Visual 3-Card Grid) */
.dosage-matrix-section {
    margin-bottom: 40px;
}

.section-heading {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
    letter-spacing: -0.3px;
}

.section-sub {
    font-size: 13.5px;
    color: #64748b;
    margin-bottom: 20px;
}

.dosage-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.dosage-matrix-card {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 16px;
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: transform 0.25s var(--ease-spring), box-shadow 0.25s, border-color 0.25s;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

.dosage-matrix-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.1);
    border-color: #0d9488;
}

.dosage-matrix-card .card-icon-wrap {
    width: 44px;
    height: 44px;
    background: #f0fdfa;
    border: 1px solid #ccfbf1;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.dosage-matrix-card .card-head h4 {
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.dosage-matrix-card .sub-potency {
    font-size: 11.5px;
    font-weight: 700;
    color: #0f766e;
    background: #f0fdfa;
    padding: 2px 7px;
    border-radius: 4px;
    display: inline-block;
}

.card-dose-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #f1f5f9;
    padding-top: 14px;
}

.dose-stat {
    display: flex;
    justify-content: space-between;
    font-size: 12.5px;
    line-height: 1.4;
}

.dose-stat .stat-label {
    color: #64748b;
    font-weight: 600;
}

.dose-stat .stat-val {
    font-weight: 800;
    color: #0f172a;
    text-align: right;
}

/* Specific Dosage Color Themes */
.syrup-theme {
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
    border-color: #fde68a;
}
.syrup-theme .protocol-badge {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.3);
}

.drop-theme {
    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);
    border-color: #bae6fd;
}
.drop-theme .protocol-badge {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.3);
}

.ointment-theme {
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
    border-color: #bbf7d0;
}
.ointment-theme .protocol-badge {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.3);
}

.tincture-theme {
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
    border-color: #a7f3d0;
}
.tincture-theme .protocol-badge {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.3);
}

.tablet-theme {
    background: linear-gradient(135deg, #faf5ff 0%, #ffffff 100%);
    border-color: #e9d5ff;
}
.tablet-theme .protocol-badge {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.3);
}

.dilution-theme {
    background: linear-gradient(135deg, #f0fdfa 0%, #ffffff 100%);
    border-color: #99f6e4;
}
.dilution-theme .protocol-badge {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.3);
}

/* 👨‍⚕️ Direct Doctor Consultation Box */
.doctor-consult-notice-box {
    display: flex;
    align-items: center;
    gap: 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
    border: 1.5px solid #bfdbfe;
    border-radius: 16px;
    padding: 22px 26px;
    margin-top: 32px;
    margin-bottom: 32px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.doctor-consult-notice-box:hover {
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.08);
}

.doctor-consult-notice-box .doc-icon-wrap {
    font-size: 2.2rem;
    line-height: 1;
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    padding: 12px;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.08);
}

.doctor-consult-notice-box .doc-text-wrap h4 {
    margin: 0 0 4px 0;
    font-size: 15.5px;
    font-weight: 800;
    color: #1e3a8a;
}

.doctor-consult-notice-box .doc-text-wrap p {
    margin: 0 0 14px 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: #334155;
}

.doc-actions-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.btn-doc-call {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0f766e;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 18px;
    border-radius: var(--radius-full);
    text-decoration: none;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.25);
}

.btn-doc-call:hover {
    background: #0d9488;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.35);
}

.btn-doc-wa {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #25d366;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 18px;
    border-radius: var(--radius-full);
    text-decoration: none;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.25);
}

.btn-doc-wa:hover {
    background: #20ba5a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
}

/* ⚖️ Do's and Don'ts Matrix */
.dos-donts-container {
    margin-top: 36px;
    border-top: 1.5px solid var(--border-color);
    padding-top: 36px;
}

.dos-donts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 16px;
}

.do-card, .dont-card {
    border-radius: 16px;
    padding: 24px;
    transition: transform 0.2s;
}

.do-card:hover, .dont-card:hover {
    transform: translateY(-3px);
}

.do-card {
    background: #f0fdf4;
    border: 1.5px solid #bbf7d0;
}

.dont-card {
    background: #fef2f2;
    border: 1.5px solid #fecaca;
}

.do-card .box-head, .dont-card .box-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.do-card .box-head h4 {
    margin: 0;
    color: #15803d;
    font-size: 15px;
    font-weight: 800;
}

.dont-card .box-head h4 {
    margin: 0;
    color: #b91c1c;
    font-size: 15px;
    font-weight: 800;
}

.do-card ul, .dont-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.do-card ul li, .dont-card ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13.5px;
    color: #334155;
    line-height: 1.5;
}

/* 🧪 Composition & Specs Engine */
.medicine-composition-hero-card {
    background: linear-gradient(135deg, #f0fdfa 0%, #ffffff 100%);
    border: 1.5px solid #99f6e4;
    border-radius: 14px;
    padding: 22px 26px;
    margin-bottom: 28px;
}

.medicine-composition-hero-card .comp-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.medicine-composition-hero-card .comp-head .icon {
    font-size: 1.6rem;
    line-height: 1;
}

.medicine-composition-hero-card .comp-head h4 {
    margin: 0 0 2px 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f766e;
}

.medicine-composition-hero-card .comp-head small {
    color: #64748b;
    font-size: 12.5px;
}

.composition-tags-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ing-tag {
    background: #ffffff;
    border: 1.5px solid #ccfbf1;
    color: #0f766e;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: var(--radius-full);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s var(--ease-spring);
}

.ing-tag.interactive-tag:hover {
    background: #0f766e;
    color: #ffffff;
    border-color: #0f766e;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.25);
}

.specs-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.spec-dashboard-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.spec-dashboard-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

.spec-dashboard-card.full-span {
    grid-column: 1 / -1;
}

.spec-dashboard-card .spec-ico {
    font-size: 1.4rem;
    line-height: 1;
}

.spec-dashboard-card .spec-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.spec-dashboard-card .spec-title {
    font-size: 11.5px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.spec-dashboard-card strong,
.spec-dashboard-card span:last-child {
    font-size: 14px;
    color: #0f172a;
    font-weight: 700;
}

.copyable-dar-wrap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-copy-dar {
    background: #e2e8f0;
    border: none;
    border-radius: 6px;
    padding: 2px 7px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-copy-dar:hover {
    background: #cbd5e1;
    transform: scale(1.08);
}

.btn-copy-dar.is-copied {
    background: #0f766e;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 900px) {
    .protocol-body-grid,
    .dosage-cards-grid,
    .dos-donts-grid,
    .specs-dashboard-grid,
    .interactive-attr-grid {
        grid-template-columns: 1fr !important;
    }
    .woocommerce div.product .woocommerce-tabs .panel,
    .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel,
    .woocommerce-tabs .panel,
    .woocommerce-Tabs-panel {
        padding: 26px 22px !important;
    }

    .reviews-summary-dashboard {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 20px;
    }
}

/* ========================================================
 * 📦 Interactive Technical Specifications & Attributes
 * ======================================================== */
.interactive-attr-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 20px;
}

.attr-card-box {
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: all 0.2s var(--ease-spring);
}

.attr-card-box:hover {
    border-color: #0f766e;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.06);
}

.attr-label-title {
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.attr-chips-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.attr-chip-link {
    background: #ffffff;
    border: 1.5px solid #ccfbf1;
    color: #0f766e;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: var(--radius-full);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.attr-chip-link:hover {
    background: #0f766e;
    color: #ffffff;
    border-color: #0f766e;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.25);
}

.attr-chip-static {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: var(--radius-full);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ========================================================
 * ⭐ Interactive Reviews Summary Dashboard & Forms
 * ======================================================== */
.interactive-reviews-container {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.reviews-summary-dashboard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #f8fafc 0%, #f0fdfa 100%);
    border: 1.5px solid #ccfbf1;
    border-radius: 16px;
    padding: 24px 30px;
}

.score-main-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.big-rating-number {
    font-size: 3rem;
    font-weight: 900;
    color: #0f766e;
    line-height: 1;
}

.score-stars-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.score-stars-wrap .star-rating {
    font-size: 1.25rem;
    color: #eab308;
}

.total-reviews-count {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
}

.reviews-actions-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.btn-write-review {
    background: #0f766e;
    color: #ffffff;
    border: none;
    padding: 10px 22px;
    border-radius: var(--radius-full);
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s var(--ease-spring);
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.25);
}

.btn-write-review:hover {
    background: #0d9488;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(15, 118, 110, 0.35);
}

.verified-guarantee-note {
    font-size: 12px;
    color: #0f766e;
    font-weight: 700;
}

.interactive-review-form-wrapper {
    background: #ffffff;
    border: 1.5px solid #0f766e;
    border-radius: 16px;
    padding: 28px 32px;
    box-shadow: 0 10px 25px rgba(15, 118, 110, 0.08);
    animation: tabContentFadeIn 0.35s ease forwards;
}

.interactive-review-form-wrapper .comment-reply-title {
    margin: 0 0 16px 0;
    font-size: 1.2rem;
    font-weight: 800;
    color: #0f172a;
}

.interactive-review-form-wrapper .comment-form-rating {
    margin-bottom: 16px;
}

.interactive-review-form-wrapper .comment-form-rating label {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.interactive-review-form-wrapper select {
    padding: 8px 14px;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    font-size: 14px;
}

.no-reviews-box {
    text-align: center;
    padding: 40px 20px;
    background: #f8fafc;
    border: 1.5px dashed #cbd5e1;
    border-radius: 14px;
}

.no-reviews-box .ico {
    font-size: 2.2rem;
    display: block;
    margin-bottom: 8px;
}

.no-reviews-box h4 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.no-reviews-box p {
    margin: 0;
    font-size: 13.5px;
    color: #64748b;
}

ol.commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

ol.commentlist li.review {
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    padding: 20px 24px;
    transition: all 0.2s;
}

ol.commentlist li.review:hover {
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.comment-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.comment-text .meta {
    font-size: 13px;
    color: #64748b;
}

.comment-text .meta strong {
    color: #0f172a;
    font-size: 14px;
}

.comment-text .description {
    font-size: 14px;
    color: #334155;
    line-height: 1.6;
}
}

#reviews #commentform textarea {
    min-height: 100px;
}

#reviews #commentform input[type="submit"] {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
    color: #ffffff;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

#reviews #commentform input[type="submit"]:hover {
    background: linear-gradient(135deg, #0d9488 0%, #10b981 100%);
}

/* Related Products Section */
.product-related-section {
    margin-top: 56px;
    border-top: 2px solid var(--border-color);
    padding-top: 40px;
}

.product-related-section > h2,
.related.products > h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--text-main);
    margin-bottom: 24px;
    letter-spacing: -0.4px;
}

/* ========================================================
   13.8 WOOCOMMERCE MY ACCOUNT & AUTHENTICATION STYLES
   ======================================================== */
.woocommerce-account .entry-header {
    text-align: center;
    padding: 36px 20px;
    background: radial-gradient(100% 120% at 50% 0%, #f0fdfa 0%, #ffffff 70%, #f8fafc 100%);
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: var(--radius-xl);
    margin-bottom: 36px;
    box-shadow: 0 10px 30px -10px rgba(15, 118, 110, 0.05);
}

.woocommerce-account .entry-title {
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin: 0;
}

/* Ensure notice wrappers do not break CSS Grid layout */
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-bottom: 16px !important;
}

/* Logged-Out Login & Register Grid */
.woocommerce-account #customer_login {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    margin: 0 0 50px;
    align-items: stretch;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 20px;
    padding: 36px 32px;
    box-shadow: 0 10px 30px -5px rgba(15, 118, 110, 0.06);
    display: flex;
    flex-direction: column;
    width: 100% !important;
    float: none !important;
    min-width: 0;
}

.woocommerce-account #customer_login h2 {
    font-size: 1.45rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 8px;
}

.woocommerce-account .woocommerce-form-row {
    margin-bottom: 18px;
}

.woocommerce-account .woocommerce-form-row label {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.woocommerce-account .woocommerce-Input,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account select {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    font-size: 14.5px;
    color: #0f172a;
    background: #f8fafc;
    transition: all 0.2s;
    box-sizing: border-box;
}

.woocommerce-account .woocommerce-Input:focus,
.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="password"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="tel"]:focus,
.woocommerce-account select:focus {
    background: #ffffff;
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 4px var(--primary-glow);
}

.woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    color: #475569;
    cursor: pointer;
    margin-bottom: 16px;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--primary);
    cursor: pointer;
}

/* Universal Account Action Buttons */
.woocommerce-account button.button,
.woocommerce-account button.woocommerce-Button,
.woocommerce-account button.woocommerce-button,
.woocommerce-account input[type="submit"].button,
.woocommerce-account .woocommerce-EditAccountForm button,
.woocommerce-account .woocommerce-address-fields button,
.woocommerce-account .woocommerce-ResetPassword button {
    width: 100% !important;
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    padding: 13px 20px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.3) !important;
    cursor: pointer !important;
    transition: all 0.25s var(--ease-spring) !important;
    text-align: center !important;
    display: block !important;
    margin-top: 12px !important;
}

.woocommerce-account button.button:hover,
.woocommerce-account button.woocommerce-Button:hover,
.woocommerce-account button.woocommerce-button:hover,
.woocommerce-account input[type="submit"].button:hover,
.woocommerce-account .woocommerce-EditAccountForm button:hover,
.woocommerce-account .woocommerce-address-fields button:hover,
.woocommerce-account .woocommerce-ResetPassword button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(15, 118, 110, 0.42) !important;
    background: linear-gradient(135deg, #0d9488 0%, #10b981 100%) !important;
}

.woocommerce-LostPassword {
    margin-top: 16px;
    text-align: center;
    font-size: 13.5px;
    font-weight: 600;
}

.woocommerce-LostPassword a {
    color: var(--primary);
    text-decoration: underline;
    transition: color 0.2s;
}

.woocommerce-LostPassword a:hover {
    color: var(--primary-hover);
}

.woocommerce-privacy-policy-text {
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 16px;
}

/* Lost Password & Reset Form Container */
.woocommerce-account form.woocommerce-ResetPassword,
.woocommerce-account form.lost_reset_password {
    max-width: 520px;
    margin: 30px auto 60px;
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 20px;
    padding: 36px 32px;
    box-shadow: 0 10px 30px -5px rgba(15, 118, 110, 0.06);
}

.woocommerce-account form.woocommerce-ResetPassword p {
    font-size: 14.5px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 18px;
}

/* Logged-In Account Dashboard Layout */
.woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 32px !important;
    align-items: start !important;
    margin: 20px 0 50px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-bottom: 16px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid var(--border-color) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    box-shadow: var(--shadow-sm) !important;
    position: relative !important;
    top: 0 !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--primary-light) !important;
    color: var(--primary) !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--doctor-portal-link a {
    background: #f0fdfa;
    border: 1px dashed rgba(15, 118, 110, 0.25);
    color: #0f766e !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--doctor-portal-link a:hover {
    background: #ccfbf1 !important;
    border-color: #0f766e;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #ef4444 !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #fee2e2 !important;
    color: #b91c1c !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid var(--border-color) !important;
    border-radius: 20px !important;
    padding: 32px 28px !important;
    box-shadow: var(--shadow-xs) !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Clearfix */
.woocommerce-account .woocommerce::after {
    content: "";
    display: table;
    clear: both;
}

.woocommerce-MyAccount-content p {
    font-size: 15px;
    line-height: 1.7;
    color: #334155;
    margin-bottom: 18px;
}

.woocommerce-MyAccount-content p a {
    color: var(--primary);
    font-weight: 700;
    text-decoration: underline;
}

/* ========================================================
   CUSTOM DASHBOARD TEMPLATE COMPONENTS
   ======================================================== */
.sarkar-account-dashboard {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* Profile Header Card */
.account-profile-card {
    background: linear-gradient(135deg, #f0fdfa 0%, #ffffff 60%, #f8fafc 100%);
    border: 1.5px solid rgba(15, 118, 110, 0.16);
    border-radius: 18px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    gap: 22px;
    box-shadow: 0 4px 16px rgba(15, 118, 110, 0.05);
}

.profile-avatar-wrap {
    flex-shrink: 0;
}

.profile-avatar-img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

.profile-info-wrap {
    flex-grow: 1;
    min-width: 0;
}

.profile-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.profile-name {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.account-role-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: var(--radius-full);
}

.account-role-badge.doctor-badge {
    background: #ccfbf1;
    color: #0f766e;
    border: 1px solid #99f6e4;
}

.account-role-badge.doctor-badge .discount-pill {
    background: #0f766e;
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 11px;
}

.account-role-badge.customer-badge {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.profile-meta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
}

.profile-actions-wrap {
    flex-shrink: 0;
}

.btn-account-logout {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1.5px solid #fecaca;
    background: #fff5f5;
    color: #ef4444 !important;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s;
}

.btn-account-logout:hover {
    background: #fee2e2;
    border-color: #ef4444;
    color: #b91c1c !important;
}

/* Quick Actions 6-Card Grid */
.account-quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 16px;
}

.account-action-card {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 16px;
    padding: 22px 20px;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all 0.25s var(--ease-spring);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.account-action-card:hover {
    transform: translateY(-4px);
    border-color: var(--primary);
    box-shadow: 0 10px 24px -5px rgba(15, 118, 110, 0.12);
}

.action-card-icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: #f1f5f9;
}

.action-card-icon-wrap.icon-orders { background: #e0f2fe; }
.action-card-icon-wrap.icon-track { background: #fef3c7; }
.action-card-icon-wrap.icon-rx { background: #dcfce7; }
.action-card-icon-wrap.icon-address { background: #fae8ff; }
.action-card-icon-wrap.icon-doctor { background: #ccfbf1; }
.action-card-icon-wrap.icon-settings { background: #f1f5f9; }

.action-card-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 6px;
}

.action-card-desc {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
    margin: 0 0 10px;
    flex-grow: 1;
}

.action-card-link-text {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.account-action-card.doctor-highlight-card {
    border-color: rgba(15, 118, 110, 0.25);
    background: linear-gradient(135deg, #ffffff 0%, #f0fdfa 100%);
}

/* Support Help Banner */
.account-support-banner {
    background: #0f172a;
    color: #ffffff;
    border-radius: 16px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.support-banner-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.support-banner-text {
    flex-grow: 1;
}

.support-banner-text h4 {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 6px;
}

.support-banner-text p {
    font-size: 13px;
    color: #94a3b8;
    line-height: 1.5;
    margin: 0;
}

.support-banner-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.btn-support {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s;
}

.btn-support-whatsapp {
    background: #25d366;
    color: #ffffff !important;
}

.btn-support-whatsapp:hover {
    background: #20ba5a;
    transform: translateY(-2px);
}

.btn-support-call {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-support-call:hover {
    background: rgba(255, 255, 255, 0.22);
}

/* ========================================================
   ORDERS, ADDRESSES & FORMS REFINEMENT
   ======================================================== */
/* Orders Table */
.woocommerce-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1.5px solid var(--border-color);
    border-radius: 14px;
    overflow: hidden;
    margin-top: 20px;
}

.woocommerce-orders-table th {
    background: #f8fafc;
    padding: 14px 18px;
    font-size: 12.5px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    border-bottom: 1.5px solid var(--border-color);
    text-align: left;
}

.woocommerce-orders-table td {
    padding: 16px 18px;
    font-size: 14px;
    border-bottom: 1px solid #f1f5f9;
    color: #0f172a;
    vertical-align: middle;
}

.woocommerce-orders-table tr:last-child td {
    border-bottom: none;
}

/* Order Status Badges */
mark.order-status {
    display: inline-block;
    padding: 4px 10px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    background: #f1f5f9;
    color: #475569;
}

mark.order-status.status-completed {
    background: #dcfce7;
    color: #15803d;
}

mark.order-status.status-processing {
    background: #e0f2fe;
    color: #0369a1;
}

mark.order-status.status-on-hold {
    background: #fef3c7;
    color: #b45309;
}

mark.order-status.status-cancelled,
mark.order-status.status-failed {
    background: #fee2e2;
    color: #b91c1c;
}

.woocommerce-orders-table__cell-order-actions a.button {
    display: inline-block !important;
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
    padding: 6px 14px !important;
    border-radius: var(--radius-full) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    width: auto !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.woocommerce-orders-table__cell-order-actions a.button:hover {
    background: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;
}

/* Addresses Grid */
.woocommerce-Addresses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 24px;
}

.woocommerce-Address {
    background: #f8fafc;
    border: 1.5px solid var(--border-color);
    border-radius: 14px;
    padding: 24px;
}

.woocommerce-Address header.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 10px;
}

.woocommerce-Address header.title h2,
.woocommerce-Address header.title h3 {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.woocommerce-Address header.title a.edit {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary);
    text-decoration: none;
    background: #e0f2fe;
    padding: 4px 10px;
    border-radius: 6px;
    transition: all 0.2s;
}

.woocommerce-Address header.title a.edit:hover {
    background: var(--primary);
    color: #ffffff;
}

.woocommerce-Address address {
    font-style: normal;
    font-size: 14px;
    line-height: 1.7;
    color: #475569;
}

/* Address Fields Form */
.woocommerce-address-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}

.woocommerce-address-fields__field-wrapper .form-row-wide {
    grid-column: 1 / -1;
}

.woocommerce-address-fields__field-wrapper .form-row {
    margin-bottom: 0;
}

/* Account Details Form */
.woocommerce-EditAccountForm {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last {
    width: 48% !important;
    float: left !important;
}

.woocommerce-EditAccountForm .form-row-last {
    float: right !important;
}

.woocommerce-EditAccountForm .clear {
    clear: both;
}

.woocommerce-EditAccountForm fieldset {
    margin: 20px 0;
    padding: 24px;
    border: 1.5px solid var(--border-color);
    border-radius: 14px;
    background: #f8fafc;
}

.woocommerce-EditAccountForm legend {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    padding: 0 10px;
}

/* Notices & Alerts */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 16px 20px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 24px !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.woocommerce-message {
    background: #dcfce7 !important;
    color: #15803d !important;
    border: 1.5px solid #bbf7d0 !important;
}

.woocommerce-info {
    background: #eff6ff !important;
    color: #1e40af !important;
    border: 1.5px solid #bfdbfe !important;
}

.woocommerce-error {
    background: #fee2e2 !important;
    color: #b91c1c !important;
    border: 1.5px solid #fecaca !important;
}

.woocommerce-message a.button,
.woocommerce-info a.button {
    background: #ffffff !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
    padding: 6px 14px !important;
    border-radius: var(--radius-full) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    width: auto !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* ========================================================
   13.9 CART & CHECKOUT PAGES STYLING (Centered 1160px Container)
   ======================================================== */
.woocommerce-cart .entry-header,
.woocommerce-checkout .entry-header {
    text-align: center;
    padding: 20px 24px;
    background: radial-gradient(100% 120% at 50% 0%, #f0fdfa 0%, #ffffff 70%, #f8fafc 100%);
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 16px;
    margin: 0 auto 24px auto !important;
    max-width: 1160px !important;
    box-shadow: 0 4px 16px rgba(15, 118, 110, 0.04);
}

.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
    margin: 0;
}

/* Cart Layout (2-Column Grid Centered) */
.woocommerce-cart .woocommerce {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 370px !important;
    gap: 28px !important;
    align-items: start !important;
    margin: 0 auto 50px auto !important;
    max-width: 1160px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce > .free-shipping-progress-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

.woocommerce-cart .woocommerce > form.woocommerce-cart-form {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.woocommerce-cart .woocommerce > .cart-collaterals {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 960px) {
    .woocommerce-cart .woocommerce {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .woocommerce-cart .woocommerce > form.woocommerce-cart-form,
    .woocommerce-cart .woocommerce > .cart-collaterals {
        grid-column: 1 !important;
    }
}

/* Free Shipping Progress Bar */
.free-shipping-progress-card {
    background: linear-gradient(135deg, #f0fdfa 0%, #ecfdf5 100%);
    border: 1.5px solid #a7f3d0;
    border-radius: 14px;
    padding: 16px 20px;
    margin-bottom: 20px;
    box-shadow: var(--shadow-xs);
}

.free-shipping-progress-card .progress-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13.5px;
    color: #065f46;
    margin-bottom: 8px;
}

.free-shipping-progress-card .progress-text strong {
    color: #047857;
}

.free-shipping-progress-card .progress-text.unlocked {
    color: #047857;
    font-weight: 700;
}

.free-shipping-progress-card .progress-pct {
    font-size: 12px;
    font-weight: 800;
    color: #0f766e;
    background: #ffffff;
    padding: 2px 8px;
    border-radius: 12px;
    border: 1px solid #99f6e4;
}

.free-shipping-progress-card .progress-track {
    width: 100%;
    height: 8px;
    background: #e2e8f0;
    border-radius: 20px;
    overflow: hidden;
}

.free-shipping-progress-card .progress-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #10b981 0%, #0f766e 100%);
    border-radius: 20px;
    transition: width 0.4s ease-in-out;
}

/* Empty Cart View & Luxury Empty State */
.woocommerce-cart .wc-empty-cart-message,
.woocommerce-cart .cart-empty.woocommerce-info,
.woocommerce-cart > .return-to-shop,
.woocommerce-cart .woocommerce > .return-to-shop {
    display: none !important;
}

.woocommerce-cart .page-hero-banner {
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    padding: 24px 0 12px 0 !important;
    margin-bottom: 0 !important;
}

.woocommerce-cart .page-hero-banner .entry-title {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}

.sarkar-empty-cart-container {
    max-width: 680px;
    margin: 35px auto 65px auto;
    padding: 0 16px;
    min-height: calc(75vh - 180px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.empty-cart-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 48px 36px 36px 36px;
    text-align: center;
    box-shadow: 0 20px 45px -12px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.03);
    position: relative;
    overflow: hidden;
}

.empty-cart-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #0f766e 0%, #14b8a6 50%, #0d9488 100%);
}

.empty-cart-icon-wrap {
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 auto 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-cart-icon-circle {
    width: 84px;
    height: 84px;
    background: linear-gradient(135deg, #f0fdf4 0%, #ccfbf1 100%);
    border: 2px dashed #99f6e4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0f766e;
    box-shadow: 0 8px 24px rgba(15, 118, 110, 0.12);
}

.empty-cart-icon-circle svg {
    color: #0f766e;
    stroke: #0f766e;
    display: block;
}

.empty-sparkle {
    position: absolute;
    top: 0px;
    right: 2px;
    font-size: 22px;
}

.empty-cart-title {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 10px 0;
    letter-spacing: -0.02em;
}

.empty-cart-subtitle {
    font-size: 15px;
    line-height: 1.6;
    color: #64748b;
    max-width: 480px;
    margin: 0 auto 28px auto;
}

.empty-cart-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.btn-empty-cart-shop {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    padding: 13px 26px !important;
    border-radius: 12px !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.3) !important;
    text-decoration: none !important;
    transition: all 0.25s var(--ease-spring) !important;
}

.btn-empty-cart-shop:hover {
    background: linear-gradient(135deg, #115e59 0%, #0f766e 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(15, 118, 110, 0.42) !important;
    color: #ffffff !important;
}

.btn-empty-cart-request {
    background: #f8fafc !important;
    color: #0f172a !important;
    border: 1.5px solid #e2e8f0 !important;
    padding: 12px 22px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.25s var(--ease-spring) !important;
}

.btn-empty-cart-request:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    transform: translateY(-2px) !important;
    color: #0f766e !important;
}

.empty-cart-shortcuts {
    border-top: 1px dashed #e2e8f0;
    padding-top: 20px;
    margin-bottom: 24px;
}

.shortcuts-label {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 12px;
}

.shortcuts-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.shortcut-pill {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.2s ease;
}

.shortcut-pill:hover {
    background: #ccfbf1;
    border-color: #5eead4;
    color: #0f766e;
    transform: translateY(-1px);
}

.empty-cart-trust-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}

.trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.universal-gift-cart-icon {
    font-size: 42px;
    line-height: 1;
    display: inline-block;
}

/* Hide top redundant Cart hero header when empty cart is shown */
.woocommerce-cart:has(.sarkar-empty-cart-container) .entry-header.page-hero-banner,
.woocommerce-cart .entry-header.page-hero-banner {
    display: none !important;
}

/* Mobile & Tablet Ultra Responsive Media Queries */
@media (max-width: 640px) {
    .sarkar-empty-cart-container {
        margin: 16px auto 40px auto !important;
        padding: 0 12px !important;
    }
    .empty-cart-card {
        padding: 32px 18px 24px 18px !important;
        border-radius: 20px !important;
    }
    .empty-cart-icon-wrap {
        width: 76px !important;
        height: 76px !important;
        margin-bottom: 16px !important;
    }
    .empty-cart-icon-circle {
        width: 72px !important;
        height: 72px !important;
    }
    .empty-cart-icon-circle svg {
        width: 44px !important;
        height: 44px !important;
    }
    .universal-gift-cart-icon {
        font-size: 34px !important;
    }
    .empty-cart-title {
        font-size: 20px !important;
        margin-bottom: 8px !important;
    }
    .empty-cart-subtitle {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        margin-bottom: 22px !important;
        padding: 0 4px !important;
    }
    .empty-cart-actions {
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important;
        margin-bottom: 24px !important;
    }
    .btn-empty-cart-shop,
    .btn-empty-cart-request {
        width: 100% !important;
        justify-content: center !important;
        font-size: 14px !important;
        padding: 13px 18px !important;
    }
    .shortcuts-pills {
        gap: 6px !important;
    }
    .shortcut-pill {
        font-size: 12px !important;
        padding: 5px 11px !important;
    }
    .empty-cart-trust-row {
        flex-direction: column !important;
        gap: 8px !important;
        font-size: 11.5px !important;
    }
}

.woocommerce-cart-form {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 18px;
    padding: 20px 22px;
    box-shadow: var(--shadow-xs);
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.shop_table.cart {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin-bottom: 16px !important;
    table-layout: fixed !important;
}

.shop_table.cart th {
    background: #f8fafc;
    padding: 12px 10px;
    font-size: 11.5px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    border-bottom: 1.5px solid var(--border-color);
    text-align: left;
    letter-spacing: 0.5px;
}

.shop_table.cart td {
    padding: 14px 10px;
    border-bottom: 1px solid #f1f5f9;
    color: #0f172a;
    vertical-align: middle;
}

.shop_table.cart th.product-remove,
.shop_table.cart td.product-remove {
    width: 44px !important;
    max-width: 44px !important;
    padding: 12px 4px !important;
    text-align: center !important;
}

.shop_table.cart td.product-remove a.remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: #fee2e2;
    color: #b91c1c;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
}

.shop_table.cart td.product-remove a.remove:hover {
    background: #ef4444;
    color: #ffffff;
}

.shop_table.cart th.product-thumbnail,
.shop_table.cart td.product-thumbnail {
    width: 70px !important;
    max-width: 70px !important;
    padding: 12px 6px !important;
    text-align: center !important;
}

.shop_table.cart td.product-thumbnail a {
    display: inline-block !important;
    width: 52px !important;
    height: 52px !important;
}

.shop_table.cart td.product-thumbnail img {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    object-fit: contain !important;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    padding: 3px !important;
    display: block !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

.shop_table.cart th.product-name,
.shop_table.cart td.product-name {
    width: auto !important;
    padding: 12px 14px !important;
    text-align: left !important;
}

.shop_table.cart td.product-name a {
    font-weight: 700;
    font-size: 14px;
    color: #0f172a;
    line-height: 1.4;
    display: inline-block;
    transition: color 0.2s;
}

.shop_table.cart td.product-name a:hover {
    color: var(--primary);
}

.shop_table.cart th.product-price,
.shop_table.cart td.product-price {
    width: 100px !important;
    max-width: 100px !important;
    padding: 12px 8px !important;
    font-weight: 700;
    color: #334155;
    font-size: 14px;
    text-align: left !important;
    white-space: nowrap !important;
}

.shop_table.cart th.product-quantity,
.shop_table.cart td.product-quantity {
    width: 130px !important;
    max-width: 130px !important;
    padding: 12px 8px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.shop_table.cart th.product-subtotal,
.shop_table.cart td.product-subtotal {
    width: 115px !important;
    max-width: 115px !important;
    padding: 12px 14px !important;
    font-weight: 800;
    color: var(--primary);
    font-size: 15px;
    text-align: right !important;
    white-space: nowrap !important;
}


/* Cart Action Row & Modern Coupon Container */
.shop_table.cart tr:last-child,
.shop_table.cart tr:has(td.actions) {
    display: table-row !important;
    width: 100% !important;
}

.shop_table.cart td.actions {
    padding: 18px 0 6px 0 !important;
    border-top: 1.5px dashed var(--border-color) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.shop_table.cart .coupon {
    display: inline-flex !important;
    align-items: center !important;
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 3px 3px 3px 10px !important;
    transition: all 0.25s ease !important;
    width: auto !important;
    max-width: 240px !important;
    flex: 0 1 auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.shop_table.cart .coupon:focus-within {
    background: #ffffff !important;
    border-color: #0f766e !important;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.14) !important;
}

.shop_table.cart .coupon label {
    display: none !important;
}

.shop_table.cart .coupon input.input-text {
    border: none !important;
    background: transparent !important;
    padding: 6px 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    outline: none !important;
    box-shadow: none !important;
    flex: 1 !important;
    min-width: 70px !important;
    width: 90px !important;
}

.shop_table.cart .coupon input.input-text::placeholder {
    color: #94a3b8 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

.shop_table.cart .coupon button.button {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 7px 14px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 6px rgba(15, 118, 110, 0.18) !important;
}

.shop_table.cart .coupon button.button:hover {
    background: #042f2e !important;
    transform: translateY(-1px) !important;
}

.shop_table.cart td.actions > .btn-continue-shopping {
    margin: 0 0 0 auto !important;
    order: 2 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 8px 14px !important;
    font-size: 12.5px !important;
}

.shop_table.cart button[name="update_cart"] {
    background: #ffffff !important;
    color: #334155 !important;
    border: 1.5px solid #cbd5e1 !important;
    padding: 8px 16px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    order: 3 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.shop_table.cart button[name="update_cart"]:hover {
    border-color: #0f766e !important;
    color: #0f766e !important;
    background: #f0fdfa !important;
}

/* Modern Compact Checkout Coupon Container */
.woocommerce-form-coupon-toggle {
    margin-bottom: 20px !important;
    max-width: 520px !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    background: #f0fdfa !important;
    border: 1.5px dashed #0f766e !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    color: #0f766e !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    color: #0f766e !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    margin-left: 4px !important;
}

form.checkout_coupon.woocommerce-form-coupon {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    margin-bottom: 24px !important;
    max-width: 520px !important;
    box-shadow: var(--shadow-sm) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

form.checkout_coupon.woocommerce-form-coupon > p:first-child {
    width: 100% !important;
    margin: 0 0 6px 0 !important;
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 600 !important;
}

form.checkout_coupon.woocommerce-form-coupon .form-row-first {
    flex: 1 !important;
    min-width: 180px !important;
    margin: 0 !important;
    width: auto !important;
}

form.checkout_coupon.woocommerce-form-coupon .form-row-last {
    margin: 0 !important;
    width: auto !important;
}

form.checkout_coupon.woocommerce-form-coupon input.input-text {
    padding: 10px 14px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    width: 100% !important;
    background: #f8fafc !important;
    font-weight: 600 !important;
}

form.checkout_coupon.woocommerce-form-coupon input.input-text:focus {
    background: #ffffff !important;
    border-color: #0f766e !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15) !important;
}

form.checkout_coupon.woocommerce-form-coupon button.button {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%) !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.2) !important;
}

form.checkout_coupon.woocommerce-form-coupon button.button:hover {
    background: #042f2e !important;
}

/* Cart Collaterals & Totals Box */
.cart-collaterals {
    width: 100%;
}

.cart_totals {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 20px;
    padding: 28px;
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: var(--sticky-sidebar-top);
    z-index: 10;
}

.cart_totals h2 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.cart_totals table.shop_table {
    width: 100%;
    margin-bottom: 24px;
    border-collapse: collapse;
}

.cart_totals table.shop_table th {
    padding: 12px 0;
    font-size: 13.5px;
    color: #64748b;
    font-weight: 600;
    border-bottom: 1px solid #f1f5f9;
}

.cart_totals table.shop_table td {
    padding: 12px 0;
    font-size: 14.5px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    border-bottom: 1px solid #f1f5f9;
}

.cart_totals table.shop_table tr.order-total th,
.cart_totals table.shop_table tr.order-total td {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--primary);
    border-bottom: none;
    padding-top: 16px;
}

.wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.3) !important;
    transition: all 0.25s var(--ease-spring) !important;
    text-decoration: none !important;
}

.wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(15, 118, 110, 0.42) !important;
    background: linear-gradient(135deg, #0d9488 0%, #10b981 100%) !important;
}

/* AJAX Cart Loading State */
.woocommerce-cart-form.is-cart-loading,
.cart_totals.is-cart-loading,
.free-shipping-progress-card.is-cart-loading {
    opacity: 0.55;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.cart-item-removing {
    opacity: 0 !important;
    transform: translateX(30px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Cart Empty State */
.cart-empty-state {
    text-align: center;
    padding: 60px 24px;
    background: #ffffff;
    border-radius: 20px;
    border: 1.5px solid var(--border-color, #e2e8f0);
    margin: 30px auto;
    max-width: 600px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.cart-empty-state .empty-icon {
    font-size: 54px;
    margin-bottom: 16px;
    line-height: 1;
}

.cart-empty-state h2 {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--text-dark, #0f172a);
    margin-bottom: 10px;
}

.cart-empty-state p {
    color: var(--text-muted, #64748b);
    margin-bottom: 24px;
    font-size: 15px;
}

/* Quantity Stepper (+ / -) in Cart and Product */
.quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
}

.quantity input.qty {
    width: 44px !important;
    height: 38px !important;
    text-align: center !important;
    border: none !important;
    background: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 0 !important;
    -moz-appearance: textfield !important;
}

.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.quantity-btn {
    width: 32px !important;
    height: 38px !important;
    background: #f1f5f9 !important;
    border: none !important;
    color: #334155 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s ease !important;
    user-select: none !important;
}

.quantity-btn:hover {
    background: #ccfbf1 !important;
    color: #0f766e !important;
}

.shop_table.cart .quantity {
    border-radius: 8px !important;
}

.shop_table.cart .quantity input.qty {
    width: 32px !important;
    height: 32px !important;
    font-size: 13px !important;
}

.shop_table.cart .quantity-btn {
    width: 26px !important;
    height: 32px !important;
    font-size: 14px !important;
}

/* Continue Shopping Button in Cart Table */
.btn-continue-shopping {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 9px 18px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-continue-shopping:hover {
    background: #ffffff !important;
    border-color: #0f766e !important;
    color: #0f766e !important;
    transform: translateX(-2px) !important;
}

/* Cart Trust Badges Under Totals */
.cart-trust-assurance-card {
    margin-top: 24px !important;
    background: #f0fdfa !important;
    border: 1.5px dashed #0f766e !important;
    border-radius: 16px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.cart-trust-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.cart-trust-item .trust-icon {
    font-size: 18px !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.cart-trust-item .trust-text strong {
    display: block !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f766e !important;
}

.cart-trust-item .trust-text p {
    margin: 2px 0 0 0 !important;
    font-size: 12px !important;
    color: #115e59 !important;
    line-height: 1.4 !important;
}

/* ========================================================
   CHECKOUT PAGE (Modern 2-Column Grid Architecture)
   Column 1: 1. Billing Details -> 2. Payment Methods
   Column 2: 1. Order Summary -> 2. Additional Info -> 3. Trust Notes
   ======================================================== */
.sarkar-checkout-grid {
    display: grid !important;
    grid-template-columns: 1.25fr 0.95fr !important;
    gap: 36px !important;
    align-items: start !important;
    margin: 0 auto 60px auto !important;
    max-width: 1160px !important;
    width: 100% !important;
}

.checkout-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    min-width: 0 !important;
}

.checkout-column-right {
    position: sticky !important;
    top: var(--sticky-sidebar-top, 90px) !important;
    z-index: 10 !important;
}

/* Reusable Checkout Card Style */
.checkout-card {
    background: #ffffff !important;
    border: 1.5px solid var(--border-color) !important;
    border-radius: 20px !important;
    padding: 28px 32px !important;
    box-shadow: var(--shadow-xs) !important;
    box-sizing: border-box !important;
}

.checkout-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
    padding-bottom: 14px !important;
    border-bottom: 2px solid #f1f5f9 !important;
}

.checkout-card-header .header-icon {
    font-size: 20px !important;
}

.checkout-card-title {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
}

.checkout-card-body {
    width: 100% !important;
}

.billing-card .woocommerce-billing-fields > h3,
.additional-fields-card .woocommerce-additional-fields > h3 {
    display: none !important;
}

/* Form Rows & Inputs */
.woocommerce-checkout .form-row {
    margin-bottom: 16px !important;
    float: none !important;
    width: 100% !important;
}

.woocommerce-checkout .form-row label {
    display: block !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 6px !important;
}

#billing_phone_field .optional {
    display: none !important;
}

#billing_phone_field .required,
.woocommerce-checkout .form-row label .required {
    color: #dc2626 !important;
    display: inline-block !important;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 10px !important;
    font-size: 14.5px !important;
    color: #0f172a !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
    transition: all 0.2s !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
    background: #ffffff !important;
    border-color: var(--primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 4px var(--primary-glow) !important;
}

/* Payment Gateways Inside Column 1 */
#payment {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

#payment ul.payment_methods,
#payment ul.wc_payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

#payment ul.payment_methods li {
    padding: 14px 16px !important;
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    transition: all 0.2s !important;
}

#payment ul.payment_methods li:hover {
    border-color: #94a3b8 !important;
}

#payment ul.payment_methods li:has(input:checked) {
    border-color: var(--primary) !important;
    background: #f0fdfa !important;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.12) !important;
}

#payment ul.payment_methods li label {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#payment ul.payment_methods li label img {
    max-height: 28px !important;
    width: auto !important;
    margin-left: auto !important;
}

#payment ul.payment_methods li .payment_box {
    margin-top: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    font-size: 13.5px !important;
    color: #334155 !important;
    line-height: 1.6 !important;
}

#place_order {
    width: 100% !important;
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    padding: 16px 24px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(15, 118, 110, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.25s var(--ease-spring) !important;
    margin-top: 14px !important;
    text-align: center !important;
    display: block !important;
}

#place_order:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(15, 118, 110, 0.45) !important;
    background: linear-gradient(135deg, #0d9488 0%, #10b981 100%) !important;
}

/* Order Review Table in Column 2 */
#order_review table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 8px !important;
}

/* Column 2 Dedicated Coupon Box */
.coupon-box-card {
    padding: 22px 28px !important;
}

.sarkar-checkout-coupon-field {
    display: flex !important;
    align-items: center !important;
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 3px 4px 3px 12px !important;
    transition: all 0.25s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.sarkar-checkout-coupon-field:focus-within {
    background: #ffffff !important;
    border-color: #0f766e !important;
    box-shadow: 0 0 0 3.5px rgba(15, 118, 110, 0.14) !important;
}

.sarkar-checkout-coupon-field input.input-text {
    border: none !important;
    background: transparent !important;
    padding: 8px 8px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    outline: none !important;
    box-shadow: none !important;
    flex: 1 !important;
    min-width: 120px !important;
}

.sarkar-checkout-coupon-field input.input-text::placeholder {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

.sarkar-checkout-coupon-field button.button {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 9px 20px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.2) !important;
}

.sarkar-checkout-coupon-field button.button:hover {
    background: #042f2e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.35) !important;
}

.coupon-feedback-notice {
    margin-top: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
}

.coupon-feedback-notice.success {
    background: #f0fdf4 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}

.coupon-feedback-notice.error {
    background: #fef2f2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
}

#order_review table.shop_table th {
    padding: 12px 0 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    border-bottom: 1.5px solid var(--border-color) !important;
    text-align: left !important;
}

.checkout-product-item-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.checkout-product-item-wrap img.checkout-item-thumbnail {
    width: 44px !important;
    height: 44px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    padding: 3px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.checkout-product-item-meta {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
}

#order_review table.shop_table td {
    padding: 14px 0 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #0f172a !important;
}

#order_review table.shop_table td.product-total,
#order_review table.shop_table td:last-child {
    text-align: right !important;
    font-weight: 700 !important;
}

#order_review table.shop_table tr.order-total th,
#order_review table.shop_table tr.order-total td {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: var(--primary) !important;
    border-bottom: none !important;
    padding-top: 16px !important;
    padding-bottom: 4px !important;
}

/* Trust Guarantee Card in Column 2 */
.checkout-trust-card {
    background: #f0fdfa !important;
    border: 1.5px dashed #0f766e !important;
    border-radius: 16px !important;
    padding: 18px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.checkout-trust-card .trust-item {
    font-size: 13px !important;
    color: #0f766e !important;
    line-height: 1.5 !important;
}

@media (max-width: 900px) {
    .sarkar-checkout-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .checkout-column-right {
        position: static !important;
    }
}

/* ========================================================
/* ========================================================
   13.95 BLOG SECTION & ARTICLE STYLING
   ======================================================== */
.blog-section {
    margin-bottom: 56px;
}

.posts-grid {
    display: grid !important;
    gap: 26px !important;
    margin: 24px 0 !important;
    width: 100% !important;
}

/* When Sidebar is active on desktop, enforce exactly 2 columns */
.layout-right-sidebar .posts-grid,
.layout-left-sidebar .posts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* When No Sidebar is active, 3 columns on wide desktop */
.layout-no-sidebar .posts-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.posts-grid.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.posts-grid.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.posts-grid.cols-1 {
    grid-template-columns: 1fr !important;
}

/* Ensure sidebar layout overrides cols-3 on desktop so 3rd card never hides under sidebar */
.layout-right-sidebar .posts-grid.cols-3,
.layout-left-sidebar .posts-grid.cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 900px) {
    .layout-right-sidebar .posts-grid,
    .layout-left-sidebar .posts-grid,
    .layout-no-sidebar .posts-grid,
    .posts-grid,
    .posts-grid.cols-2,
    .posts-grid.cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
}

@media (max-width: 600px) {
    .layout-right-sidebar .posts-grid,
    .layout-left-sidebar .posts-grid,
    .layout-no-sidebar .posts-grid,
    .posts-grid,
    .posts-grid.cols-2,
    .posts-grid.cols-3 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}



.post-card {
    display: flex;
    height: 100%;
}

.post-card-inner {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.05);
    transition: transform 0.25s var(--ease-spring), box-shadow 0.25s var(--ease-smooth), border-color 0.25s;
}

.post-card-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px -4px rgba(15, 118, 110, 0.14), 0 4px 12px rgba(0, 0, 0, 0.04);
    border-color: #14b8a6;
}

.post-thumbnail-wrap {
    position: relative;
    width: 100%;
    height: 210px;
    background: #f8fafc;
    overflow: hidden;
}

.post-thumb-link {
    display: block;
    width: 100%;
    height: 100%;
}

.post-thumbnail-wrap img.post-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s var(--ease-smooth);
}

.post-card-inner:hover .post-thumbnail-wrap img.post-card-img {
    transform: scale(1.06);
}

.post-card-img-placeholder {
    width: 100%;
    height: 100%;
    background: radial-gradient(100% 120% at 50% 0%, #f0fdfa 0%, #e6fffa 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--primary);
}

.placeholder-icon {
    font-size: 2.2rem;
}

.placeholder-cat {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.post-card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    color: var(--primary);
    border: 1px solid rgba(15, 118, 110, 0.2);
    font-size: 10.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 3px 10px;
    border-radius: var(--radius-full);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.post-card-body {
    padding: 22px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.post-card-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 11.5px;
    color: var(--text-muted);
    font-weight: 600;
    margin-bottom: 8px;
}

.post-card-title {
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px;
}

.post-card-title a {
    color: #0f172a;
    transition: color 0.2s;
}

.post-card-title a:hover {
    color: var(--primary);
}

.post-card-excerpt {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

.post-card-footer {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #f1f5f9;
}

.btn-read-post {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 800;
    color: var(--primary);
    text-decoration: none;
    transition: gap 0.2s, color 0.2s;
}

.btn-read-post .arrow {
    transition: transform 0.2s;
}

.btn-read-post:hover {
    color: var(--primary-hover);
}

.btn-read-post:hover .arrow {
    transform: translateX(4px);
}

/* ========================================================
   13.95 MODERN MEDICAL JOURNAL SINGLE POST VIEW
   ======================================================== */

/* Reading Scroll Progress Bar */
.reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #10b981, #059669, #047857);
    z-index: 999999;
    transition: width 0.1s ease-out;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.6);
}

.single-post-layout-wrap,
.blog-archive-layout-wrap {
    margin-top: 28px;
    margin-bottom: 60px;
}

/* Two-Column Grid for Sidebar Layouts */
.single-post-layout-wrap.layout-right-sidebar,
.blog-archive-layout-wrap.layout-right-sidebar,
.page-layout-wrap.layout-right-sidebar,
.search-layout-wrap.layout-right-sidebar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 40px !important;
    align-items: start !important;
}

.single-post-layout-wrap.layout-left-sidebar,
.blog-archive-layout-wrap.layout-left-sidebar,
.page-layout-wrap.layout-left-sidebar,
.search-layout-wrap.layout-left-sidebar {
    display: grid !important;
    grid-template-columns: 340px minmax(0, 1fr) !important;
    gap: 40px !important;
    align-items: start !important;
}

.single-post-layout-wrap.layout-no-sidebar,
.blog-archive-layout-wrap.layout-no-sidebar,
.search-layout-wrap.layout-no-sidebar {
    max-width: 880px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

.page-layout-wrap.layout-no-sidebar {
    max-width: 1160px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    display: block !important;
}

/* Sidebar & Modern Widget Area */
.widget-area.sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: var(--sticky-sidebar-top);
    z-index: 10;
}

.sidebar .widget,
.sidebar .wp-block-group {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px 22px;
    box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.04);
}

.sidebar .widget-title,
.sidebar .widgettitle,
.sidebar h2,
.sidebar h3 {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 16px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1f5f9;
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sidebar .widget-title::after,
.sidebar .widgettitle::after,
.sidebar h2::after,
.sidebar h3::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 32px;
    height: 2px;
    background: var(--primary, #0f766e);
    border-radius: 2px;
}

/* Sidebar Search Widget (Classic & Gutenberg Blocks) */
.sidebar .search-form,
.sidebar .wp-block-search,
.sidebar .widget_search form {
    display: flex !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin: 0 !important;
}

.sidebar .search-form label,
.sidebar .wp-block-search__label {
    display: none !important;
}

.sidebar .wp-block-search__inside-wrapper {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
}

.sidebar .search-form .search-field,
.sidebar .wp-block-search__input,
.sidebar .widget_search input[type="search"],
.sidebar .widget_search input[type="text"] {
    flex: 1 !important;
    width: 100% !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: 13.5px !important;
    outline: none !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    transition: all 0.2s ease !important;
}

.sidebar .search-form .search-field:focus,
.sidebar .wp-block-search__input:focus {
    border-color: var(--primary, #0f766e) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1) !important;
}

.sidebar .search-form .search-submit,
.sidebar .wp-block-search__button,
.sidebar .widget_search input[type="submit"],
.sidebar .widget_search button {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 10px 18px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(15, 118, 110, 0.2) !important;
}

.sidebar .search-form .search-submit:hover,
.sidebar .wp-block-search__button:hover {
    background: #0f766e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(15, 118, 110, 0.3) !important;
}

/* Sidebar List Widgets (Recent Posts, Categories, Archives, Recent Comments) */
.sidebar .widget ul,
.sidebar .wp-block-latest-posts,
.sidebar .wp-block-categories,
.sidebar .wp-block-latest-comments {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.sidebar .widget li,
.sidebar .wp-block-latest-posts li,
.sidebar .wp-block-categories li,
.sidebar .wp-block-latest-comments li {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.45;
    padding-bottom: 8px;
    border-bottom: 1px dashed #f1f5f9;
}

.sidebar .widget li:last-child,
.sidebar .wp-block-latest-posts li:last-child,
.sidebar .wp-block-categories li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar .widget li a,
.sidebar .wp-block-latest-posts a,
.sidebar .wp-block-categories a,
.sidebar .wp-block-latest-comments a {
    color: #1e293b !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.sidebar .widget li a:hover,
.sidebar .wp-block-latest-posts a:hover {
    color: var(--primary, #0f766e) !important;
}

.sidebar .widget.widget_recent_entries li a {
    display: block;
    margin-bottom: 3px;
}

.sidebar .widget .post-date,
.sidebar .wp-block-latest-posts__post-date {
    font-size: 11.5px;
    color: #94a3b8;
}

/* Tablet & Mobile Breakpoints for Blog & Sidebar */
@media (max-width: 1024px) {
    .single-post-layout-wrap.layout-right-sidebar,
    .single-post-layout-wrap.layout-left-sidebar,
    .blog-archive-layout-wrap.layout-right-sidebar,
    .blog-archive-layout-wrap.layout-left-sidebar,
    .page-layout-wrap.layout-right-sidebar,
    .page-layout-wrap.layout-left-sidebar,
    .search-layout-wrap.layout-right-sidebar,
    .search-layout-wrap.layout-left-sidebar {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }

    .widget-area.sidebar {
        position: static;
        margin-top: 16px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .widget-area.sidebar {
        grid-template-columns: 1fr;
    }
}


.single-post-article.modern-medical-article {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 24px;
    padding: 40px 48px;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
    margin-bottom: 36px;
}

/* 1. Breadcrumbs */
.single-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 18px;
}

.single-breadcrumbs a {
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.single-breadcrumbs a:hover {
    color: var(--primary, #0f766e);
}

.single-breadcrumbs .sep {
    color: #cbd5e1;
}

.single-breadcrumbs .cat-crumb {
    color: var(--primary, #0f766e);
    font-weight: 700;
}

/* 2. Badge Row */
.article-badge-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.article-cat-badge {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
    padding: 5px 14px;
    border-radius: 30px;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
}

.article-cat-badge:hover {
    background: #d1fae5;
    color: #065f46;
}

.medical-review-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
}

.medical-review-badge .badge-check {
    color: #10b981;
    font-weight: 800;
}

/* 3. Title */
.single-post-main-title {
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 900;
    color: #0f172a;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin: 0 0 24px 0;
}

/* 4. Doctor Meta Strip */
.article-meta-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px 20px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    margin-bottom: 32px;
}

.meta-author-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author-avatar-circle {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: visible;
}

.author-avatar-circle img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.author-avatar-circle .doc-badge-icon {
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: #10b981;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff;
}

.author-meta-info {
    display: flex;
    flex-direction: column;
}

.author-meta-info .author-name {
    font-size: 14.5px;
    font-weight: 800;
    color: #0f172a;
}

.author-meta-info .author-role {
    font-size: 11.5px;
    color: #64748b;
}

.meta-stats-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

.meta-stat-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.meta-stat-divider {
    color: #cbd5e1;
}

/* 5. Featured Image Frame */
.single-featured-image-frame {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 36px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
}

.featured-hero-img {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.single-featured-image-frame:hover .featured-hero-img {
    transform: scale(1.02);
}

.featured-img-caption {
    font-size: 12px;
    color: #64748b;
    padding: 8px 16px;
    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
}

/* 6. Editorial Article Body Typography */
.article-rich-body {
    font-size: 17px;
    line-height: 1.85;
    color: #334155;
}

.article-rich-body p {
    margin-bottom: 24px;
}

.article-rich-body p:first-of-type::first-letter {
    float: left;
    font-size: 3.8rem;
    line-height: 0.85;
    font-weight: 900;
    color: var(--primary, #0f766e);
    padding-right: 12px;
    padding-top: 4px;
    font-family: serif;
}

.article-rich-body h2 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0f172a;
    margin: 40px 0 18px;
    position: relative;
    padding-left: 16px;
}

.article-rich-body h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    background: var(--primary, #0f766e);
    border-radius: 4px;
}

.article-rich-body h3 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
    margin: 32px 0 14px;
}

.article-rich-body ul, 
.article-rich-body ol {
    margin: 20px 0 26px 24px;
    padding: 0;
}

.article-rich-body li {
    margin-bottom: 10px;
    line-height: 1.7;
}

.article-rich-body blockquote {
    position: relative;
    background: linear-gradient(135deg, #f0fdfa 0%, #ffffff 100%);
    border-left: 4px solid var(--primary, #0f766e);
    border-radius: 0 16px 16px 0;
    padding: 24px 30px;
    margin: 32px 0;
    font-size: 18px;
    font-style: italic;
    color: #0f766e;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.05);
}

.article-rich-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 28px 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    border: 1px solid #e2e8f0;
}

.article-rich-body th {
    background: #0f766e;
    color: #ffffff;
    font-weight: 700;
    padding: 12px 16px;
    text-align: left;
}

.article-rich-body td {
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
}

.article-rich-body tr:nth-child(even) td {
    background: #f8fafc;
}

/* 7. In-Article Doctor Consultation CTA */
.in-article-consultation-card {
    background: linear-gradient(135deg, #075e54 0%, #0f766e 100%);
    color: #ffffff;
    border-radius: 20px;
    padding: 28px 32px;
    margin: 40px 0 20px;
    display: flex;
    align-items: center;
    gap: 24px;
    box-shadow: 0 10px 30px rgba(7, 94, 84, 0.25);
}

.consult-card-icon {
    font-size: 42px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.15);
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.consult-card-text {
    flex: 1;
}

.consult-card-text h3 {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 800;
    margin: 0 0 6px 0;
}

.consult-card-text p {
    color: #e2e8f0;
    font-size: 13.5px;
    margin: 0;
    line-height: 1.5;
}

.consult-card-action {
    flex-shrink: 0;
}

.btn-consult-wa {
    background: #25d366;
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    padding: 12px 22px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.btn-consult-wa:hover {
    background: #1eb956;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
}

/* 8. Article Tags */
.single-article-footer {
    border-top: 1px solid #f1f5f9;
    padding-top: 24px;
    margin-top: 32px;
}

.article-tags-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.tags-label {
    font-size: 13.5px;
    font-weight: 700;
    color: #475569;
}

.tags-pills-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.tag-pill {
    background: #f1f5f9;
    color: #475569;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.tag-pill:hover {
    background: #e2e8f0;
    color: #0f172a;
}

/* 9. Modern Social Viral Share Bar */
.modern-share-box {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px 30px;
    margin-bottom: 32px;
    box-shadow: 0 4px 15px -2px rgba(0,0,0,0.03);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.share-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.share-title-row .share-icon {
    font-size: 24px;
}

.share-title-row strong {
    font-size: 15px;
    color: #0f172a;
    display: block;
}

.share-title-row p {
    font-size: 12.5px;
    color: #64748b;
    margin: 0;
}

.modern-pills-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.btn-share-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    color: #ffffff !important;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-share-pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.share-fb { background: #1877f2; }
.share-wa { background: #25d366; }
.share-tw { background: #0f1419; }
.share-in { background: #0a66c2; }
.share-copy { background: #64748b; }
.share-copy:hover { background: #475569; }

/* 10. Refined Doctor Bio Card */
.modern-bio-card {
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 20px;
    padding: 28px;
    margin-bottom: 32px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.modern-bio-card .author-avatar-wrap {
    position: relative;
    width: 76px;
    height: 76px;
    flex-shrink: 0;
}

.modern-bio-card .author-avatar-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.verified-doctor-seal {
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: #10b981;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2.5px solid #ffffff;
}

.author-bio-content {
    flex: 1;
}

.author-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.author-title-row h4 {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.author-badge-pill {
    background: #ecfdf5;
    color: #047857;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 20px;
}

.author-description {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin: 0 0 12px 0;
}

.author-more-articles {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary, #0f766e);
    text-decoration: none;
}

.author-more-articles:hover {
    text-decoration: underline;
}

/* 11. Post Nav Grid Cards */
.sarkar-post-nav-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 40px;
}

.post-nav-card {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 16px;
    padding: 18px 22px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: all 0.2s ease;
}

.post-nav-card:hover {
    border-color: var(--primary, #0f766e);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.05);
}

.nav-direction {
    font-size: 11.5px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nav-article-title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.4;
}

/* 12. Modern Eye-Catchy Comments Section */
.modern-comments-card {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 24px;
    padding: 36px 40px;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.04);
    margin-bottom: 40px;
}

.comments-header-row .comments-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 24px 0;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 10px;
}

.comments-header-row .comments-title .title-icon {
    font-size: 22px;
}

/* Comment List */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0 0 36px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.comment-list .comment {
    list-style: none;
}

.comment-list .comment-body {
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 18px;
    padding: 22px 24px;
    position: relative;
    transition: all 0.2s ease;
}

.comment-list .comment-body:hover {
    border-color: #cbd5e1;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(0,0,0,0.03);
}

.comment-list .comment-author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.comment-list .comment-author img.avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.comment-list .comment-author .fn {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    font-style: normal;
}

.comment-list .comment-author .fn a {
    color: #0f172a;
    text-decoration: none;
}

.comment-list .comment-author .says {
    display: none;
}

.comment-list .comment-metadata {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
    margin-bottom: 10px;
}

.comment-list .comment-metadata a {
    color: #94a3b8;
    text-decoration: none;
}

.comment-list .comment-content {
    font-size: 14.5px;
    line-height: 1.7;
    color: #334155;
}

.comment-list .comment-content p {
    margin: 0 0 10px 0;
}

.comment-list .reply {
    margin-top: 12px;
}

.comment-list .reply .comment-reply-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 20px;
    padding: 5px 16px;
    font-size: 12px;
    font-weight: 700;
    color: var(--primary, #0f766e);
    text-decoration: none;
    transition: all 0.2s ease;
}

.comment-list .reply .comment-reply-link:hover {
    background: var(--primary, #0f766e);
    color: #ffffff !important;
    border-color: var(--primary, #0f766e);
}

/* Doctor Verified Reply Highlight */
.comment-list .bypostauthor > .comment-body {
    background: #f0fdfa;
    border: 1.5px solid #a7f3d0;
}

.comment-list .bypostauthor > .comment-body .comment-author::after {
    content: "🩺 Doctor Response";
    background: #059669;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 20px;
    letter-spacing: 0.3px;
}

/* Threaded Replies */
.comment-list .children {
    margin-left: 36px;
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    border-left: 2px dashed #cbd5e1;
    padding-left: 18px;
}

/* Modern Comment Form Card */
.comment-respond {
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 20px;
    padding: 28px 32px;
    margin-top: 24px;
}

.comment-respond .reply-title-wrap,
.comment-respond .comment-reply-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.comment-respond .comment-notes {
    font-size: 13.5px;
    color: #64748b;
    margin: 0 0 20px 0;
    line-height: 1.5;
}

.comment-respond .logged-in-as {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 18px;
}

.comment-respond .logged-in-as a {
    color: var(--primary, #0f766e);
    font-weight: 700;
    text-decoration: none;
}

.comment-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.comment-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.comment-form-group label,
.comment-respond label {
    font-size: 13.5px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 4px;
    display: block;
}

.comment-form-group input,
.comment-form-group textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
    width: 100%;
    border: 1.5px solid #cbd5e1;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 14px;
    font-family: inherit;
    color: #0f172a;
    outline: none;
    background: #ffffff;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.comment-form-group input:focus,
.comment-form-group textarea:focus,
#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform textarea:focus {
    border-color: var(--primary, #0f766e);
    background: #ffffff;
    box-shadow: 0 0 0 3.5px rgba(15, 118, 110, 0.12);
}

.comment-respond .form-submit {
    margin-top: 8px;
    margin-bottom: 0;
}

.submit-comment-btn,
#commentform input[type="submit"],
#commentform #submit {
    background: var(--primary, #0f766e) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 12px 28px !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.35);
    transition: all 0.2s ease;
}

.submit-comment-btn:hover,
#commentform input[type="submit"]:hover,
#commentform #submit:hover {
    background: #0d655e !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(15, 118, 110, 0.45);
}

@media (max-width: 768px) {
    .modern-comments-card {
        padding: 24px 18px;
    }
    .comment-form-row {
        grid-template-columns: 1fr;
    }
    .comment-list .children {
        margin-left: 12px;
        padding-left: 10px;
    }
    .comment-respond {
        padding: 20px 16px;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .single-post-article.modern-medical-article {
        padding: 24px 18px;
    }
    .in-article-consultation-card {
        flex-direction: column;
        text-align: center;
        padding: 22px;
    }
    .consult-card-icon {
        margin: 0 auto;
    }
    .modern-share-box {
        flex-direction: column;
        align-items: stretch;
    }
    .modern-pills-group {
        justify-content: center;
    }
    .modern-bio-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .author-title-row {
        justify-content: center;
    }
    .sarkar-post-nav-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================================
   13.955 REQUEST MEDICINE & PRESCRIPTION UPLOAD PAGE
   ======================================================== */
.request-page-wrapper {
    margin-bottom: 60px;
}

.request-page-header {
    text-align: center;
    padding: 40px 24px;
    background: radial-gradient(100% 120% at 50% 0%, #f0fdfa 0%, #ffffff 60%, #f8fafc 100%);
    border: 1.5px solid rgba(15, 118, 110, 0.15);
    border-radius: var(--radius-xl);
    margin-bottom: 36px;
    box-shadow: 0 10px 30px -10px rgba(15, 118, 110, 0.06);
}

.request-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--primary-light);
    color: var(--primary);
    padding: 4px 14px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}

.request-page-header .page-title {
    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
}

.request-subtitle {
    font-size: 15px;
    color: #475569;
    max-width: 720px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 2-Column Request Layout Grid */
.request-layout-grid {
    display: grid !important;
    grid-template-columns: 1.25fr 0.75fr !important;
    gap: 36px !important;
    align-items: start !important;
}

.request-form-card {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--shadow-sm);
}

.form-card-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
}

.standalone-request-form .form-group {
    margin-bottom: 18px;
}

.standalone-request-form label {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.standalone-request-form input[type="text"],
.standalone-request-form input[type="tel"],
.standalone-request-form select,
.standalone-request-form textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    font-size: 14px;
    color: #0f172a;
    background: #f8fafc;
    box-sizing: border-box;
    transition: all 0.2s;
}

.standalone-request-form input:focus,
.standalone-request-form select:focus,
.standalone-request-form textarea:focus {
    background: #ffffff;
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 4px var(--primary-glow);
}

/* Standalone Prescription Dropzone */
.standalone-rx-dropzone {
    position: relative;
    overflow: hidden;
    background: #f8fafc;
    border: 1.5px dashed #cbd5e1;
    border-radius: 12px;
    padding: 14px 16px;
    transition: all 0.2s;
    cursor: pointer;
}

.standalone-rx-dropzone:hover {
    border-color: var(--primary);
    background: #f0fdfa;
}

.standalone-rx-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.submit-standalone-btn {
    width: 100% !important;
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.25s var(--ease-spring) !important;
    margin-top: 10px !important;
}

.submit-standalone-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(15, 118, 110, 0.45) !important;
    background: linear-gradient(135deg, #0d9488 0%, #10b981 100%) !important;
}

/* Sidebar Info Cards */
.request-sidebar-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info-card.hotline-card {
    background: radial-gradient(100% 120% at 50% 0%, #f0fdfa 0%, #ffffff 60%, #f8fafc 100%);
    border: 1.5px solid rgba(15, 118, 110, 0.2);
    border-radius: 24px;
    padding: 28px;
    box-shadow: var(--shadow-sm);
}

.info-card.hotline-card h3 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

.info-card.hotline-card p {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 20px;
}

.btn-whatsapp-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: #ffffff !important;
    padding: 13px 20px;
    border-radius: 12px;
    font-size: 14.5px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.3);
    transition: all 0.25s var(--ease-spring);
}

.btn-whatsapp-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.45);
    color: #ffffff !important;
}

.info-card.steps-card {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 24px;
    padding: 28px;
    box-shadow: var(--shadow-sm);
}

.info-card.steps-card h4 {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.service-steps-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.service-steps-list li {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.5;
}

.service-steps-list li strong {
    display: block;
    color: #0f172a;
    font-weight: 800;
    margin-bottom: 2px;
}

/* ========================================================
   13.958 DEDICATED PRESCRIPTION UPLOAD & CONSULTATION PAGE
   ======================================================== */
.prescription-page-wrapper {
    margin-bottom: 60px;
}

.prescription-hero-banner {
    text-align: center;
    padding: 44px 24px;
    background: radial-gradient(100% 120% at 50% 0%, #ecfdf5 0%, #ffffff 60%, #f0fdf4 100%);
    border: 1.5px solid rgba(16, 185, 129, 0.2);
    border-radius: var(--radius-xl);
    margin-bottom: 36px;
    box-shadow: 0 10px 30px -10px rgba(16, 185, 129, 0.08);
}

.rx-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #d1fae5;
    color: #065f46;
    padding: 5px 16px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}

.prescription-hero-banner .page-title {
    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
}

.prescription-hero-subtitle {
    font-size: 15px;
    color: #475569;
    max-width: 740px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 2-Column Prescription Layout */
.prescription-layout-grid {
    display: grid !important;
    grid-template-columns: 1.25fr 0.75fr !important;
    gap: 36px !important;
    align-items: start !important;
}

.rx-upload-card {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--shadow-sm);
}

.rx-card-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
}

.dedicated-rx-form .form-group {
    margin-bottom: 18px;
}

.dedicated-rx-form label {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.dedicated-rx-form input[type="text"],
.dedicated-rx-form input[type="tel"],
.dedicated-rx-form textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    font-size: 14px;
    color: #0f172a;
    background: #f8fafc;
    box-sizing: border-box;
    transition: all 0.2s;
}

.dedicated-rx-form input:focus,
.dedicated-rx-form textarea:focus {
    background: #ffffff;
    border-color: #059669;
    outline: none;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15);
}

/* Prominent Drag & Drop File Upload Box */
.dedicated-rx-dropzone {
    position: relative;
    overflow: hidden;
    background: #f0fdf4;
    border: 2px dashed #34d399;
    border-radius: 16px;
    padding: 32px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s var(--ease-spring);
}

.dedicated-rx-dropzone:hover {
    background: #dcfce7;
    border-color: #059669;
    transform: translateY(-2px);
}

.dedicated-rx-file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.dedicated-rx-ui {
    pointer-events: none;
}

.rx-big-icon {
    font-size: 2.2rem;
    display: block;
    margin-bottom: 8px;
}

.rx-dropzone-title {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #065f46;
    margin-bottom: 4px;
}

.rx-dropzone-sub {
    font-size: 12px;
    color: #047857;
    margin: 0;
}

.submit-rx-order-btn {
    width: 100% !important;
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    color: #ffffff !important;
    padding: 15px 24px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(5, 150, 105, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.25s var(--ease-spring) !important;
    margin-top: 12px !important;
}

.submit-rx-order-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(5, 150, 105, 0.45) !important;
    background: linear-gradient(135deg, #047857 0%, #065f46 100%) !important;
}

/* Sidebar Cards */
.prescription-sidebar-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.rx-info-card {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 24px;
    padding: 28px;
    box-shadow: var(--shadow-sm);
}

.rx-whatsapp-card {
    background: radial-gradient(100% 120% at 50% 0%, #ecfdf5 0%, #ffffff 60%, #f8fafc 100%);
    border: 1.5px solid rgba(37, 211, 102, 0.3);
}

.rx-card-kicker {
    display: inline-flex;
    align-items: center;
    background: #dcfce7;
    color: #166534;
    padding: 3px 10px;
    border-radius: var(--radius-full);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.rx-whatsapp-card h3 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

.rx-whatsapp-card p {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 18px;
}

.btn-whatsapp-rx {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: #ffffff !important;
    padding: 13px 20px;
    border-radius: 12px;
    font-size: 14.5px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
    transition: all 0.25s var(--ease-spring);
}

.btn-whatsapp-rx:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.5);
    color: #ffffff !important;
}

.rx-process-card h4 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.rx-steps-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rx-steps-list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.rx-steps-list .step-num {
    width: 28px;
    height: 28px;
    background: #ecfdf5;
    color: #059669;
    border: 1.5px solid #a7f3d0;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 2px;
}

.rx-steps-list strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 2px;
}

.rx-steps-list p {
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

.rx-helpline-card h4 {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
}

.rx-helpline-card p {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 12px;
}

.rx-phone-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 800;
    color: #059669;
    text-decoration: none;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    padding: 10px 18px;
    border-radius: 10px;
    transition: all 0.2s;
}

.rx-phone-link:hover {
    background: #dcfce7;
    color: #047857;
}

/* ========================================================
   13.96 TRACK ORDER PAGE STYLING
   ======================================================== */
.track-order-wrapper {
    margin-bottom: 60px;
}

.track-order-hero {
    text-align: center;
    padding: 40px 24px;
    background: radial-gradient(100% 120% at 50% 0%, #f0fdfa 0%, #ffffff 60%, #f8fafc 100%);
    border: 1.5px solid rgba(15, 118, 110, 0.15);
    border-radius: var(--radius-xl);
    margin-bottom: 36px;
    box-shadow: 0 10px 30px -10px rgba(15, 118, 110, 0.06);
}

.track-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--primary-light);
    color: var(--primary);
    padding: 4px 14px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}

.track-order-hero .page-title {
    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
}

.track-subtitle {
    font-size: 15px;
    color: #475569;
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 2-Column Track Layout */
.track-order-layout {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 36px !important;
    align-items: start !important;
}

.track-order-layout.no-info-card {
    grid-template-columns: 1fr !important;
    max-width: 680px !important;
    margin: 0 auto !important;
}

.track-order-card {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--shadow-sm);
}

.track-card-header {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
}

.track-card-header h3 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 4px;
}

.track-card-header p {
    font-size: 13.5px;
    color: #64748b;
    margin: 0;
}

/* Form Styling */
.woocommerce-form-track-order.track_order {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.woocommerce-form-track-order.track_order p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
}

.woocommerce-form-track-order.track_order .form-row {
    margin-bottom: 14px;
}

.woocommerce-form-track-order.track_order label {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.woocommerce-form-track-order.track_order input.input-text {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    font-size: 14px;
    color: #0f172a;
    background: #f8fafc;
    box-sizing: border-box;
    transition: all 0.2s;
}

.woocommerce-form-track-order.track_order input.input-text:focus {
    background: #ffffff;
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 4px var(--primary-glow);
}

.woocommerce-form-track-order.track_order button.button {
    width: 100% !important;
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.25s var(--ease-spring) !important;
    margin-top: 10px !important;
}

.woocommerce-form-track-order.track_order button.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(15, 118, 110, 0.45) !important;
    background: linear-gradient(135deg, #0d9488 0%, #10b981 100%) !important;
}

/* Right Info Card */
.track-order-info-card {
    background: radial-gradient(100% 120% at 50% 0%, #f0fdfa 0%, #ffffff 60%, #f8fafc 100%);
    border: 1.5px solid rgba(15, 118, 110, 0.2);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--shadow-sm);
}

.track-order-info-card h3 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 16px;
}

.delivery-partner-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 2px solid #f1f5f9;
}

.courier-badge {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: var(--radius-full);
    padding: 4px 12px;
    font-size: 11.5px;
    font-weight: 700;
    color: #334155;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.track-info-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.track-info-list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.track-info-list .t-icon {
    font-size: 1.4rem;
    line-height: 1;
    flex-shrink: 0;
    background: #ffffff;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.track-info-list strong {
    display: block;
    font-size: 13.5px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 4px;
}

.track-info-list p {
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

.track-help-box {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 16px;
    padding: 20px;
}

.track-help-box strong {
    display: block;
    font-size: 13.5px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 4px;
}

.track-help-box p {
    font-size: 12px;
    color: #64748b;
    line-height: 1.45;
    margin-bottom: 14px;
}

.track-help-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-track-call {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f1f5f9;
    color: #0f172a;
    border: 1px solid #cbd5e1;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-track-call:hover {
    background: #e2e8f0;
}

.btn-track-wa {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #25d366;
    color: #ffffff !important;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-track-wa:hover {
    background: #128c7e;
}

/* ========================================================
   13.97 DOCTOR PORTAL & WHOLESALE DISPENSING STYLES
   ======================================================== */
.doctor-portal-wrapper {
    margin-bottom: 60px;
}

.doctor-portal-auth-hero {
    text-align: center;
    padding: 40px 24px;
    background: radial-gradient(100% 120% at 50% 0%, #eef2ff 0%, #ffffff 60%, #f8fafc 100%);
    border: 1.5px solid rgba(79, 70, 229, 0.15);
    border-radius: var(--radius-xl);
    margin-bottom: 36px;
    box-shadow: 0 10px 30px -10px rgba(79, 70, 229, 0.08);
}

.doctor-kicker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e0e7ff;
    color: #4338ca;
    padding: 4px 14px;
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}

.doctor-portal-auth-hero .page-title {
    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
}

.doctor-portal-auth-hero .auth-subtitle {
    font-size: 15px;
    color: #475569;
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 2-Column Auth Layout */
.doctor-auth-layout {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 36px !important;
    align-items: start !important;
}

.doctor-auth-card {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--shadow-sm);
}

.auth-tabs-header {
    display: flex;
    background: #f1f5f9;
    padding: 4px;
    border-radius: 12px;
    gap: 4px;
    margin-bottom: 24px;
}

.auth-tab-btn {
    flex: 1;
    background: transparent;
    border: none;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s var(--ease-spring);
    text-align: center;
}

.auth-tab-btn.active {
    background: #ffffff;
    color: var(--primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.auth-tab-content {
    display: none;
}

.auth-tab-content.active {
    display: block;
    animation: fadeIn 0.25s ease;
}

/* Doctor Register Form */
.doctor-register-form .form-group {
    margin-bottom: 16px;
}

.doctor-register-form label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.doctor-register-form input {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    font-size: 14px;
    color: #0f172a;
    background: #f8fafc;
    box-sizing: border-box;
    transition: all 0.2s;
}

.doctor-register-form input:focus {
    background: #ffffff;
    border-color: #4f46e5;
    outline: none;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.15);
}

.submit-doc-reg-btn {
    width: 100% !important;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.25s var(--ease-spring) !important;
    margin-top: 10px !important;
}

.submit-doc-reg-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.45) !important;
}

/* Doctor Perks Card (Right) */
.doctor-perks-card {
    background: radial-gradient(100% 120% at 50% 0%, #f0fdfa 0%, #ffffff 60%, #f8fafc 100%);
    border: 1.5px solid rgba(15, 118, 110, 0.2);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--shadow-sm);
}

.doctor-perks-card h3 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.doctor-perks-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.doctor-perks-list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.doctor-perks-list .p-icon {
    font-size: 1.4rem;
    line-height: 1;
    flex-shrink: 0;
    background: #ffffff;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.doctor-perks-list strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 4px;
}

.doctor-perks-list p {
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
}

/* Logged-In Doctor Dashboard Header */
.doctor-dashboard-header {
    background: #ffffff;
    border: 1.5px solid #c7d2fe;
    border-radius: 20px;
    padding: 28px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 36px;
    box-shadow: 0 8px 24px -4px rgba(79, 70, 229, 0.08);
}

.doc-welcome-meta .doc-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
    padding: 3px 12px;
    border-radius: var(--radius-full);
    font-size: 11.5px;
    font-weight: 800;
    margin-bottom: 8px;
}

.doc-welcome-meta h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
}

.reg-meta-text {
    font-size: 13.5px;
    color: #64748b;
    margin: 0;
}

.doc-quick-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Bulk Order Dispensing Section */
.bulk-order-section {
    background: #ffffff;
    border: 1.5px solid var(--border-color);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--shadow-sm);
}

.bulk-order-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
}

.bulk-order-header-row h3 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 4px;
}

.bulk-order-header-row p {
    font-size: 13.5px;
    color: #64748b;
    margin: 0;
}

.btn-add-bulk {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%) !important;
    color: #ffffff !important;
    padding: 12px 22px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.3) !important;
    transition: all 0.2s !important;
    white-space: nowrap !important;
}

.btn-add-bulk:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(15, 118, 110, 0.4) !important;
}

.bulk-table-container {
    overflow-x: auto;
    border: 1.5px solid var(--border-color);
    border-radius: 16px;
    margin-bottom: 24px;
}

.bulk-products-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.bulk-products-table th {
    background: #f8fafc;
    padding: 14px 18px;
    font-size: 12.5px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    border-bottom: 1.5px solid var(--border-color);
    text-align: left;
}

.bulk-products-table td {
    padding: 14px 18px;
    font-size: 14px;
    border-bottom: 1px solid #f1f5f9;
    color: #0f172a;
    vertical-align: middle;
}

.bulk-products-table tr:last-child td {
    border-bottom: none;
}

.table-prod-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.table-prod-thumb {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 2px;
}

.prod-title-link {
    color: #0f172a;
    text-decoration: none;
    font-weight: 700;
    transition: color 0.2s;
}

.prod-title-link:hover {
    color: var(--primary);
}

.table-brand-label {
    display: block;
    font-size: 11.5px;
    color: #64748b;
    margin-top: 2px;
}

.qty-stepper {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    overflow: hidden;
    background: #f8fafc;
}

.qty-stepper button {
    background: #ffffff;
    border: none;
    width: 32px;
    height: 34px;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    cursor: pointer;
    transition: background 0.2s;
}

.qty-stepper button:hover {
    background: #e2e8f0;
}

.bulk-qty-input {
    width: 44px;
    height: 34px;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

.bulk-order-footer-row {
    display: flex;
    justify-content: flex-end;
}

/* ========================================================
   13.98 FOOTER & TRUST BADGES STYLES
   ======================================================== */
.trust-badges-bar {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    padding: 32px 0;
    margin-top: 48px;
}

.trust-badges-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
}

.trust-badge-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #ffffff;
    padding: 20px 18px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
    transition: transform 0.2s var(--ease-spring), box-shadow 0.2s;
}

.trust-badge-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.08);
    border-color: #ccfbf1;
}

.trust-icon {
    font-size: 1.8rem;
    line-height: 1;
    flex-shrink: 0;
}

.trust-text strong {
    display: block;
    font-size: 13.5px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 4px;
}

.trust-text p {
    font-size: 12px;
    color: #64748b;
    line-height: 1.45;
    margin: 0;
}

/* Main Site Footer */
.site-footer {
    background: #090e1a;
    color: #94a3b8;
    padding: 60px 0 24px;
}

.footer-widgets-grid {
    display: grid !important;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr !important;
    gap: 36px !important;
    margin-bottom: 44px !important;
}

.footer-widget-col h4 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 18px;
    letter-spacing: -0.2px;
}

.footer-about-col p {
    font-size: 13px;
    line-height: 1.6;
    color: #94a3b8;
    margin-bottom: 16px;
}

.footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12.5px;
    color: #cbd5e1;
    margin-bottom: 16px;
}

.footer-social-links {
    display: flex;
    gap: 12px;
}

.footer-social-links a {
    color: #14b8a6;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-social-links a:hover {
    color: #5eead4;
    text-decoration: underline;
}

.footer-widget-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-widget-col ul li a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s;
}

.footer-widget-col ul li a:hover {
    color: #14b8a6;
    padding-left: 2px;
}

.footer-hours-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 18px;
    font-size: 12.5px;
}

.footer-hours-card strong {
    color: #ffffff;
    display: block;
    margin-bottom: 4px;
}

.footer-hours-card p {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.5;
}

.payment-methods-box h5 {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.payment-badges-row {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.pm-badge {
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 10.5px;
    font-weight: 800;
    color: #ffffff;
}

.pm-bkash { background: #e2136e; }
.pm-nagad { background: #f7941d; }
.pm-rocket { background: #8c3494; }
.pm-cod { background: #0f766e; }

.site-info {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
    color: #94a3b8;
}


.site-info a {
    color: #94a3b8;
    text-decoration: none;
}

/* ========================================================
   14.0 MOBILE APP BOTTOM NAVBAR
   ======================================================== */
.mobile-bottom-navbar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
    z-index: 999;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
    justify-content: space-around;
}

.bottom-nav-item {
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    padding: 6px 12px;
    min-width: 48px;
    min-height: 48px;
    text-decoration: none;
    transition: color 0.2s;
}


.bottom-nav-item .b-icon {
    font-size: 1.3rem;
    margin-bottom: 2px;
}

.bottom-nav-item.active, .bottom-nav-item:hover {
    color: var(--primary);
}

.b-cart-wrap {
    position: relative;
}

/* ========================================================
   15.0 RESPONSIVE BREAKPOINTS
   ======================================================== */
@media (max-width: 1024px) {
    .header-main-row {
        grid-template-columns: auto 1fr auto;
        gap: 20px;
    }
    .footer-widgets-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
    .legacy-story-section {
        padding: 36px 28px;
    }
    .legacy-card-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .shop-layout-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .sarkar-mobile-filter-btn {
        display: inline-flex !important;
    }
    .sarkar-filter-close-btn {
        display: inline-flex !important;
    }
    .toolbar-left-group {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }
    .sarkar-filter-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 320px !important;
        max-width: 86vw !important;
        height: 100vh !important;
        overflow-y: auto !important;
        background: #ffffff !important;
        z-index: 99999 !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.25) !important;
        transform: translateX(-105%) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        border-radius: 0 16px 16px 0 !important;
        margin: 0 !important;
        padding: 24px 20px 80px 20px !important;
    }
    .sarkar-filter-sidebar.active {
        transform: translateX(0) !important;
    }
    .sarkar-filter-backdrop {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(15, 23, 42, 0.6);
        backdrop-filter: blur(4px);
        z-index: 99998;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .sarkar-filter-backdrop.active {
        display: block;
        opacity: 1;
    }
    body.filter-drawer-open {
        overflow: hidden;
    }
    .product-overview-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .account-quick-actions-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
    .woocommerce-account #customer_login {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .doctor-auth-layout {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .track-order-layout {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .request-layout-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .prescription-layout-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .trust-badges-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}

@media (max-width: 768px) {
    .site-container {
        padding: 0 16px;
    }
    .top-utility-bar {
        font-size: 11px;
        padding: 4px 0;
    }
    .top-bar-inner {
        justify-content: space-between;
        gap: 8px;
        flex-wrap: wrap;
    }
    .top-left-info {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .top-left-info .top-address-item,
    .top-left-info .top-email-item {
        display: none !important;
    }
    .top-left-info .top-phone-item {
        display: inline-flex !important;
        align-items: center;
        font-weight: 700;
    }
    .top-right-promo {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .desktop-search-only,
    .desktop-only,
    .header-lang-wrapper.desktop-only {
        display: none !important;
    }
    .mobile-only {
        display: block !important;
    }
    .mobile-lang-drawer-wrap {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        border-top: 1px solid rgba(0, 0, 0, 0.06);
    }
    .header-actions {
        gap: 8px !important;
    }
    .header-actions .action-label {
        display: none !important;
    }
    .header-actions .action-icon-link {
        padding: 6px !important;
        min-width: 38px !important;
        height: 38px !important;
        justify-content: center !important;
        border-radius: var(--radius-full, 9999px) !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
    }
    .header-actions .action-icon-link .action-icon {
        font-size: 1.15rem !important;
    }
    .header-actions .doctor-portal-btn {
        padding: 6px 10px !important;
        height: 38px !important;
        border-radius: var(--radius-full, 9999px) !important;
        box-sizing: border-box !important;
    }
    .mobile-header-search-btn {
        display: flex !important;
    }
    .mobile-nav-toggle {
        display: block;
    }
    .header-nav-row {
        display: none;
    }
    .header-nav-row.is-mobile-open {
        display: block !important;
        background: #ffffff;
        border-top: 1px solid #e2e8f0;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
        padding: 16px 20px;
    }
    .header-nav-row.is-mobile-open .nav-inner-row {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }
    .header-nav-row.is-mobile-open .primary-nav-links {
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        padding: 0;
        margin: 0;
    }
    .header-nav-row.is-mobile-open .primary-nav-links li {
        width: 100%;
    }
    .header-nav-row.is-mobile-open .primary-nav-links li a {
        display: block;
        padding: 12px 16px;
        font-size: 15px;
        font-weight: 700;
        color: #334155;
        border-radius: 10px;
        transition: all 0.2s;
    }
    .header-nav-row.is-mobile-open .primary-nav-links li a:hover,
    .header-nav-row.is-mobile-open .primary-nav-links li.current-menu-item a {
        background: #f0fdfa;
        color: #0f766e;
    }
    .header-nav-row.is-mobile-open .header-quick-cta {
        width: 100%;
        margin-top: 6px;
    }
    .header-nav-row.is-mobile-open .btn-quick-request {
        width: 100%;
        text-align: center;
        padding: 12px 16px;
        font-size: 14px;
    }
    .home-hero-section {
        padding: 36px 20px;
        margin-bottom: 36px;
    }
    .potency-box-card {
        padding: 24px 20px;
    }
    .mobile-bottom-navbar {
        display: flex;
    }
    body {
        padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    }
    .site-footer {
        padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
    }
    .site-content {
        padding-bottom: 36px;
    }
    .doctor-dashboard-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 20px;
    }
    .bulk-order-header-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    .btn-add-bulk {
        width: 100%;
        text-align: center;
    }
    .trust-badges-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .footer-widgets-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .site-info {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
    .form-row-2col {
        grid-template-columns: 1fr;
    }
    .shop-toolbar-bar {
        flex-direction: column;
        align-items: flex-start;
    }
    .woocommerce-ordering select.orderby {
        width: 100%;
    }
    .product-cart-action-area form.cart {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }
    .product-cart-action-area .quantity {
        width: 100% !important;
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
    }
    .product-cart-action-area .quantity input.qty {
        width: 100% !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }
    .product-cart-action-area .single_add_to_cart_button,
    .single_add_to_cart_button.button,
    .btn-sarkar-buynow {
        flex: none !important;
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .woocommerce-tabs ul.tabs {
        flex-direction: column;
        border-bottom: none !important;
    }
    .woocommerce-tabs ul.tabs li {
        border-radius: var(--radius-sm) !important;
        border-bottom: 1px solid var(--border-color) !important;
    }
    .woocommerce div.product .woocommerce-tabs .panel,
    .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel,
    .woocommerce-tabs .panel,
    .woocommerce-Tabs-panel {
        border-radius: 16px !important;
        padding: 22px 18px !important;
    }

    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        padding: 24px 20px !important;
    }
    .account-profile-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
        padding: 20px !important;
    }
    .profile-actions-wrap {
        width: 100% !important;
    }
    .btn-account-logout {
        width: 100% !important;
        justify-content: center !important;
    }
    .account-quick-actions-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .account-support-banner {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 20px !important;
        gap: 16px !important;
    }
    .support-banner-buttons {
        width: 100% !important;
        flex-direction: column !important;
    }
    .btn-support {
        width: 100% !important;
        justify-content: center !important;
    }
    .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
    .woocommerce-EditAccountForm .form-row-first,
    .woocommerce-EditAccountForm .form-row-last {
        width: 100% !important;
        float: none !important;
    }
    .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .woocommerce-cart .woocommerce,
    .woocommerce-checkout form.checkout {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .cart_totals,
    #order_review {
        position: static !important;
    }
    /* Mobile Cart Page Card Layout */
    .woocommerce-cart .woocommerce {
        gap: 20px !important;
    }
    .woocommerce-cart-form {
        padding: 14px 12px !important;
        border-radius: 16px !important;
        background: #ffffff !important;
    }
    .shop_table.cart {
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
        border: none !important;
        margin-bottom: 0 !important;
        table-layout: auto !important;
    }
    .shop_table.cart thead {
        display: none !important;
    }
    .shop_table.cart tbody {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .shop_table.cart tr.cart_item {
        display: grid !important;
        grid-template-columns: 68px 1fr auto !important;
        grid-template-areas:
            "thumb name remove"
            "thumb price price"
            "thumb qty subtotal" !important;
        gap: 4px 10px !important;
        align-items: center !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        padding: 12px 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        position: relative !important;
    }
    .shop_table.cart td {
        border-bottom: none !important;
    }
    .shop_table.cart td.product-remove {
        grid-area: remove !important;
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
        text-align: right !important;
        border: none !important;
    }
    .shop_table.cart td.product-remove a.remove {
        width: 26px !important;
        height: 26px !important;
        font-size: 16px !important;
        line-height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .shop_table.cart td.product-thumbnail {
        grid-area: thumb !important;
        width: 68px !important;
        max-width: 68px !important;
        padding: 0 !important;
        border: none !important;
        align-self: start !important;
    }
    .shop_table.cart td.product-thumbnail a {
        width: 68px !important;
        height: 68px !important;
        display: block !important;
    }
    .shop_table.cart td.product-thumbnail img {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        min-height: 68px !important;
        object-fit: contain !important;
        border-radius: 10px !important;
        padding: 3px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
    }
    .shop_table.cart td.product-name {
        grid-area: name !important;
        width: auto !important;
        padding: 0 6px 0 0 !important;
        border: none !important;
        text-align: left !important;
    }
    .shop_table.cart td.product-name a {
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        color: #0f172a !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        word-break: break-word !important;
    }
    .shop_table.cart td.product-price {
        grid-area: price !important;
        width: auto !important;
        max-width: none !important;
        padding: 2px 0 !important;
        border: none !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #64748b !important;
        text-align: left !important;
        white-space: normal !important;
    }
    .shop_table.cart td.product-price::before {
        content: "Price: ";
        font-size: 11.5px !important;
        color: #94a3b8 !important;
        font-weight: 600 !important;
    }
    .shop_table.cart td.product-quantity {
        grid-area: qty !important;
        width: auto !important;
        max-width: none !important;
        padding: 6px 0 0 0 !important;
        border: none !important;
        text-align: left !important;
        white-space: normal !important;
    }
    .shop_table.cart td.product-quantity .quantity {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        border-radius: 8px !important;
    }
    .shop_table.cart td.product-quantity .quantity input.qty {
        width: 32px !important;
        height: 30px !important;
        font-size: 13px !important;
    }
    .shop_table.cart td.product-quantity .quantity-btn {
        width: 26px !important;
        height: 30px !important;
        font-size: 14px !important;
    }
    .shop_table.cart td.product-subtotal {
        grid-area: subtotal !important;
        width: auto !important;
        max-width: none !important;
        padding: 6px 0 0 0 !important;
        border: none !important;
        text-align: right !important;
        white-space: normal !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        color: var(--primary) !important;
    }
    .shop_table.cart tr:last-child,
    .shop_table.cart tr:has(td.actions) {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
    }
    .shop_table.cart td.actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 12px 0 0 0 !important;
        border-top: 1.5px dashed var(--border-color) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .shop_table.cart .coupon {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        background: #ffffff !important;
        border: 1.5px solid #cbd5e1 !important;
        border-radius: 12px !important;
        padding: 3px !important;
        box-sizing: border-box !important;
    }
    .shop_table.cart .coupon input.input-text {
        flex: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    .shop_table.cart .coupon button.button {
        flex: 0 0 auto !important;
        padding: 8px 14px !important;
        font-size: 12.5px !important;
    }
    .shop_table.cart td.actions > .btn-continue-shopping {
        order: 2 !important;
        margin: 0 !important;
        width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        padding: 10px 14px !important;
        font-size: 13px !important;
        text-align: center !important;
    }
    .shop_table.cart button[name="update_cart"] {
        order: 3 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        font-size: 13px !important;
        text-align: center !important;
        justify-content: center !important;
    }
    .cart_totals {
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }
    .cart_totals h2 {
        font-size: 1.25rem !important;
        margin-bottom: 12px !important;
        padding-bottom: 8px !important;
    }
    /* Hide floating WhatsApp on mobile Cart and Checkout to prevent blocking totals and checkout CTA */
    .woocommerce-cart .sarkar-floating-whatsapp,
    .woocommerce-checkout .sarkar-floating-whatsapp {
        display: none !important;
    }
    .posts-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    /* Legacy Story Section Tablet */
    .legacy-story-section {
        padding: 32px 20px !important;
        border-radius: var(--radius-lg) !important;
        margin-bottom: 36px !important;
    }
    .legacy-card-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .legacy-text-col h2 {
        font-size: 1.55rem !important;
        margin-bottom: 12px !important;
    }
    .legacy-text-col p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin-bottom: 18px !important;
    }
    .legacy-points {
        gap: 12px !important;
    }
    .point-item {
        font-size: 13.5px !important;
        gap: 12px !important;
    }
    .legacy-stats-col {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }
    .stat-card {
        padding: 18px 14px !important;
    }
    .stat-card h3 {
        font-size: 1.65rem !important;
        word-break: break-word;
    }
    .stat-card p {
        font-size: 12px !important;
        word-break: break-word;
    }
}

/* Small Smartphone Responsive Breakpoint (<= 560px) */
@media (max-width: 560px) {
    body {
        padding-bottom: 72px !important;
    }
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    .site-container {
        padding: 0 14px !important;
    }
    .header-main-row {
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .header-style-center .header-main-row,
    .header-style-right .header-main-row {
        grid-template-columns: 1fr auto !important;
    }
    .header-style-center .site-branding,
    .header-style-right .site-branding {
        order: 1 !important;
        text-align: left !important;
        align-items: flex-start !important;
    }
    .header-style-center .header-actions,
    .header-style-right .header-actions {
        order: 2 !important;
        justify-content: flex-end !important;
    }
    .header-style-center .header-quick-cta {
        position: static !important;
        transform: none !important;
        margin-top: 10px;
    }
    .header-style-right .nav-inner-row {
        flex-direction: column !important;
    }
    .header-style-right .primary-nav-links {
        justify-content: flex-start !important;
    }
    .site-branding .site-title {
        font-size: 1.25rem !important;
    }
    .site-branding .site-description {
        display: none !important;
    }
    .doctor-portal-btn .doctor-text {
        display: none !important;
    }
    .doctor-portal-btn {
        padding: 6px 9px !important;
        font-size: 13px !important;
        gap: 0 !important;
    }
    .doctor-portal-btn .doctor-icon {
        font-size: 16px !important;
        line-height: 1 !important;
    }
    .header-actions {
        gap: 6px !important;
    }
    .home-hero-section {
        padding: 28px 16px !important;
        border-radius: 16px !important;
    }
    .home-hero-content h1 {
        font-size: 1.6rem !important;
    }
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .product-card,
    .sarkar-product-card {
        padding: 10px !important;
        border-radius: 12px !important;
    }
    .product-card .product-card-title,
    .product-card-title,
    .woocommerce-loop-product__title {
        font-size: 13px !important;
        line-height: 1.35 !important;
        min-height: unset !important;
        -webkit-line-clamp: 3 !important;
        word-break: break-word !important;
    }
    .product-card-top-meta {
        flex-wrap: wrap !important;
        gap: 4px !important;
        margin-bottom: 6px !important;
    }
    .meta-tags-wrap {
        max-width: 100% !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }
    .meta-brand, .meta-form, .badge.brand-badge {
        max-width: 100% !important;
        white-space: normal !important;
        word-break: break-word !important;
        line-height: 1.25 !important;
    }
    .product-sku-tag {
        font-size: 9.5px !important;
    }
    .product-card .price {
        font-size: 14px !important;
    }
    .product-card-thumb-wrap {
        height: 140px !important;
    }
    .product-card-thumb-wrap img {
        height: 120px !important;
        object-fit: contain !important;
    }
    .btn-add-to-cart,
    .product-card-actions .button {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }
    .free-shipping-progress-card {
        padding: 12px 14px !important;
    }
    .free-shipping-progress-card .progress-info-row {
        font-size: 12px !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .author-profile-hero {
        padding: 24px 16px !important;
        border-radius: 16px !important;
    }
    .author-name {
        font-size: 1.5rem !important;
    }
    .modal-content-card {
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }
    /* Legacy Story Section Mobile */
    .legacy-story-section {
        padding: 22px 14px !important;
        border-radius: 16px !important;
        margin-bottom: 28px !important;
    }
    .legacy-card-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .legacy-badge {
        font-size: 11px !important;
        padding: 3px 10px !important;
        margin-bottom: 10px !important;
    }
    .legacy-text-col h2 {
        font-size: 1.28rem !important;
        line-height: 1.35 !important;
        margin-bottom: 10px !important;
        letter-spacing: -0.3px !important;
    }
    .legacy-text-col p {
        font-size: 13px !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
    }
    .legacy-points {
        gap: 10px !important;
    }
    .point-item {
        gap: 10px !important;
        font-size: 12.5px !important;
        line-height: 1.4 !important;
    }
    .point-item .check-icon {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        font-size: 11px !important;
        margin-top: 1px !important;
    }
    .legacy-stats-col {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .stat-card {
        padding: 14px 8px !important;
        border-radius: 12px !important;
    }
    .stat-card h3 {
        font-size: 1.35rem !important;
        margin-bottom: 2px !important;
        line-height: 1.15 !important;
        word-break: break-word;
    }
    .stat-card p {
        font-size: 11px !important;
        line-height: 1.3 !important;
        word-break: break-word;
    }
}

/* Extra Small Mobile (<= 380px) */
@media (max-width: 380px) {
    ul.products {
        grid-template-columns: 1fr !important;
    }
    .product-card .product-card-title,
    .product-card-title,
    .woocommerce-loop-product__title {
        font-size: 13.5px !important;
        -webkit-line-clamp: 3 !important;
        word-break: break-word !important;
    }
    .legacy-story-section {
        padding: 16px 10px !important;
    }
    .legacy-stats-col {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }
    .stat-card {
        padding: 10px 4px !important;
    }
    .stat-card h3 {
        font-size: 1.15rem !important;
    }
    .stat-card p {
        font-size: 10px !important;
    }
    .shop_table.cart tr.cart_item {
        grid-template-columns: 56px 1fr auto !important;
        gap: 4px 8px !important;
        padding: 10px 8px !important;
    }
    .shop_table.cart td.product-thumbnail {
        width: 56px !important;
        max-width: 56px !important;
    }
    .shop_table.cart td.product-thumbnail a,
    .shop_table.cart td.product-thumbnail img {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
    }
    .shop_table.cart td.product-name a {
        font-size: 13px !important;
    }
    .shop_table.cart td.product-price {
        font-size: 12px !important;
    }
    .shop_table.cart td.product-subtotal {
        font-size: 13.5px !important;
    }
    .shop_table.cart td.product-quantity .quantity input.qty {
        width: 28px !important;
        height: 28px !important;
        font-size: 12px !important;
    }
    .shop_table.cart td.product-quantity .quantity-btn {
        width: 24px !important;
        height: 28px !important;
        font-size: 13px !important;
    }
}

/* ========================================================
   13.98 PRODUCT DESCRIPTION & TABS (Clean & Simple)
   ======================================================== */
.woocommerce-Tabs-panel--description {
    font-size: 15px;
    line-height: 1.75;
    color: #334155;
}

.woocommerce-Tabs-panel--description h1,
.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description h3,
.woocommerce-Tabs-panel--description h4 {
    color: #0f172a;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}

.woocommerce-Tabs-panel--description ul,
.woocommerce-Tabs-panel--description ol {
    margin: 12px 0 16px 20px;
    padding: 0;
}

.woocommerce-Tabs-panel--description li {
    margin-bottom: 6px;
    line-height: 1.6;
}

.woocommerce-Tabs-panel--description p {
    margin-bottom: 14px;
}

/* ========================================================
   13.99 AUTHOR PROFILE HERO & ARCHIVE STYLING
   ======================================================== */
.author-profile-hero {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #115e59 100%);
    border-radius: 20px;
    padding: 36px 40px;
    color: #ffffff;
    margin-bottom: 40px;
    box-shadow: var(--shadow-md);
    position: relative;
    overflow: hidden;
}

.author-profile-hero::after {
    content: "🩺";
    position: absolute;
    right: 20px;
    bottom: -20px;
    font-size: 140px;
    opacity: 0.08;
    pointer-events: none;
}

.author-hero-inner {
    display: flex;
    align-items: center;
    gap: 32px;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .author-hero-inner {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    .author-profile-hero {
        padding: 28px 20px;
    }
}

.author-avatar-wrap {
    position: relative;
    flex-shrink: 0;
}

.author-avatar-img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    object-fit: cover;
    background: #ffffff;
}

.author-verified-badge {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: #10b981;
    color: #ffffff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    border: 2.5px solid #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.author-info-content {
    flex: 1;
}

.author-role-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #ccfbf1;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.author-name {
    font-size: 2rem;
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.author-bio-text {
    font-size: 14.5px;
    color: #e6fffa;
    line-height: 1.6;
    margin: 0 0 18px 0;
    max-width: 680px;
}

.author-stats-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 768px) {
    .author-stats-row {
        justify-content: center;
    }
}

.author-stats-row .stat-pill {
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 6px;
}

.author-posts-section .section-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e2e8f0;
}

.author-posts-heading {
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.posts-counter-badge {
    background: #f0fdfa;
    color: #0f766e;
    border: 1px solid #99f6e4;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 12.5px;
    font-weight: 700;
}

/* Floating WhatsApp Doctor Consultation Widget */
.sarkar-floating-whatsapp {
    position: fixed;
    bottom: 85px;
    z-index: 99999 !important;
    font-family: inherit;
}

.sarkar-floating-whatsapp.pos-right {
    right: 24px;
}

.sarkar-floating-whatsapp.pos-left {
    left: 24px;
}

.whatsapp-trigger-bubble {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25d366;
    color: #ffffff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    user-select: none;
}

.whatsapp-trigger-bubble:hover {
    transform: scale(1.08) translateY(-2px);
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.55);
}

.whatsapp-trigger-bubble:active {
    transform: scale(0.95);
}

.wa-bubble-icon {
    font-size: 26px;
    line-height: 1;
    pointer-events: none;
}

.wa-bubble-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #ef4444;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff;
    animation: pulseBadge 2s infinite;
    pointer-events: none;
}

@keyframes pulseBadge {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

/* WhatsApp Doctor Popup Card */
.whatsapp-popup-card {
    display: none;
    position: absolute;
    bottom: 70px;
    width: 320px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
    border: 1px solid #e2e8f0;
    overflow: hidden;
    z-index: 100000;
}

.whatsapp-popup-card.is-open {
    display: block !important;
    animation: slideUpPopup 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.pos-right .whatsapp-popup-card {
    right: 0;
}

.pos-left .whatsapp-popup-card {
    left: 0;
}

@keyframes slideUpPopup {
    from { opacity: 0; transform: translateY(12px) scale(0.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.popup-header {
    background: #075e54;
    color: #ffffff;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.doctor-profile {
    display: flex;
    align-items: center;
    gap: 10px;
}

.doctor-avatar-wrap {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #128c7e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doc-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.doc-avatar-fallback {
    font-size: 20px;
}

.online-indicator {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 11px;
    height: 11px;
    background: #25d366;
    border: 2px solid #075e54;
    border-radius: 50%;
}

.doctor-meta {
    display: flex;
    flex-direction: column;
}

.doc-name {
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.2;
}

.doc-status {
    font-size: 11px;
    color: #a7f3d0;
}

.close-wa-btn {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.8;
    padding: 4px;
    line-height: 1;
}

.close-wa-btn:hover {
    opacity: 1;
}

.popup-body {
    padding: 16px;
    background: #e5ddd5;
    background-image: radial-gradient(#d1c7bc 1px, transparent 1px);
    background-size: 12px 12px;
    min-height: 90px;
}

.chat-bubble-incoming {
    background: #ffffff;
    border-radius: 0 12px 12px 12px;
    padding: 10px 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    max-width: 88%;
}

.chat-bubble-incoming p {
    margin: 0 0 4px 0;
    font-size: 13px;
    color: #1e293b;
    line-height: 1.4;
}

.bubble-time {
    font-size: 10px;
    color: #94a3b8;
    display: block;
    text-align: right;
}

.popup-footer {
    padding: 12px 14px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
}

.start-wa-btn {
    background: #25d366;
    color: #ffffff !important;
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 24px;
    font-size: 13.5px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 3px 10px rgba(37, 211, 102, 0.35);
    transition: all 0.2s ease;
}

.start-wa-btn:hover {
    background: #1eb956;
    transform: translateY(-1px);
}

.wa-privacy-note {
    font-size: 10.5px;
    color: #64748b;
}

@media (max-width: 768px) {
    .sarkar-floating-whatsapp {
        bottom: 84px !important;
        right: 18px !important;
    }
    .whatsapp-trigger-bubble {
        width: 48px;
        height: 48px;
    }
    .wa-bubble-icon {
        font-size: 22px;
    }
    .whatsapp-popup-card {
        width: 290px;
        bottom: 60px;
    }
}

/* ========================================================
   16.0 AJAX Quick View Floating Button & Modal Layout
   ======================================================== */
.btn-product-quick-view {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 6;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(6px);
    color: #0f766e;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    opacity: 0;
    transform: translateY(-4px);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.product-card-inner:hover .btn-product-quick-view {
    opacity: 1;
    transform: translateY(0);
}

.btn-product-quick-view:hover {
    background: #0f766e;
    color: #ffffff;
    border-color: #0f766e;
    box-shadow: 0 6px 16px rgba(15, 118, 110, 0.3);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .btn-product-quick-view {
        opacity: 0.9;
        transform: none;
        padding: 5px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        justify-content: center;
    }
    .btn-product-quick-view .qv-text {
        display: none;
    }
}

/* Modal Container & Backdrop Overlay */
.quick-view-modal-container {
    position: fixed;
    inset: 0;
    z-index: 99999;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: visibility 0.25s ease;
}

.quick-view-modal-container.is-active {
    visibility: visible;
}

.quick-view-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.quick-view-modal-container.is-active .quick-view-modal-overlay {
    opacity: 1;
}

/* Modal Dialog */
.quick-view-dialog {
    position: relative;
    max-width: 840px;
    width: 95%;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 25px 60px -12px rgba(15, 23, 42, 0.35);
    border: 1px solid #e2e8f0;
    overflow: hidden;
    z-index: 10;
    max-height: 90vh;
    overflow-y: auto;
    transform: scale(0.93);
    transition: transform 0.25s var(--ease-spring);
}

.quick-view-modal-container.is-active .quick-view-dialog {
    transform: scale(1);
}

.sarkar-modal-close-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
    z-index: 20;
    transition: all 0.2s ease;
}

.sarkar-modal-close-btn:hover {
    background: #e2e8f0;
    color: #0f172a;
    transform: rotate(90deg);
}


.quick-view-modal-body {
    padding: 0;
}

.quick-view-grid {
    display: grid;
    grid-template-columns: 360px 1fr;
    min-height: 440px;
}

.quick-view-image-wrap {
    background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f8fafc 65%, #f1f5f9 100%);
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-right: 1px solid #e2e8f0;
}

.quick-view-image-inner {
    width: 100%;
    text-align: center;
    position: relative;
}

.quick-view-main-img {
    max-width: 100%;
    max-height: 340px;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
    filter: drop-shadow(0 8px 18px rgba(15, 23, 42, 0.1));
}

.quick-view-badges {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.badge.potency-badge {
    background: #0f766e;
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 800;
}

.quick-view-summary {
    padding: 32px 36px;
    display: flex;
    flex-direction: column;
}

.quick-view-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.qv-meta-tags {
    display: flex;
    gap: 6px;
}

.qv-sku {
    font-size: 11px;
    font-family: monospace;
    color: #94a3b8;
}

.quick-view-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3;
    color: #0f172a;
    margin: 0 0 10px 0;
}

.quick-view-title a {
    color: inherit;
    text-decoration: none;
}

.quick-view-stock-row {
    margin-bottom: 12px;
}

.qv-stock {
    font-size: 12.5px;
    font-weight: 700;
}

.qv-stock.in-stock {
    color: #16a34a;
}

.qv-stock.out-of-stock {
    color: #dc2626;
}

.quick-view-price-row .price {
    font-size: 24px;
    font-weight: 800;
    color: #0f766e;
    margin-bottom: 14px;
}

.quick-view-price-row .price del {
    font-size: 16px;
    color: #94a3b8;
    margin-right: 6px;
}

.quick-view-price-row .price ins {
    text-decoration: none;
    color: #e11d48;
}

.quick-view-desc {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 22px;
    border-top: 1px solid #f1f5f9;
    padding-top: 12px;
}

.quick-view-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
}

.quick-view-cart-form {
    display: flex;
    gap: 10px;
}

.qv-qty-wrap {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    overflow: hidden;
    background: #f8fafc;
}

.qv-qty-btn {
    border: none;
    background: transparent;
    width: 34px;
    height: 42px;
    font-size: 16px;
    font-weight: 700;
    color: #334155;
    cursor: pointer;
    transition: background 0.2s;
}

.qv-qty-btn:hover {
    background: #e2e8f0;
}

.qv-qty-input {
    width: 44px;
    text-align: center;
    border: none;
    background: transparent;
    font-weight: 700;
    font-size: 15px;
    color: #0f172a;
}

.btn-qv-add-to-cart {
    flex: 1;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.btn-qv-whatsapp {
    background: #25d366;
    color: #ffffff !important;
    text-decoration: none;
    text-align: center;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.btn-qv-whatsapp:hover {
    background: #1eb956;
    transform: translateY(-1px);
}

.quick-view-footer-link {
    margin-top: 16px;
    text-align: center;
    border-top: 1px solid #f1f5f9;
    padding-top: 12px;
}

.view-full-details-link {
    font-size: 12.5px;
    color: #0f766e;
    font-weight: 700;
    text-decoration: none;
}

.view-full-details-link:hover {
    text-decoration: underline;
}

/* Skeleton Loading */
.quick-view-skeleton {
    display: grid;
    grid-template-columns: 360px 1fr;
    min-height: 440px;
}

.qv-skel-img {
    background: #f1f5f9;
    animation: qvPulse 1.4s ease-in-out infinite;
}

.qv-skel-details {
    padding: 32px 36px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.qv-skel-line {
    height: 16px;
    background: #f1f5f9;
    border-radius: 6px;
    animation: qvPulse 1.4s ease-in-out infinite;
}

.qv-skel-line.w-40 { width: 40%; }
.qv-skel-line.w-30 { width: 30%; }
.qv-skel-line.w-60 { width: 60%; }
.qv-skel-line.w-80 { width: 80%; }
.qv-skel-line.w-100 { width: 100%; }
.qv-skel-line.h-lg { height: 28px; }
.qv-skel-line.h-btn { height: 44px; border-radius: 10px; }

@keyframes qvPulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

/* ========================================================
   Responsive Breakpoints for Quick View (Desktop, iPad, iPhone, Android)
   ======================================================== */

/* 1. Tablets & iPads (768px - 1024px) */
@media (max-width: 1024px) {
    .quick-view-dialog {
        max-width: 740px;
    }
    .quick-view-grid,
    .quick-view-skeleton {
        grid-template-columns: 300px 1fr;
    }
    .quick-view-image-wrap {
        padding: 20px;
    }
    .quick-view-summary,
    .qv-skel-details {
        padding: 24px;
    }
    .quick-view-title {
        font-size: 19px;
    }
}

/* 2. Smartphones & iPhones (max-width: 767px) */
@media (max-width: 767px) {
    .quick-view-modal-container {
        padding: 12px;
        align-items: flex-end; /* Sheet-like bottom-sheet on mobile */
    }

    .quick-view-dialog {
        max-width: 100%;
        width: 100%;
        max-height: 88vh;
        border-radius: 20px 20px 0 0;
        margin: 0;
        -webkit-overflow-scrolling: touch;
    }

    .quick-view-grid,
    .quick-view-skeleton {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .quick-view-image-wrap {
        border-right: none;
        border-bottom: 1px solid #e2e8f0;
        padding: 16px;
        background: #f8fafc;
    }

    .quick-view-main-img {
        max-height: 180px;
    }

    .qv-skel-img {
        height: 180px;
    }

    .quick-view-summary,
    .qv-skel-details {
        padding: 16px 16px 24px 16px;
    }

    .quick-view-title {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .quick-view-price-row .price {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .quick-view-desc {
        font-size: 12.5px;
        margin-bottom: 14px;
        padding-top: 8px;
    }

    .sarkar-modal-close-btn {
        top: 10px;
        right: 10px;
        width: 32px;
        height: 32px;
        font-size: 14px;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    }

    /* Make Quick View button always visible and easily tap-able on mobile */
    .btn-product-quick-view {
        opacity: 1 !important;
        transform: none !important;
        top: 6px !important;
        right: 6px !important;
        padding: 6px !important;
        width: 32px !important;
        height: 32px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .btn-product-quick-view .qv-text {
        display: none !important;
    }

    .btn-product-quick-view svg {
        width: 16px;
        height: 16px;
    }
}

/* 3. Small Mobile & iPhone SE (< 420px) */
@media (max-width: 420px) {
    .quick-view-cart-form {
        flex-direction: column;
        gap: 8px;
    }
    .qv-qty-wrap {
        width: 100%;
        justify-content: space-between;
    }
    .qv-qty-input {
        flex: 1;
    }
    .btn-qv-add-to-cart {
        width: 100% !important;
        padding: 12px 14px !important;
    }
}

/* ========================================================
   19.0 IN-HERO LIVE SEARCH DECK & UX STYLES
   ======================================================== */

.hero-live-search-deck {
    margin: 18px auto 20px;
    max-width: 760px;
    width: 100%;
    position: relative;
    z-index: 10;
}

.hero-live-search-form {
    position: relative;
    width: 100%;
}

.hero-live-search-bar {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: var(--radius-full, 9999px);
    padding: 6px 8px 6px 20px;
    border: 2px solid rgba(15, 118, 110, 0.25);
    box-shadow: 0 12px 30px -4px rgba(15, 118, 110, 0.16), 0 4px 12px rgba(0, 0, 0, 0.04);
    transition: all 0.25s var(--ease-spring);
}

.hero-live-search-bar:focus-within {
    border-color: #0f766e;
    box-shadow: 0 16px 36px -4px rgba(15, 118, 110, 0.25), 0 0 0 4px rgba(15, 118, 110, 0.14);
}

.hero-live-search-icon {
    font-size: 18px;
    margin-right: 12px;
    color: #0f766e;
    display: flex;
    align-items: center;
}

.hero-live-search-input {
    flex: 1;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 15px;
    font-weight: 500;
    color: #0f172a;
    padding: 8px 0;
}

.hero-live-search-btn {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    color: #ffffff;
    border: none;
    border-radius: var(--radius-full, 9999px);
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.28);
    transition: transform 0.2s var(--ease-spring), box-shadow 0.2s;
    white-space: nowrap;
}

.hero-live-search-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(15, 118, 110, 0.4);
}

.hero-popular-chips-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.chips-intro {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    white-space: nowrap;
}

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

.hero-chip {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 118, 110, 0.18);
    color: #334155;
    padding: 3px 11px;
    border-radius: var(--radius-full, 9999px);
    font-size: 11.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.hero-chip:hover {
    background: #0f766e;
    color: #ffffff;
    border-color: #0f766e;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(15, 118, 110, 0.25);
}

/* 2. Health Concerns Remedy Count Pill */
.concern-count-pill {
    display: inline-block;
    margin-top: 10px;
    font-size: 11.5px;
    font-weight: 700;
    color: #0f766e;
    background: #f0fdfa;
    padding: 3px 10px;
    border-radius: var(--radius-full, 9999px);
    border: 1px solid #ccfbf1;
    transition: background 0.2s, color 0.2s;
}

.concern-card:hover .concern-count-pill {
    background: #0f766e;
    color: #ffffff;
    border-color: #0f766e;
}

/* 3. Homepage Interactive Tabs */
.homepage-product-tabs-wrap {
    margin-bottom: 24px;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: thin;
}

.homepage-product-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
}

.hp-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    background: #f1f5f9;
    color: #475569;
    border: 1.5px solid #e2e8f0;
    border-radius: var(--radius-full, 9999px);
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap;
}

.hp-tab-btn:hover {
    background: #e2e8f0;
    color: #0f172a;
    border-color: #cbd5e1;
    transform: translateY(-1px);
}

.hp-tab-btn.active {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    color: #ffffff;
    border-color: #0f766e;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.28);
}

/* 4. Recently Viewed Remedies Shelf */
.recently-viewed-section {
    padding-top: 28px;
    margin-top: 48px;
    border-top: 1px solid #e2e8f0;
}

.btn-clear-recent {
    background: transparent;
    border: 1px solid #cbd5e1;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: var(--radius-full, 9999px);
    cursor: pointer;
    transition: all 0.2s;
}

.btn-clear-recent:hover {
    background: #fee2e2;
    color: #ef4444;
    border-color: #fca5a5;
}

.recently-viewed-track-wrap {
    overflow-x: auto;
    padding: 12px 4px 20px;
    scrollbar-width: thin;
}

.recently-viewed-track {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(240px, 280px) !important;
    gap: 20px !important;
}

.recent-item-card {
    background: #ffffff;
    border-radius: var(--radius-lg, 16px);
    border: 1px solid #e2e8f0;
    padding: 14px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s, box-shadow 0.25s;
}

.recent-item-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(15, 118, 110, 0.08);
}

/* Responsive Mobile In-Hero Search */
@media (max-width: 768px) {
    .hero-live-search-bar {
        padding: 5px 6px 5px 14px;
    }
    .hero-live-search-input {
        font-size: 13.5px;
        padding: 6px 0;
    }
    .hero-live-search-btn {
        padding: 8px 14px;
        font-size: 12.5px;
    }
    .chips-pills {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 2px;
        flex-wrap: nowrap;
        width: 100%;
        scrollbar-width: none;
    }
    .chips-pills::-webkit-scrollbar {
        display: none;
    }
    .hero-chip {
        white-space: nowrap;
        flex-shrink: 0;
    }
    .hp-tab-btn {
        padding: 7px 14px;
        font-size: 12.5px;
    }
}

/* ========================================================
   20.0 FLAGSHIP 10/10 CLEAN SYMMETRICAL BLOG LAYOUT
   ======================================================== */

/* 1.0 Full-Width Hero Top Banner */
.blog-hero-top-banner {
    background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);
    border-bottom: 1.5px solid #e2e8f0;
    padding: 36px 0 28px;
    margin-bottom: 36px;
}

.blog-hero-top-inner {
    max-width: 100%;
}

.blog-kicker-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    color: #0f766e;
    border: 1px solid #ccfbf1;
    padding: 4px 12px;
    border-radius: var(--radius-full, 9999px);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(15, 118, 110, 0.06);
}

.blog-main-title {
    font-size: clamp(1.5rem, 2.5vw, 2.2rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
    line-height: 1.3;
    margin: 0 0 10px 0;
}

.blog-header-desc {
    font-size: 14.5px;
    color: #64748b;
    line-height: 1.6;
    max-width: 820px;
    margin: 0 0 22px 0;
}

/* Category Filter Bar (No scrollbar, clean wrapped pills on desktop) */
.blog-category-filter-wrap {
    overflow-x: auto;
    padding: 4px 0 2px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.blog-category-filter-wrap::-webkit-scrollbar {
    display: none;
}

.blog-category-filter-track {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 768px) {
    .blog-category-filter-track {
        flex-wrap: nowrap;
    }
}

.blog-cat-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 16px;
    background: #ffffff;
    color: #475569;
    border: 1.5px solid #e2e8f0;
    border-radius: var(--radius-full, 9999px);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}

.blog-cat-pill .cat-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: var(--radius-full, 9999px);
    transition: background 0.2s, color 0.2s;
}

.blog-cat-pill:hover {
    background: #f8fafc;
    color: #0f172a;
    border-color: #0f766e;
    transform: translateY(-1px);
}

.blog-cat-pill.active {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    color: #ffffff;
    border-color: #0f766e;
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.25);
}

.blog-cat-pill.active .cat-count {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* 2.0 Layout Wrap */
.blog-archive-layout-wrap {
    margin-top: 0;
    margin-bottom: 60px;
    width: 100% !important;
}

.blog-archive-layout-wrap.layout-right-sidebar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 330px !important;
    gap: 36px !important;
    align-items: start !important;
}

@media (min-width: 1440px) {
    .blog-archive-layout-wrap.layout-right-sidebar {
        grid-template-columns: minmax(0, 1fr) 340px !important;
        gap: 40px !important;
    }
}

@media (max-width: 1024px) {
    .blog-archive-layout-wrap.layout-right-sidebar,
    .blog-archive-layout-wrap.layout-left-sidebar {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
    .blog-archive-layout-wrap .blog-main-feed {
        width: 100% !important;
        order: 1 !important;
    }
    .blog-archive-layout-wrap .widget-area.sidebar {
        width: 100% !important;
        order: 2 !important;
        position: static !important;
        margin-top: 24px !important;
    }
}

/* 3.0 Clean Symmetrical Posts Grid */
.posts-grid.blog-grid-clean {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

@media (min-width: 1280px) {
    .posts-grid.blog-grid-clean {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }
}

@media (max-width: 768px) {
    .posts-grid.blog-grid-clean {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* Post Card Styling */
.post-card {
    display: flex;
    height: 100%;
}

.post-card-inner {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.04);
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s, border-color 0.25s;
}

.post-card-inner:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px -4px rgba(15, 118, 110, 0.12), 0 4px 10px rgba(0, 0, 0, 0.04);
    border-color: #14b8a6;
}

.post-thumbnail-wrap {
    position: relative;
    width: 100%;
    height: 180px !important;
    background: #f8fafc;
    overflow: hidden;
}

.post-thumb-link {
    display: block;
    width: 100%;
    height: 100%;
}

.post-thumbnail-wrap img.post-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.post-card-inner:hover .post-thumbnail-wrap img.post-card-img {
    transform: scale(1.06);
}

.post-card-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    color: #0f766e;
    border: 1px solid rgba(15, 118, 110, 0.2);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: var(--radius-full, 9999px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.post-card-body {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.post-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11.5px;
    color: #64748b;
    font-weight: 600;
    margin-bottom: 8px;
    white-space: nowrap;
}

.post-date {
    white-space: nowrap;
    flex-shrink: 0;
}

.post-reading-time {
    color: #0f766e;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.post-card-title {
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.4;
    margin: 0 0 8px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 44px;
}

.post-card-title a {
    color: #0f172a;
    text-decoration: none;
    transition: color 0.2s;
}

.post-card-title a:hover {
    color: #0f766e;
}

.post-card-excerpt {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-card-footer {
    margin-top: auto;
    padding-top: 8px;
}

.btn-read-post {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0f766e;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: gap 0.2s;
}

.btn-read-post:hover {
    color: #115e59;
    gap: 9px;
}

.btn-read-post .arrow {
    transition: transform 0.2s;
}

.btn-read-post:hover .arrow {
    transform: translateX(3px);
}

/* ========================================================
   STANDALONE & SIDEBAR SEARCH FORM STYLES
   ======================================================== */
.modern-sidebar-search-form {
    display: flex !important;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.modern-sidebar-search-form .sidebar-search-input-wrap {
    flex: 1;
    position: relative;
}

.modern-sidebar-search-form .search-field {
    width: 100%;
    height: 48px;
    padding: 10px 18px;
    font-size: 14.5px;
    border: 1.5px solid #cbd5e1;
    border-radius: var(--radius-full);
    background: #ffffff;
    color: var(--text-main);
    outline: none;
    transition: all 0.2s var(--ease-smooth);
    box-sizing: border-box;
}

.modern-sidebar-search-form .search-field:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--primary-glow);
}

.modern-sidebar-search-form .search-submit {
    height: 48px;
    padding: 0 24px;
    border: none;
    border-radius: var(--radius-full);
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s var(--ease-spring);
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.modern-sidebar-search-form .search-submit:hover {
    background: linear-gradient(135deg, #115e59 0%, #0f766e 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 118, 110, 0.35);
}

/* ========================================================
   404 ERROR PAGE STYLES
   ======================================================== */
.not-found-page {
    padding: 70px 20px 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}

.error-404-container {
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.error-badge-row {
    margin-bottom: 24px;
}

.error-pill-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--primary-surface, #f0fdfa);
    color: var(--primary, #0f766e);
    border: 1px solid var(--primary-light, #ccfbf1);
    font-size: 13.5px;
    font-weight: 700;
    padding: 7px 18px;
    border-radius: var(--radius-full);
    letter-spacing: 0.3px;
    box-shadow: 0 2px 6px rgba(15, 118, 110, 0.06);
}

.error-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sale-red, #f43f5e);
    display: inline-block;
    animation: pulse404 2s infinite;
}

@keyframes pulse404 {
    0% { transform: scale(0.95); opacity: 0.8; box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.5); }
    70% { transform: scale(1.15); opacity: 1; box-shadow: 0 0 0 7px rgba(244, 63, 94, 0); }
    100% { transform: scale(0.95); opacity: 0.8; box-shadow: 0 0 0 0 rgba(244, 63, 94, 0); }
}

.error-hero-number {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 20px;
    line-height: 1;
}

.error-hero-number .number-digit {
    font-size: clamp(76px, 12vw, 124px);
    font-weight: 900;
    letter-spacing: -3px;
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #14b8a6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
}

.error-hero-number .number-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(70px, 10vw, 98px);
    height: clamp(70px, 10vw, 98px);
    background: #ffffff;
    border-radius: 24px;
    padding: 12px;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border-color);
    transition: transform 0.3s var(--ease-spring);
}

.error-hero-number:hover .number-icon-wrap {
    transform: rotate(-6deg) scale(1.05);
}

.error-hero-number .error-remedy-svg {
    width: 100%;
    height: 100%;
}

.error-heading {
    font-size: clamp(22px, 4vw, 32px);
    font-weight: 800;
    color: var(--text-main, #0f172a);
    margin-bottom: 12px;
    line-height: 1.3;
}

.error-description {
    font-size: 15.5px;
    color: var(--text-muted, #64748b);
    line-height: 1.65;
    max-width: 540px;
    margin: 0 auto 32px;
}

/* 404 Live Search Box */
.error-search-box-card {
    position: relative;
    max-width: 540px;
    margin: 0 auto 36px;
}

.error-search-box-card .search-input-group {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 2px solid #cbd5e1;
    border-radius: var(--radius-full);
    padding: 5px 6px 5px 18px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
    transition: all 0.25s var(--ease-smooth);
}

.error-search-box-card .search-input-group:focus-within {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px var(--primary-glow), 0 8px 24px rgba(15, 118, 110, 0.14);
}

.error-search-box-card .search-field-icon {
    flex-shrink: 0;
    margin-right: 10px;
}

.error-search-box-card .ajax-search-input {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 15px;
    outline: none;
    color: var(--text-main);
    font-weight: 500;
    padding: 8px 0;
}

.error-search-box-card .ajax-search-input::placeholder {
    color: #94a3b8;
    font-weight: 400;
}

.error-search-box-card .search-submit-btn {
    background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
    border: none;
    color: #ffffff;
    height: 42px;
    padding: 0 22px;
    border-radius: var(--radius-full);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 3px 8px rgba(15, 118, 110, 0.3);
    transition: transform 0.2s var(--ease-spring), box-shadow 0.2s, background 0.2s;
    white-space: nowrap;
}

.error-search-box-card .search-submit-btn:hover {
    background: linear-gradient(135deg, #115e59 0%, #0f766e 100%);
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(15, 118, 110, 0.4);
}

/* 404 Action Buttons */
.error-quick-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 38px;
}

.error-quick-actions .btn {
    padding: 12px 22px;
    font-size: 14px;
}

/* Quick Category Tags */
.error-suggestions {
    padding-top: 26px;
    border-top: 1px dashed var(--border-color, #e2e8f0);
}

.suggestions-label {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--text-muted, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 14px;
}

.suggestions-tags {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.suggestion-tag {
    display: inline-flex;
    align-items: center;
    padding: 7px 15px;
    background: #ffffff;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-full);
    font-size: 13px;
    font-weight: 600;
    color: var(--text-body);
    transition: all 0.2s var(--ease-smooth);
    box-shadow: var(--shadow-xs);
}

.suggestion-tag:hover {
    background: var(--primary-surface, #f0fdfa);
    border-color: var(--primary, #0f766e);
    color: var(--primary, #0f766e);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

@media (max-width: 640px) {
    .not-found-page {
        padding: 40px 16px 70px;
    }
    .error-quick-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .error-quick-actions .btn {
        width: 100%;
    }
    .error-search-box-card .search-input-group {
        padding: 4px 5px 4px 14px;
    }
    .error-search-box-card .ajax-search-input {
        font-size: 14px;
    }
    .error-search-box-card .search-submit-btn {
        padding: 0 16px;
        font-size: 13px;
        height: 38px;
    }
}