/* v3 redizajn — home stranica + navigacija (učitava se preko <link precedence>
   iz komponenti u components/home/ i SiteHeader-a). Paleta i osnovne promenljive
   dolaze iz obi_pal_v215.css (:root). Sve novo je pod .v3-* prefiksom; jedina
   globalna izmena su nav-link pravila (aktivna stavka podvučena teal). */

/* ---------- navigacija ---------- */
.nav-link{border-bottom:2px solid transparent;padding:8px 0}
.nav-link:hover{color:var(--text);border-color:rgba(201, 163, 92,.45)}
.nav-link.active{color:var(--text);border-color:var(--teal)}

/* ♡ Sačuvano — ikonica sa brojem u nav-actions */
.v3-saved{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--gold);border-radius:999px;padding:9px 13px;text-decoration:none;font-weight:900;font-size:14px;line-height:1}
.v3-saved svg{width:16px;height:16px;flex:none}
.v3-saved:hover{border-color:rgba(201, 163, 92,.6);box-shadow:0 0 0 3px rgba(201, 163, 92,.12)}
.v3-saved.active{background:rgba(201, 163, 92,.16);border-color:rgba(201, 163, 92,.55)}
.nav-cta-actions{display:inline-flex;align-items:center;gap:10px}

/* ---------- hero ---------- */
main.shell:has(#home.view.active){max-width:none;padding:0}
.v3-home-content{max-width:1240px;margin:auto;padding:0 22px 44px}
.v3-hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:calc(100svh - 72px);width:100%;margin-inline:0;padding:clamp(44px,7vh,82px) max(22px,calc((100% - 1196px)/2 + 22px)) clamp(92px,10vh,118px);overflow:hidden}
.v3-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(92deg,rgba(11,16,23,.88) 0%,rgba(11,16,23,.68) 34%,rgba(11,16,23,.28) 62%,rgba(11,16,23,.14) 100%),linear-gradient(180deg,rgba(11,16,23,.1) 0%,rgba(11,16,23,.04) 42%,rgba(11,16,23,.62) 100%);pointer-events:none}
.v3-hero-copy{z-index:4;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0;max-width:760px;padding-top:58px}
.v3-hero-title{display:grid;gap:4px;margin:0}
.v3-hero-title span{display:block;font-size:clamp(38px,5vw,74px);line-height:.96;letter-spacing:-.028em;text-shadow:0 18px 42px rgba(0,0,0,.42)}
.v3-hero-title span:first-child{white-space:normal;text-wrap:balance}
.v3-hero-title span:last-child{white-space:normal;text-wrap:balance}
.v3-hero-sub{display:grid;gap:2px;color:rgba(236,241,247,.88);font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0;max-width:58ch;text-shadow:0 10px 28px rgba(0,0,0,.42)}
.v3-hero-sub span{display:block}

.v3-search{--v3-search-gap:10px;--v3-search-select-side-space:34px;margin-top:14px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:linear-gradient(160deg,rgba(17,25,39,.82),rgba(13,20,31,.68));backdrop-filter:blur(16px);padding:16px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.1fr) minmax(0,.95fr) auto;gap:var(--v3-search-gap);align-items:end;box-shadow:0 24px 70px rgba(0,0,0,.38);width:auto;min-width:0;flex:1 1 0}
.v3-search label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700;min-width:0}
.v3-search-select{position:relative;display:grid;align-items:center;min-width:0}
.v3-search-select select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:#101826;color:var(--text);font-size:15px;font-weight:700;line-height:1.2;padding-block:11px;padding-inline-start:12px;padding-inline-end:var(--v3-search-select-side-space);text-align:center;text-align-last:center;overflow:visible;text-overflow:clip;white-space:nowrap}
.v3-search-select-caret{position:absolute;inset-block-start:50%;inset-inline-end:16px;width:10px;height:10px;border-inline-end:2px solid rgba(238,242,247,.72);border-block-end:2px solid rgba(238,242,247,.72);transform:translateY(-65%) rotate(45deg);pointer-events:none}
.v3-search select{width:100%;min-width:0}
.v3-search select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(201, 163, 92,.14)}
.v3-search .btn.primary{border-radius:12px;padding:12px 22px;white-space:nowrap}

.v3-hero-media{position:absolute;inset:0;overflow:hidden;background:#121b29;box-shadow:none}
.v3-hero-media img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-video-object-position,center center);transform:scale(var(--hero-video-scale,1));filter:saturate(1.06) contrast(1.04)}
.v3-hero-media:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(25deg,rgba(201,163,92,.09),transparent 42%),linear-gradient(180deg,transparent 58%,rgba(8,12,18,.28) 100%);pointer-events:none}
.v3-hero-project-info{position:absolute;top:clamp(16px,1.7vw,24px);inset-inline-end:max(22px,calc((100% - 1196px)/2 + 22px));z-index:4;display:grid;justify-items:end;gap:2px;max-width:min(38vw,360px);min-width:0;color:var(--text);text-align:end;opacity:.82;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.v3-hero-project-copy{display:grid;gap:2px;min-width:0;width:100%}
.v3-hero-project-name{min-width:0;max-width:100%;max-height:2.3em;overflow:hidden;color:rgba(255,255,255,.92);font-weight:700;font-size:clamp(14px,1.15vw,17px);line-height:1.15;letter-spacing:.02em;text-wrap:balance}
.v3-hero-project-location{min-width:0;color:rgba(238,242,247,.62);font-weight:600;font-size:clamp(10px,0.85vw,12px);line-height:1.2;letter-spacing:.04em;text-transform:uppercase}

/* hero video rotator (HeroVideo.tsx) */
.v3-hero-media video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-video-object-position,center center);transform:scale(var(--hero-video-scale,1));filter:saturate(1.06) contrast(1.04);opacity:1}
.v3-hero-video-neutral{position:absolute;inset:0;background:#0b1017}
.v3-hero-video-link{position:absolute;inset:0;z-index:2;display:block}
.v3-hero-video-link-hit{position:absolute;inset:0;display:block}
.v3-hero-video-link:focus-visible{outline:3px solid rgba(201,163,92,.92);outline-offset:-8px}

/* ---------- traka poverenja ---------- */
.v3-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 6px;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}
.v3-hero>.v3-trust{position:absolute;left:max(22px,calc((100% - 1196px)/2 + 22px));right:max(22px,calc((100% - 1196px)/2 + 22px));bottom:24px;z-index:4;margin:0;padding:14px 18px;background:linear-gradient(160deg,rgba(17,25,39,.78),rgba(13,20,31,.62));backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.26)}
.v3-trust-item{display:grid;gap:3px;align-content:center}
.v3-trust-num{font-size:27px;font-weight:950;color:var(--text);line-height:1}
.v3-trust-label{color:var(--muted);font-size:13px}
.v3-trust-updated{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;font-weight:700}
.v3-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(201, 163, 92,.16);flex:none}

/* ---------- destination discovery ---------- */
.v3-discovery{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(280px,.72fr);gap:20px;align-items:stretch;padding:34px 0 10px}
.v3-discovery-intro,.v3-destination-card,.v3-discovery-action{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,rgba(16,24,38,.96),rgba(10,16,26,.9))}
.v3-discovery-intro{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:28px;background:radial-gradient(circle at top left,rgba(201,163,92,.14),transparent 42%),linear-gradient(180deg,rgba(16,24,38,.98),rgba(10,16,26,.94))}
.v3-discovery-intro h2{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.02;letter-spacing:-.03em}
.v3-discovery-intro p{margin:0;color:#c7d1de;line-height:1.6}
.v3-discovery-browse{align-self:flex-start;border-radius:999px}
.v3-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.v3-destination-card{display:grid;grid-template-rows:minmax(220px,260px) auto;color:var(--text);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.v3-destination-card:hover{transform:translateY(-3px);border-color:rgba(201,163,92,.48);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.v3-destination-card:focus-visible{outline:3px solid rgba(201,163,92,.55);outline-offset:3px}
.v3-destination-media{position:relative;overflow:hidden}
.v3-destination-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.v3-destination-card:hover .v3-destination-media img,.v3-destination-card:focus-visible .v3-destination-media img{transform:scale(1.04)}
.v3-destination-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(11,16,23,.18) 58%,rgba(11,16,23,.82) 100%)}
.v3-destination-body{position:relative;display:grid;gap:10px;padding:20px}
.v3-destination-kicker{color:rgba(201,163,92,.88);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.v3-destination-body h3{margin:0;font-size:28px;line-height:1.05}
.v3-destination-body p{margin:0;color:#c3ccda;min-height:2.8em}
.v3-destination-link{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:850}
.v3-discovery-actions{display:grid;gap:14px}
.v3-discovery-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:116px;padding:20px;color:var(--text);text-decoration:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
.v3-discovery-action:hover{transform:translateY(-2px);border-color:rgba(201,163,92,.4);background:linear-gradient(180deg,rgba(22,31,47,.98),rgba(11,17,26,.94))}
.v3-discovery-action:focus-visible{outline:3px solid rgba(201,163,92,.5);outline-offset:3px}
.v3-discovery-action-copy{display:grid;gap:8px}
.v3-discovery-action-copy strong{font-size:20px;line-height:1.05}
.v3-discovery-action-copy span{color:#b9c4d3;line-height:1.45}
.v3-discovery-action-arrow{font-size:24px;color:var(--gold);transition:transform .18s ease}
.v3-discovery-action:hover .v3-discovery-action-arrow,.v3-discovery-action:focus-visible .v3-discovery-action-arrow{transform:translateX(3px)}
.v3-discovery-action.is-static{border-style:dashed}
.v3-discovery-action-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(201,163,92,.34);border-radius:999px;padding:7px 10px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}

/* ---------- sekcije ---------- */
.v3-section{padding:34px 0 6px}
.v3-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:8px}
.v3-section-head h2{font-size:30px;margin:4px 0 6px}
.v3-section-head .sub{margin:0}

/* ---------- istaknuti projekti ---------- */
.v3-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:24px 0 12px}
.v3-row-head h3{font-size:19px;margin:0;letter-spacing:.01em}
.v3-more{color:var(--teal);text-decoration:none;font-weight:800;font-size:14px;white-space:nowrap}
.v3-more:hover{text-decoration:underline}

.v3-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v3-card{display:block;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.v3-card:hover{transform:translateY(-3px);border-color:rgba(201, 163, 92,.55);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.v3-card .card-img{height:172px}
.v3-card-body{padding:14px 16px 16px;display:grid;gap:5px}
.v3-card-title{font-size:17px;font-weight:900;margin:0}
.v3-card-zone{color:var(--muted);font-size:13px}
.v3-card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:5px}
.v3-card-price{color:var(--gold);font-weight:950}
.v3-card-count{color:var(--muted);font-size:13px}

/* ---------- sniženja ---------- */
.v3-deals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.v3-deal{display:grid;align-content:start;gap:8px;padding:16px;text-decoration:none;color:var(--text);border:1px solid rgba(201, 163, 92,.32);border-radius:16px;background:linear-gradient(180deg,rgba(201, 163, 92,.07),rgba(255,255,255,.02));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.v3-deal:hover{transform:translateY(-3px);border-color:rgba(201, 163, 92,.6);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.v3-deal-badge{justify-self:start;background:rgba(201, 163, 92,.16);border:1px solid rgba(201, 163, 92,.5);color:var(--gold);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.v3-deal-project{color:var(--muted);font-size:13px;margin-top:2px}
.v3-deal-title{font-weight:900;font-size:16px;line-height:1.3}
.v3-deal-prices{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-top:2px}
.v3-deal-old{color:var(--muted);text-decoration:line-through;font-size:14px}
.v3-deal-new{font-size:20px;font-weight:950}
.v3-deal-cta{color:var(--teal);font-weight:800;font-size:14px}

/* ---------- kako funkcioniše ---------- */
.v3-how{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:18px 22px;background:rgba(255,255,255,.035)}
.v3-step{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.v3-step-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(201, 163, 92,.16);color:var(--teal);font-weight:950;flex:none}
.v3-step b{display:block;font-size:15px}
.v3-step small{color:var(--muted);display:block;margin-top:2px}
.v3-step-arrow{color:var(--muted);opacity:.55;font-size:20px;flex:none}

/* ---------- završni CTA ---------- */
.v3-cta{margin:34px 0 44px;border:1px solid rgba(201, 163, 92,.35);border-radius:16px;padding:38px 28px;text-align:center;background:radial-gradient(circle at 50% -40%,rgba(201, 163, 92,.18),transparent 62%),linear-gradient(160deg,rgba(17, 25, 39,.9),rgba(13, 20, 31,.8));box-shadow:var(--shadow)}
.v3-cta h2{margin:0 0 8px;font-size:28px}
.v3-cta p{color:var(--muted);margin:0 auto 20px;max-width:60ch}

/* ---------- responsive ---------- */
@media(max-width:1080px){
  .v3-trust{grid-template-columns:repeat(2,1fr);row-gap:18px}
  .v3-hero>.v3-trust{grid-template-columns:repeat(4,1fr);row-gap:8px;padding:10px 14px}
  .v3-hero-copy{max-width:640px}
  .v3-hero-title span{white-space:normal}
  .v3-hero-project-info{position:relative;top:auto;inset-inline-end:auto;justify-items:start;width:min(100%,420px);margin-top:8px;margin-bottom:2px;text-align:left}
  .v3-hero-project-info:before{inset:-14px -16px}
  .v3-hero-dots button{width:44px;height:44px}
  .v3-deals{grid-template-columns:repeat(2,1fr)}
  .v3-search{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .v3-search .btn.primary{grid-column:1/-1}
  .v3-discovery{grid-template-columns:1fr}
  .v3-discovery-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1081px) and (max-width:1279px){
  .v3-hero-copy{max-width:610px}
  .v3-hero-title span{white-space:normal}
  .v3-search{width:min(100%,620px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .v3-search .btn.primary{grid-column:1/-1}
  .v3-hero-project-info{position:relative;top:auto;inset-inline-end:auto;justify-items:start;width:min(100%,420px);margin-top:8px;margin-bottom:2px;text-align:left}
  .v3-hero-project-info:before{inset:-14px -16px}
  .v3-hero>.v3-trust{bottom:10px}
  .v3-hero>.v3-trust{padding:10px 14px}
  .v3-hero>.v3-trust .v3-trust-num{font-size:22px}
  .v3-hero>.v3-trust .v3-trust-label,.v3-hero>.v3-trust .v3-trust-updated{font-size:12px}
  .v3-discovery{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .v3-discovery-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .v3-hero{align-items:start;min-height:calc(100svh - 72px + 26px);padding:18px 18px 222px}
  .v3-hero-copy{max-width:none;padding-top:16px;gap:8px}
  .v3-hero-title span{font-size:clamp(34px,10.6vw,48px)}
  .v3-search{--v3-search-gap:6px;--v3-search-select-side-space:34px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);margin-top:8px;padding:12px}
  .v3-search-field-destination,.v3-search-submit{grid-column:1/-1}
  .v3-search-select select{padding-block:10px;font-size:14px}
  .v3-search .btn.primary{padding:10px 18px}
  .v3-hero-project-info{position:relative;left:auto;right:auto;bottom:auto;top:auto;inset-inline-end:auto;justify-items:end;gap:2px;width:min(100%,320px);max-width:none;margin-top:10px;margin-inline-start:auto;text-align:right;z-index:5}
  .v3-hero-project-copy{justify-items:end}
  .v3-hero-project-name{max-width:min(100%,230px);max-height:none;overflow:visible;font-size:16px;line-height:1.15}
  .v3-hero-project-location{max-width:min(100%,230px);font-size:12px;line-height:1.2}
  .v3-hero-project-cta{max-width:100%;font-size:11px}
  .v3-hero-dots{justify-content:center;width:min(56vw,220px);margin:2px auto 8px}
  .v3-hero-video-link{pointer-events:none}
  .v3-hero>.v3-trust{left:18px;right:18px;bottom:10px;grid-template-columns:1fr 1fr;gap:6px;padding:10px}
  .v3-hero>.v3-trust .v3-trust-num{font-size:20px}
  .v3-hero>.v3-trust .v3-trust-label,.v3-hero>.v3-trust .v3-trust-updated{font-size:12px}
  .v3-cards{grid-template-columns:1fr}
  .v3-deals{grid-template-columns:1fr}
  .v3-trust{grid-template-columns:1fr 1fr;padding:16px}
  .v3-trust-num{font-size:22px}
  .v3-how{flex-direction:column;align-items:stretch;gap:14px}
  .v3-step-arrow{display:none}
  .v3-section-head{flex-direction:column;align-items:flex-start}
  .v3-row-head{flex-wrap:wrap}
  .v3-saved span{font-size:13px}
  .v3-discovery{padding-top:24px}
  .v3-destination-grid,.v3-discovery-actions{grid-template-columns:1fr}
  .v3-discovery-intro,.v3-destination-body,.v3-discovery-action{padding:18px}
  .v3-destination-card{grid-template-rows:220px auto}
  .v3-discovery-action{min-height:98px}
  .v3-discovery-action-copy strong{font-size:18px}
}
@media(max-width:430px){
  .v3-search{grid-template-columns:1fr}
}
@media(max-width:420px){
  .v3-hero{padding:14px 14px 212px}
  .v3-hero-copy{gap:8px}
  .v3-hero-title span{font-size:clamp(31px,9.6vw,38px)}
  .v3-hero-sub{font-size:15px;line-height:1.42}
  .v3-search{--v3-search-gap:6px;--v3-search-select-side-space:32px;grid-template-columns:1fr;padding:10px}
  .v3-search label{font-size:12px}
  .v3-search-field-destination,.v3-search-submit{grid-column:1/-1}
  .v3-search-field-budget .v3-search-select select,.v3-search-field-type .v3-search-select select{font-size:13px}
  .v3-hero-project-info{width:min(100%,300px);margin-top:22px}
  .v3-hero-project-name{max-width:min(100%,210px);font-size:15px}
  .v3-hero-project-location{max-width:min(100%,210px);font-size:11px}
  .v3-hero-project-cta{font-size:10px;padding-inline:14px}
  .v3-hero-dots{width:min(62vw,210px)}
  .v3-hero-dots button{width:44px;height:44px}
  .v3-hero>.v3-trust{left:14px;right:14px;bottom:8px;padding:8px}
  .v3-hero>.v3-trust .v3-trust-num{font-size:18px}
  .v3-discovery{gap:14px;padding-top:22px}
  .v3-discovery-intro h2{font-size:30px}
  .v3-discovery-intro p,.v3-destination-body p,.v3-discovery-action-copy span{font-size:14px}
  .v3-destination-body h3{font-size:24px}
}
@media(max-width:360px){
  .v3-hero{padding-bottom:198px}
  .v3-search{--v3-search-gap:5px;--v3-search-select-side-space:30px}
  .v3-search-field-budget .v3-search-select select,.v3-search-field-type .v3-search-select select{font-size:12.5px}
  .v3-hero-project-info{margin-top:20px}
  .v3-hero-project-name{max-width:min(100%,188px);font-size:14px}
  .v3-hero-project-location{max-width:min(100%,188px)}
  .v3-hero-dots{width:min(64vw,192px)}
}

/* Home Hero mobile polish: six dots and compact trust stats in the first view. */
@media(max-width:860px){
  .v3-hero{
    min-height:calc(100svh - 72px);
    padding-bottom:14px;
  }

  .v3-hero-dots{
    flex-wrap:nowrap;
    gap:0;
    width:auto;
    max-width:100%;
    margin:2px auto 4px;
    justify-content:center;
  }

  .v3-hero-dots button{
    flex:0 0 40px;
    width:40px;
    height:40px;
  }

  .v3-hero-dots button:before{
    width:8px;
    height:8px;
    box-shadow:0 0 0 2px rgba(0,0,0,.14);
  }

  .v3-hero-dots button.active:before{
    transform:translate(-50%,-50%) scale(1.25);
    box-shadow:0 0 0 3px rgba(201,163,92,.20);
  }

  .v3-hero>.v3-trust{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:100%;
    margin:4px 0 0;
    padding:7px 8px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px 6px;
  }

  .v3-hero>.v3-trust .v3-trust-item{
    min-width:0;
    justify-items:center;
    text-align:center;
  }

  .v3-hero>.v3-trust .v3-trust-num{
    font-size:17px;
    line-height:1;
  }

  .v3-hero>.v3-trust .v3-trust-label{
    font-size:10px;
    line-height:1.15;
  }

  .v3-hero>.v3-trust .v3-trust-item:nth-child(4){
    grid-column:1/-1;
  }

  .v3-hero>.v3-trust .v3-trust-updated{
    justify-content:center;
    gap:7px;
    font-size:10px;
    line-height:1.15;
  }

  .v3-hero>.v3-trust .v3-dot{
    width:6px;
    height:6px;
    box-shadow:0 0 0 3px rgba(201,163,92,.16);
  }
}
/* --- Language dropdown (11 locales, i18n-multilang) --------------------- */
/* Reuses the .lang pill look; the current-language button opens a listbox. */
.v3-lang{position:relative;display:flex;align-items:center}
.v3-lang .v3-lang-current{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:7px 10px;display:inline-flex;align-items:center;gap:5px;font-weight:800}
.v3-lang.open .v3-lang-current,.v3-lang .v3-lang-current:hover{color:var(--text)}
.v3-lang .v3-lang-caret{font-size:10px;opacity:.7}
.v3-lang-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:60;min-width:190px;margin:0;padding:6px;list-style:none;border:1px solid var(--line);border-radius:18px;background:#0f1622;box-shadow:var(--shadow)}
.v3-lang-menu li{display:block}
.v3-lang-menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--muted);border-radius:12px;padding:9px 12px;text-align:start}
.v3-lang-menu button:hover{background:rgba(255,255,255,.07);color:var(--text)}
.v3-lang-menu button.active{background:var(--text);color:#0b1017}
.v3-lang-menu .v3-lang-code{font-size:11px;font-weight:900;letter-spacing:.06em;min-width:26px}
.v3-lang-menu .v3-lang-name{font-size:14px}
/* Mobile drawer language list */
.v3-lang-mobile{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.v3-lang-mobile button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--muted);border-radius:999px;padding:8px 12px}
.v3-lang-mobile button.active{background:var(--text);color:#0b1017;border-color:transparent}
/* Language flag mark — country flags as <img>, Arabic as a globe (inherits color) */
.locale-flag{width:20px;height:15px;flex:0 0 auto;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
svg.locale-flag{box-shadow:none;opacity:.85}
.v3-lang-current .locale-flag{width:19px;height:14px}

/* Home Hero real-device compact pass. */
@media(max-width:420px){
  .v3-hero-copy{padding-top:6px;gap:4px}
  .v3-hero-sub{font-size:14px;line-height:1.28}
  .v3-search{margin-top:3px;padding:7px;gap:3px}
  .v3-search label{gap:2px}
  .v3-search-select select{padding-block:7px}
  .v3-search .btn.primary{padding:8px 18px}
  .v3-hero-project-info{margin-top:8px;gap:4px}
  .v3-hero-dots{margin-top:0;margin-bottom:0}
  .v3-hero>.v3-trust{margin-top:0;padding:5px 7px;gap:2px 6px}
  .v3-hero>.v3-trust .v3-trust-item{gap:1px}
  .v3-hero>.v3-trust .v3-trust-num{font-size:16px}
  .v3-hero>.v3-trust .v3-trust-label{font-size:9px;line-height:1.05}
  .v3-hero>.v3-trust .v3-trust-updated{font-size:9px;line-height:1.05}
}

/* 25.08. hotfix #2 — owner: the hole between the search widget and the
   trust band. The copy was centered alone while the band hung absolutely
   at the hero's bottom edge, so every extra viewport pixel became empty
   space between them. Desktop now stacks copy + band as one centered
   group; the band follows the search at a fixed 22px. */
@media(min-width:861px){
  .v3-hero{align-content:center;padding-bottom:clamp(34px,6vh,74px)}
  .v3-hero>.v3-trust{position:static;left:auto;right:auto;bottom:auto;margin:22px 0 0}
}

/* Premium search foundation: visual hierarchy only; native selects preserve
   the existing filter state and query-string contract. */
.v3-search-premium{position:relative;isolation:isolate;border-color:rgba(201,163,92,.32);background:linear-gradient(135deg,rgba(21,31,47,.94),rgba(10,16,26,.88)),radial-gradient(circle at 0 0,rgba(201,163,92,.12),transparent 42%);padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.03) inset}
.v3-search-premium::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,rgba(201,163,92,.08),transparent 34%,rgba(255,255,255,.025));pointer-events:none}
.v3-search-premium .v3-search-field{gap:8px;color:rgba(236,241,247,.68);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.v3-search-premium .v3-search-field-label{display:flex;align-items:center;gap:7px;min-width:0}
.v3-search-premium .v3-search-field-label svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;color:rgba(201,163,92,.8)}
.v3-search-premium .v3-search-field.is-selected .v3-search-field-label{color:var(--text)}
.v3-search-premium .v3-search-field.is-selected .v3-search-field-label svg{color:var(--gold)}
.v3-search-premium .v3-search-select select{min-height:48px;border-color:rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.065);color:rgba(238,242,247,.86);font-size:15px;font-weight:800;text-align:start;text-align-last:start;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.v3-search-premium .v3-search-select select option{color:#0b1017;background:#fff}
.v3-search-premium .v3-search-select select:hover{border-color:rgba(201,163,92,.52);background:rgba(255,255,255,.09)}
.v3-search-premium .v3-search-select select:focus-visible{border-color:var(--gold);background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(201,163,92,.17);transform:translateY(-1px)}
.v3-search-premium .v3-search-field.is-selected .v3-search-select select{border-color:rgba(201,163,92,.5);color:var(--text);background:rgba(201,163,92,.1)}
.v3-search-premium .v3-search-select-caret{inset-inline-end:17px;width:9px;height:9px;color:rgba(238,242,247,.76);transition:transform .2s ease,color .2s ease}
.v3-search-premium .v3-search-select:focus-within .v3-search-select-caret{color:var(--gold);transform:translateY(-35%) rotate(225deg)}
.v3-search-premium .v3-search-submit{min-height:48px;padding-inline:25px;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 26px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.v3-search-premium .v3-search-submit:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.3)}
.v3-search-premium .v3-search-submit:focus-visible{outline:3px solid rgba(201,163,92,.45);outline-offset:3px}
html[lang="sr"] .v3-hero-title span:last-child,html[lang="mk"] .v3-hero-title span:last-child{color:var(--gold)}
@media(max-width:860px){.v3-search-premium{padding:13px}.v3-search-premium .v3-search-submit{min-height:46px}}
@media(max-width:420px){.v3-search-premium{padding:11px}.v3-search-premium .v3-search-field-label{letter-spacing:.09em}.v3-search-premium .v3-search-select select{min-height:46px;font-size:14px;padding-inline-start:12px;padding-inline-end:31px}.v3-search-premium .v3-search-submit{width:100%;min-height:46px}}
@media(prefers-reduced-motion:reduce){.v3-search-premium .v3-search-select select,.v3-search-premium .v3-search-select-caret,.v3-search-premium .v3-search-submit{transition:none}}
@media(prefers-reduced-motion:reduce){.v3-destination-card,.v3-destination-media img,.v3-discovery-action,.v3-discovery-action-arrow{transition:none}}
/* ========================================================================
   R10A.1 — PREMIUM HOME SEARCH / ADVANCED DRAWER / GUIDED CHOICE / STATS
   ======================================================================== */

.v3-search-topline,
.v3-search-footer{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.v3-search-topline{margin-bottom:1px}
.v3-search-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(245,248,252,.92);
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
}
.v3-search-kicker>span{color:var(--gold);font-size:15px}
.v3-search-guided-link,
.v3-search-advanced-link{
  appearance:none;
  border:0;
  padding:0;
  background:transparent;
  color:rgba(229,187,88,.94);
  font:inherit;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
  text-decoration:none;
}
.v3-search-guided-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-inline-start:auto;
  text-align:end;
}
.v3-search-guided-link:hover,
.v3-search-advanced-link:hover{color:#f2cf7a}
.v3-search-guided-link:focus-visible,
.v3-search-advanced-link:focus-visible{border-radius:7px}
.v3-search-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.v3-search-submit>span{font-size:16px;font-weight:500}
.v3-search-footer{
  margin-top:1px;
  color:rgba(169,180,196,.72);
  font-size:10px;
}
.v3-search-advanced-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.v3-search-advanced-link>span{font-size:13px;color:var(--gold)}

.v3-home-filter-overlay{
  position:fixed;
  inset:0;
  z-index:12200;
}
.v3-home-filter-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(4,8,13,.72);
  backdrop-filter:blur(2px);
  cursor:default;
}
.v3-home-filter-panel{
  position:absolute;
  inset-block:0;
  inset-inline-end:0;
  display:flex;
  flex-direction:column;
  width:min(430px,100%);
  min-height:100dvh;
  border-inline-start:1px solid rgba(201,163,92,.24);
  background:
    radial-gradient(circle at 100% 0,rgba(201,163,92,.08),transparent 34%),
    linear-gradient(180deg,#101b2a 0%,#0a1420 100%);
  box-shadow:-28px 0 80px rgba(0,0,0,.42);
  overflow:auto;
  animation:r10-home-drawer-in .22s ease-out both;
}
.v3-home-filter-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:24px 24px 18px;
}
.v3-home-filter-head h2{
  margin:0;
  color:#f4f6f9;
  font-size:18px;
  letter-spacing:-.02em;
}
.v3-home-filter-head p{
  margin:7px 0 0;
  color:rgba(194,204,217,.78);
  font-size:12px;
  line-height:1.5;
}
.v3-home-filter-close{
  display:grid;
  place-items:center;
  flex:none;
  width:34px;
  height:34px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:rgba(238,242,247,.8);
  font-size:22px;
}
.v3-home-filter-close:hover{background:rgba(255,255,255,.07);color:#fff}
.v3-home-filter-body{
  display:grid;
  gap:15px;
  padding:10px 14px 22px;
}
.v3-home-filter-group{
  display:grid;
  gap:10px;
  margin:0;
  padding:15px 14px 14px;
  border:1px solid rgba(201,163,92,.28);
  border-radius:14px;
  background:rgba(14,27,42,.72);
}
.v3-home-filter-group legend{
  padding:0 6px;
  color:#e4bc60;
  font-size:11px;
  font-weight:900;
}
.v3-home-filter-group label{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:28px;
  color:rgba(238,242,247,.9);
  font-size:12px;
}
.v3-home-filter-group input{
  width:16px;
  height:16px;
  accent-color:#dfb552;
}
.v3-home-filter-group label>span{flex:1}
.v3-home-filter-group small{
  border:1px solid rgba(201,163,92,.2);
  border-radius:999px;
  padding:2px 6px;
  color:rgba(201,163,92,.72);
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.v3-home-filter-group label.is-planned{opacity:.52}
.v3-home-filter-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:auto;
  padding:18px 14px max(18px,env(safe-area-inset-bottom));
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(8,17,27,.94);
  position:sticky;
  bottom:0;
}
.v3-home-filter-actions .btn{
  min-height:46px;
  border-radius:11px;
}
.v3-home-filter-actions .btn.primary{
  flex:1;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#15110a;
}

.v3-home-guided-panel{width:min(560px,100%)}
.v3-guided-eyebrow{
  display:block;
  margin-bottom:6px;
  color:#e2b654;
  font-size:9px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.v3-guided-progress{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  padding:2px 24px 8px;
}
.v3-guided-progress span{
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
}
.v3-guided-progress span.is-active{
  background:linear-gradient(90deg,#c99c3c,#e3b959);
}
.v3-guided-question{
  display:grid;
  align-content:start;
  gap:14px;
  flex:1;
  padding:24px;
}
.v3-guided-question>span{
  color:#e0b65a;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.v3-guided-question h3{
  margin:0;
  max-width:20ch;
  font-size:clamp(25px,4vw,34px);
  line-height:1.05;
  letter-spacing:-.035em;
}
.v3-guided-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:4px;
}
.v3-guided-options button{
  min-height:48px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  padding:10px 12px;
  background:rgba(255,255,255,.045);
  color:#edf1f6;
  font:inherit;
  font-size:12px;
  font-weight:800;
  text-align:start;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.v3-guided-options button:hover:not(:disabled){
  border-color:rgba(201,163,92,.44);
  background:rgba(201,163,92,.08);
}
.v3-guided-options button.is-selected{
  border-color:rgba(222,180,82,.72);
  background:linear-gradient(135deg,rgba(201,163,92,.19),rgba(201,163,92,.08));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.v3-guided-options button.is-selected::before{
  content:"✓";
  margin-inline-end:8px;
  color:#e4b953;
}
.v3-guided-options button:disabled{opacity:.45;cursor:not-allowed}
.v3-guided-options-two{grid-template-columns:1fr 1fr}
.v3-guided-actions .btn:first-child{margin-inline-end:auto}
.v3-guided-actions .btn:disabled{opacity:.38;cursor:not-allowed}

/* Trust numbers are now proper navigational targets. */
.v3-trust-link{
  position:relative;
  border-radius:10px;
  padding:6px 8px;
  margin:-6px -8px;
  color:inherit;
  text-decoration:none;
  transition:background .16s ease,transform .16s ease;
}
.v3-trust-link:hover{
  background:rgba(201,163,92,.08);
  transform:translateY(-1px);
}
.v3-trust-link:focus-visible{outline-offset:2px}
.v3-trust-link-arrow{
  position:absolute;
  inset-block-start:6px;
  inset-inline-end:7px;
  color:rgba(201,163,92,.66);
  font-size:9px;
  opacity:0;
  transform:translate(-2px,2px);
  transition:opacity .16s ease,transform .16s ease;
}
.v3-trust-link:hover .v3-trust-link-arrow,
.v3-trust-link:focus-visible .v3-trust-link-arrow{
  opacity:1;
  transform:none;
}

@keyframes r10-home-drawer-in{
  from{opacity:.88;transform:translateX(24px)}
  to{opacity:1;transform:translateX(0)}
}
[dir="rtl"] .v3-home-filter-panel{animation-name:r10-home-drawer-in-rtl}
@keyframes r10-home-drawer-in-rtl{
  from{opacity:.88;transform:translateX(-24px)}
  to{opacity:1;transform:translateX(0)}
}

@media(max-width:860px){
  .v3-search-topline,.v3-search-footer{gap:8px}
  .v3-search-guided-link{font-size:10px;max-width:52%;line-height:1.2}
  .v3-search-footer>span{font-size:9px;text-align:end}
  .v3-home-filter-panel{width:min(440px,100%)}
  .v3-home-guided-panel{width:min(520px,100%)}
}
@media(max-width:520px){
  .v3-home-filter-panel,
  .v3-home-guided-panel{width:100%}
  .v3-home-filter-head{padding:18px 16px 14px}
  .v3-home-filter-body{padding-inline:10px}
  .v3-guided-question{padding:20px 16px}
  .v3-guided-progress{padding-inline:16px}
  .v3-guided-options{grid-template-columns:1fr}
  .v3-guided-options-two{grid-template-columns:1fr 1fr}
  .v3-home-filter-actions{padding-inline:10px}
}
@media(max-width:420px){
  .v3-search-topline{
    align-items:flex-start;
  }
  .v3-search-kicker{font-size:10px}
  .v3-search-guided-link{font-size:9px}
  .v3-search-footer{
    align-items:flex-start;
    flex-direction:column;
  }
  .v3-search-footer>span{text-align:start}
  .v3-trust-link{margin:-3px;padding:3px}
}
@media(prefers-reduced-motion:reduce){
  .v3-home-filter-panel{animation:none}
  .v3-guided-options button,
  .v3-trust-link,
  .v3-trust-link-arrow{transition:none}
}

/* ========================================================================
   R10A.1 V2.6 — GOLD LISTBOX / FIVE-STEP GUIDED DECISION
   ======================================================================== */

.v3-search-premium{
  overflow:visible;
}
.v3-search-premium .v3-search-field{
  position:relative;
  overflow:visible;
}
.v3-search-premium .v3-search-field:hover .v3-search-field-label,
.v3-search-premium .v3-search-field:focus-within .v3-search-field-label{
  color:#e7bf63;
}
.v3-search-premium .v3-search-field:hover,
.v3-search-premium .v3-search-field:focus-within{
  border-color:rgba(223,181,82,.5);
  background:
    linear-gradient(105deg,rgba(215,174,83,.09),rgba(255,255,255,.025) 70%);
  box-shadow:inset 0 0 0 1px rgba(215,174,83,.035);
}
.v3-premium-select{
  position:relative;
  min-width:0;
}
.v3-premium-select.is-open{
  z-index:90;
}
.v3-premium-select-trigger{
  width:100%;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  padding:8px 11px;
  background:rgba(255,255,255,.045);
  color:#f0f3f7;
  font:inherit;
  font-size:12px;
  font-weight:800;
  text-align:start;
  cursor:pointer;
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    color .16s ease;
}
.v3-premium-select-trigger:hover,
.v3-premium-select-trigger:focus-visible,
.v3-premium-select.is-open .v3-premium-select-trigger{
  border-color:rgba(223,181,82,.72);
  background:
    linear-gradient(90deg,rgba(215,174,83,.17),rgba(215,174,83,.055) 65%,rgba(255,255,255,.035));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 0 0 1px rgba(215,174,83,.08);
  color:#f6d37d;
}
.v3-premium-select-caret{
  flex:none;
  width:7px;
  height:7px;
  border-inline-end:1.5px solid currentColor;
  border-block-end:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.78;
  transition:transform .16s ease,opacity .16s ease;
}
.v3-premium-select.is-open .v3-premium-select-caret{
  transform:rotate(225deg) translate(-1px,-1px);
  opacity:1;
}
.v3-premium-select-menu{
  position:absolute;
  inset-inline:0;
  top:calc(100% + 7px);
  z-index:120;
  display:grid;
  gap:3px;
  min-width:max(100%,190px);
  max-height:min(310px,48vh);
  overflow:auto;
  padding:6px;
  border:1px solid rgba(215,174,83,.34);
  border-radius:12px;
  background:
    radial-gradient(circle at 20% 0,rgba(215,174,83,.08),transparent 34%),
    linear-gradient(180deg,rgba(17,29,44,.99),rgba(9,18,29,.995));
  box-shadow:
    0 22px 54px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(16px);
}
.v3-premium-select-option{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid transparent;
  border-radius:8px;
  padding:8px 10px;
  background:transparent;
  color:rgba(240,244,249,.9);
  font:inherit;
  font-size:12px;
  font-weight:760;
  text-align:start;
  cursor:pointer;
  transition:
    border-color .14s ease,
    background .14s ease,
    color .14s ease,
    box-shadow .14s ease;
}
.v3-premium-select-option:hover,
.v3-premium-select-option:focus-visible,
.v3-premium-select-option.is-selected{
  border-color:rgba(222,180,82,.5);
  background:
    linear-gradient(90deg,rgba(215,174,83,.26) 0%,rgba(215,174,83,.12) 54%,rgba(215,174,83,.035) 100%);
  color:#f6d37d;
  box-shadow:inset 3px 0 0 rgba(226,184,85,.95);
  outline:none;
}
[dir="rtl"] .v3-premium-select-option:hover,
[dir="rtl"] .v3-premium-select-option:focus-visible,
[dir="rtl"] .v3-premium-select-option.is-selected{
  box-shadow:inset -3px 0 0 rgba(226,184,85,.95);
}
.v3-premium-select-option.is-selected>span:last-child{
  color:#efc765;
  font-weight:950;
}

.v3-search-guided-link,
.v3-search-advanced-link{
  transition:color .16s ease,text-shadow .16s ease;
}
.v3-search-guided-link:hover,
.v3-search-guided-link:focus-visible,
.v3-search-advanced-link:hover,
.v3-search-advanced-link:focus-visible{
  color:#f4ce74;
  text-shadow:0 0 18px rgba(215,174,83,.22);
}

.v3-home-filter-group label:not(.is-planned){
  border-radius:9px;
  padding:5px 7px;
  margin-inline:-7px;
  transition:background .15s ease,color .15s ease;
}
.v3-home-filter-group label:not(.is-planned):hover,
.v3-home-filter-group label:not(.is-planned):focus-within,
.v3-home-filter-group label:not(.is-planned):has(input:checked){
  background:linear-gradient(90deg,rgba(215,174,83,.15),rgba(215,174,83,.035));
  color:#f4cf79;
}

.v3-guided-options button{
  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}
.v3-guided-options button:hover:not(:disabled),
.v3-guided-options button:focus-visible:not(:disabled){
  border-color:rgba(225,183,83,.72);
  background:
    linear-gradient(90deg,rgba(215,174,83,.24),rgba(215,174,83,.09) 62%,rgba(255,255,255,.035));
  color:#f6d37d;
  box-shadow:
    inset 3px 0 0 rgba(226,184,85,.92),
    0 8px 24px rgba(0,0,0,.16);
  outline:none;
}
.v3-guided-options button.is-selected{
  border-color:rgba(229,189,94,.82);
  background:
    linear-gradient(90deg,rgba(215,174,83,.3),rgba(215,174,83,.13) 60%,rgba(215,174,83,.045));
  color:#f7d780;
  box-shadow:
    inset 3px 0 0 #e3b95a,
    inset 0 0 0 1px rgba(255,255,255,.025);
}
[dir="rtl"] .v3-guided-options button:hover:not(:disabled),
[dir="rtl"] .v3-guided-options button:focus-visible:not(:disabled),
[dir="rtl"] .v3-guided-options button.is-selected{
  box-shadow:
    inset -3px 0 0 rgba(226,184,85,.92),
    0 8px 24px rgba(0,0,0,.16);
}

.v3-guided-purpose-options{
  margin-bottom:2px;
}
.v3-guided-purpose-advice{
  display:grid;
  gap:5px;
  margin-top:2px;
  padding:12px 13px;
  border:1px solid rgba(215,174,83,.24);
  border-radius:11px;
  background:
    linear-gradient(90deg,rgba(215,174,83,.11),rgba(255,255,255,.025));
  color:rgba(222,229,238,.82);
  font-size:11px;
  line-height:1.5;
}
.v3-guided-purpose-advice strong{
  color:#e6bd62;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.v3-guided-purpose-advice span{
  max-width:54ch;
}

.v3-guided-timing-options{
  margin-bottom:2px;
}

.v3-guided-tour-preference{
  width:100%;
  min-height:42px;
  margin-top:12px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  padding:9px 11px;
  background:rgba(255,255,255,.03);
  color:rgba(236,241,247,.86);
  font:inherit;
  font-size:11px;
  font-weight:800;
  text-align:start;
  cursor:pointer;
  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease,
    box-shadow .16s ease;
}
.v3-guided-tour-preference:hover:not(:disabled),
.v3-guided-tour-preference:focus-visible:not(:disabled),
.v3-guided-tour-preference.is-selected{
  border-color:rgba(225,183,83,.72);
  background:
    linear-gradient(90deg,rgba(215,174,83,.24),rgba(215,174,83,.08));
  color:#f6d37d;
  box-shadow:inset 3px 0 0 rgba(226,184,85,.92);
  outline:none;
}
.v3-guided-tour-preference:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.v3-guided-tour-check{
  width:17px;
  height:17px;
  flex:none;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:5px;
  color:#101720;
  background:rgba(255,255,255,.03);
  font-size:11px;
  font-weight:950;
}
.v3-guided-tour-preference.is-selected .v3-guided-tour-check{
  border-color:#e1b653;
  background:linear-gradient(135deg,#f0ca73,#c99634);
}

.v3-guided-context-summary{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.v3-guided-context-summary>span{
  border:1px solid rgba(215,174,83,.2);
  border-radius:999px;
  padding:5px 8px;
  background:rgba(215,174,83,.055);
  color:rgba(224,230,238,.76);
  font-size:9px;
  line-height:1.35;
}
.v3-guided-context-summary strong{
  color:#e3b85b;
}

.v3-guided-actions .btn:not(.primary):hover,
.v3-guided-actions .btn:not(.primary):focus-visible{
  border-color:rgba(223,181,82,.48);
  color:#f4ce74;
}

.v3-trust-link:hover,
.v3-trust-link:focus-visible{
  background:
    linear-gradient(90deg,rgba(215,174,83,.14),rgba(215,174,83,.035));
}

@media(max-width:520px){
  .v3-premium-select-menu{
    min-width:100%;
    max-height:min(300px,46vh);
  }
}

@media(prefers-reduced-motion:reduce){
  .v3-premium-select-trigger,
  .v3-premium-select-caret,
  .v3-premium-select-option,
  .v3-search-guided-link,
  .v3-search-advanced-link,
  .v3-home-filter-group label:not(.is-planned),
  .v3-guided-options button,
  .v3-guided-tour-preference{
    transition:none;
  }
}
/* ========================================================================
   R10A.1 — DROPDOWN STACKING FIX V3
   Premium search menus must appear above the TrustBar stats row.
   ======================================================================== */

.v3-search-premium{
  position:relative !important;
  z-index:80 !important;
  overflow:visible !important;
}

.v3-search-premium .v3-search-field{
  position:relative;
  overflow:visible !important;
}

.v3-search-premium .v3-search-field:has(.v3-premium-select.is-open){
  z-index:300 !important;
}

.v3-premium-select{
  position:relative;
}

.v3-premium-select.is-open{
  z-index:320 !important;
}

.v3-premium-select-menu{
  z-index:360 !important;
}

.v3-trust{
  position:relative !important;
  z-index:20 !important;
}
/* ========================================================================
   R10A.1 — DROPDOWN STACKING ROOT-CAUSE FIX V4

   HeroSearch lives inside .v3-hero-copy.
   That grid child had a lower stacking context than the TrustBar sibling,
   so child listbox z-index values could never overtake the TrustBar.

   Raise the owning hero-copy stacking context above TrustBar.
   ======================================================================== */

.v3-hero>.v3-hero-copy{
  position:relative !important;
  z-index:40 !important;
  overflow:visible !important;
}

.v3-hero>.v3-trust{
  z-index:20 !important;
}
/* ========================================================================
   R10A.1 — HOME UI REGRESSION POLISH V1
   ======================================================================== */

/* A. Advanced + Guided drawers own the whole viewport and sit above site chrome. */
.v3-home-filter-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:60000 !important;
  overflow:hidden !important;
}

.v3-home-filter-backdrop{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
}

.v3-home-filter-panel{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  inset-inline-end:0 !important;
  height:100dvh !important;
  max-height:100dvh !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

.v3-home-filter-head{
  position:sticky !important;
  top:0 !important;
  z-index:4 !important;
  flex:0 0 auto;
}

.v3-home-filter-body,
.v3-guided-question{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}

.v3-home-filter-body{
  flex:1 1 auto;
}

.v3-home-filter-actions{
  position:sticky !important;
  bottom:0 !important;
  z-index:4 !important;
  flex:0 0 auto;
}

/* C. Field labels stay neutral; the clickable trigger/value keeps gold interaction. */
.v3-search-premium .v3-search-field:hover .v3-search-field-label,
.v3-search-premium .v3-search-field:focus-within .v3-search-field-label{
  color:rgba(236,241,247,.68) !important;
}

/* D. Viewport-aware listbox placement. */
.v3-premium-select.opens-down .v3-premium-select-menu{
  top:calc(100% + 7px) !important;
  bottom:auto !important;
}

.v3-premium-select.opens-up .v3-premium-select-menu{
  top:auto !important;
  bottom:calc(100% + 7px) !important;
}

.v3-premium-select-menu{
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* E. Planned markets are visible but intentionally non-interactive. */
.v3-premium-select-planned{
  display:grid;
  gap:3px;
  margin-top:4px;
  padding-top:5px;
  border-top:1px solid rgba(255,255,255,.07);
}

.v3-premium-select-planned-option{
  min-height:37px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:10px;
  color:rgba(203,211,222,.45);
  background:rgba(255,255,255,.012);
  cursor:not-allowed;
  user-select:none;
}

.v3-premium-select-planned-badge{
  flex:none;
  border:1px solid rgba(207,169,91,.18);
  border-radius:999px;
  padding:2px 6px;
  color:rgba(226,188,103,.56);
  background:rgba(207,169,91,.04);
  font-size:8px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.v3-guided-options button.is-planned{
  opacity:.42;
  cursor:not-allowed;
  border-color:rgba(255,255,255,.08);
  color:rgba(205,213,223,.56);
  background:rgba(255,255,255,.016);
  box-shadow:none;
}

.v3-guided-options button.is-planned:hover,
.v3-guided-options button.is-planned:focus-visible{
  transform:none;
  border-color:rgba(255,255,255,.08);
  color:rgba(205,213,223,.56);
  background:rgba(255,255,255,.016);
  box-shadow:none;
}

.v3-guided-options button.is-planned small{
  display:block;
  margin-top:3px;
  color:rgba(226,188,103,.56);
  font-size:8px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}

@media (max-width:720px){
.v3-home-filter-panel{
    width:min(100vw,430px) !important;
  }
}
/* ========================================================================
   R10A.1 — HERO VIDEO CAPTION EXACT POSITION RESTORE V1

   Do not coordinate the video caption from the search/grid column.
   Before R10A.1, .v3-hero-copy was not a positioned containing block for
   .v3-hero-project-info. Keep its grid-item z-index for dropdown stacking,
   but restore position:static so the original hero caption CSS owns placement.
   ======================================================================== */

.v3-hero>.v3-hero-copy{
  position:static !important;
}
/* ========================================================================
   R10A.1 — OBI PAL PREDLOG RESULT PANEL V1.3
   Guided Choice 5/5 -> live ranked unit shortlist.
   ======================================================================== */

.v3-guided-result-panel{
  width:min(620px,100vw) !important;
}

.v3-guided-result-head{
  align-items:flex-start;
}

.v3-guided-result-head>div:first-child{
  min-width:0;
}

.v3-guided-result-eyebrow{
  display:block;
  margin-bottom:5px;
  color:#d7ae53;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.v3-guided-result-head h2{
  margin:0;
  font-size:clamp(24px,2.2vw,34px);
  line-height:1;
  letter-spacing:-.035em;
}

.v3-guided-result-head p{
  max-width:500px;
  margin:8px 0 0;
  color:rgba(219,226,235,.68);
  font-size:11px;
  line-height:1.5;
}

.v3-guided-result-body{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-bottom:18px;
}

.v3-guided-result-summary{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.v3-guided-result-summary span{
  border:1px solid rgba(215,174,83,.25);
  border-radius:999px;
  padding:5px 8px;
  color:rgba(226,232,240,.72);
  background:rgba(215,174,83,.045);
  font-size:9px;
}

.v3-guided-result-summary strong{
  color:#d7ae53;
}

.v3-guided-result-note,
.v3-guided-result-timing-note{
  border-left:2px solid rgba(215,174,83,.62);
  padding:7px 9px;
  color:rgba(220,227,236,.62);
  background:rgba(255,255,255,.018);
  font-size:9px;
  line-height:1.45;
}

.v3-guided-result-cards{
  display:grid;
  gap:10px;
}

.v3-guided-result-card{
  overflow:hidden;
  border:1px solid rgba(215,174,83,.26);
  border-radius:14px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    #101c2b;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}

.v3-guided-result-media{
  min-height:112px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:10px;
  background-color:#0d1826;
  background-position:center;
  background-size:cover;
}

.v3-guided-result-rank,
.v3-guided-result-confidence{
  border:1px solid rgba(215,174,83,.34);
  border-radius:999px;
  padding:4px 7px;
  background:rgba(7,14,23,.78);
  backdrop-filter:blur(7px);
  font-size:8px;
  font-weight:850;
}

.v3-guided-result-rank{
  color:#e4bd68;
}

.v3-guided-result-confidence{
  color:rgba(236,241,247,.78);
}

.v3-guided-result-card-body{
  display:grid;
  gap:6px;
  padding:12px;
}

.v3-guided-result-project{
  color:#d7ae53;
  font-size:9px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.v3-guided-result-card h3{
  margin:0;
  color:#f3f6fa;
  font-size:17px;
  line-height:1.1;
}

.v3-guided-result-facts{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}

.v3-guided-result-facts span,
.v3-guided-result-facts strong{
  border-radius:999px;
  padding:4px 7px;
  background:rgba(255,255,255,.045);
  color:rgba(226,232,240,.72);
  font-size:9px;
  font-weight:700;
}

.v3-guided-result-facts strong{
  color:#e4bd68;
}

.v3-guided-result-location{
  color:rgba(209,218,229,.56);
  font-size:9px;
}

.v3-guided-result-why{
  display:grid;
  gap:4px;
  margin-top:3px;
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:9px;
}

.v3-guided-result-why>span{
  color:#d7ae53;
  font-size:8px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.v3-guided-result-why strong{
  color:rgba(241,245,249,.9);
  font-size:11px;
}

.v3-guided-result-why p{
  margin:0;
  color:rgba(215,223,233,.68);
  font-size:10px;
  line-height:1.5;
}

.v3-guided-result-why small{
  color:rgba(194,204,218,.5);
  font-size:8px;
}

.v3-guided-result-open-unit{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:2px;
  border:1px solid rgba(215,174,83,.32);
  border-radius:10px;
  padding:8px 10px;
  color:#f4f7fb;
  background:rgba(215,174,83,.07);
  font-size:10px;
  font-weight:850;
  cursor:pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.v3-guided-result-open-unit:hover,
.v3-guided-result-open-unit:focus-visible{
  border-color:rgba(228,189,104,.78);
  background:linear-gradient(135deg,rgba(215,174,83,.18),rgba(215,174,83,.07));
  box-shadow:inset 0 0 0 1px rgba(228,189,104,.08),0 0 18px rgba(215,174,83,.08);
  transform:translateY(-1px);
}

.v3-guided-result-ai{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px dashed rgba(215,174,83,.28);
  border-radius:12px;
  padding:9px 11px;
  color:rgba(226,232,240,.56);
  background:rgba(215,174,83,.035);
  opacity:.76;
}

.v3-guided-result-ai span:first-child{
  display:grid;
  gap:2px;
  text-align:left;
}

.v3-guided-result-ai strong{
  color:rgba(228,189,104,.72);
  font-size:10px;
}

.v3-guided-result-ai small{
  color:rgba(204,214,226,.45);
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.v3-guided-result-loading,
.v3-guided-result-empty{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:22px;
  text-align:center;
  background:rgba(255,255,255,.018);
}

.v3-guided-result-loading strong,
.v3-guided-result-empty strong{
  color:#f0f4f8;
  font-size:14px;
}

.v3-guided-result-loading>span:not(.v3-guided-result-loader),
.v3-guided-result-empty>span{
  max-width:360px;
  color:rgba(211,220,231,.58);
  font-size:10px;
  line-height:1.5;
}

.v3-guided-result-loader{
  width:28px;
  height:28px;
  border:2px solid rgba(215,174,83,.18);
  border-top-color:#d7ae53;
  border-radius:50%;
  animation:v3-guided-result-spin .8s linear infinite;
}

.v3-guided-result-empty button{
  margin-top:5px;
  border:1px solid rgba(215,174,83,.36);
  border-radius:9px;
  padding:8px 12px;
  color:#f3f6fa;
  background:rgba(215,174,83,.08);
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.v3-guided-result-actions{
  gap:8px;
}

@keyframes v3-guided-result-spin{
  to{transform:rotate(360deg)}
}

@media (max-width:720px){
  .v3-guided-result-panel{
    width:100vw !important;
  }

  .v3-guided-result-media{
    min-height:98px;
  }
}

@media (prefers-reduced-motion:reduce){
  .v3-guided-result-loader{
    animation:none;
  }

  .v3-guided-result-open-unit{
    transition:none;
  }
}
/* ========================================================================
   R10A.1 — OBI PAL PREDLOG VISUAL POLISH V1
   Screenshot-driven polish only; no recommendation logic changes.
   ======================================================================== */

.v3-guided-result-media.is-empty{
  min-height:0 !important;
  padding:9px 10px 4px;
  background:none !important;
  border-bottom:0;
}

.v3-guided-result-media.is-empty + .v3-guided-result-card-body{
  padding-top:8px;
}

.v3-guided-result-actions{
  display:grid !important;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  align-items:center;
  gap:8px !important;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
  border-top:1px solid rgba(215,174,83,.18) !important;
  background:
    linear-gradient(180deg,rgba(12,24,38,.96),rgba(8,17,28,.99)) !important;
  box-shadow:0 -14px 34px rgba(0,0,0,.24);
  backdrop-filter:blur(16px);
}

.v3-guided-result-actions .v3-home-filter-reset,
.v3-guided-result-actions .v3-home-filter-apply{
  appearance:none;
  width:100%;
  min-width:0;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  border-radius:10px;
  padding:9px 12px;
  font-family:inherit;
  font-size:10px;
  font-weight:850;
  line-height:1.1;
  cursor:pointer;
  white-space:normal;
  text-align:center;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.v3-guided-result-actions .v3-home-filter-reset{
  border:1px solid rgba(220,228,238,.2) !important;
  color:rgba(235,240,246,.78) !important;
  background:rgba(255,255,255,.035) !important;
}

.v3-guided-result-actions .v3-home-filter-apply{
  border:1px solid rgba(228,189,104,.72) !important;
  color:#101722 !important;
  background:linear-gradient(135deg,#e0b75e,#c99a3f) !important;
  box-shadow:0 8px 22px rgba(215,174,83,.16);
}

.v3-guided-result-actions .v3-home-filter-reset:hover,
.v3-guided-result-actions .v3-home-filter-reset:focus-visible{
  border-color:rgba(228,189,104,.46) !important;
  color:#f3f6fa !important;
  background:rgba(215,174,83,.07) !important;
}

.v3-guided-result-actions .v3-home-filter-apply:hover,
.v3-guided-result-actions .v3-home-filter-apply:focus-visible{
  background:linear-gradient(135deg,#e7c06d,#d2a44b) !important;
  box-shadow:0 10px 26px rgba(215,174,83,.23);
  transform:translateY(-1px);
}

@media (max-height:720px){
  .v3-guided-result-head{
    padding-top:10px !important;
    padding-bottom:9px !important;
  }

  .v3-guided-result-head h2{
    font-size:clamp(22px,2vw,30px);
  }

  .v3-guided-result-head p{
    margin-top:5px;
    line-height:1.4;
  }

  .v3-guided-result-body{
    gap:8px;
    padding-top:9px !important;
    padding-bottom:12px !important;
  }

  .v3-guided-result-cards{
    gap:8px;
  }

  .v3-guided-result-card-body{
    gap:5px;
    padding:10px;
  }

  .v3-guided-result-why{
    padding-top:7px;
  }

  .v3-guided-result-actions{
    padding-top:8px !important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width:560px){
  .v3-guided-result-actions{
    grid-template-columns:.82fr 1.18fr;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .v3-guided-result-actions .v3-home-filter-reset,
  .v3-guided-result-actions .v3-home-filter-apply{
    min-height:40px;
    padding:8px 9px;
    font-size:9px;
  }
}

@media (prefers-reduced-motion:reduce){
  .v3-guided-result-actions .v3-home-filter-reset,
  .v3-guided-result-actions .v3-home-filter-apply{
    transition:none;
  }
}