:root{
  --op-navy:#071526;
  --op-navy-2:#0b1c30;
  --op-gold:#d7a72f;
  --op-muted:#657184;
  --op-border:#e5e9ef;
  --op-bg:#f7f8fa;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#fff;color:#111827}
body.oppci-parking-page{background:#fff}
.op-wrap{width:min(1110px,calc(100% - 36px));margin:0 auto}
.op-nav{background:#071526;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:50}
.op-nav-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.op-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:.06em;font-size:22px}
.op-brand img{width:58px;height:58px;object-fit:contain;background:#fff;padding:6px}
.op-brand span span{color:var(--op-gold)}
.op-menu{display:flex;align-items:center;gap:36px}
.op-menu a{color:#d6dce6;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:14px;letter-spacing:.08em;padding:34px 0 30px;border-bottom:4px solid transparent}
.op-menu a.active,.op-menu a:hover{color:var(--op-gold);border-bottom-color:var(--op-gold)}
.op-langs{display:flex;align-items:center;gap:9px}
.op-langs a{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;text-decoration:none;background:#142236;color:#dbe2ec;font-weight:900;font-size:13px}
.op-langs a.active{background:#2b2d29;color:#e2b63f}
.op-hero{background:#071526;color:#fff;padding:92px 0 58px;text-align:center}
.op-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;background:rgba(215,167,47,.16);border:1px solid rgba(215,167,47,.35);color:#e1b43c;font-weight:900;text-transform:uppercase;letter-spacing:.11em;font-size:12px;margin-bottom:28px}
.op-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,7vw,76px);line-height:.98;margin:0 auto 20px;font-weight:900;max-width:980px}
.op-hero p{margin:0 auto 38px;color:#8491a3;font-size:16px;font-weight:700;max-width:760px}
.op-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.op-stats div{width:132px;min-height:76px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:center}
.op-stats strong{color:#d7a72f;font-size:28px;font-weight:900;line-height:1}
.op-stats span{margin-top:8px;color:#aeb8c8;text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:800}
.op-filter-bar{background:#f4f5f7;border-bottom:1px solid #e4e7ec;padding:24px 0}
.op-filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:18px;align-items:end}
.op-field label{display:block;margin-bottom:8px;color:#6b7280;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.06em}
.op-field select{width:100%;height:38px;border:1px solid #d6dbe3;border-radius:5px;background:#fff;color:#1f2937;padding:0 12px;font-size:13px;outline:none}
.op-field select:focus{border-color:#d7a72f;box-shadow:0 0 0 3px rgba(215,167,47,.18)}
.op-check{height:38px;display:flex;align-items:center;gap:10px;color:#374151;font-size:13px;font-weight:800;white-space:nowrap}
.op-check input{accent-color:#d7a72f}
.op-results{padding:42px 0 70px}
.op-count{margin:0 0 24px;color:#667085;font-size:13px;font-weight:700}
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 26px}
.op-card{background:#fff;border:1px solid #e3e7ee;border-radius:8px;overflow:hidden;box-shadow:0 9px 24px rgba(10,20,32,.08);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.op-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(10,20,32,.16);border-color:#d7a72f}
.op-card-img{height:168px;background-size:cover;background-position:center;position:relative}
.op-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.24) 45%,rgba(0,0,0,.75) 100%)}
.op-card-badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:2}
.op-card-badges span,.op-card-badges b{border-radius:3px;padding:4px 8px;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1}
.op-card-badges span{background:#071526;color:#fff}
.op-card-badges b{background:#d7a72f;color:#fff}
.op-card-title{position:absolute;left:15px;right:15px;bottom:13px;color:#fff;z-index:2}
.op-card-title h3{margin:0 0 3px;font-size:15px;line-height:1.18;font-weight:900}
.op-card-title p{margin:0;font-size:12px;color:rgba(255,255,255,.88)}
.op-card-body{padding:15px 16px 16px}
.op-tag{display:inline-flex;background:#f2f5f8;color:#7a8493;border-radius:4px;padding:5px 8px;font-size:11px;margin-bottom:14px}
.op-card-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.op-card-info small{display:block;color:#8a93a1;font-size:10px;margin-bottom:5px}
.op-card-info strong{font-size:19px;color:#0e1726;letter-spacing:-.02em}
.op-card-info strong.gold{color:#d7a72f}
.op-card-income{border-top:1px solid #eef1f5;padding-top:12px;display:flex;justify-content:space-between;color:#9aa3af;font-size:11px}
.op-card-income b{color:#d7a72f}
.op-empty{border:1px dashed #d7dde7;border-radius:10px;padding:40px;text-align:center;color:#657184;background:#fafbfc}
.op-cta{background:#071526;color:#fff;text-align:center;padding:62px 20px}
.op-cta h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;margin:0 0 14px}
.op-cta p{margin:0 0 26px;color:#8290a3;font-weight:700}
.op-cta div{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.op-cta a{display:inline-flex;align-items:center;justify-content:center;min-width:156px;height:48px;border-radius:5px;text-decoration:none;font-weight:900;font-size:13px}
.op-cta a:first-child{background:#d7a72f;color:#071526}
.op-cta a:last-child{border:1px solid rgba(255,255,255,.22);color:#fff}
.op-footer{background:#09182a;color:#8090a4;text-align:center;padding:28px;font-size:12px}

/* modal copied to match provided popup visual */
.vivaldi-parking-modal{position:fixed;inset:0;z-index:1000;display:none}
.vivaldi-parking-modal.is-open{display:block}
.vivaldi-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.vivaldi-modal-panel{position:relative;z-index:2;width:min(1120px,calc(100% - 28px));max-height:94vh;margin:3vh auto;background:#fff;border-radius:8px;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.38)}
.vivaldi-modal-close{position:absolute;right:24px;top:22px;z-index:5;width:52px;height:52px;border:0;border-radius:999px;background:rgba(0,0,0,.35);color:#071526;font-size:38px;line-height:1;cursor:pointer}
.vv-modal-hero{height:280px;background-size:cover;background-position:center;position:relative}
.vv-modal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 88%,#fff 100%)}
.vv-modal-tags{position:absolute;top:18px;left:22px;z-index:2;display:flex;gap:10px}
.vv-modal-tags span{background:#fff;color:#111827;border-radius:5px;padding:10px 18px;font-weight:900;font-size:13px}
.vv-modal-tags .vv-yield-badge{background:#1ec95a;color:#fff}
.vv-modal-content{padding:0 40px 40px}
.vv-modal-content h2{margin:0 0 6px;font-size:32px;line-height:1.1;color:#050b14}
.vv-modal-place{margin:0 0 28px;color:#4b5563;font-size:18px}
.vv-modal-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:38px}
.vv-modal-stats-grid div{background:#f4f4f5;border-radius:8px;padding:20px 12px;text-align:center}
.vv-modal-stats-grid strong{display:block;font-size:28px;color:#020617}
.vv-modal-stats-grid span{display:block;margin-top:4px;color:#4b5563;font-size:14px}
.vv-modal-stats-grid div.is-green{background:#dcfce7}
.vv-modal-stats-grid div.is-green strong{color:#18c85a}
.vv-guarantees{background:#f7f7f8;border-radius:8px;padding:25px 26px;margin-bottom:30px}
.vv-guarantees h3{margin:0 0 18px;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.03em}
.vv-guarantee-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px;color:#4b5563;font-size:16px}
.vv-guarantee-grid span{color:#4b5563}
.vv-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}
.vv-option-card{position:relative;background:#f4f4f5;border-radius:8px;padding:28px;border:2px solid transparent}
.vv-option-card.is-recommended{background:#f0fdf4;border-color:#9be7b3}
.vv-option-card>b{position:absolute;right:20px;top:-15px;background:#1ec95a;color:#fff;border-radius:4px;padding:8px 16px;font-size:13px}
.vv-option-card p{margin:0 0 18px;text-transform:uppercase;color:#374151;font-size:14px}
.vv-option-card small{display:block;color:#4b5563;font-size:15px}
.vv-option-card h3{margin:2px 0 20px;font-size:31px;color:#020617}
.vv-option-card dl{margin:0}
.vv-option-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid #dfe3e8;padding:9px 0;color:#4b5563}
.vv-option-card dl div:last-child{border-bottom:0}
.vv-option-card dt{font-size:16px}
.vv-option-card dd{margin:0;color:#000;font-weight:900}
.vv-option-card.is-recommended dd:last-child{color:#18c85a}
.vv-modal-contact{display:flex;justify-content:space-between;gap:24px;background:#151515;color:#fff;border-radius:8px;padding:26px;margin-bottom:26px}
.vv-modal-contact strong{display:block;color:#d7a72f;text-transform:uppercase;margin-bottom:8px}
.vv-modal-contact span{display:block;line-height:1.45}
.vv-modal-actions{display:grid;grid-template-columns:1fr 130px;gap:16px}
.vv-modal-actions a,.vv-modal-actions button{height:54px;border-radius:5px;border:0;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;cursor:pointer}
.vv-modal-actions a{background:#151515;color:#fff}
.vv-modal-actions button{background:#f4f4f5;color:#111}

@media (max-width:960px){
  .op-nav-inner{height:auto;padding:18px 0;align-items:flex-start;flex-wrap:wrap}
  .op-menu{order:3;width:100%;gap:16px;overflow:auto}
  .op-menu a{padding:12px 0;font-size:12px;white-space:nowrap}
  .op-filters{grid-template-columns:1fr 1fr}
  .op-check{grid-column:span 2}
  .op-grid{grid-template-columns:repeat(2,1fr)}
  .vv-modal-stats-grid{grid-template-columns:repeat(2,1fr)}
  .vv-option-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .op-wrap{width:min(100% - 24px,1110px)}
  .op-hero{padding:60px 0 42px}
  .op-hero h1{font-size:44px}
  .op-filters{grid-template-columns:1fr}
  .op-check{grid-column:auto}
  .op-grid{grid-template-columns:1fr}
  .op-card-img{height:190px}
  .vv-modal-content{padding:0 18px 24px}
  .vv-modal-hero{height:220px}
  .vv-modal-content h2{font-size:25px}
  .vv-modal-stats-grid{grid-template-columns:1fr}
  .vv-guarantee-grid{grid-template-columns:1fr}
  .vv-modal-contact{display:block}
  .vv-modal-actions{grid-template-columns:1fr}
}


/* 2026-05-27 exact parking source header/text layout fix: no full menu, small header, language + return link only */
.op-nav{background:#071526;border-bottom:1px solid rgba(255,255,255,.08)}
.op-nav-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.op-brand{font-size:15px;letter-spacing:.05em;gap:0}
.op-brand img{display:none!important}
.op-brand>span{display:inline-flex;align-items:center;gap:0;color:#fff;font-weight:900;text-transform:uppercase}
.op-brand>span>span{color:#d7a72f;margin-left:0}
.op-menu{display:none!important}
.op-top-actions{display:flex;align-items:center;gap:18px;margin-left:auto}
.op-langs{display:flex;align-items:center;gap:10px;order:1}
.op-langs a{width:auto;height:auto;border-radius:0;background:transparent;color:rgba(255,255,255,.55);font-size:11px;line-height:1;font-weight:900;padding:8px 2px;text-transform:uppercase;border-bottom:2px solid transparent}
.op-langs a:hover{color:#fff}
.op-langs a.active{background:transparent;color:#d7a72f;border-bottom-color:#d7a72f}
.op-back-link{order:2;color:rgba(255,255,255,.70);text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
.op-back-link:hover{color:#fff}
.op-hero{padding:62px 0 48px;text-align:center;background:#071526}
.op-pill{font-size:11px;padding:9px 18px;margin-bottom:26px;text-transform:none;letter-spacing:0;border-radius:999px}
.op-hero h1{font-size:clamp(40px,5.4vw,58px);line-height:1.05;margin-bottom:18px;max-width:880px}
.op-hero p{font-size:14px;margin-bottom:30px;color:#8996a8;font-weight:700;max-width:760px}
.op-stats{gap:14px}
.op-stats div{width:116px;min-height:72px;border-radius:8px}
.op-stats strong{font-size:26px}
.op-stats span{font-size:10px;text-transform:none;letter-spacing:0}
.op-filter-bar{padding:20px 0;background:#f6f7f9}
.op-filters{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:18px;align-items:end}
.op-field label{font-size:10px;margin-bottom:7px;text-transform:none;letter-spacing:0;color:#647084}
.op-field select{height:36px;border-radius:5px;font-size:12px}
.op-check{height:36px;font-size:12px;font-weight:800;white-space:nowrap}
.op-count{font-size:13px;color:#667085;margin-bottom:24px}
@media (max-width:960px){
  .op-nav-inner{height:auto;padding:14px 0;align-items:center;flex-wrap:wrap}
  .op-top-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}
  .op-filters{grid-template-columns:1fr 1fr}
  .op-check{grid-column:span 2}
}
@media (max-width:640px){
  .op-nav-inner{display:block;text-align:center}
  .op-brand{justify-content:center;margin-bottom:10px}
  .op-top-actions{justify-content:center;margin-left:0}
  .op-hero{padding:42px 0 34px}
  .op-hero h1{font-size:36px}
  .op-filters{grid-template-columns:1fr}
  .op-check{grid-column:auto}
}