/* ============================================================
   MEHTA TRUST BADGES — Premium CSS
   Green: #0D2818 | Gold: #C9A84C | Cream: #FAFAF7
   ============================================================ */

:root {
    --mtb-green:      #0D2818;
    --mtb-green-mid:  #1A4A2E;
    --mtb-green-light:#2D7A4F;
    --mtb-gold:       #C9A84C;
    --mtb-gold-light: #E8C96A;
    --mtb-cream:      #FAFAF7;
    --mtb-cream-dark: #F0EAD6;
    --mtb-text:       #1A1A1A;
    --mtb-text-light: #555555;
    --mtb-white:      #FFFFFF;
    --mtb-shadow:     0 4px 20px rgba(13,40,24,0.12);
    --mtb-radius:     12px;
    --mtb-transition: all 0.3s ease;
}

/* ─── FLOATING TICKER BAR ─────────────────────────────────── */
.mtb-floating-bar {
    background: linear-gradient(135deg, var(--mtb-green) 0%, var(--mtb-green-mid) 100%);
    color: var(--mtb-gold-light);
    overflow: hidden;
    white-space: nowrap;
    padding: 8px 0;
    position: relative;
    z-index: 9999;
    border-bottom: 2px solid var(--mtb-gold);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.mtb-floating-bar-track {
    display: inline-block;
    animation: mtb-ticker 40s linear infinite;
    padding-left: 100%;
}

.mtb-floating-bar:hover .mtb-floating-bar-track {
    animation-play-state: paused;
}

.mtb-floating-bar-item {
    display: inline-block;
    padding: 0 8px;
    color: var(--mtb-cream);
}

.mtb-floating-bar-sep {
    color: var(--mtb-gold);
    padding: 0 6px;
    opacity: 0.7;
}

@keyframes mtb-ticker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ─── PRODUCT PAGE — TRUST STRIP ─────────────────────────── */
.mtb-product-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f9f5ec 0%, #f0ead6 100%);
    border: 1px solid rgba(201,168,76,0.3);
    border-radius: var(--mtb-radius);
    border-left: 4px solid var(--mtb-gold);
}

.mtb-trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--mtb-green);
    flex: 1;
    min-width: 130px;
}

.mtb-trust-item .mtb-icon {
    font-size: 16px;
}

/* ─── PRODUCT PAGE — BADGES GRID ─────────────────────────── */
.mtb-product-badges-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 16px 0;
}

.mtb-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: var(--mtb-white);
    border: 1px solid rgba(201,168,76,0.25);
    border-radius: var(--mtb-radius);
    box-shadow: var(--mtb-shadow);
    transition: var(--mtb-transition);
    cursor: default;
}

.mtb-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(13,40,24,0.15);
    border-color: var(--mtb-gold);
}

.mtb-badge-icon {
    font-size: 24px;
    flex-shrink: 0;
}

.mtb-badge-content {
    flex: 1;
}

.mtb-badge-value {
    font-size: 16px;
    font-weight: 700;
    color: var(--mtb-green);
    line-height: 1.2;
}

.mtb-badge-label {
    font-size: 11px;
    color: var(--mtb-text-light);
    margin-top: 2px;
    font-weight: 500;
}

/* Stars */
.mtb-badge-stars {
    display: flex;
    gap: 1px;
    margin: 2px 0;
}

.mtb-stars {
    display: inline-flex;
    gap: 1px;
}

.mtb-star {
    font-size: 14px;
    line-height: 1;
}

.mtb-star-full  { color: #F5A623; }
.mtb-star-half  { color: #F5A623; opacity: 0.7; }
.mtb-star-empty { color: #DDD; }

/* ─── PAYMENT ICONS ───────────────────────────────────────── */
.mtb-payment-icons {
    margin: 12px 0 8px;
    padding: 12px 14px;
    background: var(--mtb-cream);
    border-radius: 8px;
    border: 1px solid rgba(201,168,76,0.2);
}

.mtb-payment-label {
    font-size: 11px;
    color: var(--mtb-text-light);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.mtb-payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mtb-payment-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
    border: 1.5px solid;
}

.mtb-upi        { background: #5F259F; color: #fff; border-color: #5F259F; }
.mtb-visa       { background: #1A1F71; color: #fff; border-color: #1A1F71; }
.mtb-mc         { background: #EB001B; color: #fff; border-color: #EB001B; }
.mtb-cod        { background: var(--mtb-green); color: #fff; border-color: var(--mtb-green); }
.mtb-netbanking { background: var(--mtb-white); color: var(--mtb-green); border-color: var(--mtb-gold); }

/* ─── SHOP PAGE — TRUST BAR ───────────────────────────────── */
.mtb-shop-trust-bar {
    background: linear-gradient(135deg, var(--mtb-green) 0%, var(--mtb-green-mid) 100%);
    border-radius: var(--mtb-radius);
    padding: 18px 24px;
    margin-bottom: 28px;
    box-shadow: var(--mtb-shadow);
    border: 1px solid rgba(201,168,76,0.3);
}

.mtb-shop-trust-inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 16px;
}

.mtb-shop-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--mtb-cream);
}

.mtb-shop-trust-icon {
    font-size: 22px;
    flex-shrink: 0;
}

.mtb-shop-trust-text {
    display: flex;
    flex-direction: column;
}

.mtb-shop-trust-text strong {
    font-size: 13px;
    font-weight: 700;
    color: var(--mtb-gold-light);
    line-height: 1.3;
}

.mtb-shop-trust-text span {
    font-size: 11px;
    color: rgba(250,250,247,0.7);
    margin-top: 1px;
}

.mtb-shop-trust-divider {
    width: 1px;
    height: 36px;
    background: rgba(201,168,76,0.3);
    flex-shrink: 0;
}

/* ─── CART PAGE — TRUST STRIP ─────────────────────────────── */
.mtb-cart-trust-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #f0f9f4 0%, #e8f5ee 100%);
    border: 1px solid rgba(45,122,79,0.25);
    border-radius: var(--mtb-radius);
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mtb-green);
}

.mtb-cart-trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mtb-cart-trust-sep {
    color: var(--mtb-gold);
    font-weight: 400;
    opacity: 0.6;
}

/* ─── CHECKOUT PAGE — TRUST SECTION ──────────────────────── */
.mtb-checkout-trust {
    background: linear-gradient(135deg, var(--mtb-cream) 0%, var(--mtb-cream-dark) 100%);
    border: 1px solid rgba(201,168,76,0.3);
    border-radius: var(--mtb-radius);
    padding: 20px 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 12px rgba(13,40,24,0.06);
}

.mtb-checkout-trust-heading {
    font-size: 14px;
    font-weight: 700;
    color: var(--mtb-green);
    text-align: center;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mtb-checkout-trust-items {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 12px;
}

.mtb-checkout-trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    flex: 1;
    min-width: 80px;
}

.mtb-checkout-icon {
    font-size: 22px;
}

.mtb-checkout-text {
    font-size: 11px;
    color: var(--mtb-text);
    line-height: 1.4;
}

.mtb-checkout-text strong {
    display: block;
    color: var(--mtb-green);
    font-weight: 700;
    font-size: 12px;
}

/* ─── HOMEPAGE — TRUST SECTION ────────────────────────────── */
.mtb-homepage-trust {
    background: linear-gradient(135deg, var(--mtb-green) 0%, #1A4A2E 50%, #0D2818 100%);
    padding: 70px 20px;
    position: relative;
    overflow: hidden;
}

.mtb-homepage-trust::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(ellipse at center, rgba(201,168,76,0.08) 0%, transparent 60%);
    pointer-events: none;
}

.mtb-homepage-trust-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.mtb-homepage-trust-heading {
    text-align: center;
    margin-bottom: 50px;
}

.mtb-heading-tag {
    display: inline-block;
    background: rgba(201,168,76,0.2);
    color: var(--mtb-gold-light);
    border: 1px solid rgba(201,168,76,0.4);
    border-radius: 20px;
    padding: 4px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.mtb-homepage-trust-heading h2 {
    font-size: clamp(24px, 4vw, 36px);
    font-weight: 700;
    color: var(--mtb-white);
    margin: 0 0 12px;
    line-height: 1.3;
}

.mtb-homepage-trust-heading p {
    font-size: 16px;
    color: rgba(250,250,247,0.75);
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Stats Row */
.mtb-trust-stats-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 50px;
}

.mtb-stat-card {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(201,168,76,0.25);
    border-radius: var(--mtb-radius);
    padding: 24px 20px;
    text-align: center;
    flex: 1;
    min-width: 140px;
    max-width: 200px;
    transition: var(--mtb-transition);
    backdrop-filter: blur(10px);
}

.mtb-stat-card:hover {
    background: rgba(255,255,255,0.12);
    border-color: var(--mtb-gold);
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}

.mtb-stat-icon {
    font-size: 28px;
    margin-bottom: 10px;
}

.mtb-stat-value {
    font-size: 28px;
    font-weight: 800;
    color: var(--mtb-gold-light);
    line-height: 1.1;
    margin-bottom: 6px;
}

.mtb-stat-label {
    font-size: 12px;
    color: rgba(250,250,247,0.7);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Certifications Row */
.mtb-certifications-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.mtb-cert-card {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(201,168,76,0.2);
    border-radius: 10px;
    padding: 16px 14px;
    text-align: center;
    flex: 1;
    min-width: 110px;
    max-width: 160px;
    transition: var(--mtb-transition);
}

.mtb-cert-card:hover {
    background: rgba(201,168,76,0.12);
    border-color: var(--mtb-gold);
    transform: translateY(-3px);
}

.mtb-cert-icon {
    font-size: 22px;
    margin-bottom: 8px;
}

.mtb-cert-title {
    font-size: 12px;
    font-weight: 700;
    color: var(--mtb-gold-light);
    margin-bottom: 4px;
}

.mtb-cert-desc {
    font-size: 10px;
    color: rgba(250,250,247,0.6);
    line-height: 1.3;
}

/* ─── ANIMATIONS ──────────────────────────────────────────── */
@keyframes mtb-fade-up {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.mtb-stat-card,
.mtb-cert-card,
.mtb-badge {
    animation: mtb-fade-up 0.5s ease both;
}

.mtb-stat-card:nth-child(1) { animation-delay: 0.05s; }
.mtb-stat-card:nth-child(2) { animation-delay: 0.10s; }
.mtb-stat-card:nth-child(3) { animation-delay: 0.15s; }
.mtb-stat-card:nth-child(4) { animation-delay: 0.20s; }
.mtb-stat-card:nth-child(5) { animation-delay: 0.25s; }

.mtb-cert-card:nth-child(1) { animation-delay: 0.05s; }
.mtb-cert-card:nth-child(2) { animation-delay: 0.10s; }
.mtb-cert-card:nth-child(3) { animation-delay: 0.15s; }
.mtb-cert-card:nth-child(4) { animation-delay: 0.20s; }
.mtb-cert-card:nth-child(5) { animation-delay: 0.25s; }
.mtb-cert-card:nth-child(6) { animation-delay: 0.30s; }

/* ─── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .mtb-product-badges-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .mtb-shop-trust-divider { display: none; }
    .mtb-shop-trust-inner { justify-content: flex-start; }
    .mtb-cart-trust-sep { display: none; }
    .mtb-cart-trust-strip { flex-direction: column; text-align: center; }
    .mtb-checkout-trust-items { gap: 8px; }
    .mtb-trust-stats-row { gap: 10px; }
    .mtb-stat-card { min-width: 120px; padding: 18px 12px; }
    .mtb-stat-value { font-size: 22px; }
    .mtb-certifications-row { gap: 8px; }
    .mtb-cert-card { min-width: 90px; padding: 12px 10px; }
    .mtb-homepage-trust { padding: 50px 16px; }
}

@media (max-width: 480px) {
    .mtb-product-badges-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .mtb-badge {
        padding: 10px 10px;
        gap: 8px;
    }
    .mtb-badge-icon { font-size: 20px; }
    .mtb-badge-value { font-size: 14px; }
    .mtb-trust-item { min-width: 100px; font-size: 11.5px; }
    .mtb-floating-bar { font-size: 12px; }
}