/* ============================================================
   Home "Planuri / Pachete" section (Concept P — Meniul)  v1
   Namespaced: .vtbPlans — nu interferează cu restul site-ului.
   Fonturi: Oswald (deja încărcat) + Open Sans (deja încărcat).
   ============================================================ */

.vtbPlans {
    background: #14100c;
    background-image: radial-gradient(60% 90% at 50% -20%, rgba(217, 170, 74, .12), transparent 65%);
    padding: 56px 0 48px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #efe9df;
    line-height: 1.6;
}
.vtbPlans *, .vtbPlans *::before, .vtbPlans *::after { box-sizing: border-box; }

.vtbPlans-inner { max-width: 1181px; width: 90%; margin: 0 auto; }

/* ---------- heading ---------- */
.vtbPlans-head { text-align: center; margin-bottom: 36px; }
.vtbPlans-kicker {
    font-size: 11px; font-weight: 700; letter-spacing: .3em;
    text-transform: uppercase; color: #d9aa4a; margin: 0 0 12px;
}
.vtbPlans-title {
    font-family: 'Oswald', 'Open Sans', sans-serif;
    font-weight: 600; text-transform: uppercase;
    font-size: 34px; line-height: 1.1; letter-spacing: .02em;
    color: #efe9df; margin: 0 0 12px;
}
.vtbPlans-title em { font-style: normal; color: #d9aa4a; }
.vtbPlans-sub { max-width: 620px; margin: 0 auto; color: #a39a8b; font-size: 14px; }

/* ---------- grid ---------- */
.vtbPlans-grid {
    display: grid;
    grid-template-columns: 1fr 1.12fr 1fr;
    gap: 16px;
    align-items: stretch;
}

/* ---------- card ---------- */
.vtbPlans-card {
    position: relative;
    display: flex; flex-direction: column;
    background: #1b1610;
    border: 1px solid #302517;
    border-radius: 18px;
    padding: 28px 26px 24px;
    transition: transform .2s ease, border-color .2s ease;
}
.vtbPlans-card:hover { transform: translateY(-5px); border-color: #d9aa4a; }
.vtbPlans-card.is-popular {
    background: linear-gradient(160deg, #241c10, #1b1610 70%);
    border-color: #6d5424;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .4);
}
.vtbPlans-badge {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    background: #d9aa4a; color: #14100c; white-space: nowrap;
    font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
    padding: 5px 15px; border-radius: 20px;
}
.vtbPlans-name {
    font-family: 'Oswald', sans-serif; font-weight: 600;
    font-size: 19px; text-transform: uppercase; letter-spacing: .04em;
    color: #efe9df; margin: 0 0 4px;
}
.vtbPlans-desc { font-size: 12.5px; color: #a39a8b; margin: 0 0 18px; min-height: 38px; }

/* ---------- price ---------- */
.vtbPlans-price { display: flex; align-items: baseline; gap: 8px; margin: 0; }
.vtbPlans-price b {
    font-family: 'Oswald', sans-serif; font-weight: 600;
    font-size: 40px; line-height: 1; color: #d9aa4a;
}
.vtbPlans-price span { font-size: 13px; color: #a39a8b; }
.vtbPlans-was { margin: 6px 0 18px; font-size: 12px; }
.vtbPlans-was s { color: #6d6355; margin-right: 10px; }
.vtbPlans-was em { font-style: normal; color: #7dce8f; font-weight: 600; }

/* ---------- items ---------- */
.vtbPlans-items { list-style: none; margin: 0 0 20px; padding: 0; flex: 1; }
.vtbPlans-items li {
    padding: 0; border-bottom: 1px dashed #2c2317;
    font-size: 13px;
}
.vtbPlans-items li:last-child { border-bottom: none; }
.vtbPlans-itemLink {
    display: flex; align-items: center; gap: 11px;
    padding: 9px 0; text-decoration: none; color: inherit;
}
.vtbPlans-itemLink:hover .vtbPlans-itemTxt b { color: #d9aa4a; }
.vtbPlans-items img {
    width: 44px; height: 50px; object-fit: contain; flex-shrink: 0;
    background: #ffffff;
    border-radius: 8px;
    padding: 4px;
    box-shadow: inset 0 0 0 1px rgba(217,170,74,.28), 0 2px 6px rgba(0,0,0,.35);
}
.vtbPlans-itemTxt { min-width: 0; }
.vtbPlans-itemTxt b { display: block; font-size: 12.5px; font-weight: 600; color: #efe9df; }
.vtbPlans-itemTxt small { color: #8b8172; font-size: 10.5px; }
.vtbPlans-itemPrice { margin-left: auto; font-size: 11.5px; color: #6d6355; white-space: nowrap; }

/* ---------- CTA ---------- */
.vtbPlans-cta {
    display: block; text-align: center; text-decoration: none;
    padding: 14px; border-radius: 12px;
    border: 1px solid #4a3b20; color: #d9aa4a;
    font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: .06em;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.vtbPlans-cta .fa { margin-left: 8px; font-size: 11px; }
.vtbPlans-card.is-popular .vtbPlans-cta,
.vtbPlans-cta:hover { background: #d9aa4a; border-color: #d9aa4a; color: #14100c; }

/* ---------- footnote ---------- */
.vtbPlans-foot { text-align: center; margin: 30px 0 0; font-size: 13px; color: #8b8172; }
.vtbPlans-foot a { color: #d9aa4a; text-decoration: none; border-bottom: 1px dashed #6d5424; }
.vtbPlans-foot a:hover { border-bottom-style: solid; }

/* ---------- responsive ---------- */
@media (max-width: 940px) {
    .vtbPlans { padding: 44px 0 40px; }
    .vtbPlans-title { font-size: 27px; }
    .vtbPlans-grid { grid-template-columns: 1fr; }
    .vtbPlans-card.is-popular { order: -1; }
    .vtbPlans-desc { min-height: 0; }
}
@media (max-width: 480px) {
    .vtbPlans-inner { width: 94%; }
    .vtbPlans-title { font-size: 23px; }
    .vtbPlans-price b { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) {
    .vtbPlans-card { transition: none; }
}