/* ═══════════════════════════════════════════
   ORIGINI CURSURI — stiluri în paleta brand
   burgundy #701A38 · rose #DE4575 · sage #D5E7B5
   ═══════════════════════════════════════════ */

.ocs-page, .ocs-carousel-wrap, .ocs-lista, .ocs-calendar {
  --burg:#701A38; --burg-dark:#3a0d1d; --rose:#DE4575; --sage:#D5E7B5;
  --sage-dark:#5a7a2f; --ocs-bg:#f8f6f4; --muted:#6b5d63;
  --line:rgba(112,26,56,0.1); --rose-soft:#fdf0f4; --radius:14px;
  font-family:'Poppins',sans-serif; color:#2d2d2d;
}

.ocs-page{max-width:1080px;margin:0 auto;padding:30px 20px 120px;line-height:1.6}
#ocs-tarife{scroll-margin-top:90px}

/* TRUST BAR */
.ocs-trust{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 16px;background:#fff;border:0.5px solid var(--line);border-radius:var(--radius);margin-bottom:1.75rem;flex-wrap:wrap}
.ocs-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.ocs-trust-item i{font-size:15px;color:var(--rose)}
.ocs-trust-item strong{color:var(--burg);font-weight:600}
.ocs-trust-sep{width:1px;height:15px;background:var(--line)}

/* HERO */
.ocs-hero{display:grid;grid-template-columns:1fr 310px;gap:2rem;align-items:start;margin-bottom:3rem}
.ocs-hero-img{width:100%;border-radius:18px;display:block;margin-bottom:1.5rem;box-shadow:0 8px 30px rgba(112,26,56,0.12)}
.ocs-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--rose);margin-bottom:14px}
.ocs-eyebrow-webinar{background:#fdf0f4;padding:6px 12px;border-radius:20px;letter-spacing:1.2px}
.ocs-eyebrow-webinar i{color:#DE4575}
.ocs-eyebrow i{font-size:14px}
.ocs-hook{font-family:'Playfair Display',serif;font-size:30px;font-weight:600;color:var(--burg);font-style:italic;line-height:1.25;margin-bottom:18px}
.ocs-hook-sub{font-size:15px;color:#2d2d2d;line-height:1.8;margin-bottom:1.5rem;max-width:520px}
.ocs-meta{display:flex;flex-wrap:wrap;gap:10px}
.ocs-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:#fff;border:0.5px solid var(--line);border-radius:30px;padding:7px 13px}
.ocs-pill i{font-size:14px;color:var(--burg)}
.ocs-pill.hot{background:var(--rose-soft);border-color:rgba(222,69,117,0.25);color:var(--burg)}
.ocs-pill.hot i{color:var(--rose)}

/* CARD PREȚ */
.ocs-card-pret{background:#fff;border:0.5px solid var(--line);border-radius:var(--radius);overflow:hidden;position:sticky;top:20px;box-shadow:0 8px 30px rgba(112,26,56,0.08)}
.ocs-card-pret-top{height:4px;background:linear-gradient(90deg,var(--burg),var(--rose))}
.ocs-card-pret-body{padding:1.5rem}
.ocs-card-deadline{background:var(--rose-soft);border:0.5px solid rgba(222,69,117,0.2);border-radius:8px;padding:9px 12px;font-size:11.5px;color:var(--burg);display:flex;align-items:center;gap:6px;margin-bottom:16px;font-weight:500}
.ocs-card-deadline i{font-size:15px;color:var(--rose)}
.ocs-pret-vechi-mare{font-size:18px;font-weight:400;color:#a89aa0;text-decoration:line-through;text-decoration-color:rgba(168,154,160,0.6);line-height:1;margin-bottom:2px}
.ocs-pret-new{font-size:36px;font-weight:600;color:var(--burg);line-height:1;margin:4px 0}
.ocs-pret-economie{display:inline-flex;align-items:center;gap:5px;background:#eef5e2;color:#5a7a2f;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;margin-top:8px}
.ocs-pret-economie i{font-size:14px}
.ocs-pret-sub{font-size:11.5px;color:var(--muted);margin-bottom:14px}
.ocs-pret-hint{display:flex;align-items:flex-start;gap:5px;font-size:11.5px;color:var(--sage-dark);background:#eef5e2;border-radius:8px;padding:8px 10px;margin-bottom:14px;line-height:1.4}
.ocs-pret-hint i{font-size:14px;flex-shrink:0;margin-top:1px}
.ocs-cta{display:block;width:100%;background:var(--burg);color:#fff;border:none;border-radius:10px;padding:15px;font-size:14.5px;font-weight:500;cursor:pointer;text-align:center;text-decoration:none;margin-bottom:8px;transition:background 0.18s,transform 0.15s}
.ocs-cta:hover{background:var(--burg-dark);transform:translateY(-1px);color:#fff}
.ocs-secure{font-size:11px;color:var(--muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:1.25rem}
.ocs-secure i{font-size:14px;color:var(--sage-dark)}
.ocs-card-list{border-top:0.5px solid var(--line);padding-top:1.1rem;display:flex;flex-direction:column;gap:9px}
.ocs-card-li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted)}
.ocs-card-li i{font-size:15px;color:var(--burg);flex-shrink:0}

/* SECȚIUNI */
.ocs-s{margin-bottom:2.5rem}
.ocs-sh{font-family:'Playfair Display',serif;font-size:23px;font-weight:600;color:var(--burg);font-style:italic;margin-bottom:1.25rem;display:flex;align-items:center;gap:14px}
.ocs-sh::after{content:'';flex:1;height:1px;background:var(--line)}
.ocs-descriere{font-size:14.5px;line-height:1.8;color:#2d2d2d}

/* LEARN */
.ocs-learn{display:flex;flex-direction:column;gap:10px}
.ocs-learn-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#2d2d2d;line-height:1.65}
.ocs-dot{width:26px;height:26px;border-radius:50%;background:var(--rose-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ocs-dot i{font-size:14px;color:var(--burg)}

/* TEME */
.ocs-teme{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ocs-tema{background:#fff;border:0.5px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start;transition:transform 0.2s,box-shadow 0.2s}
.ocs-tema:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(112,26,56,0.08)}
.ocs-tema-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--burg),var(--rose));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}
.ocs-tema-text{font-size:13px;color:#2d2d2d;line-height:1.5}
.ocs-tema-text strong{color:var(--burg)}

/* CINE */
.ocs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ocs-cine{display:flex;align-items:center;gap:10px;font-size:13px;color:#2d2d2d;padding:12px 14px;background:#fff;border:0.5px solid var(--line);border-radius:10px}
.ocs-cine i{font-size:16px;color:var(--rose);flex-shrink:0}

/* PROGRAM */
.ocs-prog{background:#fff;border:0.5px solid var(--line);border-radius:12px;padding:18px}
.ocs-prog-row{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);padding:9px 0;border-bottom:0.5px solid var(--line)}
.ocs-prog-row:last-child{border-bottom:none}
.ocs-prog-row i{font-size:16px;color:var(--burg);flex-shrink:0}

/* FORMATOR */
.ocs-bio{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;background:#fff;border:0.5px solid var(--line);border-radius:var(--radius);padding:1.75rem;align-items:start;position:relative;overflow:hidden}
.ocs-bio::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--burg),var(--rose))}
.ocs-bio-av{width:120px;height:140px;border-radius:18px;object-fit:cover;object-position:top center;display:block;border:3px solid var(--rose-soft)}
.ocs-bio-name{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--burg);margin-bottom:3px}
.ocs-bio-role{font-size:11.5px;color:var(--rose);margin-bottom:9px;font-weight:500}
.ocs-bio-text{font-size:13px;color:var(--muted);line-height:1.7}
.ocs-bio-links{display:flex;gap:14px;margin-top:12px}
.ocs-bio-links a{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--burg);text-decoration:none}
.ocs-bio-links a:hover{color:var(--rose)}
.ocs-bio-links i{font-size:15px}

/* TARIFE */
.ocs-tarife{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ocs-tarif{background:#fff;border:0.5px solid var(--line);border-radius:12px;padding:18px;text-align:center;position:relative}
.ocs-tarif.featured{border:1.5px solid var(--rose);background:var(--rose-soft)}
.ocs-tarif-tag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--rose);color:#fff;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;white-space:nowrap}
.ocs-tarif-name{font-size:11px;color:var(--muted);margin-bottom:7px;font-weight:500}
.ocs-tarif-pret{font-size:24px;font-weight:600;color:var(--burg);margin-bottom:3px;display:inline-flex;align-items:baseline;gap:8px}
.ocs-tarif-pret-vechi{font-size:15px;font-weight:400;color:#a89aa0;text-decoration:line-through;text-decoration-color:rgba(168,154,160,0.7)}
.ocs-tarif-cond{font-size:10.5px;color:var(--muted);line-height:1.4;margin-bottom:10px}
.ocs-tarif-btn{display:inline-block;font-size:12px;color:var(--burg);border:0.5px solid rgba(112,26,56,0.3);border-radius:8px;padding:8px 16px;text-decoration:none;transition:background 0.15s}
.ocs-tarif-btn:hover{background:var(--rose-soft);color:var(--burg)}
.ocs-tarif.featured .ocs-tarif-btn{background:var(--burg);color:#fff;border-color:var(--burg)}
.ocs-tarif.featured .ocs-tarif-btn:hover{background:var(--burg-dark)}

/* RECUNOAȘTERE */
.ocs-recogn{display:flex;align-items:center;gap:16px;background:#eef5e2;border:0.5px solid rgba(90,122,47,0.2);border-radius:var(--radius);padding:1.6rem}
.ocs-recogn-icon{width:54px;height:54px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ocs-recogn-icon i{font-size:26px;color:var(--sage-dark)}
.ocs-recogn-t{font-family:'Playfair Display',serif;font-size:16px;font-weight:600;color:#3d521d;margin-bottom:5px;font-style:italic}
.ocs-recogn-d{font-size:12.5px;color:#536b32;line-height:1.65}

/* CTA FINAL */
.ocs-final{background:linear-gradient(135deg,var(--burg),var(--burg-dark));border-radius:18px;padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden;margin-bottom:2rem}
.ocs-final::before{content:'';position:absolute;top:-120px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(222,69,117,0.18),transparent 70%);pointer-events:none}
.ocs-final-t{font-family:'Playfair Display',serif;font-size:25px;font-weight:600;color:#fff;font-style:italic;margin-bottom:7px;position:relative}
.ocs-final-s{font-size:12.5px;color:rgba(255,255,255,0.7);margin-bottom:1.4rem;position:relative}
.ocs-final-cta{display:inline-block;background:#fff;color:var(--burg);border-radius:10px;padding:14px 36px;font-size:15px;font-weight:600;text-decoration:none;position:relative;transition:transform 0.15s}
.ocs-final-cta:hover{transform:translateY(-2px);color:var(--burg)}

/* STICKY BAR */
/* STICKY BAR — bară full-width jos pe ecran */
.ocs-sticky{position:fixed !important;bottom:0;left:0;right:0;width:100%;background:#fff;border-top:1.5px solid var(--rose);z-index:99999;box-shadow:0 -6px 30px rgba(112,26,56,0.16);overflow:hidden;transform:translateY(110%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1)}
.ocs-sticky.visible{transform:translateY(0)}
.ocs-sticky-inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px}
.ocs-sticky-left{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto;overflow:hidden}
.ocs-sticky-title{font-family:'Playfair Display',serif;font-style:italic;font-size:16px;font-weight:600;color:var(--burg);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ocs-sticky-meta{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ocs-sticky-cta{flex:0 0 auto;display:inline-flex !important;align-items:center;gap:8px;background:var(--burg);color:#fff !important;border-radius:11px;padding:12px 24px;font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;visibility:visible !important;opacity:1 !important;transition:background 0.18s,transform 0.15s}
.ocs-sticky-cta:hover{background:var(--burg-dark);color:#fff;transform:translateY(-1px)}
.ocs-sticky-cta i{font-size:16px;transition:transform 0.2s}
.ocs-sticky-cta:hover i{transform:translateY(2px)}

/* ═══ SHORTCODE: CAROUSEL + LISTĂ ═══ */
.ocs-section-title{font-family:'Playfair Display',serif;font-size:28px;font-weight:600;color:var(--burg);font-style:italic;margin:0 0 8px;display:flex;align-items:center;gap:20px}
.ocs-section-title::after{content:'';flex:1;height:1px;background-image:linear-gradient(to right,rgba(112,26,56,0.2) 50%,transparent 50%);background-size:8px 1px;background-repeat:repeat-x}
.ocs-carousel{display:flex;gap:18px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}
.ocs-carousel::-webkit-scrollbar{height:6px}
.ocs-carousel::-webkit-scrollbar-thumb{background:rgba(112,26,56,0.2);border-radius:3px}
.ocs-carousel .ocs-card{flex:0 0 300px;scroll-snap-align:start}
.ocs-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* Grid — cardurile sunt stretched la aceeași înălțime (definit mai jos) */

/* ═══ CARD — noul stil cu gradient rose-soft + iconiță centrală ═══ */
.ocs-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;text-decoration:none;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);height:100%;box-shadow:0 4px 20px rgba(0,0,0,0.04)}
.ocs-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(112,26,56,0.12)}

/* Header: imagine cover (default) sau gradient + iconiță (fallback) */
.ocs-card-header{position:relative;height:180px;background:linear-gradient(135deg,#fdf0f4,#fbe4ec);overflow:hidden}
.ocs-card-img{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#fdf0f4}
.ocs-card-img-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf0f4,#fbe4ec)}
.ocs-card-img-fallback i{font-size:56px;color:#DE4575;opacity:0.55;transition:transform 0.35s ease,opacity 0.25s}
.ocs-card:hover .ocs-card-img-fallback i{transform:scale(1.08);opacity:0.7}

/* Badge stânga: credite CPR (burgundy plin) */
.ocs-card-badge-left{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#701A38;color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:0.01em;box-shadow:0 4px 12px rgba(112,26,56,0.35);z-index:2;white-space:nowrap}
.ocs-card-badge-left i{font-size:14px}

/* Badge dreapta: Webinar (pill alb) sau „Ediție încheiată" */
.ocs-card-badge-right{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;padding:7px 15px;background:rgba(255,255,255,0.96);color:#701A38;border-radius:999px;font-size:11.5px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,0.12);z-index:2;white-space:nowrap;letter-spacing:0.01em;backdrop-filter:blur(4px)}
.ocs-card-badge-right.trecut{color:#6b5d63}

/* Body */
.ocs-card-body{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1}

/* Titlul — min 2 rânduri ca să aibă aceeași înălțime la toate cardurile */
.ocs-card-title{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:#701A38;font-style:italic;line-height:1.32;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.64em}

/* Descrierea — min 2 rânduri; ocupă spațiul liber ca să împingă footer-ul jos */
.ocs-card-extras{font-size:13px;color:#6b5d63;line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em;flex-grow:1}

/* Meta: data + formator, cu border-top; min-height ca să alinieze dacă un card n-are formator */
.ocs-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding-top:14px;border-top:1px solid rgba(112,26,56,0.08);margin-bottom:14px;font-size:12px;color:#6b5d63;min-height:60px;align-content:center}
.ocs-card-meta-item{display:inline-flex;align-items:center;gap:5px}
.ocs-card-meta-item i{font-size:14px;color:#DE4575;flex-shrink:0}

/* Footer: preț + CTA — mereu jos de tot */
.ocs-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:10px;padding-top:4px}
.ocs-card-pret{font-size:18px;font-weight:600;color:#701A38;display:inline-flex;align-items:baseline;gap:8px}
.ocs-card-pret-vechi{font-size:13px;font-weight:400;color:#a89aa0;text-decoration:line-through;text-decoration-color:rgba(168,154,160,0.7)}
.ocs-card-pret-gol{flex:1}
.ocs-card-cta{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#DE4575;white-space:nowrap}
.ocs-card-cta i{font-size:15px;transition:transform 0.2s}
.ocs-card:hover .ocs-card-cta i{transform:translateX(4px)}

/* Variante header — doar când nu există imagine (fallback cu iconiță) */
.ocs-card-credite .ocs-card-img-fallback{background:linear-gradient(135deg,#fdf0f4,#f7d4e0)}
.ocs-card-credite .ocs-card-img-fallback i{color:#701A38}
.ocs-card-webinar .ocs-card-img-fallback{background:linear-gradient(135deg,#fef0f5,#fce1eb)}
.ocs-card-trecut .ocs-card-img-fallback{background:linear-gradient(135deg,#f5f1f2,#ebe4e7)}
.ocs-card-trecut .ocs-card-img-fallback i{color:#8a7681;opacity:0.5}

/* Card trecut — imaginile puțin desaturate */
.ocs-card-trecut{opacity:0.85}
.ocs-card-trecut:hover{opacity:1}
.ocs-card-trecut .ocs-card-img{filter:saturate(0.75)}
.ocs-card-trecut:hover .ocs-card-img{filter:saturate(1)}

/* ═══ SHORTCODE: CALENDAR ═══ */
.ocs-calendar{display:flex;flex-direction:column;gap:24px}
.ocs-cal-month-label{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--burg);font-style:italic;margin-bottom:12px;padding-bottom:8px;border-bottom:0.5px solid var(--line)}
.ocs-cal-items{display:flex;flex-direction:column;gap:8px}
.ocs-cal-item{display:flex;align-items:center;gap:14px;background:#fff;border:0.5px solid var(--line);border-radius:10px;padding:14px 16px;text-decoration:none;transition:background 0.15s,border-color 0.15s}
.ocs-cal-item:hover{background:var(--rose-soft);border-color:rgba(222,69,117,0.3)}
.ocs-cal-date{font-size:12px;font-weight:600;color:var(--rose);min-width:130px}
.ocs-cal-title{flex:1;font-size:14px;color:var(--burg);font-weight:500}
.ocs-cal-item i{font-size:16px;color:var(--burg)}

.ocs-empty{text-align:center;color:var(--muted);font-size:14px;padding:40px;font-style:italic}
.ocs-trecute{opacity:0.75}

/* ═══ RESPONSIVE ═══ */

/* ═══ PAGINĂ CURSURI (grid + secțiuni) ═══ */
.ocs-pagina{--burg:#701A38;--rose:#DE4575;--sage-dark:#5a7a2f;--muted:#6b5d63;--line:rgba(112,26,56,0.1);--rose-soft:#fdf0f4;font-family:'Poppins',sans-serif;max-width:1080px;margin:0 auto}
.ocs-sectiune-cursuri{margin-bottom:3rem}
.ocs-section-head{margin-bottom:1.5rem}
.ocs-section-sub{font-size:13px;color:#6b5d63;margin-top:4px}
.ocs-sectiune-trecute{padding-top:2rem;border-top:1px solid rgba(112,26,56,0.1)}
.ocs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.ocs-grid-item{display:flex}
.ocs-grid-item > .ocs-card{width:100%}
.ocs-grid-item.ocs-hidden{display:none}

/* ═══ ANCORE (pill-uri sticky sus, centrate) ═══ */
.ocs-ancore{display:flex;justify-content:center;gap:10px;margin:0 0 3rem;flex-wrap:wrap;position:sticky;top:20px;z-index:10;padding:0}
.ocs-ancora{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;background:#fff;border:1px solid rgba(112,26,56,0.12);border-radius:999px;color:#6b5d63;text-decoration:none;font-size:13.5px;font-weight:600;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 12px rgba(0,0,0,0.03);white-space:nowrap}
.ocs-ancora:hover{background:#701A38;color:#fff;border-color:#701A38;transform:translateY(-2px);box-shadow:0 8px 20px rgba(112,26,56,0.25)}
.ocs-ancora-nr{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:700;color:#DE4575;background:#fdf0f4;border-radius:999px;flex-shrink:0;transition:background 0.2s,color 0.2s}
.ocs-ancora:hover .ocs-ancora-nr{background:rgba(255,255,255,0.2);color:#fff}

/* Ancore mobile */
@media (max-width:600px){
  .ocs-ancore{position:static;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;margin-bottom:2rem;gap:8px}
  .ocs-ancora{flex-shrink:0;padding:11px 18px;font-size:13px}
}

/* LOAD MORE */
.ocs-loadmore-wrap{text-align:center;margin-top:2rem}
.ocs-loadmore{background:#fff;color:#701A38;border:1.5px solid rgba(112,26,56,0.25);border-radius:30px;padding:12px 28px;font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;transition:background 0.18s,border-color 0.18s}
.ocs-loadmore:hover{background:#fdf0f4;border-color:#DE4575}

/* ═══ TABLETĂ (≤980px) ═══ */
@media (max-width:980px){
  .ocs-hero{grid-template-columns:1fr 280px;gap:1.5rem}
  .ocs-teme,.ocs-tarife{grid-template-columns:1fr 1fr}
  .ocs-lista{grid-template-columns:1fr 1fr}
  .ocs-grid{grid-template-columns:repeat(2,1fr)}
}

/* ═══ MOBILE MARE / TABLETĂ MICĂ (≤768px) ═══ */
@media (max-width:768px){
  .ocs-page{padding:20px 16px 90px}

  /* HERO pe mobile: imagine → eyebrow → hook → subtitlu → PREȚ → meta
     display:contents promovează copiii lui hero-main la flex items ai .ocs-hero,
     ca să putem intercala cardul de preț între subtitlu și meta cu „order". */
  .ocs-hero{display:flex;flex-direction:column;gap:0;margin-bottom:2rem}
  .ocs-hero-main{display:contents}
  .ocs-hero-img{order:1;margin-bottom:1.1rem;border-radius:14px}
  .ocs-eyebrow{order:2;margin-bottom:12px}
  .ocs-hook{order:3;font-size:23px;margin-bottom:14px}
  .ocs-hook-sub{order:4;font-size:14px;margin-bottom:1.1rem}
  .ocs-card-pret{order:5;position:static;margin-bottom:1.1rem}
  .ocs-meta{order:6}

  .ocs-teme,.ocs-tarife,.ocs-grid2,.ocs-lista{grid-template-columns:1fr}
  .ocs-grid{grid-template-columns:1fr}

  /* Pe mobile, cardurile stau vertical — nu mai e nevoie de min-height forțat pe descriere */
  .ocs-card-extras{min-height:0}
  .ocs-card-meta{min-height:0}

  /* FORMATOR: stacked, centrat */
  .ocs-bio{grid-template-columns:1fr;text-align:center;justify-items:center;padding:1.4rem}
  .ocs-bio-av{width:110px;height:130px}
  .ocs-bio-links{justify-content:center}

  /* SECȚIUNI mai compacte */
  .ocs-s{margin-bottom:1.75rem}
  .ocs-sh{font-size:20px;margin-bottom:1rem}

  /* TRUST BAR: wrap elegant, fără separatori înghesuiți */
  .ocs-trust{gap:8px 14px;padding:11px 14px}
  .ocs-trust-sep{display:none}
  .ocs-trust-item{font-size:11.5px}

  /* CTA FINAL mai compact */
  .ocs-final{padding:2rem 1.5rem}
  .ocs-final-t{font-size:22px}

  /* STICKY mobil full-width: padding redus, buton cu text mereu vizibil */
  .ocs-sticky-inner{padding:11px 16px;gap:12px}
  .ocs-sticky-title{font-size:14px}
  .ocs-sticky-meta{font-size:10.5px}
  .ocs-sticky-cta{padding:11px 16px;font-size:12.5px}

  /* CAROUSEL: hint vizual de scroll + carduri ușor mai mici */
  .ocs-carousel{gap:14px;scroll-padding-left:16px}
  .ocs-carousel .ocs-card{flex:0 0 82%;max-width:300px}
}

/* ═══ TELEFON MIC (≤420px) ═══ */
@media (max-width:420px){
  .ocs-page{padding:16px 13px 88px}
  .ocs-hook{font-size:21px;line-height:1.3}
  .ocs-sh{font-size:18px}
  .ocs-pret-new{font-size:32px}
  .ocs-trust{justify-content:flex-start}
  .ocs-final-t{font-size:20px}
  .ocs-final-cta{padding:13px 28px;font-size:14px;display:block;text-align:center}

  /* sticky ecran mic full-width: titlu trunchiat, meta ascunsă, buton text scurt */
  .ocs-sticky-inner{padding:10px 14px}
  .ocs-sticky-meta{display:none}
  .ocs-sticky-title{font-size:13px}
  .ocs-sticky-cta{padding:10px 16px;font-size:12px}

  /* touch targets generoase */
  .ocs-tarif-btn{padding:11px 18px}
  .ocs-bio-links a{padding:6px 0}
}

/* ═══ TOUCH: ținte minim 44px, fără hover sticky pe touch ═══ */
@media (hover:none){
  .ocs-card:active{transform:scale(0.99)}
  .ocs-cta,.ocs-final-cta,.ocs-tarif-btn{min-height:44px;display:flex;align-items:center;justify-content:center}
}

/* STICKY CTA — fundal burgundy + text alb FORȚAT, peste orice regulă a temei */
.ocs-sticky a.ocs-sticky-cta,
.ocs-sticky a.ocs-sticky-cta:link,
.ocs-sticky a.ocs-sticky-cta:visited{
  background:#701A38 !important;
  background-color:#701A38 !important;
  color:#ffffff !important;
  border:none !important;
  text-decoration:none !important;
}
.ocs-sticky a.ocs-sticky-cta span{color:#ffffff !important}
.ocs-sticky a.ocs-sticky-cta i{color:#ffffff !important}
.ocs-sticky a.ocs-sticky-cta:hover,
.ocs-sticky a.ocs-sticky-cta:hover span,
.ocs-sticky a.ocs-sticky-cta:hover i{background:#3a0d1d !important;color:#ffffff !important}

/* ═══ iOS: previne zoom pe focus input (font ≥16px) ═══ */
@media (max-width:768px){
  .ocs-page input,.ocs-page select,.ocs-page textarea{font-size:16px}
}

/* ═══ Indicator scroll carousel pe mobile ═══ */
@media (max-width:768px){
  .ocs-carousel-wrap{position:relative}
  .ocs-carousel::after{content:'';flex:0 0 4px}
}