/* CLZ V6 PRO — Experience + Ads */
:root{--xp-glow:rgba(22,104,245,.13);--xp-glow2:rgba(24,197,232,.10);--xp-wall:none}
body.clz-experience{position:relative;background-image:var(--xp-wall);background-size:cover;background-position:center;background-attachment:fixed}
body.clz-experience:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 14% 8%,var(--xp-glow),transparent 34%),radial-gradient(circle at 86% 17%,var(--xp-glow2),transparent 31%),linear-gradient(180deg,var(--bg),var(--bg))}
body.has-custom-bg:before{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.91))}html[data-theme="dark"] body.has-custom-bg:before{background:linear-gradient(180deg,rgba(7,11,22,.62),rgba(7,11,22,.90))}
body[data-clz-bg=aurora]{--xp-glow:rgba(86,76,245,.22);--xp-glow2:rgba(22,211,183,.19)}body[data-clz-bg=alpine]{--xp-glow:rgba(42,151,255,.20);--xp-glow2:rgba(92,205,149,.16)}body[data-clz-bg=midnight]{--xp-glow:rgba(68,62,238,.24);--xp-glow2:rgba(0,185,255,.17)}
body[data-clz-bg=midnight]:before{background:radial-gradient(circle at 18% 8%,rgba(54,69,220,.22),transparent 38%),radial-gradient(circle at 84% 20%,rgba(0,181,224,.15),transparent 34%),linear-gradient(180deg,#09101f,#10192d)}
body[data-clz-bg=midnight]{--ink:#eef4ff;--muted:#aab5c9;--line:#24324c;--bg:#0b1120;--soft:#121b2e;--surface:#10192c;--surface2:#121e33}

.topbar{backdrop-filter:saturate(145%) blur(16px);-webkit-backdrop-filter:saturate(145%) blur(16px);background:color-mix(in srgb,var(--bg) 82%,transparent)}
.nav-ads{color:var(--blue)!important;font-weight:900!important}.personalize-top{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--blue);cursor:pointer;font-weight:900}
.search-hero{position:relative;isolation:isolate}.search-hero:before{content:"";position:absolute;inset:3% 12% 18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,var(--xp-glow),transparent 66%);filter:blur(19px);pointer-events:none}
.searchbox.large{box-shadow:0 20px 55px rgba(20,35,70,.13),0 2px 8px rgba(22,104,245,.08);transition:.22s ease}.searchbox.large:focus-within{transform:translateY(-2px);box-shadow:0 26px 68px rgba(20,35,70,.17),0 0 0 4px rgba(22,104,245,.08)}
.personal-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.location-pill,.personal-pill{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer;backdrop-filter:blur(10px)}.location-pill:hover,.personal-pill:hover{color:var(--blue)}
.recent-searches{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px;font-size:12px;color:var(--muted)}.recent-searches>div{display:flex;gap:6px;flex-wrap:wrap}.recent-searches a{padding:6px 9px;border-radius:999px;background:var(--soft);font-weight:750}
.index-stats{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:12px}.index-stats b{color:var(--ink)}.index-stats i{width:3px;height:3px;background:var(--muted);border-radius:50%;opacity:.45}
.discover-strip{width:min(940px,calc(100% - 28px));margin:8px auto 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.discover-strip a{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px);transition:.18s;box-shadow:0 8px 24px rgba(18,37,72,.035)}.discover-strip a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 28%,var(--line));box-shadow:0 12px 30px rgba(18,37,72,.07)}.discover-strip span{font-size:22px}.discover-strip b,.discover-strip small{display:block}.discover-strip b{font-size:13px}.discover-strip small{font-size:10px;color:var(--muted);margin-top:2px}

.personalize-backdrop{position:fixed;inset:0;background:rgba(5,10,20,.36);z-index:1998;backdrop-filter:blur(2px)}.personalize-drawer{position:fixed;right:0;top:0;width:min(430px,100%);height:100dvh;z-index:1999;background:var(--surface);border-left:1px solid var(--line);box-shadow:-20px 0 70px rgba(10,20,40,.18);padding:24px;overflow:auto;transform:translateX(105%);transition:transform .24s ease}.personalize-drawer.open{transform:translateX(0)}body.drawer-open{overflow:hidden}
.personalize-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.personalize-head h2{margin:3px 0 0;font-size:27px;letter-spacing:-.04em}.drawer-close{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--soft);font-size:23px;cursor:pointer;color:var(--ink)}
.personalize-section{padding:22px 0;border-bottom:1px solid var(--line)}.personalize-section h3{margin:0 0 5px}.personalize-section>p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.55}
.background-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bg-choice{border:1px solid var(--line);border-radius:13px;padding:6px;background:var(--surface);cursor:pointer;color:var(--ink)}.bg-choice span{display:block;height:48px;border-radius:9px;margin-bottom:5px}.bg-choice b{font-size:10px}.bg-choice.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(22,104,245,.11)}.bg-default span{background:linear-gradient(135deg,#f7fbff,#e9f1ff)}.bg-aurora span{background:radial-gradient(circle at 20% 20%,#80f1dd,transparent 45%),linear-gradient(135deg,#2537a5,#654fd9)}.bg-alpine span{background:linear-gradient(160deg,#bde8ff 0 45%,#7cc7a5 46% 65%,#edf7f2 66%)}.bg-midnight span{background:radial-gradient(circle at 70% 20%,#197bd6,transparent 35%),linear-gradient(135deg,#080d1b,#18294d)}
.custom-bg-upload{display:block;margin-top:12px}.custom-bg-upload input{display:none}.custom-bg-upload span{display:block;text-align:center;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;cursor:pointer;color:var(--blue);font-weight:800;font-size:12px}.text-btn{border:0;background:none;padding:8px 0;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.location-card{padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--soft);display:flex;justify-content:space-between;align-items:center;gap:12px}.location-card>div{display:flex;align-items:center;gap:10px}.location-card>div>span{font-size:21px;color:var(--blue)}.location-card b,.location-card small{display:block}.location-card small{font-size:10px;color:var(--muted);margin-top:2px}.manual-location{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.manual-location input{min-width:0;border:1px solid var(--line);border-radius:11px;padding:9px 10px;background:var(--surface);color:var(--ink)}.use-location-check{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:12px;font-weight:750}
.personal-tabs{display:flex;gap:6px;margin:10px 0}.personal-tabs button{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.personal-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.personal-list{display:grid;gap:6px;max-height:220px;overflow:auto}.personal-list a,.personal-list .personal-item{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:11px;background:var(--surface)}.personal-list small{color:var(--muted)}.privacy-mini{font-size:10px;color:var(--muted);line-height:1.5;padding-top:18px}
.result-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.save-result{border:0;background:none;color:var(--muted);font-size:11px;cursor:pointer;padding:4px 0}.save-result.saved{color:var(--blue);font-weight:800}.location-context{font-size:12px;color:var(--muted);padding:8px 0 14px}.location-context a{color:var(--blue);margin-left:5px}

/* CLZ Ads */
.ads-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:center;padding:56px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,#e9f2ff),color-mix(in srgb,var(--surface) 96%,#eafff8));box-shadow:0 22px 70px rgba(16,31,67,.07);overflow:hidden;position:relative}.ads-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(31,117,255,.14),transparent 68%);right:-100px;top:-120px}.ads-hero>div{position:relative;z-index:1}.ads-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.055em;margin:8px 0 18px}.ads-hero p{font-size:17px;color:var(--muted);line-height:1.7}
.ads-preview-card{padding:28px!important;border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 24px 65px rgba(10,30,70,.10);backdrop-filter:blur(12px)}.sponsored-label{display:inline-flex;padding:4px 7px;border-radius:6px;background:#eef5ff;color:#185fc2;font-size:10px;font-weight:900;letter-spacing:.02em}.ads-preview-card small{display:block;color:var(--muted);margin:9px 0}.ads-preview-card h3{font-size:23px;color:var(--blue);margin:5px 0 8px}.ads-preview-metrics{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.ads-preview-metrics span{padding:6px 8px;border-radius:999px;background:var(--soft);font-size:10px;font-weight:800;color:var(--muted)}
.ads-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ads-benefit-grid article{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.ads-benefit-grid b{font-size:14px}.ads-benefit-grid p{font-size:13px;color:var(--muted);line-height:1.55}
.sponsored-results{border:1px solid #cfe0ff;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f7faff);padding:14px 16px;margin:0 0 18px}html[data-theme=dark] .sponsored-results{background:#0f1a2c;border-color:#29456f}.sponsored-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.sponsored-head span{font-weight:900;color:var(--blue);font-size:12px}.sponsored-head small{font-size:10px;color:var(--muted)}.sponsored-result{padding:12px 0}.sponsored-result+.sponsored-result{border-top:1px solid var(--line)}.sponsored-source{display:flex;align-items:center;gap:8px}.sponsored-source small{color:var(--muted)}.sponsored-result h2{font-size:20px;margin:5px 0}.sponsored-result h2 a{color:var(--blue)}.sponsored-result p{margin:5px 0;color:var(--muted);font-size:13px}
.ads-form-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:24px;margin-top:22px}.ads-form-side{display:grid;gap:12px;align-content:start}.ads-info-box{display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.ads-info-box>span{width:38px;height:38px;border-radius:12px;background:var(--soft);display:grid;place-items:center}.ads-info-box b,.ads-info-box p{display:block;margin:0}.ads-info-box p{color:var(--muted);font-size:12px;line-height:1.55;margin-top:4px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.campaign-grid{display:grid;gap:15px}.campaign-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 10px 34px rgba(16,31,67,.045)}.campaign-head,.campaign-foot,.admin-ad-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.campaign-head h3{margin:3px 0}.campaign-head small,.campaign-foot small,.admin-ad-top small{color:var(--muted)}.campaign-ad{display:grid;gap:3px;padding:14px;border-radius:13px;background:var(--soft)}.campaign-ad span{font-size:9px;font-weight:900;color:var(--blue)}.campaign-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.campaign-metrics>div{padding:10px;border:1px solid var(--line);border-radius:12px}.campaign-metrics b,.campaign-metrics span{display:block}.campaign-metrics span{font-size:9px;color:var(--muted);margin-top:3px}.ad-status{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;background:var(--soft)}.ad-status-active{background:#e5f8ed;color:#14703b}.ad-status-rejected{background:#fdeaea;color:#a72b2b}.campaign-note{margin-top:10px;padding:10px;border-radius:10px;background:#fff8dd;font-size:11px;color:#765d11}.admin-ad-card{margin-bottom:14px}.admin-ad-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end;margin-top:16px}.admin-ad-form label{display:grid;gap:5px;font-size:11px;font-weight:800}.admin-ad-form input,.admin-ad-form select,.admin-ad-form textarea{width:100%;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.admin-ad-form .wide{grid-column:1/-2}.admin-ad-keywords{font-size:12px;color:var(--muted)}

@media(max-width:900px){.ads-hero{grid-template-columns:1fr;padding:38px}.ads-benefit-grid{grid-template-columns:repeat(2,1fr)}.ads-form-layout{grid-template-columns:1fr}.admin-ad-form{grid-template-columns:repeat(2,1fr)}.admin-ad-form .wide{grid-column:1/-1}}
@media(max-width:820px){.discover-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.discover-strip{grid-template-columns:1fr 1fr;width:calc(100% - 20px)}.discover-strip a{padding:12px}.discover-strip small{display:none}.personal-pill{display:none}.personalize-drawer{padding:18px}.background-grid{grid-template-columns:repeat(2,1fr)}.ads-hero{padding:28px 20px;border-radius:20px}.ads-hero h1{font-size:36px}.ads-benefit-grid{grid-template-columns:1fr}.campaign-metrics{grid-template-columns:repeat(2,1fr)}.form-two{grid-template-columns:1fr}.sponsored-head{align-items:flex-start;flex-direction:column}}


/* === CLZ V7 PRO === */
.query-mark{background:transparent;color:inherit;font-weight:850;text-decoration:underline;text-decoration-color:rgba(22,104,245,.28);text-decoration-thickness:2px;text-underline-offset:2px}
.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.save-search-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.save-search-btn.saved{color:var(--blue);border-color:rgba(22,104,245,.25)}
.source-filter-banner,.did-you-mean{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:12px;margin:0 0 12px;color:var(--muted)}.source-filter-banner a,.did-you-mean a{color:var(--blue);font-weight:800;margin-left:5px}
.result-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.trust-mini{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:var(--soft);font-size:9px;font-weight:900;color:var(--muted)}
.source-profile-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 14px 45px rgba(15,31,68,.05)}.source-profile-brand{display:flex;align-items:center;gap:16px}.source-profile-icon{width:66px;height:66px;border-radius:18px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;color:var(--blue);overflow:hidden}.source-profile-icon img{max-width:48px;max-height:48px}.source-profile-brand h1{margin:5px 0 3px;font-size:30px}.source-profile-brand p{margin:0;color:var(--muted)}.source-profile-actions{display:flex;gap:8px;flex-wrap:wrap}
.source-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.source-profile-stats article{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.source-profile-stats b,.source-profile-stats span{display:block}.source-profile-stats b{font-size:22px}.source-profile-stats span{font-size:10px;color:var(--muted);margin-top:4px}
.source-about-panel{display:grid;grid-template-columns:1fr 250px;gap:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.source-about-panel h2{margin:4px 0 9px}.source-about-panel p{color:var(--muted);line-height:1.65}.trust-box{padding:18px;border-radius:16px;background:var(--soft);display:flex;flex-direction:column;align-items:flex-start}.trust-box>span,.trust-box small{font-size:10px;color:var(--muted)}.trust-box strong{font-size:34px;margin:5px 0}.trust-box a{font-size:10px;color:var(--blue);font-weight:800;margin-top:10px}.source-page-list{display:grid;gap:8px}.source-page-list article{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.source-page-list h3{margin:0 0 4px;font-size:15px;color:var(--blue)}.source-page-list p{margin:0;color:var(--muted);font-size:11px}.source-page-list small{color:var(--muted);white-space:nowrap}
.source-card-trust{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:10px;color:var(--muted)}.source-card-trust b{color:var(--ink)}
.account-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.account-overview a{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.account-overview b,.account-overview span{display:block}.account-overview b{font-size:23px}.account-overview span{font-size:10px;color:var(--muted);margin-top:3px}.account-section{margin-top:28px}.saved-library{display:grid;gap:7px}.saved-library article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.saved-library b,.saved-library small{display:block}.saved-library small{font-size:10px;color:var(--muted);margin-top:3px}.account-location-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.account-location-card b,.account-location-card span{display:block}.account-location-card span{font-size:10px;color:var(--muted);margin-top:3px}
.stats-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 30px}.stats-mega-grid article{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);text-align:center}.stats-mega-grid b,.stats-mega-grid span{display:block}.stats-mega-grid b{font-size:36px;letter-spacing:-.04em}.stats-mega-grid span{font-size:11px;color:var(--muted);margin-top:5px}.trust-grid,.trust-policy-grid,.process-v7{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-grid article,.trust-policy-grid article,.process-v7 article{padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.trust-grid article>b{font-size:28px}.trust-grid p,.trust-policy-grid p,.process-v7 p{font-size:12px;color:var(--muted);line-height:1.6}.process-v7 span{width:32px;height:32px;border-radius:10px;background:var(--soft);display:grid;place-items:center;color:var(--blue);font-weight:900;margin-bottom:12px}
.mobile-app-nav{display:none}.wide-field{grid-column:1/-1}.wide-field textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 11px}

/* steaua de personalizare rămâne clară pe mobil */
@media(max-width:720px){
 body{padding-bottom:70px}
 .mobile-app-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:8px;right:8px;bottom:8px;z-index:1600;padding:6px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);box-shadow:0 12px 38px rgba(8,19,45,.16)}
 .mobile-app-nav a,.mobile-app-nav button{min-width:0;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;font-size:16px;cursor:pointer}.mobile-app-nav b{font-size:8px;font-weight:800}.mobile-app-nav a:active,.mobile-app-nav button:active{color:var(--blue)}
 .personalize-top{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:14px!important;font-size:23px!important;line-height:1!important;font-weight:900!important;color:var(--blue)!important;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line))!important;box-shadow:0 5px 15px rgba(22,104,245,.11)!important}
 .source-profile-hero{align-items:flex-start;flex-direction:column;padding:20px}.source-profile-stats{grid-template-columns:1fr 1fr}.source-about-panel{grid-template-columns:1fr}.account-overview{grid-template-columns:1fr 1fr}.stats-mega-grid{grid-template-columns:1fr 1fr}.trust-grid,.trust-policy-grid,.process-v7{grid-template-columns:1fr}.result-toolbar{align-items:flex-start}.source-page-list article{flex-direction:column}.source-page-list small{white-space:normal}
}


/* =========================================================
   CLZ V7.1 PREMIUM UI — visual layer only
   ========================================================= */

:root{
  --premium-shadow:0 18px 55px rgba(13,31,67,.08);
  --premium-shadow-soft:0 10px 30px rgba(13,31,67,.05);
  --premium-border:color-mix(in srgb,var(--blue) 10%,var(--line));
  --premium-glass:color-mix(in srgb,var(--surface) 89%,transparent);
}

/* Global polish */
body.clz-experience{
  background:
    radial-gradient(circle at 12% 2%,rgba(22,104,245,.08),transparent 27%),
    radial-gradient(circle at 88% 10%,rgba(26,196,224,.07),transparent 25%),
    var(--bg);
}
html[data-theme="dark"] body.clz-experience{
  background:
    radial-gradient(circle at 13% 1%,rgba(65,82,255,.12),transparent 30%),
    radial-gradient(circle at 86% 8%,rgba(0,175,210,.08),transparent 26%),
    var(--bg);
}
.page-shell{
  width:min(1180px,calc(100% - 32px));
}

/* Header */
.topbar{
  border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent);
  background:color-mix(in srgb,var(--surface) 82%,transparent)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.topnav{
  min-height:64px;
}
.topnav a.nav-desktop{
  font-weight:760;
  font-size:12px;
  letter-spacing:-.01em;
}
.nav-ads{
  position:relative;
  padding-left:10px!important;
  padding-right:10px!important;
}
.nav-ads:before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:999px;
  background:rgba(22,104,245,.07);
  z-index:-1;
}
.personalize-top,
.theme-toggle{
  transition:.18s ease;
}
.personalize-top:hover,
.theme-toggle:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(14,31,67,.08);
}

/* Homepage hero */
.premium-home-hero{
  padding-top:52px!important;
  position:relative;
}
.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 auto 18px;
  padding:7px 11px;
  border:1px solid rgba(22,104,245,.13);
  background:rgba(22,104,245,.055);
  color:var(--blue);
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.premium-home-hero .hero-logo,
.premium-home-hero .brand-hero,
.premium-home-hero>img{
  filter:drop-shadow(0 10px 24px rgba(25,64,145,.10));
}
.premium-home-hero h1{
  letter-spacing:-.055em;
}
.premium-home-hero .lead{
  max-width:650px;
}
.searchbox.large{
  border:1px solid var(--premium-border)!important;
  background:color-mix(in srgb,var(--surface) 97%,transparent)!important;
  box-shadow:0 24px 75px rgba(15,36,80,.10),0 2px 8px rgba(22,104,245,.05)!important;
  transition:.22s ease;
}
.searchbox.large:focus-within{
  transform:translateY(-2px);
  box-shadow:0 30px 90px rgba(15,36,80,.14),0 0 0 4px rgba(22,104,245,.07)!important;
}
.searchbox.large button{
  box-shadow:0 9px 22px rgba(22,104,245,.20);
}

/* Personal controls */
.personal-row{
  margin-top:13px!important;
}
.location-pill,.personal-pill{
  backdrop-filter:blur(12px);
  border-color:color-mix(in srgb,var(--blue) 8%,var(--line))!important;
  background:color-mix(in srgb,var(--surface) 90%,transparent)!important;
  box-shadow:0 6px 18px rgba(14,31,67,.035);
}
.index-stats{
  opacity:.88;
}

/* Premium shortcuts */
.home-premium-shell{
  width:min(980px,calc(100% - 24px));
  margin:0 auto 26px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--blue) 7%,var(--line));
  border-radius:24px;
  background:color-mix(in srgb,var(--surface) 72%,transparent);
  backdrop-filter:blur(14px);
  box-shadow:var(--premium-shadow-soft);
}
.home-premium-shell .discover-strip{
  width:100%!important;
  margin:0!important;
}
.discover-strip a{
  border-radius:18px!important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--surface) 98%,#fff),
      color-mix(in srgb,var(--surface) 94%,#eef4ff))!important;
  border:1px solid color-mix(in srgb,var(--blue) 10%,var(--line))!important;
  box-shadow:0 8px 24px rgba(14,31,67,.045)!important;
  transition:.2s ease!important;
}
.discover-strip a:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 34px rgba(14,31,67,.08)!important;
}
.discover-strip span{
  width:40px;
  height:40px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:rgba(22,104,245,.07);
}

/* Value cards */
.premium-value-grid{
  gap:14px!important;
}
.premium-value-grid article,
.premium-value-grid .value-card{
  border:1px solid color-mix(in srgb,var(--blue) 8%,var(--line))!important;
  background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 94%,#f4f8ff))!important;
  border-radius:20px!important;
  box-shadow:var(--premium-shadow-soft)!important;
  transition:.18s ease;
}
.premium-value-grid article:hover,
.premium-value-grid .value-card:hover{
  transform:translateY(-2px);
}
.home-trust{
  border-radius:20px!important;
  border-color:color-mix(in srgb,var(--blue) 8%,var(--line))!important;
  box-shadow:0 8px 24px rgba(14,31,67,.04);
}

/* Generic premium page hero */
.premium-page-hero,
.trust-page-premium .page-hero{
  border:1px solid color-mix(in srgb,var(--blue) 9%,var(--line));
  border-radius:26px;
  background:
    radial-gradient(circle at 85% 10%,rgba(22,104,245,.08),transparent 35%),
    linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 95%,#eef5ff));
  padding:34px!important;
  box-shadow:var(--premium-shadow);
}
.premium-page-hero h1,
.trust-page-premium .page-hero h1{
  letter-spacing:-.05em;
}

/* Sources */
.source-summary{
  gap:12px!important;
}
.source-summary>div{
  border-radius:18px!important;
  border:1px solid var(--premium-border)!important;
  background:var(--surface)!important;
  box-shadow:var(--premium-shadow-soft);
}
.sources-grid{
  gap:14px!important;
}
.source-card{
  position:relative;
  overflow:hidden;
  border-radius:20px!important;
  border:1px solid var(--premium-border)!important;
  background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 96%,#f3f7ff))!important;
  box-shadow:var(--premium-shadow-soft);
  transition:.2s ease;
}
.source-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--premium-shadow);
}
.source-card:after{
  content:"";
  position:absolute;
  width:120px;height:120px;
  border-radius:50%;
  right:-55px;top:-60px;
  background:radial-gradient(circle,rgba(22,104,245,.08),transparent 68%);
  pointer-events:none;
}
.source-card-head img{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:#fff;
  padding:4px;
  border:1px solid var(--line);
}

/* Source profile */
.source-profile-premium .source-profile-hero{
  background:
    radial-gradient(circle at 88% 15%,rgba(22,104,245,.08),transparent 33%),
    linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 95%,#edf4ff))!important;
  box-shadow:var(--premium-shadow)!important;
  border-color:var(--premium-border)!important;
}
.source-profile-premium .source-profile-icon{
  width:74px!important;height:74px!important;
  border-radius:22px!important;
  box-shadow:0 10px 28px rgba(14,31,67,.08);
}
.source-profile-stats article{
  box-shadow:var(--premium-shadow-soft);
  border-color:var(--premium-border)!important;
}
.source-about-panel{
  box-shadow:var(--premium-shadow-soft);
  border-color:var(--premium-border)!important;
}
.trust-box{
  background:
    linear-gradient(180deg,rgba(22,104,245,.07),rgba(22,104,245,.025))!important;
  border:1px solid rgba(22,104,245,.10);
}

/* Account dashboard */
.account-premium .account-head{
  padding:24px;
  border:1px solid var(--premium-border);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 10%,rgba(22,104,245,.08),transparent 35%),
    var(--surface);
  box-shadow:var(--premium-shadow);
}
.account-premium .account-overview a{
  border-radius:18px!important;
  border-color:var(--premium-border)!important;
  box-shadow:var(--premium-shadow-soft);
  transition:.18s ease;
}
.account-premium .account-overview a:hover{
  transform:translateY(-2px);
}
.account-premium .account-section{
  padding:22px;
  border:1px solid color-mix(in srgb,var(--blue) 7%,var(--line));
  border-radius:20px;
  background:var(--surface);
  box-shadow:0 8px 24px rgba(14,31,67,.035);
}
.saved-library article{
  transition:.18s ease;
}
.saved-library article:hover{
  border-color:color-mix(in srgb,var(--blue) 20%,var(--line));
}

/* CLZ Ads premium */
.ads-premium .ads-hero{
  border-radius:30px!important;
  box-shadow:0 28px 85px rgba(14,31,67,.10)!important;
  border-color:color-mix(in srgb,var(--blue) 12%,var(--line))!important;
}
.ads-premium .ads-preview-card{
  transform:rotate(-.8deg);
  transition:.2s ease;
}
.ads-premium .ads-preview-card:hover{
  transform:rotate(0deg) translateY(-2px);
}
.ads-benefit-grid article{
  border-color:var(--premium-border)!important;
  box-shadow:var(--premium-shadow-soft);
}

/* Stats / trust pages */
.stats-mega-grid article,
.trust-grid article,
.trust-policy-grid article,
.process-v7 article{
  border-color:var(--premium-border)!important;
  box-shadow:var(--premium-shadow-soft);
  transition:.18s ease;
}
.stats-mega-grid article:hover,
.trust-grid article:hover,
.trust-policy-grid article:hover,
.process-v7 article:hover{
  transform:translateY(-2px);
}
.stats-mega-grid b{
  background:linear-gradient(135deg,var(--blue),#45b8d8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* Results polish */
.result{
  position:relative;
  padding:17px 0!important;
}
.result h2 a{
  transition:.15s ease;
}
.result h2 a:hover{
  color:color-mix(in srgb,var(--blue) 82%,#4f7cff);
}
.trust-mini{
  background:rgba(22,104,245,.06)!important;
  color:var(--blue)!important;
  border:1px solid rgba(22,104,245,.10);
}
.sponsored-results{
  box-shadow:0 8px 28px rgba(22,104,245,.04);
}

/* Mobile app refinement */
@media(max-width:720px){
  .page-shell{
    width:calc(100% - 20px);
  }
  .topbar{
    min-height:58px!important;
  }
  .premium-home-hero{
    padding:24px 10px 14px!important;
  }
  .hero-kicker{
    font-size:8px;
    padding:6px 9px;
    margin-bottom:12px;
    max-width:96%;
    text-align:center;
  }
  .premium-home-hero h1{
    font-size:clamp(22px,7vw,29px)!important;
    line-height:1.08!important;
    max-width:340px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .premium-home-hero .lead{
    font-size:12px!important;
    max-width:320px!important;
    line-height:1.5!important;
  }
  .searchbox.large{
    margin-top:16px!important;
    min-height:58px!important;
    border-radius:19px!important;
    box-shadow:0 16px 45px rgba(15,36,80,.10)!important;
  }
  .home-premium-shell{
    width:calc(100% - 16px)!important;
    padding:10px!important;
    border-radius:19px!important;
    margin-bottom:16px!important;
  }
  .discover-strip{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .discover-strip a{
    min-height:78px;
    padding:12px!important;
    border-radius:15px!important;
  }
  .discover-strip span{
    width:34px;height:34px;border-radius:11px;font-size:17px!important;
  }
  .discover-strip b{font-size:11px!important}
  .discover-strip small{font-size:9px!important;line-height:1.3!important}

  .premium-value-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .premium-value-grid article,
  .premium-value-grid .value-card{
    padding:14px!important;
    border-radius:16px!important;
    box-shadow:0 6px 18px rgba(14,31,67,.035)!important;
  }

  .premium-page-hero,
  .trust-page-premium .page-hero{
    padding:22px 18px!important;
    border-radius:20px!important;
  }

  .source-profile-premium .source-profile-hero{
    padding:18px!important;
    border-radius:20px!important;
  }
  .source-profile-premium .source-profile-icon{
    width:60px!important;height:60px!important;border-radius:18px!important;
  }

  .account-premium .account-head{
    padding:18px;
    border-radius:18px;
  }
  .account-premium .account-section{
    padding:16px;
    border-radius:17px;
  }

  .mobile-app-nav{
    border-radius:20px!important;
    box-shadow:0 16px 42px rgba(8,19,45,.20)!important;
  }

  .personalize-top{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    font-size:23px!important;
    border-radius:14px!important;
  }
}

/* Micro motion */
@media (prefers-reduced-motion:no-preference){
  .discover-strip a,
  .source-card,
  .account-overview a,
  .stats-mega-grid article,
  .trust-grid article,
  .trust-policy-grid article,
  .process-v7 article{
    will-change:transform;
  }
}


/* =========================================================
   CLZ V7.2.3 — FOOTER WIDE IDENTITY
   Imagine lată, steaguri vizibile în stânga + Berlin în dreapta
   ========================================================= */

.hero-kicker{
  display:none !important;
}

/* elimină orice versiune veche a decorului din homepage */
.identity-v72-home{
  display:none !important;
}

.footer{
  position:relative !important;
  overflow:visible !important;
  z-index:2;
}

/* conținut footer deasupra decorului */
.footer > *{
  position:relative;
  z-index:3;
}

/* decorul panoramic */
.footer::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:100%;
  transform:translateX(-50%);
  width:100vw;
  height:clamp(280px, 32vw, 470px);

  background-image:url('../img/clz-identity-v72.png');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% auto;

  pointer-events:none;
  z-index:1;

  opacity:.98;
  filter:saturate(.98) contrast(1.01);

  /* estompare ușoară sus, ca să intre natural în conținut */
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 11%,#000 30%,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 11%,#000 30%,#000 100%);
}

/* monitoare late */
@media(min-width:1500px){
  .footer::before{
    height:clamp(350px, 31vw, 520px);
    background-size:100% auto;
  }
}

/* laptop */
@media(max-width:1200px){
  .footer::before{
    height:340px;
    background-size:110% auto;
  }
}

/* tabletă */
@media(max-width:900px){
  .footer::before{
    height:285px;
    background-size:125% auto;
    opacity:.92;
  }
}

/* mobil - păstrăm steagurile și skyline-ul vizibile, dar fără aglomerare */
@media(max-width:640px){
  .footer::before{
    width:100vw;
    height:230px;
    background-size:auto 100%;
    background-position:center bottom;
    opacity:.88;

    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.28) 10%,#000 32%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.28) 10%,#000 32%,#000 100%);
  }
}

/* telefoane înguste */
@media(max-width:430px){
  .footer::before{
    height:205px;
    background-size:auto 100%;
    background-position:center bottom;
    opacity:.86;
  }
}

/* dark mode */
html[data-theme="dark"] .footer::before{
  opacity:.80;
  filter:saturate(.90) brightness(.88) contrast(1.04);
}

@media(max-width:640px){
  html[data-theme="dark"] .footer::before{
    opacity:.74;
  }
}


/* =========================================================
   CLZ V7.2.4 — MOBILE IDENTITY PRO
   Desktop: banner panoramic complet
   Mobil: steagurile + Berlinul ca două accente mari
   ========================================================= */

@media(max-width:640px){

  /* pe mobil nu mai micșorăm bannerul panoramic complet */
  .footer::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:auto !important;
    bottom:100% !important;
    transform:none !important;

    width:48vw !important;
    height:220px !important;

    background-image:url('../img/clz-identity-v72.png') !important;
    background-repeat:no-repeat !important;
    background-size:auto 220px !important;
    background-position:left bottom !important;

    opacity:.92 !important;
    pointer-events:none !important;
    z-index:1 !important;

    -webkit-mask-image:linear-gradient(to top,#000 0%,#000 72%,transparent 100%) !important;
    mask-image:linear-gradient(to top,#000 0%,#000 72%,transparent 100%) !important;
  }

  /* partea dreaptă: skyline Berlin */
  .footer::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    left:auto !important;
    bottom:100% !important;

    width:58vw !important;
    height:220px !important;

    background-image:url('../img/clz-identity-v72.png') !important;
    background-repeat:no-repeat !important;
    background-size:auto 220px !important;
    background-position:right bottom !important;

    opacity:.90 !important;
    pointer-events:none !important;
    z-index:1 !important;

    -webkit-mask-image:linear-gradient(to top,#000 0%,#000 72%,transparent 100%) !important;
    mask-image:linear-gradient(to top,#000 0%,#000 72%,transparent 100%) !important;
  }

  .footer > *{
    position:relative !important;
    z-index:3 !important;
  }
}

/* telefoane mici */
@media(max-width:430px){
  .footer::before,
  .footer::after{
    height:195px !important;
    background-size:auto 195px !important;
  }

  .footer::before{
    width:50vw !important;
  }

  .footer::after{
    width:60vw !important;
  }
}

/* dark mode */
@media(max-width:640px){
  html[data-theme="dark"] .footer::before,
  html[data-theme="dark"] .footer::after{
    opacity:.72 !important;
    filter:saturate(.9) brightness(.88) contrast(1.04) !important;
  }
}


/* =========================================================
   CLZ V7.2.5 — Identity Visual BEHIND CONTENT
   Imaginea rămâne la locul ei, dar devine fundal real.
   ========================================================= */

/* Tot conținutul principal trebuie să stea deasupra decorului din footer */
.home{
  position:relative !important;
  z-index:5 !important;
}

/* Secțiunile homepage rămân explicit deasupra imaginii */
.search-hero,
.home-premium-shell,
.premium-value-grid,
.home-trust{
  position:relative !important;
  z-index:6 !important;
}

/* Footerul și decorul lui stau sub homepage */
.footer{
  position:relative !important;
  z-index:1 !important;
}

/* Imaginea panoramică este strict fundal */
.footer::before,
.footer::after{
  z-index:0 !important;
  pointer-events:none !important;
}

/* Linkurile și textele footerului rămân deasupra propriei imagini */
.footer > *{
  position:relative !important;
  z-index:2 !important;
}

/* Cardurile trebuie să rămână suficient de opace peste fundal */
.premium-value-grid article,
.premium-value-grid .value-card,
.home-trust-card,
.home-premium-shell{
  isolation:isolate;
}

/* Dark mode: păstrăm lizibilitatea */
html[data-theme="dark"] .premium-value-grid article,
html[data-theme="dark"] .premium-value-grid .value-card,
html[data-theme="dark"] .home-trust-card{
  background:color-mix(in srgb,var(--surface) 94%,transparent) !important;
}

/* Mobil: aceeași regulă de stratificare, fără schimbarea layoutului */
@media(max-width:640px){
  .home{
    position:relative !important;
    z-index:5 !important;
  }

  .footer{
    z-index:1 !important;
  }

  .footer::before,
  .footer::after{
    z-index:0 !important;
  }
}


/* =========================================================
   CLZ V7.2.6 — MOBILE CLEAN + PWA BANNER FIX
   Desktop: păstrează Identity Visual.
   Mobil: fără imagine decorativă.
   Bannerul PWA stă deasupra meniului mobil.
   ========================================================= */

@media(max-width:640px){

  /* Scoatem complet Identity Visual de pe mobil */
  .footer::before,
  .footer::after,
  .identity-v72-home{
    display:none !important;
    content:none !important;
    background:none !important;
  }

  /* Meniul mobil rămâne fix jos */
  .mobile-app-nav{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    z-index:1600 !important;
  }

  /* Bannerul de instalare PWA fixat deasupra meniului */
  #installBanner,
  .install-banner,
  .pwa-install-banner,
  .app-install-banner,
  [data-install-banner],
  [data-pwa-install],
  .install-prompt{
    position:fixed !important;

    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;

    bottom:calc(86px + env(safe-area-inset-bottom, 0px)) !important;

    width:calc(100vw - 20px) !important;
    max-width:520px !important;
    min-width:0 !important;

    margin:0 !important;
    box-sizing:border-box !important;
    z-index:1750 !important;
  }

  /* Conținutul intern al bannerului nu trebuie să-l împingă în lateral */
  #installBanner *,
  .install-banner *,
  .pwa-install-banner *,
  .app-install-banner *,
  [data-install-banner] *,
  [data-pwa-install] *,
  .install-prompt *{
    box-sizing:border-box !important;
    max-width:100%;
  }

  /* Loc pentru meniul fix */
  body{
    padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Telefoane foarte înguste */
@media(max-width:360px){
  #installBanner,
  .install-banner,
  .pwa-install-banner,
  .app-install-banner,
  [data-install-banner],
  [data-pwa-install],
  .install-prompt{
    width:calc(100vw - 14px) !important;
    bottom:calc(84px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* =========================================================
   CLZ V7.2.7 — ALL PAGES: identity visual under content
   Desktop/tablet: decorul din footer rămâne pe toate paginile,
   dar întotdeauna SUB elementele din pagină.
   Mobil: rămâne fără imagine, ca în V7.2.6.
   ========================================================= */

@media (min-width: 641px){
  body.clz-experience .home,
  body.clz-experience .results-page,
  body.clz-experience .page-shell,
  body.clz-experience .content-page,
  body.clz-experience main{
    position:relative !important;
    z-index:5 !important;
  }

  body.clz-experience .search-hero,
  body.clz-experience .home-premium-shell,
  body.clz-experience .premium-value-grid,
  body.clz-experience .home-trust,
  body.clz-experience .page-hero,
  body.clz-experience .page-section,
  body.clz-experience .page-section-soft,
  body.clz-experience .contact-layout,
  body.clz-experience .submit-layout,
  body.clz-experience .source-summary,
  body.clz-experience .account-dashboard,
  body.clz-experience .content-card,
  body.clz-experience .results-head,
  body.clz-experience .results-wrap{
    position:relative !important;
    z-index:6 !important;
  }

  body.clz-experience .footer{
    position:relative !important;
    z-index:1 !important;
    overflow:visible !important;
  }

  body.clz-experience .footer::before,
  body.clz-experience .footer::after{
    z-index:0 !important;
    pointer-events:none !important;
  }

  body.clz-experience .footer > *{
    position:relative !important;
    z-index:2 !important;
  }
}


/* =========================================================
   CLZ V7.2.8 FINAL — Identity Visual sub toate elementele
   Desktop/tabletă: imaginea rămâne pe toate paginile,
   dar NICIODATĂ peste conținut.
   Mobil: imaginea este eliminată complet.
   ========================================================= */

/* Strat general pentru toate paginile publice */
@media (min-width:641px){

  body.clz-experience{
    position:relative !important;
  }

  /* orice zonă principală de pagină rămâne peste imagine */
  body.clz-experience main,
  body.clz-experience .home,
  body.clz-experience .page-shell,
  body.clz-experience .content-page,
  body.clz-experience .results-page{
    position:relative !important;
    z-index:10 !important;
  }

  /* toate secțiunile și cardurile importante rămân explicit deasupra */
  body.clz-experience main > *,
  body.clz-experience .page-shell > *,
  body.clz-experience .content-page > *,
  body.clz-experience .results-page > *,
  body.clz-experience .search-hero,
  body.clz-experience .home-premium-shell,
  body.clz-experience .premium-value-grid,
  body.clz-experience .home-trust,
  body.clz-experience .page-hero,
  body.clz-experience .page-section,
  body.clz-experience .page-section-soft,
  body.clz-experience .split-section,
  body.clz-experience .feature-grid,
  body.clz-experience .feature-card,
  body.clz-experience .cta-panel,
  body.clz-experience .info-panel,
  body.clz-experience .contact-layout,
  body.clz-experience .contact-card,
  body.clz-experience .contact-form-card,
  body.clz-experience .submit-layout,
  body.clz-experience .submit-form-card,
  body.clz-experience .guideline-list,
  body.clz-experience .source-summary,
  body.clz-experience .sources-grid,
  body.clz-experience .source-card,
  body.clz-experience .account-dashboard,
  body.clz-experience .account-section,
  body.clz-experience .content-card,
  body.clz-experience .legal-layout,
  body.clz-experience .legal-content,
  body.clz-experience .auth-wrap,
  body.clz-experience .results-head,
  body.clz-experience .results-wrap,
  body.clz-experience .web-results,
  body.clz-experience .image-grid,
  body.clz-experience .ai-card,
  body.clz-experience .ads-hero,
  body.clz-experience .ads-benefit-grid,
  body.clz-experience .stats-mega-grid,
  body.clz-experience .trust-grid,
  body.clz-experience .trust-policy-grid,
  body.clz-experience .process-v7,
  body.clz-experience .source-profile-hero,
  body.clz-experience .source-profile-stats,
  body.clz-experience .source-about-panel{
    position:relative !important;
    z-index:11 !important;
  }

  /* Footerul este ancora imaginii, dar rămâne sub tot conținutul paginii */
  body.clz-experience .footer{
    position:relative !important;
    z-index:1 !important;
    overflow:visible !important;
  }

  /* Imaginea este fundal pur */
  body.clz-experience .footer::before,
  body.clz-experience .footer::after{
    z-index:0 !important;
    pointer-events:none !important;
  }

  /* textul și linkurile din footer rămân deasupra propriei imagini */
  body.clz-experience .footer > *{
    position:relative !important;
    z-index:2 !important;
  }

  /* cardurile translucide primesc suficientă suprafață ca textul să fie clar */
  body.clz-experience .feature-card,
  body.clz-experience .contact-card,
  body.clz-experience .contact-form-card,
  body.clz-experience .submit-form-card,
  body.clz-experience .source-card,
  body.clz-experience .account-dashboard,
  body.clz-experience .content-card,
  body.clz-experience .page-section-soft,
  body.clz-experience .cta-panel,
  body.clz-experience .info-panel,
  body.clz-experience .auth-wrap{
    isolation:isolate;
  }
}

/* DARK MODE: păstrăm contrastul elementelor peste fundal */
@media (min-width:641px){
  html[data-theme="dark"] body.clz-experience .feature-card,
  html[data-theme="dark"] body.clz-experience .contact-card,
  html[data-theme="dark"] body.clz-experience .contact-form-card,
  html[data-theme="dark"] body.clz-experience .submit-form-card,
  html[data-theme="dark"] body.clz-experience .source-card,
  html[data-theme="dark"] body.clz-experience .account-dashboard,
  html[data-theme="dark"] body.clz-experience .content-card,
  html[data-theme="dark"] body.clz-experience .page-section-soft,
  html[data-theme="dark"] body.clz-experience .cta-panel,
  html[data-theme="dark"] body.clz-experience .info-panel,
  html[data-theme="dark"] body.clz-experience .auth-wrap{
    background:color-mix(in srgb,var(--surface) 96%,transparent) !important;
  }
}

/* MOBIL: fără Identity Visual deloc */
@media (max-width:640px){
  body.clz-experience .footer::before,
  body.clz-experience .footer::after,
  body.clz-experience .identity-v72-home{
    display:none !important;
    content:none !important;
    background:none !important;
  }

  /* meniul mobil fix jos */
  body.clz-experience .mobile-app-nav{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px)) !important;
    z-index:1600 !important;
  }

  /* bannerul PWA stă centrat deasupra meniului */
  body.clz-experience #installBanner,
  body.clz-experience .install-banner{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:calc(86px + env(safe-area-inset-bottom,0px)) !important;
    transform:translateX(-50%) !important;

    width:calc(100vw - 20px) !important;
    max-width:520px !important;
    min-width:0 !important;

    margin:0 !important;
    box-sizing:border-box !important;
    z-index:1750 !important;
  }

  body.clz-experience #installBanner *,
  body.clz-experience .install-banner *{
    box-sizing:border-box !important;
    max-width:100%;
  }

  body.clz-experience{
    padding-bottom:calc(82px + env(safe-area-inset-bottom,0px)) !important;
  }
}

@media(max-width:360px){
  body.clz-experience #installBanner,
  body.clz-experience .install-banner{
    width:calc(100vw - 14px) !important;
    bottom:calc(84px + env(safe-area-inset-bottom,0px)) !important;
  }
}


/* =========================================================
   CLZ V7.4 — ANALYTICS PRO
   ========================================================= */
.clz-analytics-section{
  width:min(1100px,calc(100% - 32px));
  margin:18px auto 46px;
  padding:28px;
  position:relative;
  z-index:12;
  border:1px solid color-mix(in srgb,var(--blue) 10%,var(--line));
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 0%,rgba(24,197,232,.09),transparent 28%),
    radial-gradient(circle at 8% 0%,rgba(22,104,245,.09),transparent 30%),
    color-mix(in srgb,var(--surface) 95%,transparent);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 60px rgba(12,31,70,.08);
}
.clz-analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.clz-analytics-head h2{margin:6px 0 7px;font-size:clamp(25px,3vw,36px);letter-spacing:-.045em}
.clz-analytics-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.clz-live-dot{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid color-mix(in srgb,#1dbf73 25%,var(--line));background:color-mix(in srgb,#1dbf73 8%,var(--surface));font-size:9px;font-weight:900;letter-spacing:.09em;color:#168554;white-space:nowrap}
.clz-live-dot i{width:7px;height:7px;border-radius:50%;background:#21b96d;box-shadow:0 0 0 4px rgba(33,185,109,.12)}

.clz-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.clz-metric-grid article{
  min-width:0;padding:18px;border:1px solid color-mix(in srgb,var(--blue) 8%,var(--line));border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 99%,#fff),color-mix(in srgb,var(--surface) 95%,#eef5ff));
  box-shadow:0 9px 24px rgba(13,31,67,.04)
}
.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(22,104,245,.075);color:var(--blue);font-weight:900;margin-bottom:12px}
.clz-metric-grid strong{display:block;font-size:clamp(25px,3vw,34px);letter-spacing:-.04em;color:var(--ink);line-height:1}
.clz-metric-grid small{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:750}

.clz-country-panel{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent)}
.clz-country-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.clz-country-title b,.clz-country-title span{display:block}.clz-country-title>div>span{font-size:10px;color:var(--muted);margin-top:3px}
.privacy-count{padding:6px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:9px!important;font-weight:800}
.clz-country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.country-stat{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent)}
.country-flag{font-size:28px;line-height:1;filter:drop-shadow(0 3px 5px rgba(0,0,0,.08))}
.country-stat b{display:block;font-size:12px}
.country-stat small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.country-empty{grid-column:1/-1;padding:16px;color:var(--muted);font-size:12px;text-align:center}
.clz-analytics-privacy{margin:13px 2px 0;color:var(--muted);font-size:9px;line-height:1.55;text-align:center}

html[data-theme="dark"] .clz-analytics-section{
  background:
    radial-gradient(circle at 92% 0%,rgba(24,197,232,.08),transparent 28%),
    radial-gradient(circle at 8% 0%,rgba(68,82,255,.11),transparent 30%),
    color-mix(in srgb,var(--surface) 96%,transparent);
}
html[data-theme="dark"] .clz-live-dot{color:#72dca7}

@media(max-width:900px){
  .clz-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clz-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .clz-analytics-section{width:calc(100% - 20px);margin:10px auto 30px;padding:17px;border-radius:20px}
  .clz-analytics-head{gap:10px}.clz-analytics-head h2{font-size:25px}.clz-analytics-head p{font-size:11px}
  .clz-live-dot{padding:6px 8px;font-size:8px}
  .clz-metric-grid{gap:8px}
  .clz-metric-grid article{padding:14px;border-radius:15px}
  .clz-metric-grid strong{font-size:25px}.clz-metric-grid small{font-size:9px}
  .metric-icon{width:30px;height:30px;margin-bottom:9px}
  .clz-country-panel{padding:13px;border-radius:16px}
  .clz-country-title{align-items:flex-start}.privacy-count{display:none!important}
  .clz-country-grid{grid-template-columns:1fr;gap:7px}
  .country-stat{padding:10px}.country-flag{font-size:25px}
  .country-stat b{font-size:11px}.country-stat small{font-size:9px}
  .clz-analytics-privacy{font-size:8px}
}


/* =========================================================
   CLZ V7.5 — Analytics mutat în pagina Despre
   Homepage: rezumat compact
   About: statistici complete
   ========================================================= */

.clz-analytics-mini{
  width:min(980px,calc(100% - 24px));
  margin:2px auto 28px;
  position:relative;
  z-index:12;
}
.clz-analytics-mini-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:12px 16px;
  border:1px solid color-mix(in srgb,var(--blue) 8%,var(--line));
  border-radius:16px;
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 24px rgba(13,31,67,.035);
  transition:.18s ease;
}
.clz-analytics-mini-inner:hover{
  border-color:color-mix(in srgb,var(--blue) 22%,var(--line));
  box-shadow:0 11px 30px rgba(13,31,67,.055);
}
.clz-analytics-mini span{
  display:flex;
  align-items:baseline;
  gap:5px;
  white-space:nowrap;
}
.clz-analytics-mini b{font-size:15px;color:var(--ink)}
.clz-analytics-mini small{font-size:9px;color:var(--muted);font-weight:750}
.clz-analytics-mini i{width:3px;height:3px;border-radius:50%;background:var(--muted);opacity:.35}
.clz-analytics-mini strong{
  margin-left:4px;
  font-size:10px;
  color:var(--blue);
  white-space:nowrap;
}
.clz-analytics-about{
  width:100%;
  margin:18px 0 4px;
}
#statistici-clz{
  scroll-margin-top:90px;
}

@media(max-width:640px){
  .clz-analytics-mini{
    width:calc(100% - 20px);
    margin:0 auto 20px;
  }
  .clz-analytics-mini-inner{
    gap:8px;
    padding:10px 9px;
    overflow-x:auto;
    justify-content:flex-start;
    scrollbar-width:none;
  }
  .clz-analytics-mini-inner::-webkit-scrollbar{display:none}
  .clz-analytics-mini b{font-size:13px}
  .clz-analytics-mini small{font-size:8px}
  .clz-analytics-mini strong{font-size:9px}
  .clz-analytics-mini i{flex:0 0 3px}
  .clz-analytics-about{
    width:100%;
    margin-top:12px;
  }
}


/* =========================================================
   CLZ V7.6 — Mobile Bottom Nav mai lizibil
   ========================================================= */
@media(max-width:720px){

  .mobile-app-nav{
    padding:8px 7px !important;
    border-radius:19px !important;
    min-height:66px !important;
  }

  .mobile-app-nav a,
  .mobile-app-nav button{
    gap:4px !important;
    padding:6px 3px !important;
    font-size:21px !important;
    line-height:1 !important;
  }

  .mobile-app-nav a > span,
  .mobile-app-nav button > span{
    font-size:21px !important;
    line-height:1 !important;
  }

  .mobile-app-nav b{
    font-size:10.5px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
    letter-spacing:-.01em !important;
    color:var(--muted) !important;
  }

  .mobile-app-nav a:active b,
  .mobile-app-nav button:active b{
    color:var(--blue) !important;
  }

  /* steaua / personalizare rămâne clară și proporțională */
  .mobile-app-nav .personalize-top{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    font-size:24px !important;
  }

  /* puțin mai mult spațiu jos pentru bara mărită */
  body.clz-experience{
    padding-bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important;
  }

  /* bannerul PWA rămâne deasupra barei mărite */
  body.clz-experience #installBanner,
  body.clz-experience .install-banner{
    bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important;
  }
}

@media(max-width:380px){
  .mobile-app-nav a,
  .mobile-app-nav button{
    font-size:20px !important;
  }

  .mobile-app-nav b{
    font-size:9.5px !important;
  }
}


/* =========================================================
   CLZ V7.7 — Mobile Bottom Nav STRONG
   Mai mare, mai contrastant, mai ușor de înțeles
   ========================================================= */
@media(max-width:720px){

  .mobile-app-nav{
    min-height:72px !important;
    padding:9px 7px !important;
    border-radius:20px !important;
    border-color:color-mix(in srgb,var(--blue) 12%,var(--line)) !important;
    box-shadow:0 14px 42px rgba(8,19,45,.20) !important;
  }

  .mobile-app-nav a,
  .mobile-app-nav button{
    gap:5px !important;
    padding:6px 3px !important;
    font-size:23px !important;
    line-height:1 !important;
    color:color-mix(in srgb,var(--ink) 82%,var(--muted)) !important;
  }

  .mobile-app-nav a > span,
  .mobile-app-nav button > span{
    font-size:23px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  .mobile-app-nav b{
    font-size:11.5px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    color:var(--ink) !important;
    opacity:.96 !important;
  }

  /* stare activă/apasată mai evidentă */
  .mobile-app-nav a:active,
  .mobile-app-nav button:active{
    color:var(--blue) !important;
  }

  .mobile-app-nav a:active b,
  .mobile-app-nav button:active b{
    color:var(--blue) !important;
  }

  .mobile-app-nav .personalize-top{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    font-size:26px !important;
    border-width:1.5px !important;
  }

  body.clz-experience{
    padding-bottom:calc(98px + env(safe-area-inset-bottom,0px)) !important;
  }

  body.clz-experience #installBanner,
  body.clz-experience .install-banner{
    bottom:calc(102px + env(safe-area-inset-bottom,0px)) !important;
  }
}

@media(max-width:380px){
  .mobile-app-nav{
    min-height:70px !important;
  }

  .mobile-app-nav a,
  .mobile-app-nav button{
    font-size:22px !important;
  }

  .mobile-app-nav b{
    font-size:10.5px !important;
  }
}


/* =========================================================
   CLZ V7.8 — Titlu homepage pe un singur rând DOAR pe mobil
   ========================================================= */
@media(max-width:640px){

  .search-hero h1,
  .premium-home-hero h1{
    white-space:nowrap !important;
    font-size:clamp(13px,3.7vw,17px) !important;
    line-height:1.15 !important;
    letter-spacing:-.035em !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:visible !important;
    text-align:center !important;
  }
}

/* telefoane foarte înguste */
@media(max-width:380px){
  .search-hero h1,
  .premium-home-hero h1{
    font-size:clamp(12px,3.55vw,14px) !important;
    letter-spacing:-.045em !important;
  }
}


/* =========================================================
   CLZ V7.9 — Categorii homepage pe un singur rând pe mobil/PWA
   ========================================================= */
@media(max-width:640px){

  .search-hero .chips,
  .premium-home-hero .chips{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:5px !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:visible !important;
  }

  .search-hero .chips a,
  .premium-home-hero .chips a{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    font-size:11px !important;
    line-height:1 !important;
    padding:8px 9px !important;
    border-radius:999px !important;
  }
}

/* telefoane Android mai înguste */
@media(max-width:380px){
  .search-hero .chips,
  .premium-home-hero .chips{
    gap:4px !important;
  }

  .search-hero .chips a,
  .premium-home-hero .chips a{
    font-size:10.2px !important;
    padding:7px 7px !important;
  }
}


/* =========================================================
   CLZ V7.11 — PWA SPLASH PRO
   Android + iOS installed app only
   ========================================================= */

.clz-launch-splash{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:block;
  background:#0755c9 url('../img/clz-app-splash.jpg') center center / cover no-repeat;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .38s ease,visibility .38s ease;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}

.clz-launch-splash.is-leaving{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

@media (orientation:landscape){
  .clz-launch-splash{
    background-size:contain;
    background-color:#0755c9;
  }
}

/* Respectă decizia utilizatorului de a reduce animațiile. */
@media (prefers-reduced-motion:reduce){
  .clz-launch-splash{
    transition:opacity .12s linear,visibility .12s linear;
  }
}


/* CLZ V7.16 — SINGLE NATIVE SPLASH ONLY */
.clz-launch-splash,
#clzLaunchSplash,
#clzBootSplash{
  display:none !important;
  content:none !important;
  background:none !important;
}
/* =========================================================
   CLZ V6.3 — IDENTITY VISUAL DOCKED IN FOOTER
   Desktop/tabletă:
   - imaginea NU mai urcă peste conținut când pagina este scurtă
   - footerul stă la baza ferestrei când nu există suficient conținut
   - imaginea are propriul spațiu în interiorul footerului
   Mobil:
   - imaginea rămâne complet ascunsă
   ========================================================= */

@media (min-width:641px){

  body.clz-experience{
    min-height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
  }

  /*
   * Footerul devine containerul REAL al imaginii.
   * margin-top:auto îl împinge jos pe paginile scurte.
   */
  body.clz-experience > .footer{
    --clz-identity-footer-height:clamp(240px,22vw,360px);

    position:relative !important;
    width:100% !important;
    flex:0 0 auto !important;
    margin-top:auto !important;

    min-height:calc(var(--clz-identity-footer-height) + 64px) !important;
    padding:
      var(--clz-identity-footer-height)
      28px
      18px
      28px !important;

    box-sizing:border-box !important;
    overflow:hidden !important;

    align-items:center !important;
    justify-content:space-between !important;

    background:#fafbfc !important;
    border-top:1px solid #edf0f4 !important;
    z-index:1 !important;
  }

  /*
   * Imaginea nu mai este poziționată DEASUPRA footerului.
   * Ea ocupă zona rezervată din partea superioară a footerului.
   */
  body.clz-experience > .footer::before{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    left:50% !important;
    top:0 !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;

    width:100vw !important;
    height:var(--clz-identity-footer-height) !important;

    background-image:url('../img/clz-identity-v72.png') !important;
    background-repeat:no-repeat !important;
    background-position:center bottom !important;
    background-size:100% auto !important;

    opacity:.98 !important;
    filter:saturate(.98) contrast(1.01) !important;

    pointer-events:none !important;
    z-index:0 !important;

    -webkit-mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0,0,0,.34) 10%,
      #000 27%,
      #000 100%
    ) !important;
    mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0,0,0,.34) 10%,
      #000 27%,
      #000 100%
    ) !important;
  }

  /* Pe desktop/tabletă folosim o singură imagine panoramică. */
  body.clz-experience > .footer::after{
    display:none !important;
    content:none !important;
  }

  /* Textele/footer links rămân în bara de jos, peste fundalul lor. */
  body.clz-experience > .footer > *{
    position:relative !important;
    z-index:2 !important;
  }

  /* Dark mode */
  html[data-theme="dark"] body.clz-experience > .footer{
    background:var(--surface,#111722) !important;
    border-top-color:rgba(255,255,255,.08) !important;
  }

  html[data-theme="dark"] body.clz-experience > .footer::before{
    opacity:.80 !important;
    filter:saturate(.90) brightness(.88) contrast(1.04) !important;
  }
}

/* Laptop / tabletă: proporții mai compacte */
@media (min-width:641px) and (max-width:1200px){
  body.clz-experience > .footer{
    --clz-identity-footer-height:clamp(230px,24vw,300px);
  }

  body.clz-experience > .footer::before{
    background-size:110% auto !important;
  }
}

@media (min-width:641px) and (max-width:900px){
  body.clz-experience > .footer{
    --clz-identity-footer-height:230px;
  }

  body.clz-experience > .footer::before{
    background-size:125% auto !important;
  }
}

/* Mobil: păstrăm regula existentă — fără Identity Visual. */
@media (max-width:640px){
  body.clz-experience{
    display:block !important;
    min-height:100vh !important;
  }

  body.clz-experience > .footer{
    min-height:64px !important;
    margin-top:0 !important;
    padding:18px 28px !important;
    overflow:hidden !important;
  }

  body.clz-experience > .footer::before,
  body.clz-experience > .footer::after,
  body.clz-experience .identity-v72-home{
    display:none !important;
    content:none !important;
    background:none !important;
  }
}
/* =========================================================
   CLZ V6.6 — PERSONALIZARE PESTE HEADER
   Repară conflictul de z-index introdus de meniul contului.
   Drawer-ul și backdrop-ul trebuie să fie peste topbar,
   atât pe desktop cât și pe mobil.
   ========================================================= */

.personalize-backdrop{
  z-index:9000 !important;
}

.personalize-drawer{
  z-index:9001 !important;
}

.personalize-drawer.open{
  z-index:9001 !important;
}

body.drawer-open .topbar{
  z-index:5000 !important;
}

/* Butonul de închidere trebuie să rămână accesibil peste tot. */
.personalize-head,
.drawer-close{
  position:relative;
  z-index:9002 !important;
}

/* Mobil: drawer-ul ocupă corect ecranul și rămâne peste bara de sus. */
@media(max-width:720px){
  .personalize-backdrop{
    z-index:9000 !important;
  }

  .personalize-drawer{
    z-index:9001 !important;
    top:0 !important;
    right:0 !important;
    height:100dvh !important;
    max-height:100dvh !important;
    padding-top:max(18px,env(safe-area-inset-top)) !important;
  }

  .personalize-head{
    position:sticky !important;
    top:0 !important;
    z-index:9002 !important;
    background:var(--surface) !important;
  }
}
/* =========================================================
   CLZ V6.7 — MOBILE PERSONALIZARE: TITLUL DERULEAZĂ NORMAL
   Pe mobil/PWA, "Fă CLZ al tău" nu mai rămâne sticky.
   Întregul panou derulează ca o singură pagină.
   ========================================================= */
@media(max-width:720px){
  .personalize-head{
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    background:transparent !important;
  }

  .drawer-close{
    position:relative !important;
    z-index:2 !important;
  }
}
/* =========================================================
   CLZ V6.8 — FOOTER IDENTITY: IMAGINE ÎNTREAGĂ, FĂRĂ DECUPARE
   Păstrează footerul jos pe paginile scurte, dar respectă
   raportul real al imaginii 2172x724 (aprox. 3:1).
   ========================================================= */

@media (min-width:641px){
  body.clz-experience > .footer{
    /*
     * Înălțimea imaginii urmează proporția reală.
     * Pe ecrane foarte late nu o mărim peste dimensiunea sursă.
     */
    --clz-identity-render-width:min(100vw,2172px);
    --clz-identity-footer-height:calc(var(--clz-identity-render-width) * 724 / 2172);

    min-height:calc(var(--clz-identity-footer-height) + 64px) !important;
    padding:
      var(--clz-identity-footer-height)
      28px
      18px
      28px !important;
  }

  body.clz-experience > .footer::before{
    left:50% !important;
    top:0 !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;

    width:var(--clz-identity-render-width) !important;
    max-width:100vw !important;
    height:var(--clz-identity-footer-height) !important;

    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    /*
     * Scoatem masca de fade care tăia vizual partea de sus.
     * Imaginea se vede acum integral, exact în raportul ei real.
     */
    -webkit-mask-image:none !important;
    mask-image:none !important;

    opacity:1 !important;
    filter:none !important;
  }

  /* Fundal discret în jurul imaginii pe ecrane > 2172px */
  body.clz-experience > .footer{
    background:
      linear-gradient(180deg,#fff 0%,#fafbfc 100%) !important;
  }

  html[data-theme="dark"] body.clz-experience > .footer{
    background:var(--surface,#111722) !important;
  }

  html[data-theme="dark"] body.clz-experience > .footer::before{
    opacity:.92 !important;
    filter:brightness(.92) saturate(.94) !important;
  }
}

/* Mobil: regula existentă rămâne — fără panorama de identitate. */
@media (max-width:640px){
  body.clz-experience > .footer::before,
  body.clz-experience > .footer::after,
  body.clz-experience .identity-v72-home{
    display:none !important;
    content:none !important;
    background:none !important;
  }
}
/* =========================================================
   CLZ V6.9 — FOOTER IDENTITY: ELIMINĂ SPAȚIUL GOL DE SUS
   Ajustare fină: footerul începe aproape exact de unde
   începe vizual steagul, fără să modificăm restul layoutului.
   ========================================================= */

@media (min-width:641px){
  body.clz-experience > .footer{
    /*
     * Imaginea sursă are o zonă liberă în partea de sus.
     * Reducem doar înălțimea rezervată vizibilă și ancorăm
     * imaginea jos, astfel încât să fie tăiată doar zona goală.
     */
    --clz-identity-full-height:calc(var(--clz-identity-render-width) * 724 / 2172);
    --clz-identity-crop-top:14%;
    --clz-identity-footer-height:calc(
      var(--clz-identity-full-height) * (1 - .14)
    );

    min-height:calc(var(--clz-identity-footer-height) + 64px) !important;
    padding:
      var(--clz-identity-footer-height)
      28px
      18px
      28px !important;
  }

  body.clz-experience > .footer::before{
    width:var(--clz-identity-render-width) !important;
    height:var(--clz-identity-footer-height) !important;

    /*
     * Păstrăm proporția reală a imaginii și o ancorăm jos.
     * Partea tăiată este doar zona liberă de sus.
     */
    background-size:100% auto !important;
    background-position:center bottom !important;
    background-repeat:no-repeat !important;

    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
}
/* =========================================================
   CLZ V7.0 — IDENTITY VISUAL CONDIȚIONAL
   NORMAL: revine aspectul original frumos V7.2.8
   EMPTY/SHORT: păstrează același aspect, dar rezervă spațiu
   astfel încât imaginea să nu urce peste conținut.
   ========================================================= */

@media (min-width:641px){

  /* RESET pentru fixurile docked V6.3–V6.9 pe paginile normale */
  body.clz-experience{
    display:block !important;
    min-height:100vh !important;
  }

  body.clz-experience > .footer{
    --clz-identity-normal-height:clamp(280px,32vw,470px);

    position:relative !important;
    z-index:1 !important;
    overflow:visible !important;

    min-height:64px !important;
    margin-top:0 !important;
    padding:18px 28px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    background:#fafbfc !important;
    border-top:1px solid #edf0f4 !important;
  }

  /*
   * Aspectul original: imaginea plutește frumos DEASUPRA footerului,
   * cu fade discret în partea de sus.
   */
  body.clz-experience > .footer::before{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    left:50% !important;
    top:auto !important;
    bottom:100% !important;
    transform:translateX(-50%) !important;

    width:100vw !important;
    max-width:none !important;
    height:var(--clz-identity-normal-height) !important;

    background-image:url('../img/clz-identity-v72.png') !important;
    background-repeat:no-repeat !important;
    background-position:center bottom !important;
    background-size:100% auto !important;

    opacity:.98 !important;
    filter:saturate(.98) contrast(1.01) !important;

    -webkit-mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0,0,0,.35) 11%,
      #000 30%,
      #000 100%
    ) !important;
    mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0,0,0,.35) 11%,
      #000 30%,
      #000 100%
    ) !important;

    pointer-events:none !important;
    z-index:0 !important;
  }

  body.clz-experience > .footer::after{
    display:none !important;
    content:none !important;
  }

  body.clz-experience > .footer > *{
    position:relative !important;
    z-index:2 !important;
  }

  /*
   * DOAR pagini fără conținut:
   * rezervăm exact locul necesar imaginii sub conținut.
   * Imaginea rămâne stilizată IDENTIC cu paginile normale.
   */
  body.clz-experience.clz-empty-page main{
    margin-bottom:var(--clz-identity-normal-height) !important;
  }

  /*
   * Pagina scurtă trebuie să umple fereastra, astfel încât footerul
   * să ajungă natural jos, nu imediat după mesajul de empty state.
   */
  body.clz-experience.clz-empty-page main{
    min-height:calc(
      100vh - 128px - var(--clz-identity-normal-height)
    ) !important;
  }

  /* laptop */
  @media(max-width:1200px){
    body.clz-experience > .footer{
      --clz-identity-normal-height:340px;
    }
    body.clz-experience > .footer::before{
      background-size:110% auto !important;
    }
  }

  /* tabletă */
  @media(max-width:900px){
    body.clz-experience > .footer{
      --clz-identity-normal-height:285px;
    }
    body.clz-experience > .footer::before{
      background-size:125% auto !important;
      opacity:.92 !important;
    }
  }

  html[data-theme="dark"] body.clz-experience > .footer{
    background:var(--surface,#0d1425) !important;
  }

  html[data-theme="dark"] body.clz-experience > .footer::before{
    opacity:.80 !important;
    filter:saturate(.90) brightness(.88) contrast(1.04) !important;
  }
}

/* Mobil: fără imagine, exact cum ai stabilit deja */
@media(max-width:640px){
  body.clz-experience > .footer::before,
  body.clz-experience > .footer::after,
  body.clz-experience .identity-v72-home{
    display:none !important;
    content:none !important;
    background:none !important;
  }

  body.clz-experience.clz-empty-page main{
    margin-bottom:0 !important;
    min-height:0 !important;
  }
}
/* =========================================================
   CLZ V7.1 — EMPTY PAGES REAL FIX
   Doar paginile realmente goale:
   - imagine completă, fără tăiere
   - spațiu rezervat între conținut și footer
   - footerul rămâne jos
   Paginile cu conținut NU sunt modificate.
   ========================================================= */

@media (min-width:641px){

  body.clz-experience.clz-empty-page > .footer{
    /*
     * Pe empty-state folosim raportul REAL 2172x724.
     * Astfel imaginea nu mai este tăiată vertical.
     */
    --clz-identity-normal-height:min(
      calc(100vw * 724 / 2172),
      724px
    ) !important;
  }

  body.clz-experience.clz-empty-page > .footer::before{
    height:var(--clz-identity-normal-height) !important;
    background-size:100% auto !important;
    background-position:center bottom !important;
    background-repeat:no-repeat !important;

    /*
     * Pentru empty-state nu aplicăm fade/crop.
     * Se vede imaginea completă.
     */
    -webkit-mask-image:none !important;
    mask-image:none !important;
    opacity:1 !important;
    filter:none !important;
  }

  /*
   * Imaginea este absolută deasupra footerului.
   * Rezervăm exact aceeași înălțime sub conținut,
   * astfel încât să nu intre niciodată peste mesaj.
   */
  body.clz-experience.clz-empty-page main{
    box-sizing:border-box !important;
    margin-bottom:var(--clz-identity-normal-height) !important;

    min-height:max(
      260px,
      calc(100vh - 190px - 64px - var(--clz-identity-normal-height))
    ) !important;
  }

  /*
   * Footerul propriu-zis rămâne bara albă cu linkurile,
   * sub imagine, ca în structura originală.
   */
  body.clz-experience.clz-empty-page > .footer{
    margin-top:0 !important;
    min-height:64px !important;
    padding:18px 28px !important;
    overflow:visible !important;
  }

  html[data-theme="dark"] body.clz-experience.clz-empty-page > .footer::before{
    opacity:.92 !important;
    filter:brightness(.92) saturate(.94) !important;
  }
}

/* Mobil: identitatea rămâne ascunsă și pe empty-state. */
@media(max-width:640px){
  body.clz-experience.clz-empty-page main{
    margin-bottom:0 !important;
    min-height:0 !important;
  }
}
/* =========================================================
   CLZ V7.2 — SEARCH FĂRĂ IDENTITY VISUAL
   Pe toate paginile /search, cu sau fără rezultate:
   - nu afișăm deloc panorama Berlin + steaguri
   - anulăm rezervarea de spațiu pentru empty-state
   Restul site-ului rămâne neschimbat.
   ========================================================= */

body.clz-experience.clz-search-page > .footer::before,
body.clz-experience.clz-search-page > .footer::after,
body.clz-experience.clz-search-page .identity-v72-home{
  display:none !important;
  content:none !important;
  background:none !important;
}

body.clz-experience.clz-search-page main,
body.clz-experience.clz-search-page.clz-empty-page main{
  margin-bottom:0 !important;
}

/* Pe desktop păstrăm un spațiu de lucru curat înainte de footer. */
@media(min-width:641px){
  body.clz-experience.clz-search-page .results-page{
    min-height:calc(100vh - 190px) !important;
    box-sizing:border-box !important;
  }

  body.clz-experience.clz-search-page > .footer{
    margin-top:0 !important;
    min-height:64px !important;
    padding:18px 28px !important;
    overflow:visible !important;
  }
}

/* Mobilul rămâne fără imagine, ca și până acum. */
@media(max-width:640px){
  body.clz-experience.clz-search-page .results-page{
    min-height:0 !important;
  }
}