Descriere

.tabara-wrap{
max-width: 1100px;
margin: 0 auto;
padding: 18px 16px 40px;
font-size: 16px;
line-height: 1.65;
color: #111827;
font-family: -apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Inter,Arial,sans-serif;
}
.tabara-wrap h2{ font-size: 28px; margin: 0 0 6px; letter-spacing: -0.2px; }
.tabara-wrap h3{ font-size: 18px; margin: 0 0 14px; font-weight: 600; color:#374151; }
.section-title{ font-size: 20px; margin: 26px 0 12px; letter-spacing: -0.2px; }

.meta-row{ display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 18px; }
.pill{
display:inline-flex; align-items:center;
padding: 8px 12px;
border: 1px solid #e5e7eb;
background:#fff;
border-radius: 999px;
font-size: 14px;
color:#111827;
}

.lead{ font-size: 17px; margin: 10px 0 12px; }
.muted{ color:#4b5563; }

.note{
background:#f6f7fb;
border:1px solid #e5e7eb;
border-left:4px solid #1f2a44;
padding: 14px 14px;
border-radius: 10px;
margin: 18px 0 22px;
}

.grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }

.card{
background:#ffffff;
border:1px solid #e5e7eb;
border-radius: 12px;
padding: 16px 16px;
box-shadow: 0 1px 0 rgba(17,24,39,0.02);
}
.card h4{ margin: 0 0 8px; font-size: 16px; letter-spacing: -0.1px; }
.card p{ margin: 0; }

.kpi{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 10px; }
.kpi .pill{ background:#f9fafb; }

.divider{ margin: 26px 0; border: 0; border-top: 1px solid #e5e7eb; }

/* Accordion (details) */
details{
border:1px solid #e5e7eb;
border-radius: 12px;
background:#fff;
padding: 12px 14px;
}
details + details{ margin-top: 10px; }
summary{
cursor:pointer;
font-weight:700;
color:#111827;
list-style:none;
outline:none;
}
summary::-webkit-details-marker{ display:none; }
summary:after{
content:”Vezi detalii”;
float:right;
font-weight:600;
color:#1f2a44;
font-size: 13px;
border:1px solid #e5e7eb;
padding: 6px 10px;
border-radius: 999px;
background:#f9fafb;
}
details[open] summary:after{ content:”Închide”; }
.details-body{
margin-top: 10px;
color:#4b5563;
font-size: 15px;
}
.details-body ul{ margin: 8px 0 0; padding-left: 18px; }
.details-body li{ margin: 6px 0; }

/* Pricing */
.pricing-highlight{
background:#fff8f0;
border:1px solid #fde3c6;
border-left:4px solid #c58b2b;
padding: 14px 14px;
border-radius: 10px;
margin: 12px 0 16px;
}
.price-line{
display:flex; justify-content:space-between; gap:12px;
padding: 8px 0;
border-bottom: 1px dashed #e5e7eb;
font-size: 15px;
}
.price-line:last-child{ border-bottom:none; }
.price-value{ font-weight:700; white-space:nowrap; }

/* Bank box */
.bank-box{
background:#f6f7fb;
border:1px solid #e5e7eb;
border-left:4px solid #1f2a44;
border-radius: 12px;
padding: 14px 14px;
margin-top: 14px;
}
.bank-box h4{ margin:0 0 10px; font-size:16px; }
.bank-row{
display:flex;
justify-content:space-between;
gap: 12px;
padding: 6px 0;
border-bottom: 1px dashed #e5e7eb;
font-size: 14px;
}
.bank-row:last-child{ border-bottom:none; }
.bank-label{ color:#374151; }
.bank-value{ font-weight:700; text-align:right; }

/* Trainers */
.trainer-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 10px; }
.trainer{
border:1px solid #e5e7eb;
border-radius: 12px;
padding: 14px 14px;
background:#fff;
}
.trainer h4{ margin:0 0 6px; font-size:16px; }
.trainer p{ margin:0 0 10px; color:#4b5563; }
.trainer ul{ margin:0; padding-left:18px; }
.trainer li{ margin:6px 0; }

.value-box{
background:#111827;
color:#ffffff;
border-radius: 14px;
padding: 16px 16px;
margin-top: 14px;
}
.value-box h4{ margin:0 0 8px; font-size:16px; }
.value-box ul{ margin:0; padding-left:18px; }
.value-box li{ margin:7px 0; }

@media (max-width: 860px){
.grid-2{ grid-template-columns: 1fr; }
.trainer-grid{ grid-template-columns: 1fr; }
.tabara-wrap h2{ font-size: 24px; }
.bank-row{ flex-direction:column; }
.bank-value{ text-align:left; }
}