/*
Theme Name: Podophyllin Theme
Theme URI: https://podophyllin.net
Author: Podophyllin Net
Description: Giao diện tối ưu chuyển đổi mô hình phễu AIDA và chuẩn SEO. Tối ưu y tế, chống rớt chữ, hiệu ứng mạnh.
Version: 1.1
Text Domain: podophyllin
*/

/* ================= HỆ MÀU Y TẾ TƯƠI SÁNG (MEDICAL BLUE GRADIENT) ================= */
:root {
    --med-dark: #003b8e;
    --med-primary: #0062cc;
    --med-bright: #0099ff;
    --med-cyan: #00d2ff;
    --med-soft-bg: #f0f7ff;
    --med-card-bg: #e6f3ff;
    --grad-medical: linear-gradient(135deg, #003b8e 0%, #0066cc 50%, #00a8ff 100%);
    --grad-medical-animated: linear-gradient(-45deg, #003b8e, #0062cc, #0099ff, #0052d4);
    --grad-cta-red: linear-gradient(135deg, #ff1744 0%, #ff6d00 100%);
    --grad-cta-zalo: linear-gradient(135deg, #0068ff 0%, #00b4db 100%);
    --grad-gold: linear-gradient(135deg, #ffe000 0%, #ffb300 100%);
    --gold-bright: #ffea00;
    --danger: #e53935;
    --success: #00c853;
    --text-main: #0f172a;
    --text-sub: #334155;
    --white: #ffffff;
    --radius-md: 14px;
    --radius-lg: 20px;
    --shadow-elevated: 0 10px 30px rgba(0, 98, 204, 0.12);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    -webkit-tap-highlight-color: transparent;
}

html { scroll-behavior: smooth; }

body {
    background-color: var(--med-soft-bg);
    color: var(--text-main);
    line-height: 1.6;
    padding-bottom: 78px;
    overflow-x: hidden;
}

a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; }

.nowrap { white-space: nowrap !important; }

.container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 16px;
}

/* HIỆU ỨNG CHUYỂN ĐỘNG */
@keyframes bg-pan {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes pulse-shockwave-red {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 23, 68, 0.75); }
    50% { transform: scale(1.03); box-shadow: 0 0 0 14px rgba(255, 23, 68, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 23, 68, 0); }
}
@keyframes pulse-shockwave-blue {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.75); }
    50% { transform: scale(1.03); box-shadow: 0 0 0 14px rgba(0, 104, 255, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 104, 255, 0); }
}
@keyframes shine-flash {
    0% { left: -120%; }
    25% { left: 130%; }
    100% { left: 130%; }
}
@keyframes ring-shake {
    0%, 100% { transform: rotate(0deg) scale(1); }
    10%, 30%, 50%, 70%, 90% { transform: rotate(-14deg) scale(1.12); }
    20%, 40%, 60%, 80% { transform: rotate(14deg) scale(1.12); }
}
@keyframes float-up-down {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-7px); }
}
@keyframes neon-border-glow {
    0%, 100% { border-color: var(--gold-bright); box-shadow: 0 0 16px rgba(255, 234, 0, 0.6); }
    50% { border-color: #ff1744; box-shadow: 0 0 28px rgba(255, 23, 68, 0.85); }
}

/* TOPBAR & HEADER */
.topbar {
    background: linear-gradient(90deg, #002b66 0%, #004e92 100%);
    color: var(--white);
    font-size: 13px;
    padding: 8px 0;
    border-bottom: 2px solid var(--med-cyan);
}
.topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.badge-secret {
    background: #ff1744;
    color: var(--white);
    font-weight: 800;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    margin-right: 6px;
    text-transform: uppercase;
    display: inline-block;
    animation: pulse-shockwave-red 1.8s infinite;
}

header {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 20px rgba(0, 98, 204, 0.1);
    position: sticky;
    top: 0;
    z-index: 9999;
    border-bottom: 1px solid #dbeafe;
}
.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 68px;
    padding: 8px 0;
    gap: 10px;
}
.logo {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}
.logo-main {
    font-size: 24px;
    font-weight: 900;
    color: var(--med-dark);
    letter-spacing: -0.5px;
}
.logo-main span { color: #ff1744; }
.logo-sub {
    font-size: 10.5px;
    font-weight: 800;
    color: var(--med-primary);
    letter-spacing: 0.3px;
}
.nav-menu {
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 700;
    font-size: 14px;
    color: var(--med-dark);
}
.nav-menu a:hover { color: var(--med-bright); }
.header-zalo-btn {
    background: var(--grad-cta-zalo);
    color: var(--white);
    padding: 9px 16px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 13.5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(0, 104, 255, 0.35);
    animation: pulse-shockwave-blue 2s infinite;
    position: relative;
    overflow: hidden;
}

/* NÚT BẤM CHUYỂN ĐỔI */
.cta-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; width: 100%; max-width: 620px; }
.cta-pair.centered { margin: 0 auto; }
.btn-action {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 58px; padding: 10px 18px; border-radius: 50px; color: var(--white);
    font-weight: 800; border: 2px solid var(--white); position: relative;
    overflow: hidden; cursor: pointer; text-align: left;
}
.btn-action::after {
    content: ''; position: absolute; top: 0; left: -120%; width: 55%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); animation: shine-flash 2.5s infinite;
}
.btn-action.zalo { background: var(--grad-cta-zalo); animation: pulse-shockwave-blue 1.8s infinite; }
.btn-action.call { background: var(--grad-cta-red); animation: pulse-shockwave-red 1.8s infinite; }
.btn-icon-shake { font-size: 24px; flex-shrink: 0; animation: ring-shake 1.8s infinite; }
.btn-text-stack { display: flex; flex-direction: column; line-height: 1.2; }
.btn-text-stack small { font-size: 11px; font-weight: 700; color: var(--gold-bright); text-transform: uppercase; white-space: nowrap; }
.btn-text-stack strong { font-size: 17px; font-weight: 900; letter-spacing: 0.3px; white-space: nowrap; }

/* HERO BANNER */
.hero {
    background: var(--grad-medical-animated); background-size: 300% 300%;
    animation: bg-pan 10s ease infinite; color: var(--white); padding: 40px 0 65px;
    border-bottom: 5px solid var(--gold-bright); position: relative;
}
.hero-grid { display: grid; grid-template-columns: 7fr 5fr; gap: 36px; align-items: center; }
.origin-pill {
    display: inline-flex; align-items: center; gap: 6px; background: var(--grad-gold);
    color: #990000; font-weight: 900; font-size: 12.5px; padding: 6px 14px;
    border-radius: 30px; text-transform: uppercase; margin-bottom: 16px;
    box-shadow: 0 4px 15px rgba(255, 224, 0, 0.4);
}
.hero h1 { font-size: 34px; font-weight: 900; line-height: 1.25; margin-bottom: 18px; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
.hero h1 span { color: var(--gold-bright); display: block; margin-top: 4px; }
.hero-benefits { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.hero-benefits li { display: flex; align-items: flex-start; gap: 10px; font-size: 15.5px; background: rgba(255, 255, 255, 0.1); padding: 10px 14px; border-radius: 10px; border-left: 3px solid var(--gold-bright); }
.tick-circle { width: 22px; height: 22px; background: var(--success); color: var(--white); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-size: 13px; flex-shrink: 0; margin-top: 2px; }
.hero-price-box {
    background: rgba(0, 24, 69, 0.65); border: 2px solid var(--gold-bright); border-radius: var(--radius-md);
    padding: 18px 20px; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 14px; animation: neon-border-glow 2.5s infinite;
}
.price-col-left .old-price { font-size: 14px; color: #cbd5e1; text-decoration: line-through; }
.price-col-left .new-price { font-size: 29px; font-weight: 900; color: var(--gold-bright); line-height: 1.15; }
.price-col-right { background: rgba(255, 255, 255, 0.15); padding: 8px 14px; border-radius: 8px; font-size: 13px; line-height: 1.45; color: var(--white); }
.product-showcase-card {
    background: var(--white); color: var(--text-main); border-radius: var(--radius-lg); padding: 28px 22px;
    border: 4px solid var(--gold-bright); box-shadow: 0 20px 40px rgba(0, 35, 90, 0.35); position: relative;
    text-align: center; animation: float-up-down 4s ease-in-out infinite;
}
.stamp-100 { position: absolute; top: -16px; right: -10px; width: 88px; height: 88px; background: var(--grad-cta-red); color: var(--white); border-radius: 50%; border: 3px dashed var(--gold-bright); display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 11.5px; line-height: 1.2; text-align: center; animation: ring-shake 2.5s infinite; box-shadow: 0 6px 16px rgba(229, 57, 53, 0.4); }
.product-photo-frame { background: linear-gradient(180deg, #e0f2fe 0%, #bae6fd 100%); border: 2px dashed var(--med-primary); border-radius: 14px; padding: 24px 15px; margin-bottom: 18px; }
.specs-table { width: 100%; text-align: left; font-size: 13.5px; border-top: 1px solid #e2e8f0; padding-top: 12px; }
.specs-table .spec-row { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border-bottom: 1px dashed #e2e8f0; gap: 10px; }
.specs-table .spec-val { font-weight: 700; color: var(--med-dark); text-align: right; }

/* CÁC SECTION KHÁC */
.trust-bar { margin-top: -32px; position: relative; z-index: 20; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; align-items: stretch; }
.trust-item { background: var(--white); border-radius: var(--radius-md); padding: 20px 16px; box-shadow: var(--shadow-elevated); border-bottom: 4px solid var(--med-bright); display: flex; flex-direction: column; align-items: center; text-align: center; }
.trust-icon { width: 52px; height: 52px; background: var(--med-card-bg); color: var(--med-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; margin-bottom: 10px; }
.trust-item h3 { font-size: 14.5px; font-weight: 800; color: var(--med-dark); margin-bottom: 5px; }
.trust-item p { font-size: 13px; color: var(--text-sub); }

.geo-ai-box { background: var(--white); border: 2px solid var(--med-bright); border-left: 8px solid var(--med-primary); border-radius: var(--radius-md); padding: 22px 24px; margin-top: 32px; box-shadow: var(--shadow-elevated); }
.geo-ai-title { font-size: 16px; font-weight: 900; color: var(--med-dark); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; text-transform: uppercase; }
.geo-dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 24px; font-size: 14px; }
.geo-dl div { padding: 6px 0; border-bottom: 1px dashed #cbd5e1; }
.geo-dl dt { font-weight: 800; color: var(--med-primary); display: inline; }
.geo-dl dd { display: inline; color: var(--text-main); }

.section { padding: 60px 0; }
.section-white { background: var(--white); }
.section-tint { background: var(--med-card-bg); }
.section-blue-grad { background: var(--grad-medical); color: var(--white); }
.section-head { max-width: 780px; margin: 0 auto 40px; text-align: center; }
.step-pill { display: inline-block; background: #dbeafe; color: var(--med-dark); font-weight: 800; font-size: 12px; padding: 5px 14px; border-radius: 20px; text-transform: uppercase; margin-bottom: 10px; border: 1px solid #93c5fd; }
.section-title { font-size: 28px; font-weight: 900; color: var(--med-dark); line-height: 1.3; margin-bottom: 12px; text-transform: uppercase; }
.section-blue-grad .section-title { color: var(--gold-bright); }
.section-sub { font-size: 15.5px; color: var(--text-sub); }
.section-blue-grad .section-sub { color: #e0f2fe; }

.cards-3-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }
.med-card { background: var(--white); border-radius: var(--radius-md); padding: 26px 22px; box-shadow: var(--shadow-elevated); border-top: 5px solid var(--med-primary); display: flex; flex-direction: column; justify-content: space-between; }
.med-card.alert { border-top-color: #ff1744; }
.med-card-top { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #e2e8f0; }
.med-card-icon { width: 44px; height: 44px; background: var(--med-card-bg); color: var(--med-primary); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
.med-card.alert .med-card-icon { background: #ffebee; color: #ff1744; }
.med-card h3 { font-size: 17.5px; font-weight: 800; color: var(--med-dark); }
.clean-list { display: flex; flex-direction: column; gap: 10px; flex-grow: 1; }
.clean-list li { position: relative; padding-left: 18px; font-size: 14.5px; color: var(--text-main); }
.clean-list li::before { content: '•'; position: absolute; left: 0; top: 0; color: var(--med-bright); font-weight: 900; font-size: 18px; line-height: 1.3; }
.med-card.alert .clean-list li::before { color: #ff1744; }
.med-card-foot { margin-top: 18px; background: var(--med-soft-bg); padding: 10px; border-radius: 8px; font-size: 13px; font-weight: 800; color: var(--med-primary); text-align: center; }

/* BẢNG SO SÁNH */
.compare-box { background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-elevated); border: 2px solid var(--med-primary); overflow: hidden; }
.compare-head-row { display: grid; grid-template-columns: 2.2fr 3.9fr 3.9fr; background: var(--med-dark); color: var(--white); font-weight: 800; font-size: 15px; text-transform: uppercase; }
.compare-head-row > div { padding: 18px 20px; display: flex; align-items: center; }
.compare-head-row .col-best { background: var(--grad-cta-red); color: var(--gold-bright); }
.compare-item-row { display: grid; grid-template-columns: 2.2fr 3.9fr 3.9fr; border-bottom: 1px solid #e2e8f0; }
.compare-item-row:last-child { border-bottom: none; }
.compare-item-row > div { padding: 18px 20px; font-size: 15px; }
.compare-criterion { background: #f8fafc; font-weight: 800; color: var(--med-dark); display: flex; align-items: center; }
.compare-clinic { color: var(--text-sub); background: var(--white); }
.compare-podo { background: #fffdf0; color: #b71c1c; font-weight: 700; border-left: 2px solid #ff1744; }
.mobile-method-label { display: none; font-size: 12px; font-weight: 900; text-transform: uppercase; margin-bottom: 6px; padding: 3px 8px; border-radius: 4px; width: fit-content; }

/* PHỄU D - CƠ CHẾ & 5 BƯỚC */
.mech-card { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(6px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: var(--radius-md); padding: 26px 20px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; }
.mech-num { width: 50px; height: 50px; background: var(--gold-bright); color: var(--med-dark); font-weight: 900; font-size: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; box-shadow: 0 4px 12px rgba(255, 234, 0, 0.4); }
.mech-card h3 { font-size: 18px; color: var(--gold-bright); margin-bottom: 10px; }
.mech-card p { font-size: 14.5px; color: var(--white); }

.steps-5-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; align-items: stretch; }
.step-card { background: var(--white); border-radius: var(--radius-md); padding: 22px 16px; box-shadow: var(--shadow-elevated); border: 2px solid #bfdbfe; text-align: center; display: flex; flex-direction: column; justify-content: space-between; }
.step-num-badge { background: var(--grad-medical); color: var(--white); font-weight: 800; font-size: 12.5px; padding: 5px 14px; border-radius: 20px; display: inline-block; margin: 0 auto 12px; }
.step-card h4 { font-size: 16px; color: var(--med-dark); margin-bottom: 8px; }
.step-card p { font-size: 13.5px; color: var(--text-sub); }

.grid-2-equal { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 30px; align-items: stretch; }
.guide-box { background: var(--white); border-radius: var(--radius-md); padding: 26px 22px; box-shadow: var(--shadow-elevated); display: flex; flex-direction: column; justify-content: space-between; }
.guide-box.ok { border-left: 6px solid var(--success); }
.guide-box.no { border-left: 6px solid #ff1744; }
.guide-box h3 { font-size: 18px; margin-bottom: 14px; }

.faq-item { background: var(--white); border-radius: var(--radius-md); padding: 22px; box-shadow: var(--shadow-elevated); border-left: 5px solid var(--med-bright); }
.faq-q { font-weight: 800; font-size: 16px; color: var(--med-dark); margin-bottom: 8px; }
.faq-a { font-size: 14.5px; color: var(--text-sub); }

/* PHỄU A - ACTION TRUNG TÂM */
.action-section { background: var(--grad-medical-animated); background-size: 300% 300%; animation: bg-pan 10s ease infinite; padding: 65px 0; color: var(--white); }
.action-board { max-width: 940px; margin: 0 auto; background: var(--white); color: var(--text-main); border-radius: 22px; padding: 40px 32px; border: 5px solid var(--gold-bright); animation: neon-border-glow 2s infinite; text-align: center; }
.direct-2-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 28px; align-items: stretch; }
.direct-card { border-radius: 18px; padding: 26px 20px; color: var(--white); display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 12px; }
.direct-card.zalo-theme { background: linear-gradient(135deg, #0052d4 0%, #0083b0 100%); box-shadow: 0 12px 24px rgba(0, 82, 212, 0.3); }
.direct-card.call-theme { background: linear-gradient(135deg, #d50000 0%, #ff6d00 100%); box-shadow: 0 12px 24px rgba(213, 0, 0, 0.3); }
.big-phone-number { font-size: 28px; font-weight: 900; color: var(--gold-bright); white-space: nowrap; letter-spacing: 0.5px; }
.btn-gold-full { width: 100%; background: var(--grad-gold); color: #000; font-weight: 900; font-size: 16px; padding: 14px 18px; border-radius: 50px; border: 2px solid var(--white); display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; box-shadow: 0 6px 15px rgba(0,0,0,0.2); }

/* BÀI VIẾT CHUẨN SEO */
.seo-article-box { background: var(--white); border-radius: var(--radius-lg); padding: 36px; box-shadow: var(--shadow-elevated); border: 1px solid #dbeafe; }
.toc-container { background: var(--med-soft-bg); border: 1px solid #93c5fd; border-left: 5px solid var(--med-primary); padding: 18px 22px; border-radius: 10px; margin: 20px 0 28px; }
.toc-container ul li { margin-bottom: 6px; font-size: 14.5px; font-weight: 700; color: var(--med-primary); }
.seo-article-box h2 { font-size: 22px; color: var(--med-dark); margin: 26px 0 12px; padding-left: 12px; border-left: 4px solid #ff1744; }
.seo-article-box p { margin-bottom: 14px; font-size: 15.5px; color: var(--text-sub); }

/* FOOTER & STICKY BAR */
.bottom-sticky-bar { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(0, 34, 85, 0.96); backdrop-filter: blur(10px); border-top: 2px solid var(--gold-bright); z-index: 99999; padding: 8px 12px; box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.25); }
.sticky-bar-inner { max-width: 1160px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.sticky-promo-text { color: var(--white); font-weight: 800; font-size: 14.5px; }
.sticky-promo-text span { color: var(--gold-bright); white-space: nowrap; }
.sticky-btns-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; flex-shrink: 0; }
.sticky-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 7px 18px; border-radius: 50px; color: var(--white); border: 1.5px solid var(--white); position: relative; overflow: hidden; }
.sticky-btn.zalo { background: var(--grad-cta-zalo); }
.sticky-btn.call { background: var(--grad-cta-red); }
.sticky-btn-lines { display: flex; flex-direction: column; line-height: 1.15; text-align: left; }
.sticky-btn-lines small { font-size: 10px; font-weight: 700; color: var(--gold-bright); text-transform: uppercase; white-space: nowrap; }
.sticky-btn-lines strong { font-size: 14.5px; font-weight: 900; white-space: nowrap; }

footer { background: #001e4d; color: #cbd5e1; padding: 45px 0 30px; font-size: 14px; }
.footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-bottom: 24px; }
.footer-col h4 { color: var(--gold-bright); font-size: 15.5px; margin-bottom: 12px; text-transform: uppercase; }

/* RESPONSIVE MOBILE */
@media (max-width: 992px) {
    .hero-grid, .cards-3-col, .steps-5-grid, .grid-2-equal,
    .direct-2-cards, .footer-grid, .geo-dl { grid-template-columns: 1fr; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
    .nav-menu { display: none; }
    .sticky-promo-text { display: none; }
    .sticky-btns-wrap { width: 100%; }
}
@media (max-width: 768px) {
    .topbar { font-size: 12px; text-align: center; }
    .topbar-inner { justify-content: center; }
    .logo-main { font-size: 20px; }
    .logo-sub { font-size: 9.5px; }
    .header-zalo-btn { padding: 8px 13px; font-size: 12.5px; }
    .hero { padding: 28px 0 55px; }
    .hero h1 { font-size: 25px; }
    .hero-benefits li { font-size: 14.5px; padding: 9px 12px; }
    .hero-price-box { flex-direction: column; align-items: flex-start; padding: 16px; }
    .price-col-left .new-price { font-size: 26px; }
    .price-col-right { width: 100%; }
    .cta-pair { grid-template-columns: 1fr; gap: 12px; }
    .btn-action { min-height: 54px; }

    /* BẢNG SO SÁNH TRÊN MOBILE */
    .compare-head-row { display: none; }
    .compare-item-row { grid-template-columns: 1fr; border-bottom: 4px solid var(--med-primary); }
    .compare-criterion { background: var(--grad-medical); color: var(--white); font-size: 15.5px; padding: 12px 16px !important; justify-content: center; text-align: center; text-transform: uppercase; }
    .compare-clinic, .compare-podo { padding: 14px 16px !important; border-left: none; }
    .compare-podo { border-top: 1px dashed #fca5a5; }
    .mobile-method-label { display: inline-block; }
    .label-clinic { background: #e2e8f0; color: #334155; }
    .label-podo { background: #ff1744; color: var(--white); }
    
    .section { padding: 45px 0; }
    .section-title { font-size: 22px; }
    .action-board { padding: 26px 16px; }
    .seo-article-box { padding: 22px 16px; }
}
@media (max-width: 480px) {
    .trust-grid { grid-template-columns: 1fr; }
    .sticky-btn { padding: 7px 10px; }
    .sticky-btn-lines strong { font-size: 13.5px; }
}