/* =========================================================
   TuristulLiber — Homepage v2 (redesign complet)
   Prefix: hp- · continut administrat prin meta fields native
   Brand: primary #0095fe (albastru, Ghid Local) · secondary #69b706 (verde, Audio)
   Font titluri: Oswald · Font text: Open Sans
   ========================================================= */

.hp-section{ padding:60px 0; }
.hp-section--alt{ background:#f8f9fa; }
.hp-head{ text-align:center; max-width:720px; margin:0 auto 34px; }
.hp-head .Subtitle{ display:block; margin-bottom:6px; }
.hp-head .Title{ margin-bottom:10px; }
.hp-head .Content{ margin:0 auto; }
.hp-head--left{ text-align:left; margin-left:0; }

/* ---------- Hero ---------- */
.hp-hero-overlay{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    align-items:flex-end;
    background:linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,.05) 75%);
    padding:150px 0 70px;
    min-height:380px;
}
@media (min-width:768px){
    .hp-hero-overlay{ min-height:560px; padding:200px 0 90px; }
}
.hp-hero-content{ max-width:640px; }
.hp-hero-content h2{
    font-family:'Oswald', sans-serif;
    font-size:26px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.02em;
    margin-bottom:12px;
    text-shadow:0 2px 12px rgba(0,0,0,.4);
}
@media (min-width:768px){
    .hp-hero-content h2{ font-size:42px; }
}
.hp-hero-content p{
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#f1f1f1;
    margin-bottom:18px;
    max-width:520px;
}
@media (min-width:768px){
    .hp-hero-content p{ font-size:17px; }
}
.hp-hero-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
}
.hp-hero-feature{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:rgba(20,20,20,.35);
    border:1px solid rgba(255,255,255,.35);
    backdrop-filter:blur(6px);
    border-radius:50px;
    padding:6px 18px 6px 6px;
    text-decoration:none;
    max-width:100%;
}
.hp-hero-feature__img{
    width:44px;
    height:44px;
    border-radius:50%;
    flex-shrink:0;
    display:block;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-color:rgba(255,255,255,.15);
    border:2px solid rgba(255,255,255,.7);
}
.hp-hero-feature span{
    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:12.5px;
    line-height:1.3;
}
.hp-hero-feature b{ display:block; font-family:'Oswald', sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:.03em; color:#a9e46a; }

/* ---------- Hero: cautare statica, unica, overlay negru cu fade peste imagine (nu suprapune textul — hp-hero-overlay are padding-top marit) ---------- */
.hp-hero-search{
    position:absolute;
    left:0; right:0; top:0;
    z-index:120;
    width:100%;
    padding:36px 0 90px;
    background:linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.42) 55%, rgba(0,0,0,0) 100%);
    pointer-events:none;
}
@media (min-width:768px){ .hp-hero-search{ padding:46px 0 110px; } }
.hp-hero-search .container{ pointer-events:none; }
.hp-hero-search-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
    position:relative;
    pointer-events:auto;
}
.hp-hero-search-label{
    display:flex; align-items:center; gap:7px; justify-content:center;
    color:#fff; font-family:'Oswald', sans-serif; font-size:13px; font-weight:600;
    text-transform:uppercase; letter-spacing:.04em; text-align:center;
}
.hp-hero-search-label i{ color:#a9e46a; font-size:16px; }
.hp-hero-search-box form{
    width:100%; max-width:560px;
    display:flex; align-items:center; gap:10px;
    background:#fff; border-radius:50px; padding:6px 6px 6px 22px;
    box-shadow:0 10px 24px rgba(0,0,0,.3);
}
.hp-hero-search-box input{
    flex:1; border:none; outline:none; background:transparent;
    font-family:'Open Sans', sans-serif; font-size:14.5px; color:#363636; min-width:0;
}
.hp-hero-search-box input::placeholder{ color:#9a9a9a; }
.hp-hero-search-box button{
    border:none; background:#69b706; color:#fff; border-radius:50px;
    font-family:'Oswald', sans-serif; font-size:13px; font-weight:600; text-transform:uppercase;
    padding:13px 26px; cursor:pointer; flex-shrink:0; transition:background .2s ease;
}
.hp-hero-search-box button:hover{ background:#5a9c05; }
@media (max-width:576px){
    .hp-hero-search{ padding:26px 0 60px; }
    .hp-hero-search-label{ font-size:11.5px; }
    .hp-hero-search-box form{ padding:5px 5px 5px 16px; }
}

/* Sugestii AJAX */
.hp-hero-suggest{
    position:absolute; left:0; right:0; top:100%; margin-top:10px;
    background:#fff; border-radius:14px; overflow:hidden;
    box-shadow:0 16px 34px rgba(0,0,0,.3);
    max-height:320px; overflow-y:auto; z-index:10;
    pointer-events:auto;
}
.hp-hero-suggest__item{
    display:flex; align-items:center; gap:10px; padding:11px 16px;
    text-decoration:none; border-bottom:1px solid #f0f0f0;
}
.hp-hero-suggest__item:last-child{ border-bottom:none; }
.hp-hero-suggest__item:hover{ background:#f5faf1; }
.hp-hero-suggest__item i{ color:#69b706; font-size:15px; flex-shrink:0; }
.hp-hero-suggest__item span{
    flex:1; min-width:0; font-family:'Open Sans', sans-serif; font-size:13.5px; color:#363636;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.hp-hero-suggest__item b{
    font-family:'Oswald', sans-serif; font-size:10px; font-weight:600; text-transform:uppercase;
    color:#9a9a9a; flex-shrink:0;
}

/* ---------- Noutati (feed multi-CPT) ---------- */
.hp-news-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
@media (min-width:768px){ .hp-news-grid{ grid-template-columns:repeat(4,1fr); } }
.hp-news-card{
    display:block; background:#fff; border-radius:14px; overflow:hidden;
    box-shadow:0 6px 16px rgba(0,0,0,.07); text-decoration:none; color:inherit;
    transition:transform .25s ease, box-shadow .25s ease;
}
.hp-news-card:hover{ transform:translateY(-6px); box-shadow:0 16px 28px rgba(0,0,0,.13); color:inherit; }
.hp-news-card__img{ position:relative; height:130px; overflow:hidden; }
.hp-news-card__img img{ width:100%; height:100%; object-fit:cover; }
.hp-news-card__badge{
    position:absolute; top:10px; left:10px; background:rgba(20,20,20,.72); backdrop-filter:blur(3px);
    color:#fff; font-family:'Oswald', sans-serif; font-size:10px; font-weight:600; text-transform:uppercase;
    letter-spacing:.03em; padding:5px 10px; border-radius:50px; display:flex; align-items:center; gap:5px;
}
.hp-news-card__badge i{ color:#a9e46a; font-size:12px; }
.hp-news-card__body{ padding:12px 14px 14px; }
.hp-news-card__body h3{
    font-family:'Oswald', sans-serif; font-size:13.5px; font-weight:600; color:#363636; margin:0 0 6px;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:36px;
}
.hp-news-card__date{ font-family:'Open Sans', sans-serif; font-size:11px; color:#9a9a9a; }

/* ---------- Recenzii (in Cum functioneaza) ---------- */
.hp-reviews{ margin-top:46px; border-top:1px solid #e6e6e6; padding-top:36px; }
.hp-reviews__title{
    text-align:center; font-family:'Oswald', sans-serif; font-size:18px; font-weight:600; color:#363636;
    margin-bottom:6px; display:flex; align-items:center; justify-content:center; gap:8px;
}
.hp-reviews__title i{ color:#69b706; font-size:20px; }
.hp-reviews__sub{ text-align:center; font-family:'Open Sans', sans-serif; font-size:13px; color:#8a8a8a; margin-bottom:22px; }
.hp-reviews-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
@media (min-width:768px){ .hp-reviews-grid{ grid-template-columns:repeat(var(--hp-review-cols, 3), 1fr); } }
.hp-review-card{
    display:block; background:#fff; border-radius:12px; padding:18px; text-decoration:none; color:inherit;
    box-shadow:0 6px 16px rgba(0,0,0,.06); transition:transform .2s ease, box-shadow .2s ease;
}
.hp-review-card:hover{ transform:translateY(-4px); box-shadow:0 12px 22px rgba(0,0,0,.1); color:inherit; }
.hp-review-card__head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.hp-review-card__head img{ border-radius:50%; flex-shrink:0; }
.hp-review-card__head strong{ font-family:'Oswald', sans-serif; font-size:13.5px; color:#363636; display:block; }
.hp-review-card__stars{ display:flex; gap:2px; margin-top:2px; }
.hp-review-card__stars i{ font-size:11px; color:#e0a800; }
.hp-review-card__about{
    display:flex; align-items:center; gap:8px; flex-wrap:nowrap; margin-bottom:10px;
    padding-bottom:10px; border-bottom:1px dashed #eee;
}
.hp-review-card__badge{
    display:flex; align-items:center; gap:5px; font-family:'Oswald', sans-serif; font-size:10.5px;
    font-weight:600; text-transform:uppercase; letter-spacing:.02em; color:#69b706; flex-shrink:0;
}
.hp-review-card__badge i{ font-size:13px; }
.hp-review-card__tour{
    font-family:'Open Sans', sans-serif; font-size:12px; color:#8a8a8a;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;
}
.hp-review-card__text{
    font-family:'Open Sans', sans-serif; font-size:13px; color:#6b6b6b; line-height:1.6em;
    margin:0 0 14px; font-style:italic;
}
.hp-review-card__foot{ border-top:1px solid #f0f0f0; padding-top:12px; text-align:center; }
.hp-review-card__cta{
    font-family:'Oswald', sans-serif; font-size:11.5px; font-weight:700; text-transform:uppercase;
    letter-spacing:.02em; color:#fff; background:#69b706; padding:8px 18px; border-radius:50px;
    display:inline-flex; align-items:center; gap:5px; white-space:nowrap;
}

/* ---------- Stats ---------- */
.hp-stats{
    position:relative;
    z-index:60;
    background:#fff;
    box-shadow:0 -8px 30px rgba(0,0,0,.08);
    margin:-30px auto 0;
    border-radius:14px;
    max-width:1140px;
    width:calc(100% - 32px);
}
@media (min-width:768px){ .hp-stats{ margin-top:-45px; width:calc(100% - 60px); } }
.hp-stats__inner{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:0;
    padding:10px 4px;
}
@media (min-width:768px){
    .hp-stats__inner{ grid-template-columns:repeat(4, 1fr); padding:20px 10px; }
}
.hp-stat{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:4px;
    padding:14px 8px;
}
.hp-stat i{ font-size:24px; color:#69b706; }
.hp-stat__num{ display:block; font-family:'Oswald', sans-serif; font-size:20px; font-weight:700; color:#363636; line-height:1.1; }
.hp-stat__label{ display:block; font-family:'Open Sans', sans-serif; font-size:11px; color:#7a7a7a; text-transform:uppercase; letter-spacing:.02em; }

/* ---------- Benefits (v2 cards) ---------- */
.hp-benefits{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
@media (min-width:768px){ .hp-benefits{ grid-template-columns:repeat(4,1fr); } }
.hp-benefit{
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    padding:22px 16px;
    text-align:center;
    transition:transform .2s ease, box-shadow .2s ease;
}
.hp-benefit:hover{ transform:translateY(-4px); box-shadow:0 12px 22px rgba(0,0,0,.08); }
.hp-benefit i{ font-size:30px; color:#69b706; display:block; margin-bottom:10px; }
.hp-benefit span{ font-family:'Oswald', sans-serif; font-size:13.5px; font-weight:600; color:#363636; }

/* ---------- Cum functioneaza (tabs) ---------- */
.hp-tabs{ display:flex; justify-content:center; gap:10px; margin-bottom:35px; flex-wrap:wrap; }
.hp-tab{
    border:2px solid #e2e2e2; background:#fff; color:#363636;
    font-family:'Oswald', sans-serif; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.02em;
    border-radius:50px; padding:12px 26px; cursor:pointer;
    display:inline-flex; align-items:center; gap:8px; transition:all .25s ease;
}
.hp-tab i{ font-size:18px; }
.hp-tab:hover{ border-color:#69b706; color:#69b706; }
.hp-tab.is-active{ background:#69b706; border-color:#69b706; color:#fff; }
.hp-tab.is-active[data-tour="ghid"]{ background:#0095fe; border-color:#0095fe; }

.hp-panel{ display:none; }
.hp-panel.is-active{ display:block; animation:hpFadeIn .35s ease both; }
@keyframes hpFadeIn{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:translateY(0); } }

.hp-steps{ display:grid; grid-template-columns:1fr; gap:20px; counter-reset:hpstep; }
@media (min-width:576px){ .hp-steps{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:992px){ .hp-steps{ grid-template-columns:repeat(4,1fr); } }
.hp-step{
    position:relative; background:#fff; border-radius:14px; padding:28px 20px 22px;
    box-shadow:0 6px 18px rgba(0,0,0,.06); counter-increment:hpstep;
    transition:transform .25s ease, box-shadow .25s ease;
}
.hp-step:hover{ transform:translateY(-6px); box-shadow:0 14px 28px rgba(0,0,0,.12); }
.hp-step:before{
    content:counter(hpstep); position:absolute; top:-14px; left:20px; width:32px; height:32px; border-radius:50%;
    background:#69b706; color:#fff; font-family:'Oswald', sans-serif; font-weight:700; font-size:15px;
    display:flex; align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(105,183,6,.45);
}
.hp-panel[data-tour="ghid"] .hp-step:before{ background:#0095fe; box-shadow:0 4px 10px rgba(0,149,254,.45); }
.hp-step i{ font-size:34px; color:#69b706; display:block; margin-bottom:12px; }
.hp-panel[data-tour="ghid"] .hp-step i{ color:#0095fe; }
.hp-step h3{ font-family:'Oswald', sans-serif; font-size:16px; font-weight:600; color:#363636; margin-bottom:8px; }
.hp-step p{ font-family:'Open Sans', sans-serif; font-size:13.5px; color:#6b6b6b; line-height:1.6em; margin:0; }

/* ---------- Tururi Audio (v2 — full-width showcase) ---------- */
.hp-audio2{
    padding:60px 0;
    background:linear-gradient(180deg, #f2faee 0%, #e9f6e2 100%);
}
.hp-audio2-head{
    display:flex; flex-direction:column; gap:30px; margin-bottom:40px;
}
@media (min-width:992px){
    .hp-audio2-head{ flex-direction:row; align-items:center; gap:50px; }
}
.hp-audio2-copy{ flex:1 1 60%; min-width:0; text-align:left; }
.hp-audio2-copy .Title{ text-align:left; }
.hp-audio2-eyebrow{
    display:inline-flex; align-items:center; gap:7px; background:#69b706; color:#fff;
    font-family:'Oswald', sans-serif; font-size:11.5px; font-weight:600; text-transform:uppercase;
    letter-spacing:.04em; padding:7px 16px; border-radius:50px; margin-bottom:14px;
}
.hp-audio2-wave{ display:flex; align-items:flex-end; justify-content:flex-start; gap:4px; height:26px; margin:14px 0; }
.hp-audio2-wave span{ width:4px; background:#69b706; border-radius:3px; opacity:.75; animation:hpWave2 1.2s ease-in-out infinite; }
.hp-audio2-wave span:nth-child(odd){ animation-delay:.15s; }
.hp-audio2-wave span:nth-child(3n){ animation-delay:.3s; }
.hp-audio2-wave span:nth-child(1){ height:35%; } .hp-audio2-wave span:nth-child(2){ height:70%; }
.hp-audio2-wave span:nth-child(3){ height:100%; } .hp-audio2-wave span:nth-child(4){ height:55%; }
.hp-audio2-wave span:nth-child(5){ height:85%; } .hp-audio2-wave span:nth-child(6){ height:40%; }
.hp-audio2-wave span:nth-child(7){ height:90%; } .hp-audio2-wave span:nth-child(8){ height:60%; }
.hp-audio2-wave span:nth-child(9){ height:100%; } .hp-audio2-wave span:nth-child(10){ height:45%; }
.hp-audio2-wave span:nth-child(11){ height:30%; }
@keyframes hpWave2{ 0%, 100%{ transform:scaleY(.5); } 50%{ transform:scaleY(1); } }
.hp-audio2-desc{ font-family:'Open Sans', sans-serif; font-size:14px; color:#4d4d4d; line-height:1.75em; text-align:left; }
.hp-audio2-perks{ display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px; margin-top:22px; }
.hp-audio2-perks span{
    display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid #dcefd2;
    color:#363636; font-family:'Oswald', sans-serif; font-size:12px; font-weight:600;
    padding:9px 16px; border-radius:50px; box-shadow:0 4px 10px rgba(0,0,0,.04);
}
.hp-audio2-perks i{ color:#69b706; font-size:15px; }

/* Evidentierile (dreapta, una sub cealalta) */
.hp-audio2-highlights{
    flex:1 1 36%; display:flex; flex-direction:column; gap:14px; min-width:0;
}
.hp-audio2-highlight{
    background:#fff; border:1px solid #dcefd2; border-left:4px solid #69b706;
    border-radius:10px; padding:16px 18px;
    font-family:'Open Sans', sans-serif; font-size:14px; color:#363636; line-height:1.6em;
    box-shadow:0 6px 16px rgba(0,0,0,.05);
}

.hp-audio2-grid{ display:grid; grid-template-columns:1fr; gap:20px; }
@media (min-width:576px){ .hp-audio2-grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:992px){ .hp-audio2-grid{ grid-template-columns:repeat(4,1fr); } }
.hp-audio2-card{
    display:block; background:#fff; border-radius:14px; overflow:hidden; text-decoration:none; color:inherit;
    box-shadow:0 8px 20px rgba(0,0,0,.08); transition:transform .25s ease, box-shadow .25s ease;
}
.hp-audio2-card:hover{ transform:translateY(-6px); box-shadow:0 18px 32px rgba(0,0,0,.14); color:inherit; }
.hp-audio2-card__img{ position:relative; height:150px; overflow:hidden; }
.hp-audio2-card__img img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.hp-audio2-card:hover .hp-audio2-card__img img{ transform:scale(1.08); }
.hp-audio2-card__play{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,.9); color:#69b706;
    display:flex; align-items:center; justify-content:center; font-size:18px; box-shadow:0 6px 14px rgba(0,0,0,.25);
}
.hp-audio2-card__badge{
    position:absolute; top:10px; left:10px; background:rgba(20,20,20,.7); color:#fff;
    font-family:'Oswald', sans-serif; font-size:10px; font-weight:600; text-transform:uppercase;
    padding:5px 10px; border-radius:50px; display:flex; align-items:center; gap:5px;
}
.hp-audio2-card__body{ padding:14px 16px 16px; }
.hp-audio2-card__body h3{
    font-family:'Oswald', sans-serif; font-size:14px; font-weight:600; color:#363636; margin:0 0 12px;
    min-height:38px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.hp-audio2-card__foot{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.hp-audio2-card__price{ font-family:'Oswald', sans-serif; font-size:15px; font-weight:700; color:#363636; }
.hp-audio2-card__cta{ background:#69b706; color:#fff; font-family:'Oswald', sans-serif; font-size:11px; font-weight:600; text-transform:uppercase; padding:7px 14px; border-radius:50px; }

/* ---------- Tururi cu Ghid Local ---------- */
.hp-guided{ background:#eef7ff; }
.hp-zones{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:20px; }
.hp-zone-btn{
    display:inline-flex; align-items:center; gap:6px;
    background:#fff; border:1px solid #cfe6fb; color:#0095fe;
    font-family:'Oswald', sans-serif; font-size:12.5px; font-weight:600; text-transform:uppercase; letter-spacing:.02em;
    padding:8px 18px; border-radius:50px; text-decoration:none;
    transition:all .2s ease;
}
.hp-zone-btn i{ font-size:14px; }
.hp-zone-btn:hover{ background:#0095fe; border-color:#0095fe; color:#fff; }
.hp-gcard{
    display:block; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,.07);
    transition:transform .25s ease, box-shadow .25s ease; height:100%; text-decoration:none; color:inherit;
}
.hp-gcard:hover{ transform:translateY(-6px); box-shadow:0 16px 30px rgba(0,0,0,.14); color:inherit; }
.hp-gcard__img{ position:relative; }
.hp-gcard__badge{
    position:absolute; top:12px; left:12px; background:#0095fe; color:#fff; font-family:'Oswald', sans-serif; font-size:11px;
    font-weight:600; text-transform:uppercase; letter-spacing:.03em; padding:6px 12px; border-radius:50px; display:flex; align-items:center; gap:6px;
}
.hp-gcard__body{ padding:16px 18px 18px; }
.hp-gcard__body h3{ font-family:'Oswald', sans-serif; font-size:16px; font-weight:600; color:#363636; margin-bottom:10px; min-height:42px; }
.hp-gcard__meta{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:14px; min-height:1px; }
.hp-gcard__meta span{ display:flex; align-items:center; gap:5px; font-family:'Open Sans', sans-serif; font-size:12.5px; color:#7a7a7a; }
.hp-gcard__meta i{ color:#0095fe; font-size:15px; }
.hp-gcard__foot{ display:flex; align-items:center; justify-content:space-between; border-top:1px solid #eee; padding-top:12px; }
.hp-gcard__price{ font-family:'Open Sans', sans-serif; font-size:13px; color:#7a7a7a; }
.hp-gcard__price b{ font-family:'Oswald', sans-serif; font-size:17px; color:#363636; }
.hp-gcard__cta{ font-family:'Oswald', sans-serif; font-size:12px; font-weight:600; text-transform:uppercase; color:#0095fe; display:flex; align-items:center; gap:5px; }

/* ---------- Atractii (grid) ---------- */
.hp-attr-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
@media (min-width:768px){ .hp-attr-grid{ grid-template-columns:repeat(4,1fr); } }
.hp-attr-card{
    display:block; background:#fff; border-radius:14px; overflow:hidden;
    text-decoration:none; color:inherit; box-shadow:0 6px 16px rgba(0,0,0,.08);
    transition:transform .25s ease, box-shadow .25s ease;
}
.hp-attr-card:hover{ transform:translateY(-6px); box-shadow:0 16px 28px rgba(0,0,0,.14); color:inherit; }
.hp-attr-card__img{ position:relative; height:150px; overflow:hidden; }
.hp-attr-card__img img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.hp-attr-card:hover .hp-attr-card__img img{ transform:scale(1.08); }
.hp-attr-card__badge{
    position:absolute; top:10px; left:10px; background:rgba(20,20,20,.7); color:#fff;
    font-family:'Oswald', sans-serif; font-size:10px; font-weight:600; text-transform:uppercase;
    padding:5px 10px; border-radius:50px; display:flex; align-items:center; gap:5px;
}
.hp-attr-card__badge i{ color:#a9e46a; font-size:11px; }
.hp-attr-card__body{ padding:14px 16px 16px; }
.hp-attr-card__body h3{
    font-family:'Oswald', sans-serif; font-size:14px; font-weight:600; color:#363636; margin:0 0 10px;
    min-height:38px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.hp-attr-card__meta{ display:flex; align-items:center; gap:8px; border-top:1px solid #f0f0f0; padding-top:10px; min-height:20px; }
.hp-attr-card__rating{ display:inline-flex; align-items:center; gap:4px; background:#fff7e0; border-radius:50px; padding:3px 10px 3px 8px; }
.hp-attr-card__rating i{ font-size:13px; line-height:1; color:#f5a800; }
.hp-attr-card__rating b{ font-family:'Oswald', sans-serif; font-size:13px; font-weight:600; line-height:1; color:#363636; }
.hp-attr-card__reviews{ font-family:'Open Sans', sans-serif; font-size:12px; color:#8a8a8a; white-space:nowrap; }
.hp-attr-card__reviews--none{ color:#b0b0b0; font-size:11.5px; }

/* ---------- Destinatii (grid) ---------- */
.hp-dest-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
@media (min-width:768px){ .hp-dest-grid{ grid-template-columns:repeat(3,1fr); } }
.hp-dest-card{ display:block; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 6px 16px rgba(0,0,0,.07); text-decoration:none; color:inherit; transition:transform .25s ease, box-shadow .25s ease; }
.hp-dest-card:hover{ transform:translateY(-6px); box-shadow:0 16px 28px rgba(0,0,0,.13); color:inherit; }
.hp-dest-card__img{ height:150px; overflow:hidden; }
.hp-dest-card__img img{ width:100%; height:100%; object-fit:cover; }
.hp-dest-card__body{ padding:14px 16px; }
.hp-dest-card__body h3{ font-family:'Oswald', sans-serif; font-size:14.5px; font-weight:600; color:#363636; margin-bottom:6px; }
.hp-dest-card__body p{ font-family:'Open Sans', sans-serif; font-size:12.5px; color:#8a8a8a; line-height:1.6em; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ---------- Utilitare ---------- */
/* Aparitie la scroll: doar CSS (fara JS), iar continutul ramane vizibil oricand (fara JS / browsere vechi / crawlere) */
@keyframes hpRise{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:none; } }
@supports (animation-timeline: view()) {
    @media (prefers-reduced-motion:no-preference){
        .hp-fade-up{ animation:hpRise linear backwards; animation-timeline:view(); animation-range:entry 0% entry 40%; }
    }
}
.hp-cta-center{ text-align:center; margin-top:26px; }
.hp-cta-center .Button--blue{ background:#0095fe; }

/* =========================================================
   Performanta: hero-ul nu depinde de JS (owl.carousel are display:none pana la initializare -> intarzia LCP)
   ========================================================= */
.Slider .owl-carousel:not(.owl-loaded){ display:block; }
.Slider .owl-carousel:not(.owl-loaded) .Slider__items:not(:first-child){ display:none; }
.Slider__img{ position:relative; }

/* Sectiuni: content-visibility — browserul sare peste randarea sectiunilor din afara ecranului (INP/TBT mai bune) */
.hp-section, .hp-audio2, .hp-guided{ content-visibility:auto; contain-intrinsic-size:auto 720px; }

/* Fara hover „ridicat” pe touch */
@media (hover:none){
    .hp-news-card:hover, .hp-audio2-card:hover, .hp-gcard:hover, .hp-attr-card:hover, .hp-dest-card:hover,
    .hp-step:hover, .hp-benefit:hover, .hp-review-card:hover{ transform:none; }
    .hp-audio2-card:hover .hp-audio2-card__img img, .hp-attr-card:hover .hp-attr-card__img img{ transform:none; }
}

/* =========================================================
   Mobil (<768px): hero compact, statistici, carusele swipe pentru liste, tab-uri segmentate
   ========================================================= */
@media (max-width:767px){
    .hp-section, .hp-audio2{ padding:38px 0; }
    .hp-head{ margin-bottom:22px; padding:0 4px; }
    .hp-head .Content{ font-size:14px; }

    /* Hero */
    .hp-hero-overlay{ min-height:500px; padding:150px 0 58px; }
    .hp-hero-content h2{ font-size:26px; line-height:1.12; margin-bottom:10px; }
    .hp-hero-content p{
        font-size:14px; line-height:1.55; margin-bottom:16px;
        display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
    }
    .hp-hero-actions{ width:100%; gap:12px; }
    .hp-hero-actions .Button{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 26px; border-radius:50px; }
    .hp-hero-feature{ width:100%; background:rgba(20,20,20,.5); }
    .hp-hero-feature span:last-child{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .Slider .owl-dots{ position:absolute; left:0; right:0; bottom:38px; text-align:center; }
    .Slider .owl-dots .owl-dot span{ width:8px; height:8px; margin:0 4px; background:rgba(255,255,255,.55); }
    .Slider .owl-dots .owl-dot.active span{ width:22px; background:#69b706; }

    /* Cautare din hero */
    .hp-hero-search{ padding:22px 0 64px; }
    .hp-hero-search-box{ gap:12px; }
    .hp-hero-search-box form{ padding:4px 4px 4px 18px; }
    .hp-hero-search-box input{ font-size:16px; min-height:44px; } /* 16px: iOS nu mai face zoom la focus */
    .hp-hero-search-box button{ min-height:44px; padding:0 22px; }

    /* Statistici: card 2x2 cu separatoare */
    .hp-stats{ margin-top:-34px; width:calc(100% - 24px); border-radius:18px; box-shadow:0 10px 30px rgba(15,23,42,.14); }
    .hp-stats__inner{ padding:6px; }
    .hp-stat{ flex-direction:row; text-align:left; justify-content:flex-start; gap:10px; padding:12px 12px; }
    .hp-stat:nth-child(odd){ border-right:1px solid #eef0f2; }
    .hp-stat:nth-child(-n+2){ border-bottom:1px solid #eef0f2; }
    .hp-stat i{ font-size:26px; flex-shrink:0; }
    .hp-stat__num{ font-size:22px; }
    .hp-stat__label{ font-size:10px; line-height:1.25; }

    /* Liste orizontale swipe (snap) in loc de coloane lungi */
    .hp-news-grid, .hp-attr-grid, .hp-dest-grid, .hp-audio2-grid, .hp-reviews-grid, .hp-guided .row{
        display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:74%; gap:12px;
        margin-left:-15px; margin-right:-15px; padding:4px 15px 16px;
        overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-left:15px;
        -webkit-overflow-scrolling:touch; scrollbar-width:none;
    }
    .hp-news-grid::-webkit-scrollbar, .hp-attr-grid::-webkit-scrollbar, .hp-dest-grid::-webkit-scrollbar,
    .hp-audio2-grid::-webkit-scrollbar, .hp-reviews-grid::-webkit-scrollbar, .hp-guided .row::-webkit-scrollbar{ display:none; }
    .hp-news-grid > *, .hp-attr-grid > *, .hp-dest-grid > *, .hp-audio2-grid > *, .hp-reviews-grid > *, .hp-guided .row > *{ scroll-snap-align:start; min-width:0; }
    .hp-guided .row > [class*="col-"]{ width:auto; max-width:none; flex:none; padding:0; margin:0 !important; }
    .hp-guided .row > [class*="col-"]{ display:flex; }
    .hp-guided .hp-gcard{ display:flex; flex-direction:column; width:100%; }
    .hp-gcard__body{ display:flex; flex-direction:column; flex:1; }
    .hp-gcard__foot{ margin-top:auto; }
    .hp-guided .row{ margin-top:0; }
    .hp-guided .row::before, .hp-guided .row::after{ display:none; }
    .hp-news-card__img, .hp-audio2-card__img, .hp-attr-card__img, .hp-dest-card__img{ height:150px; }
    .hp-news-card__body h3{ font-size:14.5px; }

    /* Tab-uri „Cum functioneaza” — segment complet */
    .hp-tabs{ display:grid; grid-template-columns:1fr 1fr; gap:6px; background:#eef0f2; padding:5px; border-radius:50px; margin-bottom:24px; }
    .hp-tab{ justify-content:center; border:none; background:transparent; padding:12px 8px; font-size:13px; min-height:44px; }
    .hp-tab.is-active{ box-shadow:0 6px 14px rgba(0,0,0,.14); }

    /* Pasi: rand compact (icon + text) */
    .hp-steps{ gap:22px; }
    .hp-step{ display:grid; grid-template-columns:44px 1fr; column-gap:14px; padding:20px 16px 18px; }
    .hp-step i{ grid-row:1 / span 2; font-size:32px; margin:0; align-self:start; }
    .hp-step h3{ margin-bottom:4px; }

    /* Recenzii */
    .hp-reviews{ margin-top:34px; padding-top:28px; }
    .hp-reviews-grid{ grid-auto-columns:84%; }
    .hp-review-card{ display:flex; flex-direction:column; }
    .hp-review-card__foot{ margin-top:auto; }

    /* Audio */
    .hp-audio2-head{ gap:22px; margin-bottom:26px; }
    .hp-audio2-perks{ gap:8px; }
    .hp-audio2-perks span{ padding:8px 12px; font-size:11.5px; }
    .hp-audio2-highlight{ padding:14px 14px; font-size:13.5px; }

    /* Butoane de zona (scroll orizontal, un singur rand) */
    .hp-zones{ flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; margin:18px -15px 0; padding:2px 15px 6px; scrollbar-width:none; }
    .hp-zones::-webkit-scrollbar{ display:none; }
    .hp-zone-btn{ flex-shrink:0; min-height:40px; }

    .hp-cta-center{ margin-top:14px; }
    .hp-cta-center .Button, .hp-cta-center .btn{ display:flex; align-items:center; justify-content:center; width:100%; max-width:360px; margin:0 auto; min-height:48px; border-radius:50px; }
}
@media (min-width:480px) and (max-width:767px){
    .hp-news-grid, .hp-attr-grid, .hp-dest-grid, .hp-audio2-grid, .hp-guided .row{ grid-auto-columns:46%; }
    .hp-reviews-grid{ grid-auto-columns:60%; }
}