:root{--navy:#053247;--navy2:#0b4263;--blue:#123f70;--yellow:#ffd21a;--yellow2:#fff3b8;--red:#ef3e36;--green:#0b7a58;--text:#092d42;--muted:#647989;--line:rgba(5,50,71,.12);--shadow:0 18px 45px rgba(6,39,58,.10);--shadow2:0 10px 25px rgba(6,39,58,.08);--max:1080px;--side:66px;--cyan:#38bdf8;--cyan2:#7dd3fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 8%,rgba(255,210,26,.18),transparent 28%),radial-gradient(circle at 86% 12%,rgba(5,50,71,.12),transparent 30%),linear-gradient(180deg,#fbfcfd 0%,#eef4f6 55%,#fbf5dc 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.10;background-image:linear-gradient(30deg,rgba(5,50,71,.08) 12%,transparent 12.5%,transparent 87%,rgba(5,50,71,.08) 87.5%,rgba(5,50,71,.08)),linear-gradient(150deg,rgba(5,50,71,.08) 12%,transparent 12.5%,transparent 87%,rgba(5,50,71,.08) 87.5%,rgba(5,50,71,.08));background-size:42px 72px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app{position:relative;z-index:1;width:min(var(--max),calc(100% - 28px));margin:0 auto;padding:24px 0 44px;display:grid;grid-template-columns:var(--side) 1fr;gap:18px}.rail{position:sticky;top:22px;height:calc(100vh - 44px);border-radius:24px;background:linear-gradient(180deg,rgba(5,50,71,.97),rgba(18,63,112,.95));box-shadow:0 0 0 1px rgba(56,189,248,.20),0 0 14px rgba(56,189,248,.22),0 0 30px rgba(14,165,233,.12),0 20px 45px rgba(5,50,71,.22);padding:10px 7px;display:flex;flex-direction:column;align-items:center;overflow:hidden;isolation:isolate}.rail:before{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.22),transparent 34%),radial-gradient(circle at 50% 100%,rgba(255,210,26,.08),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.10),transparent 28%);pointer-events:none;z-index:-1}.rail:after{content:"";position:absolute;inset:-2px;border-radius:26px;padding:2px;background:linear-gradient(180deg,rgba(125,211,252,.70),rgba(56,189,248,.20) 30%,rgba(14,165,233,.05) 62%,rgba(255,210,26,.16));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.rail-nav{position:relative;display:flex;flex-direction:column;gap:7px;width:100%;align-items:center;z-index:3;padding-top:4px}.rail-nav a{width:46px;height:44px;border-radius:15px;display:grid;place-items:center;color:rgba(255,255,255,.88);font-size:17px;font-weight:900;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 16px rgba(0,0,0,.075);transition:.18s ease;position:relative;overflow:hidden}.rail-nav a:after{content:"";position:absolute;left:20%;right:20%;bottom:-7px;height:14px;border-radius:999px;background:rgba(56,189,248,.42);filter:blur(9px);opacity:.28;transition:.18s ease;pointer-events:none}.rail-nav a:hover,.rail-nav a.active{background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(255,255,255,.06));color:#dff7ff;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 14px rgba(56,189,248,.20),0 9px 18px rgba(0,0,0,.09)}.rail-nav a.donate{background:linear-gradient(135deg,var(--red),#ff6b5e);color:#fff;margin-top:6px;box-shadow:0 0 12px rgba(56,189,248,.14),0 10px 22px rgba(239,62,54,.28)}.rail-label{position:absolute;left:58px;background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:11px;padding:7px 9px;font-size:11px;font-weight:900;white-space:nowrap;opacity:0;transform:translateX(-5px);pointer-events:none;box-shadow:var(--shadow2);transition:.18s ease;z-index:20}.rail-nav a:hover .rail-label{opacity:1;transform:translateX(0)}.content{min-width:0}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.88);box-shadow:0 14px 36px rgba(6,39,58,.10),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);padding:10px 16px;position:sticky;top:14px;z-index:80;overflow:hidden;transition:background .22s ease,box-shadow .22s ease,border-radius .22s ease,padding .22s ease}.topbar:before{content:"";position:absolute;inset:auto 18px 0 18px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--cyan2),var(--yellow),var(--navy2));opacity:.9}body.is-scrolled .topbar{background:rgba(255,255,255,.58);box-shadow:0 10px 28px rgba(6,39,58,.13),0 0 0 1px rgba(255,255,255,.64),inset 0 1px 0 rgba(255,255,255,.72);padding:8px 14px;border-radius:24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:96px;height:58px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:#063247;box-shadow:0 14px 32px rgba(5,50,71,.16);flex:0 0 auto}.brand-logo img{width:100%;height:100%;object-fit:contain;padding:5px;background:#063247;display:block}.brand h1{margin:0;font-size:19px;line-height:1.05;color:var(--navy);letter-spacing:-.4px}.brand p{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:650}.top-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.label-short{display:none}.top-menu-btn{height:38px;border:0;border-radius:14px;padding:0 12px 0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--navy);font-size:12px;font-weight:1000;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,243,184,.58));box-shadow:inset 0 0 0 1px rgba(5,50,71,.10),0 7px 18px rgba(6,39,58,.06)}.info-glyph{width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:3px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.9),rgba(255,210,26,.34));border:1px solid rgba(255,210,26,.60);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 4px 10px rgba(255,210,26,.16);transition:.2s ease}.info-glyph span{width:4px;height:4px;border-radius:999px;background:var(--navy);opacity:.85;transition:.2s ease}.top-menu-btn.is-open .info-glyph{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.95),rgba(56,189,248,.32));border-color:rgba(56,189,248,.50);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 0 12px rgba(56,189,248,.18)}.top-menu-btn.is-open .info-glyph span:nth-child(1){transform:translateX(3px)}.top-menu-btn.is-open .info-glyph span:nth-child(2){opacity:.35}.top-menu-btn.is-open .info-glyph span:nth-child(3){transform:translateX(-3px)}.top-donate{height:38px;border-radius:14px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:1000;background:linear-gradient(135deg,var(--red),#ff6b5e);box-shadow:0 9px 20px rgba(239,62,54,.20)}.menu-panel{display:none;width:max-content;max-width:calc(100% - 8px);margin-top:8px;margin-left:auto;border-radius:18px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.78);box-shadow:0 14px 34px rgba(6,39,58,.11),inset 0 1px 0 rgba(255,255,255,.70);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);padding:4px;animation:menuDrop .18s ease both;position:sticky;top:94px;z-index:79;overflow:hidden}.menu-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,210,26,.08),transparent 42%,rgba(56,189,248,.10));opacity:.85}.menu-panel.is-open{display:block}body.is-scrolled .menu-panel{top:84px;background:rgba(255,255,255,.36)}@keyframes menuDrop{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-card{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,max-content);gap:1px;width:max-content;overflow:hidden;border-radius:14px;border:1px solid rgba(5,50,71,.09);background:rgba(5,50,71,.07)}.menu-item{min-height:34px;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:6px 9px;background:rgba(255,255,255,.48);color:var(--navy);transition:.16s ease;white-space:nowrap}.menu-item i{width:18px;height:18px;display:grid;place-items:center;border-radius:7px;font-style:normal;font-size:10px;font-weight:1000;color:var(--navy);background:rgba(255,243,184,.68);border:1px solid rgba(255,210,26,.48);flex:0 0 auto}.menu-item b{display:block;font-size:11px;line-height:1;font-weight:1000;color:inherit}.menu-item:hover,.menu-item.active{background:linear-gradient(135deg,rgba(5,50,71,.96),rgba(11,66,99,.94));color:#dff7ff}.menu-item.donate{background:linear-gradient(135deg,var(--red),#ff6b5e);color:#fff}.page-hero,.hero,.panel,.card,.article-card,.case-card{border-radius:30px;overflow:hidden;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.page-hero,.mission-grid{margin-top:18px}.page-hero-top,.hero-strip{min-height:64px;background:linear-gradient(90deg,rgba(255,247,212,.94),rgba(255,210,26,.96));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid rgba(151,121,0,.18)}.page-hero-top b,.hero-strip b{color:#081f2d;font-size:18px;font-weight:1000}.page-hero-top span,.hero-strip span{background:rgba(255,255,255,.82);border:1px solid rgba(5,50,71,.10);border-radius:999px;padding:8px 12px;color:var(--navy);font-size:11px;font-weight:1000;white-space:nowrap}.page-hero-body,.hero-body{padding:24px}.page-hero-body.simple{display:block}.page-hero h2,.hero-title{margin:0;color:var(--navy);font-size:40px;line-height:1.02;letter-spacing:-1.4px;font-weight:1000}.hero-title{font-size:42px;max-width:620px}.page-hero p,.hero-text{margin:12px 0 0;color:#435f73;font-size:15px;line-height:1.65;font-weight:520;max-width:650px}.mission-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:18px;align-items:stretch}.hero-actions{margin-top:20px;display:flex;gap:9px;flex-wrap:wrap}.btn,.admin-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:15px;padding:11px 16px;border:1px solid transparent;font-size:13px;line-height:1;font-weight:1000;cursor:pointer}.btn-yellow{background:linear-gradient(135deg,var(--yellow),#ffe45f);color:#101820;border-color:#efbd00;box-shadow:0 10px 20px rgba(255,210,26,.24)}.btn-light{background:rgba(255,255,255,.62);border-color:var(--line);color:var(--navy)}.metric-row{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{border:1px solid var(--line);background:rgba(255,255,255,.58);border-radius:18px;padding:12px}.metric b{display:block;color:var(--navy);font-size:22px;line-height:1;font-weight:1000}.metric span{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.15;font-weight:900}.right-stack{display:grid;gap:12px}.donate-card,.signal-card{border-radius:26px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow2);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);overflow:hidden;padding:17px}.donate-card h2,.signal-card h3{margin:0 0 10px;color:var(--navy);font-size:18px;line-height:1.2}.donate-card p{margin:9px 0 13px;color:#526c7d;font-size:12px;line-height:1.5;font-weight:560}.iban{border:1px dashed rgba(5,50,71,.28);background:rgba(255,255,255,.55);border-radius:14px;padding:10px;color:var(--navy);font-size:11px;line-height:1.28;font-weight:1000;word-break:break-word}.donate-card .btn{width:100%;margin-top:11px}.signal-list{display:grid;gap:8px}.signal{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:9px;border-radius:16px;background:rgba(255,255,255,.52);border:1px solid var(--line)}.signal i{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,#fff8cf,var(--yellow2));border:1px solid rgba(255,210,26,.52)}.signal b{display:block;color:var(--navy);font-size:12px}.signal span{display:block;color:var(--muted);font-size:10px;margin-top:1px;font-weight:760}.section{margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:11px}.section-head h2{margin:0;color:var(--navy);font-size:22px;line-height:1;font-weight:1000;letter-spacing:-.3px}.section-head span{color:var(--muted);font-size:11px;font-weight:900;text-align:right}.case-grid,.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-card,.article-card{box-shadow:var(--shadow2);transition:.18s ease}.case-top,.article-media{height:82px;padding:13px;background:linear-gradient(90deg,rgba(255,247,212,.96),rgba(255,210,26,.96));border-bottom:1px solid rgba(151,121,0,.18);position:relative}.article-media{height:178px;padding:0;background:radial-gradient(circle at 18% 24%,rgba(255,210,26,.78),transparent 34%),radial-gradient(circle at 80% 30%,rgba(56,189,248,.38),transparent 32%),linear-gradient(135deg,#063247,#0b4263)}.article-media img{width:100%;height:100%;object-fit:cover;display:block}.tag,.article-tag{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.80);border:1px solid rgba(5,50,71,.10);color:var(--navy);padding:6px 10px;font-size:10px;line-height:1;font-weight:1000}.article-tag{position:absolute;top:12px;left:12px;z-index:2}.case-body,.article-body{padding:14px}.case-body h3,.article-body h3{margin:0 0 8px;color:var(--navy);font-size:16px;line-height:1.25;font-weight:1000}.case-body p,.article-body p{margin:0 0 12px;color:#526c7d;font-size:12px;line-height:1.48;font-weight:520}.progress{height:8px;border-radius:999px;background:#edf3f6;overflow:hidden;margin-bottom:7px}.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--yellow))}.money,.article-date,.status{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;font-weight:900}.article-date{display:block;margin-bottom:9px}.article-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.read-more{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:13px;padding:0 13px;background:linear-gradient(135deg,var(--red),#ff6b5e);color:#fff;font-size:12px;font-weight:1000;box-shadow:0 8px 18px rgba(239,62,54,.18)}.footer{margin-top:18px;border-radius:26px;padding:18px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue));box-shadow:0 18px 42px rgba(5,50,71,.18)}.footer b{display:block;color:var(--yellow);font-size:14px;font-weight:1000}.footer p{margin:6px 0 0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.45;max-width:720px}.form-grid{display:grid;gap:12px}.form-row{display:grid;gap:5px}.form-row label{font-size:12px;font-weight:1000;color:var(--navy)}.input,textarea,select{width:100%;min-height:42px;border-radius:14px;border:1px solid rgba(5,50,71,.14);background:rgba(255,255,255,.78);padding:10px 13px;color:var(--navy);font-weight:700;outline:none}.notice{border-radius:16px;padding:12px;background:rgba(255,243,184,.8);border:1px solid rgba(255,210,26,.35);font-size:13px;font-weight:800;color:var(--navy)}.mobile-nav{display:none}@media(max-width:980px){.app{grid-template-columns:1fr;width:min(100% - 22px,760px)}.rail{display:none}.mission-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.case-grid,.articles-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){body{padding-bottom:76px}.app{width:min(100% - 18px,640px);padding:12px 0 28px}.topbar{min-height:auto;border-radius:24px;padding:9px 11px;top:8px}.brand{gap:10px}.brand-logo{width:82px;height:50px;border-radius:15px}.brand-logo img{padding:4px}.brand h1{font-size:16px;line-height:1.05}.brand p{font-size:11px}.top-donate{display:none}.top-menu-btn{height:40px;padding:0 12px;font-size:11px}.top-menu-btn .label-long{display:none}.top-menu-btn .label-short{display:inline}.menu-panel{width:max-content;max-width:calc(100% - 4px);margin-top:7px;margin-left:auto;border-radius:17px;padding:4px;top:76px}.menu-card{grid-template-columns:1fr;width:max-content;min-width:160px;border-radius:13px}.menu-item{min-height:34px;padding:6px 9px;gap:7px;font-size:11px}.menu-item i{width:18px;height:18px;border-radius:7px}body.is-scrolled .menu-panel{top:72px}.page-hero,.hero{margin-top:12px;border-radius:24px}.page-hero-top,.hero-strip{min-height:56px;padding:13px 15px}.page-hero-top b,.hero-strip b{font-size:15px}.page-hero-body,.hero-body{padding:16px}.page-hero h2,.hero-title{font-size:28px;line-height:1.06;letter-spacing:-.8px}.page-hero p,.hero-text{font-size:13px;line-height:1.56}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:15px}.btn{width:100%}.metric-row{grid-template-columns:repeat(3,1fr);gap:7px}.metric{padding:9px;border-radius:15px}.metric b{font-size:18px}.metric span{font-size:9.5px}.right-stack{grid-template-columns:1fr}.donate-card{display:none}.signal-list{grid-template-columns:1fr 1fr}.section{margin-top:15px}.section-head{display:block}.section-head h2{font-size:20px}.section-head span{display:block;text-align:left;margin-top:5px}.case-grid,.articles-grid{grid-template-columns:1fr}.article-media{height:190px}.mobile-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px;border-radius:28px;background:linear-gradient(135deg,rgba(125,211,252,.95),rgba(56,189,248,.75) 28%,rgba(255,210,26,.40) 58%,rgba(14,165,233,.85));box-shadow:0 0 18px rgba(56,189,248,.38),0 0 30px rgba(125,211,252,.22),0 18px 45px rgba(5,50,71,.22);overflow:hidden}.mobile-nav:before{content:"";position:absolute;inset:3px;border-radius:24px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);z-index:0}.mobile-nav a{min-height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:21px;color:var(--navy);font-size:10px;font-weight:1000;position:relative;z-index:1}.mobile-nav a i{font-style:normal;font-size:17px;line-height:1}.mobile-nav a.active{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#dff7ff;box-shadow:0 0 0 1px rgba(125,211,252,.25),0 0 12px rgba(56,189,248,.20),0 8px 18px rgba(5,50,71,.16)}.mobile-nav a.donate{background:linear-gradient(135deg,var(--red),#ff6b5e);color:#fff;box-shadow:0 0 0 1px rgba(125,211,252,.16),0 8px 18px rgba(239,62,54,.20)}}@media(max-width:430px){.brand-logo{width:74px;height:45px}.brand h1{font-size:15px}.brand p{font-size:10px}.top-menu-btn{padding:0 9px}}@media(max-width:380px){.metric-row,.signal-list{grid-template-columns:1fr}.mobile-nav{grid-template-columns:repeat(3,1fr)}}

/* update 1: imagini cazuri, text scurt, galerie și casetă donații */
.case-media{height:178px;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 24%,rgba(255,210,26,.78),transparent 34%),radial-gradient(circle at 80% 30%,rgba(56,189,248,.38),transparent 32%),linear-gradient(135deg,#063247,#0b4263);border-bottom:1px solid rgba(151,121,0,.18)}
.case-media img{width:100%;height:100%;object-fit:cover;display:block}
.case-media:after,.article-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,50,71,.28));pointer-events:none}
.case-media .tag{position:absolute;top:12px;left:12px;z-index:2}
.case-body p,.article-body p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:70px}
.detail-main-image{width:100%;max-height:460px;object-fit:cover;border-radius:22px;margin-bottom:18px;box-shadow:var(--shadow2)}
.content-body{max-width:900px;color:#435f73;font-size:15px;line-height:1.75;font-weight:530;margin-top:18px}
.content-body h2,.content-body h3,.content-body h4{color:var(--navy);line-height:1.15;margin:22px 0 10px;font-weight:1000}.content-body p{margin:0 0 14px}.content-body a{color:var(--blue);font-weight:900;text-decoration:underline}.content-body blockquote{margin:16px 0;padding:14px 16px;border-left:4px solid var(--yellow);background:rgba(255,243,184,.45);border-radius:14px}.content-body ul,.content-body ol{padding-left:22px}.content-body li{margin:6px 0}
.gallery-viewer{margin:0 0 18px;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.84);box-shadow:var(--shadow2);overflow:hidden;position:relative}.gallery-stage{height:430px;position:relative;background:#052f44}.gallery-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}.gallery-slide.active{opacity:1}.gallery-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--navy);font-size:28px;font-weight:1000;cursor:pointer;z-index:3}.gallery-btn.prev{left:12px}.gallery-btn.next{right:12px}.gallery-count{position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:7px 11px;color:var(--navy);font-size:12px;font-weight:1000;z-index:4}
.donation-box{margin-top:24px;display:grid;grid-template-columns:1.2fr .9fr auto;gap:12px;align-items:center;border-radius:24px;background:linear-gradient(135deg,rgba(255,247,212,.88),rgba(255,255,255,.70));border:1px solid rgba(255,210,26,.36);box-shadow:var(--shadow2);padding:16px}.donation-box h3{margin:0;color:var(--navy);font-size:18px;line-height:1.2}.donation-box p{margin:6px 0 0;color:#526c7d;font-size:12px;line-height:1.45;font-weight:650}.donation-data{border:1px dashed rgba(5,50,71,.28);background:rgba(255,255,255,.58);border-radius:16px;padding:11px;color:var(--navy)}.donation-data b{display:block;font-size:12px;word-break:break-word}.donation-data span{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:900}
@media(max-width:700px){.case-media,.article-media{height:185px}.case-body p,.article-body p{-webkit-line-clamp:3;min-height:auto}.gallery-stage{height:260px}.donation-box{grid-template-columns:1fr}.content-body{font-size:14px;line-height:1.65}.detail-main-image{max-height:320px}}

/* update 2: detalii mai curate, donații multiple, autor public */
.page-hero-body.simple p:empty{display:none}.case-body p,.article-body p{-webkit-line-clamp:3;min-height:52px}.case-body h3,.article-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-main-image{display:none}.donation-box{grid-template-columns:1fr;align-items:stretch}.donation-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.donation-data span{display:block;color:var(--muted);font-size:10px;font-weight:1000;text-transform:none;margin-bottom:3px}.donation-data small{display:block;margin-top:4px;color:#526c7d;font-size:10px;font-weight:800}.author-box{margin-top:18px;border-radius:22px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow2);overflow:hidden}.author-box summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 15px;color:var(--navy);font-weight:900}.author-box summary::-webkit-details-marker{display:none}.author-box summary:after{content:'•••';margin-left:auto;background:rgba(255,243,184,.72);border:1px solid rgba(255,210,26,.45);border-radius:999px;padding:2px 8px;font-size:11px}.author-box summary img{width:34px;height:34px;border-radius:12px;object-fit:cover;background:#063247}.author-card{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:14px 15px;border-top:1px solid var(--line);background:rgba(255,255,255,.45)}.author-card img{width:54px;height:54px;border-radius:16px;object-fit:cover}.author-card h3{margin:0 0 4px;color:var(--navy);font-size:16px}.author-card p{margin:4px 0;color:#526c7d;font-size:12px;line-height:1.45;font-weight:650}.gallery-viewer{margin-bottom:18px}.content-body{margin-top:10px}@media(max-width:700px){.donation-methods{grid-template-columns:1fr}.case-body p,.article-body p{-webkit-line-clamp:2;min-height:auto}.author-card{grid-template-columns:1fr}.author-card img{width:64px;height:64px}}


/* =========================================================
   AJUSTARE TITLURI + TEXT ARTICOLE/CAZURI
   Font local din browser, fără Google Fonts, fără cookie-uri.
   Adăugat pentru titluri mai fine, mai mici și mai elegante.
   ========================================================= */

/* Titlurile mari din hero: pagini, cazuri, articole */
.page-hero h2,
.hero-title,
.page-hero-body h2,
.detail-hero h2,
.case-detail h1,
.post-detail h1,
.article-detail h1{
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size:30px !important;
  line-height:1.12 !important;
  letter-spacing:-0.7px !important;
  font-weight:800 !important;
  color:var(--navy) !important;
}

/* Titlul principal din prima pagină să rămână puțin mai puternic, dar nu uriaș */
.hero-title{
  font-size:32px !important;
  max-width:620px !important;
}

/* Banda galbenă de sus din carduri/pagini */
.page-hero-top,
.hero-strip{
  min-height:52px !important;
  padding:12px 18px !important;
}

.page-hero-top b,
.hero-strip b{
  font-size:15px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}

.page-hero-top span,
.hero-strip span{
  font-size:10px !important;
  padding:7px 10px !important;
}

/* Textul din pagina detaliată articol/caz */
.content-body,
.detail-content,
.post-content,
.case-content,
.article-content{
  font-size:14px !important;
  line-height:1.68 !important;
  font-weight:500 !important;
  color:#435f73 !important;
  max-width:860px !important;
}

/* Paragrafele din articol/caz */
.content-body p,
.detail-content p,
.post-content p,
.case-content p,
.article-content p{
  font-size:14px !important;
  line-height:1.68 !important;
  margin:0 0 14px !important;
}

/* Titluri interne din articol/caz */
.content-body h2,
.detail-content h2,
.post-content h2,
.case-content h2,
.article-content h2{
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size:22px !important;
  line-height:1.18 !important;
  letter-spacing:-0.25px !important;
  font-weight:800 !important;
  margin:22px 0 10px !important;
  color:var(--navy) !important;
}

.content-body h3,
.detail-content h3,
.post-content h3,
.case-content h3,
.article-content h3{
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size:18px !important;
  line-height:1.2 !important;
  letter-spacing:-0.15px !important;
  font-weight:800 !important;
  margin:18px 0 8px !important;
  color:var(--navy) !important;
}

/* Titlurile cardurilor rămân sans, clare și compacte */
.case-body h3,
.article-body h3{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.22 !important;
  font-weight:1000 !important;
}

/* Hero mai aerisit și mai puțin masiv */
.page-hero-body,
.hero-body{
  padding:20px 22px !important;
}

/* Pe mobil: titluri mai mici și mai curate */
@media (max-width:700px){
  .page-hero h2,
  .hero-title,
  .page-hero-body h2,
  .detail-hero h2,
  .case-detail h1,
  .post-detail h1,
  .article-detail h1{
    font-size:23px !important;
    line-height:1.14 !important;
    letter-spacing:-0.35px !important;
  }

  .hero-title{
    font-size:25px !important;
  }

  .page-hero-top,
  .hero-strip{
    min-height:46px !important;
    padding:10px 14px !important;
  }

  .page-hero-top b,
  .hero-strip b{
    font-size:13px !important;
  }

  .page-hero-top span,
  .hero-strip span{
    font-size:9px !important;
    padding:6px 9px !important;
  }

  .page-hero-body,
  .hero-body{
    padding:15px !important;
  }

  .content-body,
  .detail-content,
  .post-content,
  .case-content,
  .article-content,
  .content-body p,
  .detail-content p,
  .post-content p,
  .case-content p,
  .article-content p{
    font-size:13px !important;
    line-height:1.62 !important;
  }

  .content-body h2,
  .detail-content h2,
  .post-content h2,
  .case-content h2,
  .article-content h2{
    font-size:19px !important;
  }

  .content-body h3,
  .detail-content h3,
  .post-content h3,
  .case-content h3,
  .article-content h3{
    font-size:16px !important;
  }
}

/* =========================================================
   UPDATE 3 - design slim, meniu mobil, cookies, footer fin
   ========================================================= */

.topbar{
  min-height:60px !important;
  border-radius:18px !important;
  padding:8px 14px !important;
}
body.is-scrolled .topbar{
  border-radius:16px !important;
  padding:7px 13px !important;
}
.brand-logo{
  width:78px !important;
  height:46px !important;
  border-radius:12px !important;
}
.brand h1{font-size:16px !important;letter-spacing:-.25px !important}
.brand p{display:none !important}
.top-actions .top-menu-btn{display:none !important}
.top-donate{height:36px !important;border-radius:12px !important;padding:0 14px !important}

/* bara galbenă devine panglică fină, nu bloc greu */
.page-hero,.hero{
  border-radius:24px !important;
}
.page-hero-top,
.hero-strip{
  min-height:42px !important;
  padding:9px 16px !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.68),rgba(255,247,212,.70) 42%,rgba(255,210,26,.82)) !important;
  border-bottom:1px solid rgba(5,50,71,.10) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.55) !important;
}
.page-hero-top:before,
.hero-strip:before{
  content:"";
  width:30px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--red),var(--yellow));
  margin-right:8px;
  flex:0 0 auto;
}
.page-hero-top b,
.hero-strip b{
  font-size:13px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}
.page-hero-top span,
.hero-strip span{
  display:none !important;
}
.page-hero-body,
.hero-body{
  padding:16px 20px !important;
}
.page-hero h2,
.hero-title,
.page-hero-body h2{
  margin:0 !important;
}

/* pe prima pagină ascundem notele tehnice din dreapta secțiunilor */
.section-head span{display:none !important}

/* Cardurile devin clickabile prin poza/titlu, cu feedback fin */
.case-media a,
.article-media a,
.card-title-link{
  color:inherit;
  text-decoration:none;
}
.case-media a,
.article-media a{
  display:block;
  width:100%;
  height:100%;
}
.case-media a img,
.article-media a img{
  transition:transform .28s ease, filter .28s ease;
}
.case-card:hover .case-media a img,
.article-card:hover .article-media a img{
  transform:scale(1.025);
  filter:saturate(1.06);
}
.card-title-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* Footer slim, legal și discret */
.footer.footer-slim{
  border-radius:18px !important;
  padding:12px 14px !important;
  background:linear-gradient(135deg,rgba(5,50,71,.96),rgba(18,63,112,.94)) !important;
  box-shadow:0 12px 30px rgba(5,50,71,.14) !important;
}
.footer-line{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.footer-line b{font-size:12px !important;color:var(--yellow) !important}
.footer-line span{font-size:11px;color:rgba(255,255,255,.76);font-weight:800}
.footer.footer-slim p{font-size:11px !important;margin:5px 0 0 !important;color:rgba(255,255,255,.70) !important}
.cookie-link{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:999px;
  padding:5px 9px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}

/* Cookie consent */
.cookie-consent{
  position:fixed;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:120;
  display:flex;
  justify-content:center;
  pointer-events:none;
}
.cookie-consent[hidden]{display:none !important}
.cookie-card{
  width:min(560px,100%);
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  border-radius:18px;
  padding:12px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 16px 46px rgba(5,50,71,.20);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  pointer-events:auto;
}
.cookie-card b{display:block;color:var(--navy);font-size:13px;font-weight:1000}
.cookie-card p{margin:3px 0 0;color:#526c7d;font-size:11px;line-height:1.35;font-weight:700}
.cookie-actions{display:flex;gap:7px}
.cookie-actions button{
  border:0;
  border-radius:12px;
  padding:9px 11px;
  font-size:11px;
  font-weight:1000;
  cursor:pointer;
  color:var(--navy);
  background:rgba(255,243,184,.88);
}
.cookie-actions button[data-cookie-accept]{background:linear-gradient(135deg,var(--yellow),#ffe45f)}

/* Meniu mobil în loc de Donează */
.mobile-menu-btn{
  min-height:45px;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border-radius:21px;
  color:var(--navy);
  font-size:10px;
  font-weight:1000;
  position:relative;
  z-index:1;
  cursor:pointer;
}
.mobile-menu-btn i{font-style:normal;font-size:17px;line-height:1}
.mobile-menu-btn.is-open{
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  color:#dff7ff;
  box-shadow:0 0 0 1px rgba(125,211,252,.25),0 0 12px rgba(56,189,248,.20),0 8px 18px rgba(5,50,71,.16);
}

@media(max-width:700px){
  .topbar{
    min-height:54px !important;
    border-radius:16px !important;
    padding:7px 9px !important;
  }
  .brand-logo{width:64px !important;height:38px !important;border-radius:10px !important}
  .brand h1{font-size:14px !important}
  .top-donate{display:inline-flex !important;height:34px !important;padding:0 12px !important;font-size:11px !important}
  .page-hero-top,.hero-strip{min-height:38px !important;padding:8px 12px !important}
  .page-hero-top:before,.hero-strip:before{width:22px;height:3px;margin-right:6px}
  .page-hero-top b,.hero-strip b{font-size:12px !important}
  .cookie-card{grid-template-columns:1fr;border-radius:16px}
  .cookie-actions{justify-content:flex-end}
}

/* update 4: social share + campanii speciale produse */
.campaign-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.campaign-card,.product-card{border-radius:26px;overflow:hidden;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow2);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.campaign-media,.product-img{height:210px;display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--navy2))}.campaign-media img,.product-img img{width:100%;height:100%;object-fit:cover;display:block}.campaign-media:after,.product-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,50,71,.42));pointer-events:none}.campaign-media span,.product-img span{position:absolute;right:12px;bottom:12px;z-index:2;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);border-radius:999px;padding:7px 10px;color:var(--navy);font-size:11px;font-weight:1000}.campaign-body,.product-body{padding:15px}.campaign-body h3,.product-body h3{margin:0 0 8px;color:var(--navy);font-size:18px;line-height:1.18;font-weight:1000}.campaign-body p,.product-body p{margin:0 0 12px;color:#526c7d;font-size:13px;line-height:1.5;font-weight:560}.campaign-shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.campaign-hero-image{margin-top:18px;padding:0}.campaign-hero-image img{width:100%;max-height:430px;object-fit:cover;display:block}.product-form{margin-top:13px;display:grid;gap:8px}.product-form label{font-size:11px;font-weight:1000;color:var(--navy)}.product-form .input{min-height:38px;border-radius:13px;font-size:12px}.product-card .btn{width:100%}.footer-slim{border-radius:18px!important;padding:12px 15px!important}.footer-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-line b{font-size:13px!important}.footer-line span,.cookie-link{font-size:11px;color:rgba(255,255,255,.78);font-weight:800}.cookie-link{border:0;background:transparent;text-decoration:underline;cursor:pointer;padding:0}.card-title-link:hover,.campaign-body h3 a:hover,.product-body h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.page-hero-top{min-height:44px!important;padding:9px 18px!important;background:linear-gradient(90deg,rgba(255,247,212,.78),rgba(255,210,26,.72))!important}.page-hero-top b{font-size:13px!important}.page-hero-top span{display:none!important}.topbar{border-radius:18px!important}.hero-strip{min-height:44px!important;padding:9px 18px!important;background:linear-gradient(90deg,rgba(255,247,212,.78),rgba(255,210,26,.72))!important}.hero-strip b{font-size:13px!important}
@media(max-width:700px){.campaign-grid,.campaign-shop-grid{grid-template-columns:1fr}.campaign-media,.product-img{height:185px}.campaign-body h3,.product-body h3{font-size:16px}.campaign-body p,.product-body p{font-size:12px}.footer-line{display:grid;gap:4px}.topbar{border-radius:16px!important}.page-hero-top,.hero-strip{min-height:40px!important;padding:8px 14px!important}}

/* =========================================================
   UPDATE 5: meniuri editabile, rail PC cu text, footer slim,
   autor PC reparat, panglică de titlu mai fină.
   ========================================================= */

@font-face{
  font-family:"FragmentCoreLocal";
  src:url("../fonts/fragment-core.woff2") format("woff2"),
      url("../fonts/FragmentCore.woff2") format("woff2"),
      url("../fonts/Fragment-Core.woff2") format("woff2"),
      url("../fonts/FragmentCore-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* Header mai puțin rotunjit, mai matur */
.topbar{
  border-radius:14px !important;
  min-height:58px !important;
  padding:8px 14px !important;
}
body.is-scrolled .topbar{
  border-radius:12px !important;
  padding:7px 13px !important;
}
.brand-logo{border-radius:10px !important}

/* Rail PC: stă subțire, dar se deschide fin cu texte la hover */
@media (min-width:981px){
  .rail{
    width:66px;
    transition:width .22s ease, box-shadow .22s ease;
    z-index:90;
  }
  .rail:hover,
  .rail:focus-within{
    width:178px;
    box-shadow:0 0 0 1px rgba(56,189,248,.22),0 0 18px rgba(56,189,248,.24),0 24px 55px rgba(5,50,71,.24);
  }
  .rail-nav a{
    width:46px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:9px;
    padding:0;
    transition:width .18s ease, padding .18s ease, justify-content .18s ease, background .18s ease;
  }
  .rail:hover .rail-nav a,
  .rail:focus-within .rail-nav a{
    width:154px;
    justify-content:flex-start;
    padding:0 10px;
  }
  .rail-symbol{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    font-weight:1000;
  }
  .rail-label{
    position:static !important;
    left:auto !important;
    opacity:0;
    transform:translateX(-4px);
    pointer-events:none;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:rgba(255,255,255,.88) !important;
    padding:0 !important;
    font-size:11px !important;
    font-weight:950 !important;
    overflow:hidden;
    max-width:0;
    transition:opacity .16s ease, transform .16s ease, max-width .16s ease;
  }
  .rail:hover .rail-label,
  .rail:focus-within .rail-label{
    opacity:1;
    transform:translateX(0);
    max-width:112px;
  }
}

/* Panglica galbenă devine linie premium, mai apropiată de fontul Fragment */
.page-hero,
.hero{
  border-radius:18px !important;
}
.page-hero-top,
.hero-strip{
  min-height:36px !important;
  padding:7px 16px !important;
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,246,200,.48) 48%,rgba(255,210,26,.58)) !important;
  border-bottom:1px solid rgba(255,210,26,.38) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.72) !important;
}
.page-hero-top:before,
.hero-strip:before{
  display:none !important;
}
.page-hero-top b,
.hero-strip b{
  font-size:12px !important;
  letter-spacing:.01em !important;
}
.page-hero-body,
.hero-body{
  padding:15px 18px !important;
}
.page-hero h2,
.hero-title,
.page-hero-body h2,
.detail-hero h2,
.case-detail h1,
.post-detail h1,
.article-detail h1{
  font-family:"FragmentCoreLocal", Georgia, "Times New Roman", serif !important;
  font-size:27px !important;
  line-height:1.08 !important;
  letter-spacing:-.15px !important;
  font-weight:400 !important;
}
.hero-title{font-size:29px !important}

/* Autor: pe PC nu mai rupe textul în coloană îngustă */
.author-box{
  border-radius:16px !important;
  border:1px solid rgba(5,50,71,.10) !important;
  box-shadow:0 8px 22px rgba(6,39,58,.06) !important;
  background:rgba(255,255,255,.58) !important;
}
.author-box summary{
  padding:10px 13px !important;
  font-size:13px !important;
}
.author-card{
  grid-template-columns:54px minmax(0,1fr) !important;
  align-items:start;
}
.author-card.author-empty{
  display:block !important;
  padding:12px 14px !important;
}
.author-card.author-empty p{
  margin:0 !important;
  max-width:none !important;
  width:auto !important;
  font-size:12px !important;
  line-height:1.45 !important;
  color:#526c7d !important;
}

/* Footer integrat în peisaj, nu balon separat */
.footer.footer-slim{
  margin-top:22px !important;
  border-radius:0 !important;
  padding:12px 4px 22px !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid rgba(5,50,71,.13) !important;
  box-shadow:none !important;
  color:var(--navy) !important;
}
.footer-line{
  justify-content:center !important;
  text-align:center;
  gap:8px 12px !important;
}
.footer-line b{
  color:var(--navy) !important;
  font-size:12px !important;
}
.footer-line span{
  color:#526c7d !important;
  font-size:11px !important;
}
.footer.footer-slim p{
  text-align:center !important;
  margin:5px auto 0 !important;
  color:#647989 !important;
  font-size:11px !important;
  max-width:760px !important;
}
.footer .cookie-link{
  color:var(--navy) !important;
  background:rgba(255,255,255,.50) !important;
  border:1px solid rgba(5,50,71,.10) !important;
  border-radius:999px !important;
  padding:4px 8px !important;
  text-decoration:none !important;
}
.footer .cookie-link:hover{
  background:rgba(255,243,184,.72) !important;
}

@media(max-width:700px){
  .page-hero-top,.hero-strip{min-height:34px !important;padding:7px 12px !important}
  .page-hero h2,.hero-title,.page-hero-body h2{font-size:22px !important}
  .hero-title{font-size:23px !important}
  .author-box summary{font-size:12px !important}
  .footer.footer-slim{padding:12px 8px 86px !important}
  .footer-line{display:flex !important;justify-content:center !important}
}

/* =========================================================
   UPDATE 6: galerie publică, statistici editabile, home cards,
   footer mai integrat, status cazuri și pagini curate.
   ========================================================= */

.gallery-grid-public{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.gallery-tile{
  position:relative;
  min-height:235px;
  overflow:hidden;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 12px 28px rgba(6,39,58,.08);
}
.gallery-tile img{
  width:100%;
  height:100%;
  min-height:235px;
  object-fit:cover;
  display:block;
  transition:transform .28s ease;
}
.gallery-tile:hover img{transform:scale(1.035)}
.gallery-tile:after{
  content:"";
  position:absolute;
  inset:38% 0 0;
  background:linear-gradient(180deg,transparent,rgba(5,50,71,.78));
  pointer-events:none;
}
.gallery-tile-info{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:2;
  color:#fff;
}
.gallery-tile-info h3{
  margin:0;
  font-size:15px;
  line-height:1.18;
  font-weight:1000;
}
.gallery-tile-info p{
  margin:5px 0 0;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
  color:rgba(255,255,255,.82);
}

.dynamic-metrics{
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr));
}
.dynamic-metrics .metric b{
  font-size:21px;
}

.signal-card h3{
  font-size:17px;
}
.signal-list .signal{
  transition:transform .16s ease, background .16s ease, border-color .16s ease;
}
.signal-list .signal:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.72);
  border-color:rgba(255,210,26,.45);
}

.admin-section-title{
  margin:10px 0 2px;
  color:var(--navy);
  font-size:20px;
  line-height:1.1;
  font-weight:1000;
}
.mini-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.mini-admin-box{
  border:1px solid rgba(5,50,71,.10);
  background:rgba(255,255,255,.56);
  border-radius:18px;
  padding:12px;
  display:grid;
  gap:9px;
}
.admin-thumb{
  width:72px;
  height:52px;
  object-fit:cover;
  border-radius:10px;
  display:block;
}

/* Footer ca linie de peisaj, nu card */
.footer.footer-slim{
  max-width:100%;
  margin-top:26px !important;
  padding:13px 8px 24px !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent) !important;
}
.footer-line{
  justify-content:center !important;
  align-items:center !important;
}
.footer.footer-slim p{
  display:none;
}

/* Paginile simple fără text default rămân aerisite */
.custom-page-panel .content-body:empty,
.content-body:empty{
  display:none;
}

/* Pe PC railul nu mai depinde de tooltip nativ: textul apare în interior */
@media (min-width:981px){
  .rail-nav a[title]:hover:before{display:none!important}
  .rail:hover .rail-label,
  .rail:focus-within .rail-label{
    white-space:nowrap;
  }
}

@media(max-width:980px){
  .gallery-grid-public{grid-template-columns:repeat(2,1fr)}
  .mini-admin-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .gallery-grid-public{grid-template-columns:1fr;gap:12px}
  .gallery-tile{min-height:220px;border-radius:16px}
  .gallery-tile img{min-height:220px}
  .dynamic-metrics{grid-template-columns:repeat(2,1fr)}
  .footer.footer-slim{padding-bottom:86px!important}
}
@media(max-width:390px){
  .dynamic-metrics{grid-template-columns:1fr}
}

/* =========================================================
   UPDATE 7: galerie mai mică, home fără spații moarte,
   controale CP pentru secțiuni și butoane, footer/hero rafinate.
   ========================================================= */

/* Galeria publică mai compactă pe PC și mobil */
.gallery-grid-public{
  grid-template-columns:repeat(auto-fill,minmax(190px,240px)) !important;
  justify-content:start !important;
  align-items:start !important;
  gap:12px !important;
}
.gallery-tile{
  min-height:0 !important;
  aspect-ratio:4/3 !important;
  border-radius:16px !important;
  box-shadow:0 10px 22px rgba(6,39,58,.07) !important;
}
.gallery-tile img{
  height:100% !important;
  min-height:0 !important;
}
.gallery-tile-info{
  left:10px !important;
  right:10px !important;
  bottom:10px !important;
}
.gallery-tile-info h3{
  font-size:13px !important;
}
.gallery-tile-info p{
  font-size:10px !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Prima pagină: secțiunile nu se mai întind aiurea pe înălțime */
.mission-grid{
  align-items:start !important;
}
.hero,
.donate-card,
.signal-card{
  align-self:start !important;
}
.hero-body{
  min-height:0 !important;
}
.hero-actions:empty,
.metric-row:empty,
.signal-list:empty{
  display:none !important;
}
.hero-actions{
  margin-top:15px !important;
}
.dynamic-metrics{
  margin-top:15px !important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr)) !important;
}
.dynamic-metrics .metric{
  min-height:58px !important;
  padding:10px 12px !important;
}
.dynamic-metrics .metric b{
  font-size:19px !important;
}
.dynamic-metrics .metric span{
  font-size:10px !important;
}

/* Carduri home mai ordonate când apar puține elemente */
.case-grid,
.articles-grid,
.campaign-grid{
  align-items:start !important;
}
.section:has(.case-grid:empty),
.section:has(.articles-grid:empty),
.section:has(.campaign-grid:empty){
  display:none !important;
}

/* Panglica galbenă să rămână fină, nu bandă grea */
.page-hero-top,
.hero-strip{
  min-height:36px !important;
  padding:8px 14px !important;
  background:linear-gradient(90deg,rgba(255,249,225,.78),rgba(255,210,26,.76),rgba(255,249,225,.62)) !important;
  border-bottom:1px solid rgba(195,154,0,.20) !important;
}
.page-hero-top b,
.hero-strip b{
  font-size:12px !important;
  letter-spacing:.1px !important;
}
.page-hero-top span,
.hero-strip span{
  display:none !important;
}

/* Contact și pagini goale: fără carduri-fantomă */
.contact-simple,
.custom-page-panel:has(.content-body:empty){
  display:none !important;
}

/* Footer și mai slim, integrat în fundal */
.footer.footer-slim{
  margin-top:24px !important;
  padding:11px 8px 22px !important;
  border-top:1px solid rgba(5,50,71,.13) !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent) !important;
}
.footer-line{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:7px 11px !important;
}
.footer-line b,
.footer-line span,
.footer .cookie-link{
  font-size:10.5px !important;
}
.footer .cookie-link{
  line-height:1 !important;
  padding:5px 8px !important;
}

/* CP: câmpurile cu limite să stea bine */
.three-mini{
  grid-template-columns:repeat(3,1fr) !important;
}

@media(max-width:980px){
  .gallery-grid-public{
    grid-template-columns:repeat(auto-fill,minmax(165px,1fr)) !important;
  }
  .three-mini{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:700px){
  .gallery-grid-public{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  .gallery-tile{
    border-radius:14px !important;
    aspect-ratio:1/1 !important;
  }
  .gallery-tile-info h3{
    font-size:11px !important;
  }
  .gallery-tile-info p{
    display:none !important;
  }
  .mission-grid{
    gap:12px !important;
  }
  .dynamic-metrics{
    grid-template-columns:repeat(3,1fr) !important;
    gap:7px !important;
  }
  .dynamic-metrics .metric{
    padding:8px !important;
    border-radius:14px !important;
  }
  .dynamic-metrics .metric b{
    font-size:16px !important;
  }
  .dynamic-metrics .metric span{
    font-size:8.5px !important;
  }
  .hero-actions{
    gap:7px !important;
  }
  .footer.footer-slim{
    padding-bottom:86px !important;
  }
}
@media(max-width:390px){
  .gallery-grid-public{
    grid-template-columns:1fr 1fr !important;
  }
  .dynamic-metrics{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   UPDATE 8: home aliniat, Donează rapid opțional,
   panglică galbenă dezactivabilă și pagini mai curate.
   ========================================================= */

/* Prima pagină: cele două zone de sus se aliniază frumos */
.home-mission{
  align-items:stretch !important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr) !important;
}
.home-mission.only-main{
  grid-template-columns:1fr !important;
}
.home-mission > .hero,
.home-mission > .right-stack{
  height:100% !important;
}
.home-side-stack{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
.home-side-stack.only-repere .signal-card{
  flex:1 1 auto !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
.home-side-stack.only-repere .signal-list{
  flex:1 1 auto !important;
  align-content:start !important;
}
.home-mission .hero-body{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
.home-mission .hero.no-strip .hero-body{
  padding-top:20px !important;
}
.home-mission .dynamic-metrics{
  margin-top:16px !important;
}
.home-mission .hero-actions + .dynamic-metrics{
  margin-top:14px !important;
}

/* Când panglica galbenă este ascunsă, cardul nu rămâne cu spațiu ciudat */
.page-hero.no-strip .page-hero-body,
.hero.no-strip .hero-body{
  padding-top:18px !important;
}
.page-hero.no-strip{
  border-top:0 !important;
}

/* Panglica galbenă devine un fir fin, nu o bandă grea */
.page-hero-top,
.hero-strip{
  min-height:30px !important;
  padding:6px 12px !important;
  background:linear-gradient(90deg,rgba(255,248,216,.58),rgba(255,210,26,.70),rgba(255,248,216,.35)) !important;
  border-bottom:1px solid rgba(195,154,0,.16) !important;
}
.page-hero-top b,
.hero-strip b{
  font-size:11px !important;
  letter-spacing:.05px !important;
}

/* Cardul Donează rapid este controlat din CP. Când nu apare, reperele ocupă singure zona dreaptă. */
.home-side-stack.only-repere .signal-card h3{
  margin-bottom:10px !important;
}
.home-side-stack.only-repere .signal{
  min-height:48px !important;
}

/* Secțiunile de jos urcă sub blocul de sus, fără gol artificial */
.home-mission + .section{
  margin-top:18px !important;
}
.section-head{
  margin-bottom:10px !important;
}

/* Footer rămâne discret, ca o linie de sistem, nu ca banner separat */
.footer.footer-slim{
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-top:1px solid rgba(5,50,71,.14) !important;
  margin-top:22px !important;
  padding:10px 0 18px !important;
}
.footer.footer-slim p{
  display:none !important;
}

@media(max-width:980px){
  .home-mission{
    grid-template-columns:1fr !important;
    align-items:start !important;
  }
  .home-mission > .hero,
  .home-mission > .right-stack,
  .home-side-stack.only-repere .signal-card{
    height:auto !important;
    min-height:0 !important;
  }
}
@media(max-width:700px){
  .page-hero-top,
  .hero-strip{
    min-height:28px !important;
    padding:6px 10px !important;
  }
  .home-mission .hero.no-strip .hero-body,
  .page-hero.no-strip .page-hero-body{
    padding-top:15px !important;
  }
  .home-mission + .section{
    margin-top:14px !important;
  }
}

/* =========================================================
   UPDATE 9: Repere utile 2x2 + home fără spațiu irosit
   și data cazului în badge-ul hero.
   ========================================================= */

/* Zona de sus de pe prima pagină nu mai întinde cardul principal după înălțimea reperelor. */
.home-mission{
  align-items:start !important;
  grid-template-columns:minmax(0,1.42fr) minmax(330px,.95fr) !important;
}
.home-mission > .hero,
.home-mission > .right-stack,
.home-mission > .hero .hero-body,
.home-side-stack.only-repere .signal-card{
  height:auto !important;
  min-height:0 !important;
}
.home-mission .hero-body{
  display:block !important;
}

/* Repere utile: 2 pe rând, nu toate vertical. */
.home-side-stack.only-repere .signal-card,
.signal-card{
  padding:14px !important;
}
.home-side-stack.only-repere .signal-list,
.signal-card .signal-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:9px !important;
}
.home-side-stack.only-repere .signal,
.signal-card .signal{
  min-height:54px !important;
  grid-template-columns:30px 1fr !important;
  gap:8px !important;
  padding:8px !important;
  border-radius:15px !important;
}
.signal-card .signal i{
  width:30px !important;
  height:30px !important;
  border-radius:12px !important;
  font-size:13px !important;
}
.signal-card .signal b{
  font-size:11px !important;
  line-height:1.08 !important;
}
.signal-card .signal span{
  font-size:9px !important;
  line-height:1.15 !important;
}

/* Statistici compacte, fără să împingă conținutul prea jos. */
.home-mission .dynamic-metrics{
  margin-top:14px !important;
}
.home-mission .metric{
  min-height:58px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

/* Cardurile de jos urcă imediat sub zona de sus. */
.home-mission + .section{
  margin-top:16px !important;
}

/* Badge-ul din hero poate afișa data frumos, nu ca bulă mare. */
.page-hero-top span,
.hero-strip span{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  font-size:10px !important;
  line-height:1 !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(5,50,71,.10) !important;
  color:var(--navy) !important;
}

@media(max-width:980px){
  .home-mission{
    grid-template-columns:1fr !important;
  }
  .home-side-stack.only-repere .signal-list,
  .signal-card .signal-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:520px){
  .home-side-stack.only-repere .signal-list,
  .signal-card .signal-list{
    grid-template-columns:1fr !important;
  }
  .home-mission .metric-row.dynamic-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:380px){
  .home-mission .metric-row.dynamic-metrics{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   FIX FINAL DUPĂ UPDATE 9: aliniere hero + repere 2x2 mobil/PC
   Adăugat peste CSS-ul din update 9.
   ========================================================= */

/* Zona de sus se aliniază cu lățimea headerului și nu mai pare ruptă în bucăți. */
.home-mission{
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1.58fr) minmax(360px, .92fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  margin:18px auto 0 !important;
}

/* Ambele panouri din zona de sus au aceeași logică vizuală. */
.home-mission > .hero,
.home-mission > .right-stack,
.home-side-stack.only-repere,
.home-side-stack.only-repere .signal-card{
  width:100% !important;
  height:100% !important;
  min-height:150px !important;
}

/* Cardul principal nu mai lasă spațiu gol haotic, ci centrează conținutul. */
.home-mission > .hero{
  display:flex !important;
  flex-direction:column !important;
}

.home-mission .hero-body,
.home-mission .page-hero-body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:stretch !important;
  text-align:center !important;
  padding:18px 22px !important;
  min-height:112px !important;
}

/* Titlul/textul editabil de pe prima pagină rămâne centrat. */
.home-mission .hero-title,
.home-mission .page-hero h2,
.home-mission .page-hero-body h2,
.home-mission .hero-text,
.home-mission .page-hero p{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Butoanele din cardul principal, dacă sunt active, stau elegant pe centru. */
.home-mission .hero-actions{
  justify-content:center !important;
  margin-top:14px !important;
}

/* Statisticile se întind pe lățimea cardului și arată controlat. */
.home-mission .metric-row,
.home-mission .metric-row.dynamic-metrics{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin-top:12px !important;
}

.home-mission .metric{
  min-height:56px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:10px 14px !important;
}

/* Repere utile: 2 x 2, compact și aliniat cu cardul principal. */
.home-side-stack.only-repere .signal-card,
.signal-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:16px !important;
}

.home-side-stack.only-repere .signal-list,
.signal-card .signal-list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:100% !important;
}

.home-side-stack.only-repere .signal,
.signal-card .signal{
  min-height:58px !important;
  display:grid !important;
  grid-template-columns:32px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:8px !important;
  padding:9px !important;
  border-radius:15px !important;
}

.signal-card .signal i{
  width:32px !important;
  height:32px !important;
  border-radius:12px !important;
  font-size:13px !important;
}

.signal-card .signal b{
  font-size:11px !important;
  line-height:1.08 !important;
}

.signal-card .signal span{
  font-size:9px !important;
  line-height:1.15 !important;
}

/* Secțiunile de jos urcă normal sub cele două carduri, nu rămân pierdute. */
.home-mission + .section,
.section.home-after-mission{
  margin-top:18px !important;
}

/* Dacă o zonă are conținut foarte puțin, păstrăm proporția, dar fără gol uriaș. */
.home-mission .hero.no-strip .hero-body,
.home-mission .page-hero.no-strip .page-hero-body{
  min-height:120px !important;
}

@media(max-width:980px){
  .home-mission{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .home-mission > .hero,
  .home-mission > .right-stack,
  .home-side-stack.only-repere,
  .home-side-stack.only-repere .signal-card{
    min-height:0 !important;
  }

  .home-mission .hero-body,
  .home-mission .page-hero-body{
    min-height:0 !important;
    padding:16px !important;
  }

  .home-side-stack.only-repere .signal-list,
  .signal-card .signal-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:700px){
  .home-mission{
    margin-top:12px !important;
    gap:12px !important;
  }

  .home-mission .hero-body,
  .home-mission .page-hero-body{
    padding:15px !important;
    text-align:center !important;
  }

  .home-mission .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .home-mission .metric-row,
  .home-mission .metric-row.dynamic-metrics{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  .home-mission .metric{
    min-height:54px !important;
    padding:8px 6px !important;
    align-items:center !important;
    text-align:center !important;
  }

  .home-mission .metric b{
    font-size:17px !important;
  }

  .home-mission .metric span{
    font-size:8.8px !important;
    line-height:1.1 !important;
  }

  /* IMPORTANT: pe mobil rămâne 2 x 2, nu pe vertical. */
  .home-side-stack.only-repere .signal-list,
  .signal-card .signal-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .home-side-stack.only-repere .signal,
  .signal-card .signal{
    min-height:62px !important;
    grid-template-columns:1fr !important;
    justify-items:center !important;
    text-align:center !important;
    gap:6px !important;
    padding:9px 6px !important;
  }

  .signal-card .signal i{
    width:30px !important;
    height:30px !important;
  }

  .signal-card .signal b{
    font-size:10.5px !important;
  }

  .signal-card .signal span{
    font-size:8.4px !important;
  }
}

@media(max-width:520px){
  /* Suprascrie regula din update 9 care le punea pe vertical. */
  .home-side-stack.only-repere .signal-list,
  .signal-card .signal-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .home-mission .metric-row.dynamic-metrics,
  .home-mission .metric-row{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media(max-width:380px){
  /* Chiar și pe telefoane înguste păstrăm 2 coloane pentru repere. */
  .home-side-stack.only-repere .signal-list,
  .signal-card .signal-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .home-mission .metric-row.dynamic-metrics,
  .home-mission .metric-row{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  .home-mission .metric b{
    font-size:15px !important;
  }

  .home-mission .metric span{
    font-size:7.8px !important;
  }
}


/* =========================================================
   UPDATE 10: Repere utile mai slim pe mobil + opțiune ascundere
   ========================================================= */
@media (max-width:700px){
  .mission-grid{
    gap:9px !important;
  }

  .home-side-stack.only-repere,
  .right-stack.only-repere{
    margin-top:0 !important;
  }

  .signal-card{
    padding:10px 11px !important;
    border-radius:18px !important;
    min-height:0 !important;
  }

  .signal-card h3{
    font-size:18px !important;
    line-height:1 !important;
    margin:0 0 8px !important;
  }

  .signal-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .signal{
    min-height:46px !important;
    padding:6px 7px !important;
    border-radius:13px !important;
    display:grid !important;
    grid-template-columns:25px 1fr !important;
    gap:6px !important;
    text-align:left !important;
    justify-items:stretch !important;
    align-items:center !important;
  }

  .signal i{
    width:25px !important;
    height:25px !important;
    border-radius:9px !important;
    font-size:10px !important;
  }

  .signal b{
    font-size:10.5px !important;
    line-height:1.05 !important;
  }

  .signal span{
    font-size:8.5px !important;
    line-height:1.05 !important;
  }

  .hide-repere-mobile{
    display:none !important;
  }

  .metric-row{
    margin-bottom:0 !important;
  }
}

@media (max-width:380px){
  .signal-card h3{
    font-size:16px !important;
  }
  .signal{
    min-height:42px !important;
    padding:5px 6px !important;
    grid-template-columns:22px 1fr !important;
  }
  .signal i{
    width:22px !important;
    height:22px !important;
  }
  .signal b{
    font-size:9.5px !important;
  }
  .signal span{
    font-size:8px !important;
  }
}


/* =========================================================
   UPDATE 11: Repere utile ultra slim pe mobil + ascundere reală
   ========================================================= */
@media (max-width:700px){
  /* Spațiu respirabil între cardul cu statistici și Repere utile */
  .home-mission{
    gap:12px !important;
  }

  .home-side-stack.only-repere,
  .right-stack.only-repere{
    margin-top:0 !important;
    width:100% !important;
  }

  /* Când opțiunea este debifată în CP, ascunde complet doar pe mobil */
  .home-no-mobile-repere .home-side-stack.only-repere,
  .home-no-mobile-repere .right-stack.only-repere,
  .home-no-mobile-repere .signal-card,
  .hide-repere-mobile{
    display:none !important;
  }

  /* Cardul Repere devine mini, nu balon mare */
  .home-side-stack.only-repere .signal-card,
  .right-stack.only-repere .signal-card,
  .signal-card{
    padding:7px 8px !important;
    border-radius:16px !important;
    min-height:0 !important;
    height:auto !important;
    box-shadow:0 8px 18px rgba(6,39,58,.06) !important;
    background:rgba(255,255,255,.66) !important;
    border:1px solid rgba(5,50,71,.08) !important;
  }

  .signal-card h3{
    font-size:13px !important;
    line-height:1 !important;
    margin:0 0 6px !important;
    letter-spacing:-.2px !important;
  }

  /* 2x2 compact, foarte îngust */
  .home-side-stack.only-repere .signal-list,
  .right-stack.only-repere .signal-list,
  .signal-card .signal-list,
  .signal-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .home-side-stack.only-repere .signal,
  .right-stack.only-repere .signal,
  .signal-card .signal,
  .signal{
    min-height:34px !important;
    height:34px !important;
    padding:4px 6px !important;
    border-radius:11px !important;
    display:grid !important;
    grid-template-columns:19px minmax(0,1fr) !important;
    gap:5px !important;
    align-items:center !important;
    justify-items:stretch !important;
    text-align:left !important;
    background:rgba(255,255,255,.56) !important;
  }

  .signal i{
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    border-radius:7px !important;
    font-size:9px !important;
  }

  .signal b{
    font-size:9.5px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Pe mobil ascundem descrierea mică, ca să fie slim */
  .signal span{
    display:none !important;
  }

  .metric-row{
    margin-bottom:0 !important;
  }
}

@media (max-width:430px){
  .signal-card{
    padding:6px 7px !important;
  }
  .signal-card h3{
    font-size:12px !important;
    margin-bottom:5px !important;
  }
  .signal-list{
    gap:5px !important;
  }
  .signal{
    min-height:31px !important;
    height:31px !important;
    padding:3px 5px !important;
    grid-template-columns:17px minmax(0,1fr) !important;
  }
  .signal i{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    font-size:8px !important;
  }
  .signal b{
    font-size:8.8px !important;
  }
}

@media (max-width:360px){
  .signal-card .signal-list,
  .signal-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .signal b{
    font-size:8.2px !important;
  }
}

/* =========================================================
   UPDATE 12: Repere utile mobil ultra-compact + spațiu real
   ========================================================= */

/* Spațiu corect între statistici și repere pe mobil */
@media (max-width:700px){
  .home-mission,
  .mission-grid.home-mission{
    display:block !important;
  }

  .home-mission > .hero,
  .mission-grid.home-mission > .hero{
    margin-bottom:16px !important;
  }

  .home-mission > .right-stack,
  .mission-grid.home-mission > .right-stack,
  .home-mission > .home-side-stack,
  .mission-grid.home-mission > .home-side-stack{
    margin-top:0 !important;
    padding-top:0 !important;
    width:100% !important;
  }

  /* Dacă în CP este debifat, dispare complet doar pe mobil */
  .home-mission.home-no-mobile-repere > .right-stack,
  .mission-grid.home-no-mobile-repere > .right-stack,
  .home-no-mobile-repere .home-side-stack,
  .home-no-mobile-repere .signal-card,
  .hide-repere-mobile{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  /* Card Repere, slim pe mobil */
  .home-mission .signal-card,
  .mission-grid .signal-card,
  .home-side-stack.only-repere .signal-card,
  .right-stack.only-repere .signal-card{
    padding:9px 10px !important;
    border-radius:18px !important;
    min-height:0 !important;
    height:auto !important;
    background:rgba(255,255,255,.62) !important;
    box-shadow:0 8px 20px rgba(6,39,58,.06) !important;
    border:1px solid rgba(5,50,71,.08) !important;
  }

  .home-mission .signal-card h3,
  .mission-grid .signal-card h3{
    font-size:16px !important;
    line-height:1 !important;
    margin:0 0 8px !important;
    padding:0 !important;
    letter-spacing:-.3px !important;
  }

  /* 2 pe 2, dar cu mini pastile */
  .home-mission .signal-list,
  .mission-grid .signal-list,
  .signal-card .signal-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .home-mission .signal-card .signal,
  .mission-grid .signal-card .signal,
  .signal-card .signal-list .signal{
    min-height:34px !important;
    height:34px !important;
    padding:4px 7px !important;
    border-radius:12px !important;
    display:grid !important;
    grid-template-columns:18px minmax(0,1fr) !important;
    gap:5px !important;
    align-items:center !important;
    justify-items:stretch !important;
    text-align:left !important;
    background:rgba(255,255,255,.58) !important;
    border:1px solid rgba(5,50,71,.09) !important;
  }

  /* Cercurile galbene nu mai ies peste text */
  .home-mission .signal-card .signal i,
  .mission-grid .signal-card .signal i,
  .signal-card .signal-list .signal i{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    border-radius:7px !important;
    font-size:8px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    box-shadow:none !important;
  }

  .home-mission .signal-card .signal div,
  .mission-grid .signal-card .signal div,
  .signal-card .signal-list .signal div{
    min-width:0 !important;
    overflow:hidden !important;
  }

  .home-mission .signal-card .signal b,
  .mission-grid .signal-card .signal b,
  .signal-card .signal-list .signal b{
    display:block !important;
    font-size:10px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    margin:0 !important;
  }

  .home-mission .signal-card .signal span,
  .mission-grid .signal-card .signal span,
  .signal-card .signal-list .signal span{
    display:none !important;
  }
}

/* iPhone îngust: și mai fin */
@media (max-width:430px){
  .home-mission > .hero,
  .mission-grid.home-mission > .hero{
    margin-bottom:14px !important;
  }

  .home-mission .signal-card,
  .mission-grid .signal-card{
    padding:8px !important;
    border-radius:16px !important;
  }

  .home-mission .signal-card h3,
  .mission-grid .signal-card h3{
    font-size:15px !important;
    margin-bottom:7px !important;
  }

  .home-mission .signal-card .signal,
  .mission-grid .signal-card .signal,
  .signal-card .signal-list .signal{
    min-height:31px !important;
    height:31px !important;
    grid-template-columns:16px minmax(0,1fr) !important;
    padding:3px 6px !important;
    gap:4px !important;
  }

  .home-mission .signal-card .signal i,
  .mission-grid .signal-card .signal i,
  .signal-card .signal-list .signal i{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    max-width:16px !important;
    font-size:7px !important;
    border-radius:6px !important;
  }

  .home-mission .signal-card .signal b,
  .mission-grid .signal-card .signal b,
  .signal-card .signal-list .signal b{
    font-size:9px !important;
  }
}

/* UPDATE 13: cookies link + buton plată cu cardul în caseta de donații */
.cookie-policy-link{display:inline-flex;margin-top:7px;color:var(--navy);font-size:12px;font-weight:1000;text-decoration:underline;text-underline-offset:3px}
.cookie-policy-link:hover{color:#0b6b88}.donation-card-pay{margin-top:10px;min-height:38px!important;padding:10px 16px!important;border-radius:13px!important;box-shadow:0 8px 18px rgba(255,210,26,.18)!important}.donation-box .btn + .btn{margin-top:8px}.legal-page .content-body{font-size:14px;line-height:1.7;color:#435f73}.legal-page .content-body p{margin:0 0 12px}.legal-page .content-body h3{font-family:inherit!important;font-size:18px!important;font-weight:1000!important;color:var(--navy)!important;margin:18px 0 8px!important}

/* =========================================================
   UPDATE 14 - Donații: buton integrat în chenar, fără butoane mari
   ========================================================= */
.donation-box-compact{
  grid-template-columns:1fr !important;
  gap:12px !important;
  padding:16px !important;
}

.donation-box-compact .donation-intro{
  max-width:100% !important;
}

.donation-methods-compact{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}

.donation-box-compact > .btn,
.donation-box-compact > .donation-card-pay{
  display:none !important;
}

.donation-pay-data{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:6px !important;
}

.donation-mini-pay{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  width:max-content !important;
  max-width:100% !important;
  padding:7px 14px !important;
  border-radius:11px !important;
  background:linear-gradient(135deg,var(--yellow),#ffe56a) !important;
  border:1px solid rgba(230,178,0,.75) !important;
  color:#061d2a !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(255,210,26,.16) !important;
}

.donation-mini-pay:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(255,210,26,.24) !important;
}

@media(max-width:700px){
  .donation-box-compact{
    padding:14px !important;
    border-radius:18px !important;
  }
  .donation-methods-compact{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .donation-mini-pay{
    width:100% !important;
    min-height:32px !important;
  }
}

/* =========================================================
   UPDATE 15 - Donații: text editabil, metode multiline, copiere IBAN
   ========================================================= */
.donation-methods-compact{
  align-items:stretch !important;
}
.donation-data{
  position:relative;
  gap:6px !important;
}
.donation-data b{
  white-space:normal !important;
  line-height:1.45 !important;
  word-break:break-word !important;
}
.donation-pay-data{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
}
.donation-mini-pay,
.copy-iban-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-height:28px !important;
  padding:7px 13px !important;
  border-radius:10px !important;
  border:1px solid rgba(229,170,0,.65) !important;
  background:linear-gradient(135deg,#ffd21a,#ffe56b) !important;
  color:#062f45 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 6px 14px rgba(255,210,26,.18) !important;
  cursor:pointer !important;
}
.copy-iban-btn{
  margin-top:6px !important;
  font-family:inherit !important;
}
.copy-iban-btn.is-copied{
  background:linear-gradient(135deg,#e7f8df,#ffffff) !important;
  border-color:rgba(39,154,96,.55) !important;
}
@media (max-width:700px){
  .donation-methods-compact{
    grid-template-columns:1fr !important;
  }
  .donation-data{
    padding:12px !important;
  }
  .donation-mini-pay,
  .copy-iban-btn{
    min-height:27px !important;
    padding:7px 11px !important;
    font-size:11px !important;
    border-radius:9px !important;
  }
}


/* =========================================================
   UPDATE 16 - Copiere doar pe linia IBAN, buton mic icon
   ========================================================= */
.donation-data-bank .donation-lines{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  color:var(--navy) !important;
  font-size:12px !important;
  line-height:1.42 !important;
  font-weight:800 !important;
}

.donation-data-bank .donation-line{
  display:block !important;
  margin:0 !important;
  word-break:break-word !important;
}

.donation-data-bank .iban-copy-line{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}

.donation-data-bank .iban-copy-line b{
  display:inline !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.42 !important;
  font-weight:950 !important;
  color:var(--navy) !important;
}

.donation-data-bank .copy-iban-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:27px !important;
  height:25px !important;
  min-width:27px !important;
  min-height:25px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:7px !important;
  border:1px solid rgba(5,50,71,.18) !important;
  background:rgba(255,255,255,.72) !important;
  color:#063247 !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 2px 7px rgba(6,50,71,.06) !important;
  cursor:pointer !important;
}

.donation-data-bank .copy-iban-btn:hover{
  background:#fff7c7 !important;
  border-color:rgba(255,210,26,.75) !important;
}

.donation-data-bank .copy-iban-btn.is-copied{
  background:#e8f8df !important;
  border-color:rgba(39,154,96,.55) !important;
  color:#2f6e46 !important;
}

@media(max-width:700px){
  .donation-data-bank .donation-lines{
    font-size:11px !important;
    gap:3px !important;
  }
  .donation-data-bank .iban-copy-line b{
    font-size:11px !important;
  }
  .donation-data-bank .copy-iban-btn{
    width:25px !important;
    height:23px !important;
    min-width:25px !important;
    min-height:23px !important;
    font-size:13px !important;
    border-radius:6px !important;
  }
}


/* =========================================================
   UPDATE 17 - Copiere IBAN fara mesaj mare + buton card centrat
   ========================================================= */

/* Nu mai afisam text lung/verde la copiere, doar micro-iconita in acelasi patrat */
.donation-data-bank .copy-iban-btn.is-copied{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(39,154,96,.48) !important;
  color:#2f6e46 !important;
  transform:none !important;
  box-shadow:0 2px 7px rgba(6,50,71,.06) !important;
}

/* Chenarul de plata cu cardul: continut centrat, butonul sta elegant in mijloc */
.donation-pay-data{
  align-items:center !important;
  text-align:center !important;
}

.donation-pay-data span,
.donation-pay-data small{
  width:100% !important;
  text-align:center !important;
}

.donation-pay-data .donation-mini-pay{
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
}

/* Butonul card ramane mic, nu se intinde pe tot chenarul */
.donation-mini-pay{
  width:auto !important;
  min-width:150px !important;
  max-width:max-content !important;
}

@media(max-width:700px){
  .donation-pay-data{
    align-items:center !important;
    text-align:center !important;
  }
  .donation-mini-pay{
    width:auto !important;
    min-width:145px !important;
    max-width:max-content !important;
  }
}


/* =========================================================
   UPDATE 21 - Legal page panel fix
   ========================================================= */
.legal-page .legal-content-panel{overflow:visible!important;border-radius:22px!important;padding:18px!important;}
.legal-page .content-body{overflow:visible!important;padding:0!important;}
.legal-page .content-body p{margin:0 0 14px!important;line-height:1.75!important;}
.legal-page .content-body p:last-child{margin-bottom:0!important;}



/* =========================================================
   UPDATE 22 - Video player modern separat de galerie
   ========================================================= */
.video-section{
  margin:20px 0 22px;
  border-radius:24px;
  padding:14px;
  background:linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,247,214,.38));
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 14px 36px rgba(6,50,71,.08);
}
.video-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  color:#063247;
}
.video-head b{
  font-size:18px;
  font-weight:1000;
}
.video-head span{
  font-size:11px;
  font-weight:900;
  color:#526c7d;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(5,50,71,.10);
  border-radius:999px;
  padding:5px 9px;
}
.video-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.video-card{
  margin:0;
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(5,50,71,.10);
}
.video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#061d2a;
  border-radius:20px;
  overflow:hidden;
}
.video-frame video,
.video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.video-card p{
  margin:0;
  padding:10px 12px;
  font-size:12px;
  line-height:1.35;
  font-weight:850;
  color:#063247;
}
@media(max-width:700px){
  .video-section{
    padding:10px;
    border-radius:18px;
    margin:16px 0 18px;
  }
  .video-frame,
  .video-card{
    border-radius:16px;
  }
}

/* CP video */
.admin-media-box{
  border:1px solid rgba(255,210,26,.42);
  background:linear-gradient(135deg,rgba(255,247,214,.62),rgba(255,255,255,.62));
  border-radius:22px;
  padding:14px;
  display:grid;
  gap:12px;
}
.admin-media-box h3{
  margin:0;
  color:#063247;
  font-size:18px;
}
.admin-media-box p{
  margin:0;
  color:#526c7d;
  font-weight:750;
  line-height:1.4;
}
.admin-video-list{
  display:grid;
  gap:8px;
}
.admin-video-list label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(5,50,71,.12);
  background:rgba(255,255,255,.72);
  border-radius:14px;
  padding:9px 11px;
}
.admin-video-list span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#063247;
  font-weight:850;
}



/* =========================================================
   UPDATE 25 - Carduri aliniate + Facebook video + cazuri incheiate
   ========================================================= */

/* Grilele se aliniaza ca niste rafturi, nu ca niste cutii dansatoare */
.case-grid,
.articles-grid,
.campaign-grid{
  align-items:stretch !important;
}

.case-card,
.article-card,
.campaign-card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-self:stretch !important;
}

.case-media,
.article-media,
.campaign-media{
  display:block !important;
  aspect-ratio:16/9 !important;
  min-height:auto !important;
  overflow:hidden !important;
}

.case-media img,
.article-media img,
.campaign-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.case-body,
.article-body,
.campaign-body{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
}

.case-body h3,
.article-body h3,
.campaign-body h3{
  min-height:44px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.case-body p,
.article-body p,
.campaign-body p{
  min-height:58px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.case-body .read-more,
.article-actions,
.campaign-body .read-more{
  margin-top:auto !important;
}

.case-card .money.status-only{
  justify-content:flex-end !important;
}

.case-card .money.status-only span:first-child{
  display:none !important;
}

/* Video Facebook/YouTube/upload ramane separat si elegant */
.video-section{
  margin-top:22px !important;
  margin-bottom:22px !important;
}

/* Pe mobil, cardurile raman aliniate, dar fara inaltimi exagerate */
@media(max-width:700px){
  .case-body h3,
  .article-body h3,
  .campaign-body h3{
    min-height:auto !important;
  }

  .case-body p,
  .article-body p,
  .campaign-body p{
    min-height:auto !important;
    -webkit-line-clamp:3 !important;
  }

  .case-media,
  .article-media,
  .campaign-media{
    aspect-ratio:16/10 !important;
  }
}



/* =========================================================
   UPDATE 26 - Titluri cu diacritice + meniu mobil lateral + status fara procent
   ========================================================= */

/* Font de titlu stabil, cu diacritice românești clare.
   Renunță la fontul decorativ pentru titlurile importante. */
.page-hero-body h2,
.hero-title,
.page-hero h2,
.content-body h1,
.content-body h2,
.content-body h3{
  font-family: "Segoe UI", "Aptos Display", "Aptos", "Trebuchet MS", Arial, sans-serif !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
  color:#063247 !important;
}

.page-hero-body h2,
.page-hero h2{
  font-size:clamp(28px, 4.2vw, 48px) !important;
  line-height:1.04 !important;
}

.hero-title{
  font-size:clamp(25px, 3.5vw, 42px) !important;
  line-height:1.08 !important;
}

.content-body h2{
  font-size:clamp(22px, 2.5vw, 32px) !important;
}

.content-body h3{
  font-size:clamp(18px, 2vw, 25px) !important;
}

/* Când cazul este rezolvat/încheiat, păstrăm statusul discret, fără progres */
.detail-status-line.status-only{
  margin-top:6px !important;
  padding:9px 12px !important;
  width:max-content !important;
  max-width:100% !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(5,50,71,.10) !important;
  color:#526c7d !important;
}

/* Meniu mobil glisant din lateral */
@media(max-width:700px){
  .menu-panel{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    width:min(326px, calc(100vw - 52px)) !important;
    height:100dvh !important;
    max-width:none !important;
    margin:0 !important;
    padding:16px 12px calc(96px + env(safe-area-inset-bottom)) !important;
    border-radius:24px 0 0 24px !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(255,255,255,.88) !important;
    border-right:0 !important;
    box-shadow:-22px 0 55px rgba(6,50,71,.20), inset 1px 0 0 rgba(255,255,255,.75) !important;
    backdrop-filter:blur(28px) saturate(170%) !important;
    -webkit-backdrop-filter:blur(28px) saturate(170%) !important;
    z-index:220 !important;
    overflow:auto !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateX(106%) !important;
    transition:transform .26s cubic-bezier(.2,.8,.2,1), opacity .18s ease !important;
    animation:none !important;
  }

  .menu-panel.is-open{
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translateX(0) !important;
  }

  .menu-panel:before{
    content:"Meniu" !important;
    position:static !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:2px 4px 14px !important;
    background:none !important;
    color:#063247 !important;
    font-weight:1000 !important;
    font-size:22px !important;
    letter-spacing:-.035em !important;
    opacity:1 !important;
  }

  .menu-card{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    border:0 !important;
    background:transparent !important;
    border-radius:0 !important;
    overflow:visible !important;
  }

  .menu-item{
    min-height:48px !important;
    width:100% !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.62) !important;
    border:1px solid rgba(5,50,71,.10) !important;
    box-shadow:0 8px 20px rgba(6,50,71,.055) !important;
    padding:10px 12px !important;
    gap:10px !important;
  }

  .menu-item i{
    width:30px !important;
    height:30px !important;
    border-radius:11px !important;
    font-size:13px !important;
  }

  .menu-item b{
    font-size:14px !important;
  }

  .menu-item:hover,
  .menu-item.active{
    background:linear-gradient(135deg,rgba(5,50,71,.96),rgba(11,66,99,.94)) !important;
    color:#e9fbff !important;
  }

  .menu-item.donate{
    background:linear-gradient(135deg,var(--red),#ff6b5e) !important;
    color:#fff !important;
  }

  .top-menu-btn.is-open{
    position:relative !important;
    z-index:230 !important;
  }

  .page-hero-body h2,
  .page-hero h2{
    font-size:clamp(25px, 8vw, 34px) !important;
    line-height:1.08 !important;
  }

  .hero-title{
    font-size:clamp(23px, 7.2vw, 32px) !important;
  }
}



/* =========================================================
   UPDATE 27 - Aliniere butoane carduri cu/fara progres
   ========================================================= */

/* Cardurile de cazuri devin o coloana controlata:
   imagine sus, continut la mijloc, zona status/progres + buton jos. */
.case-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.case-card .case-body{
  display:grid !important;
  grid-template-rows:auto minmax(58px, auto) 18px 20px auto !important;
  align-content:start !important;
  gap:10px !important;
  flex:1 !important;
}

/* Titlul si rezumatul au inaltimi predictibile ca sa nu miste butonul. */
.case-card .case-body h3{
  margin:0 !important;
  min-height:44px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.case-card .case-body p{
  margin:0 !important;
  min-height:58px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* Rezervam mereu loc pentru bara, chiar daca e caz rezolvat/incheiat.
   Asa butonul ramane pe aceeasi linie cu cardurile active. */
.case-card .progress{
  height:8px !important;
  margin:0 !important;
  align-self:end !important;
}

.case-card .money{
  min-height:18px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
}

/* La cazurile rezolvate/incheiate, bara exista ca spatiu invizibil,
   nu se vede, dar tine alinierea ca pe rigla. */
.case-card .money.status-only{
  justify-content:flex-end !important;
}

.case-card .money.status-only::before{
  content:"" !important;
}

.case-card .money.status-only + div,
.case-card .money + div{
  margin-top:0 !important;
  align-self:start !important;
}

/* Daca update-ul anterior a eliminat complet bara la rezolvat,
   acest selector pastreaza distanta printr-un pseudo-spatiu elegant. */
.case-card .case-body:has(.money.status-only){
  grid-template-rows:auto minmax(58px, auto) 18px 20px auto !important;
}

.case-card .case-body:has(.money.status-only) .money.status-only{
  grid-row:4 !important;
}

.case-card .case-body:has(.money.status-only)::before{
  content:"" !important;
  grid-row:3 !important;
  height:8px !important;
}

/* Fallback pentru browsere care nu accepta :has foarte bine:
   mutam butonul jos prin auto margin. */
.case-card .case-body > div:last-child{
  margin-top:auto !important;
}

/* Pe mobil nu fortam carduri prea inalte. Totusi butoanele raman asezate curat. */
@media(max-width:700px){
  .case-card .case-body{
    grid-template-rows:auto auto 14px 18px auto !important;
    gap:8px !important;
  }

  .case-card .case-body h3,
  .case-card .case-body p{
    min-height:auto !important;
  }

  .case-card .progress{
    height:7px !important;
  }
}



/* =========================================================
   UPDATE 28 - Meniu mobil lateral mai mic, fin si compact
   ========================================================= */

@media(max-width:700px){
  /* Panoul lateral este mai suplu: aproximativ 65% din greutatea vizuala anterioara */
  .menu-panel{
    width:min(218px, calc(100vw - 82px)) !important;
    padding:11px 8px calc(82px + env(safe-area-inset-bottom)) !important;
    border-radius:18px 0 0 18px !important;
    background:rgba(255,255,255,.66) !important;
    box-shadow:-16px 0 42px rgba(6,50,71,.17), inset 1px 0 0 rgba(255,255,255,.72) !important;
  }

  .menu-panel:before{
    content:"Meniu" !important;
    margin:0 4px 9px !important;
    font-size:15px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }

  .menu-card{
    gap:5px !important;
  }

  .menu-item{
    min-height:31px !important;
    border-radius:11px !important;
    padding:5px 7px !important;
    gap:6px !important;
    background:rgba(255,255,255,.58) !important;
    box-shadow:0 5px 14px rgba(6,50,71,.045) !important;
  }

  .menu-item i{
    width:21px !important;
    height:21px !important;
    border-radius:8px !important;
    font-size:10px !important;
    border-color:rgba(255,210,26,.42) !important;
    background:rgba(255,245,191,.68) !important;
  }

  .menu-item b{
    font-size:10.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
  }

  .menu-item:hover,
  .menu-item.active{
    box-shadow:0 8px 18px rgba(6,50,71,.10) !important;
  }

  .menu-item.donate{
    min-height:32px !important;
    box-shadow:0 9px 22px rgba(239,62,54,.16) !important;
  }

  /* Butonul care deschide meniul ramane compact si modern */
  .mobile-nav a,
  .mobile-nav button{
    font-size:11px !important;
  }

  .mobile-nav i{
    font-size:18px !important;
  }
}

@media(max-width:390px){
  .menu-panel{
    width:min(205px, calc(100vw - 76px)) !important;
  }

  .menu-item{
    min-height:30px !important;
    padding:5px 6px !important;
  }

  .menu-item b{
    font-size:10px !important;
  }
}



/* =========================================================
   UPDATE 27 - Aliniere butoane carduri cu/fara progres
   ========================================================= */

/* Cardurile de cazuri devin o coloana controlata:
   imagine sus, continut la mijloc, zona status/progres + buton jos. */
.case-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.case-card .case-body{
  display:grid !important;
  grid-template-rows:auto minmax(58px, auto) 18px 20px auto !important;
  align-content:start !important;
  gap:10px !important;
  flex:1 !important;
}

/* Titlul si rezumatul au inaltimi predictibile ca sa nu miste butonul. */
.case-card .case-body h3{
  margin:0 !important;
  min-height:44px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.case-card .case-body p{
  margin:0 !important;
  min-height:58px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* Rezervam mereu loc pentru bara, chiar daca e caz rezolvat/incheiat.
   Asa butonul ramane pe aceeasi linie cu cardurile active. */
.case-card .progress{
  height:8px !important;
  margin:0 !important;
  align-self:end !important;
}

.case-card .money{
  min-height:18px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
}

/* La cazurile rezolvate/incheiate, bara exista ca spatiu invizibil,
   nu se vede, dar tine alinierea ca pe rigla. */
.case-card .money.status-only{
  justify-content:flex-end !important;
}

.case-card .money.status-only::before{
  content:"" !important;
}

.case-card .money.status-only + div,
.case-card .money + div{
  margin-top:0 !important;
  align-self:start !important;
}

/* Daca update-ul anterior a eliminat complet bara la rezolvat,
   acest selector pastreaza distanta printr-un pseudo-spatiu elegant. */
.case-card .case-body:has(.money.status-only){
  grid-template-rows:auto minmax(58px, auto) 18px 20px auto !important;
}

.case-card .case-body:has(.money.status-only) .money.status-only{
  grid-row:4 !important;
}

.case-card .case-body:has(.money.status-only)::before{
  content:"" !important;
  grid-row:3 !important;
  height:8px !important;
}

/* Fallback pentru browsere care nu accepta :has foarte bine:
   mutam butonul jos prin auto margin. */
.case-card .case-body > div:last-child{
  margin-top:auto !important;
}

/* Pe mobil nu fortam carduri prea inalte. Totusi butoanele raman asezate curat. */
@media(max-width:700px){
  .case-card .case-body{
    grid-template-rows:auto auto 14px 18px auto !important;
    gap:8px !important;
  }

  .case-card .case-body h3,
  .case-card .case-body p{
    min-height:auto !important;
  }

  .case-card .progress{
    height:7px !important;
  }
}



/* =========================================================
   UPDATE 28 - Meniu mobil lateral mai mic, fin si compact
   ========================================================= */

@media(max-width:700px){
  /* Panoul lateral este mai suplu: aproximativ 65% din greutatea vizuala anterioara */
  .menu-panel{
    width:min(218px, calc(100vw - 82px)) !important;
    padding:11px 8px calc(82px + env(safe-area-inset-bottom)) !important;
    border-radius:18px 0 0 18px !important;
    background:rgba(255,255,255,.66) !important;
    box-shadow:-16px 0 42px rgba(6,50,71,.17), inset 1px 0 0 rgba(255,255,255,.72) !important;
  }

  .menu-panel:before{
    content:"Meniu" !important;
    margin:0 4px 9px !important;
    font-size:15px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }

  .menu-card{
    gap:5px !important;
  }

  .menu-item{
    min-height:31px !important;
    border-radius:11px !important;
    padding:5px 7px !important;
    gap:6px !important;
    background:rgba(255,255,255,.58) !important;
    box-shadow:0 5px 14px rgba(6,50,71,.045) !important;
  }

  .menu-item i{
    width:21px !important;
    height:21px !important;
    border-radius:8px !important;
    font-size:10px !important;
    border-color:rgba(255,210,26,.42) !important;
    background:rgba(255,245,191,.68) !important;
  }

  .menu-item b{
    font-size:10.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
  }

  .menu-item:hover,
  .menu-item.active{
    box-shadow:0 8px 18px rgba(6,50,71,.10) !important;
  }

  .menu-item.donate{
    min-height:32px !important;
    box-shadow:0 9px 22px rgba(239,62,54,.16) !important;
  }

  /* Butonul care deschide meniul ramane compact si modern */
  .mobile-nav a,
  .mobile-nav button{
    font-size:11px !important;
  }

  .mobile-nav i{
    font-size:18px !important;
  }
}

@media(max-width:390px){
  .menu-panel{
    width:min(205px, calc(100vw - 76px)) !important;
  }

  .menu-item{
    min-height:30px !important;
    padding:5px 6px !important;
  }

  .menu-item b{
    font-size:10px !important;
  }
}



/* =========================================================
   UPDATE 29 - Titlul mare din pagini cu 60% mai mic
   ========================================================= */

/* Micșorează titlul mare din pagini: Cazuri, Activități, Campanii etc.
   Păstrează fontul clar cu diacritice, dar nu mai domină pagina. */
.page-hero-body h2,
.page-hero h2{
  font-size:clamp(18px, 1.7vw, 24px) !important;
  line-height:1.16 !important;
  letter-spacing:-.018em !important;
  max-width:760px !important;
}

/* Micșorăm și corpul cardului hero ca să nu rămână prea mult aer în jurul titlului. */
.page-hero-body{
  padding-top:18px !important;
  padding-bottom:18px !important;
}

.page-hero-top{
  min-height:38px !important;
  padding-top:9px !important;
  padding-bottom:9px !important;
}

/* Pe telefon să rămână lizibil, dar finuț. */
@media(max-width:700px){
  .page-hero-body h2,
  .page-hero h2{
    font-size:clamp(19px, 5.6vw, 25px) !important;
    line-height:1.15 !important;
    letter-spacing:-.015em !important;
  }

  .page-hero-body{
    padding-top:16px !important;
    padding-bottom:16px !important;
  }

  .page-hero-top{
    min-height:34px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
}



/* =========================================================
   UPDATE 27 - Aliniere butoane carduri cu/fara progres
   ========================================================= */

/* Cardurile de cazuri devin o coloana controlata:
   imagine sus, continut la mijloc, zona status/progres + buton jos. */
.case-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.case-card .case-body{
  display:grid !important;
  grid-template-rows:auto minmax(58px, auto) 18px 20px auto !important;
  align-content:start !important;
  gap:10px !important;
  flex:1 !important;
}

/* Titlul si rezumatul au inaltimi predictibile ca sa nu miste butonul. */
.case-card .case-body h3{
  margin:0 !important;
  min-height:44px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.case-card .case-body p{
  margin:0 !important;
  min-height:58px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* Rezervam mereu loc pentru bara, chiar daca e caz rezolvat/incheiat.
   Asa butonul ramane pe aceeasi linie cu cardurile active. */
.case-card .progress{
  height:8px !important;
  margin:0 !important;
  align-self:end !important;
}

.case-card .money{
  min-height:18px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
}

/* La cazurile rezolvate/incheiate, bara exista ca spatiu invizibil,
   nu se vede, dar tine alinierea ca pe rigla. */
.case-card .money.status-only{
  justify-content:flex-end !important;
}

.case-card .money.status-only::before{
  content:"" !important;
}

.case-card .money.status-only + div,
.case-card .money + div{
  margin-top:0 !important;
  align-self:start !important;
}

/* Daca update-ul anterior a eliminat complet bara la rezolvat,
   acest selector pastreaza distanta printr-un pseudo-spatiu elegant. */
.case-card .case-body:has(.money.status-only){
  grid-template-rows:auto minmax(58px, auto) 18px 20px auto !important;
}

.case-card .case-body:has(.money.status-only) .money.status-only{
  grid-row:4 !important;
}

.case-card .case-body:has(.money.status-only)::before{
  content:"" !important;
  grid-row:3 !important;
  height:8px !important;
}

/* Fallback pentru browsere care nu accepta :has foarte bine:
   mutam butonul jos prin auto margin. */
.case-card .case-body > div:last-child{
  margin-top:auto !important;
}

/* Pe mobil nu fortam carduri prea inalte. Totusi butoanele raman asezate curat. */
@media(max-width:700px){
  .case-card .case-body{
    grid-template-rows:auto auto 14px 18px auto !important;
    gap:8px !important;
  }

  .case-card .case-body h3,
  .case-card .case-body p{
    min-height:auto !important;
  }

  .case-card .progress{
    height:7px !important;
  }
}



/* =========================================================
   UPDATE 28 - Meniu mobil lateral mai mic, fin si compact
   ========================================================= */

@media(max-width:700px){
  /* Panoul lateral este mai suplu: aproximativ 65% din greutatea vizuala anterioara */
  .menu-panel{
    width:min(218px, calc(100vw - 82px)) !important;
    padding:11px 8px calc(82px + env(safe-area-inset-bottom)) !important;
    border-radius:18px 0 0 18px !important;
    background:rgba(255,255,255,.66) !important;
    box-shadow:-16px 0 42px rgba(6,50,71,.17), inset 1px 0 0 rgba(255,255,255,.72) !important;
  }

  .menu-panel:before{
    content:"Meniu" !important;
    margin:0 4px 9px !important;
    font-size:15px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }

  .menu-card{
    gap:5px !important;
  }

  .menu-item{
    min-height:31px !important;
    border-radius:11px !important;
    padding:5px 7px !important;
    gap:6px !important;
    background:rgba(255,255,255,.58) !important;
    box-shadow:0 5px 14px rgba(6,50,71,.045) !important;
  }

  .menu-item i{
    width:21px !important;
    height:21px !important;
    border-radius:8px !important;
    font-size:10px !important;
    border-color:rgba(255,210,26,.42) !important;
    background:rgba(255,245,191,.68) !important;
  }

  .menu-item b{
    font-size:10.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
  }

  .menu-item:hover,
  .menu-item.active{
    box-shadow:0 8px 18px rgba(6,50,71,.10) !important;
  }

  .menu-item.donate{
    min-height:32px !important;
    box-shadow:0 9px 22px rgba(239,62,54,.16) !important;
  }

  /* Butonul care deschide meniul ramane compact si modern */
  .mobile-nav a,
  .mobile-nav button{
    font-size:11px !important;
  }

  .mobile-nav i{
    font-size:18px !important;
  }
}

@media(max-width:390px){
  .menu-panel{
    width:min(205px, calc(100vw - 76px)) !important;
  }

  .menu-item{
    min-height:30px !important;
    padding:5px 6px !important;
  }

  .menu-item b{
    font-size:10px !important;
  }
}



/* =========================================================
   UPDATE 27 - Aliniere butoane carduri cu/fara progres
   ========================================================= */

/* Cardurile de cazuri devin o coloana controlata:
   imagine sus, continut la mijloc, zona status/progres + buton jos. */
.case-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.case-card .case-body{
  display:grid !important;
  grid-template-rows:auto minmax(58px, auto) 18px 20px auto !important;
  align-content:start !important;
  gap:10px !important;
  flex:1 !important;
}

/* Titlul si rezumatul au inaltimi predictibile ca sa nu miste butonul. */
.case-card .case-body h3{
  margin:0 !important;
  min-height:44px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.case-card .case-body p{
  margin:0 !important;
  min-height:58px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* Rezervam mereu loc pentru bara, chiar daca e caz rezolvat/incheiat.
   Asa butonul ramane pe aceeasi linie cu cardurile active. */
.case-card .progress{
  height:8px !important;
  margin:0 !important;
  align-self:end !important;
}

.case-card .money{
  min-height:18px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
}

/* La cazurile rezolvate/incheiate, bara exista ca spatiu invizibil,
   nu se vede, dar tine alinierea ca pe rigla. */
.case-card .money.status-only{
  justify-content:flex-end !important;
}

.case-card .money.status-only::before{
  content:"" !important;
}

.case-card .money.status-only + div,
.case-card .money + div{
  margin-top:0 !important;
  align-self:start !important;
}

/* Daca update-ul anterior a eliminat complet bara la rezolvat,
   acest selector pastreaza distanta printr-un pseudo-spatiu elegant. */
.case-card .case-body:has(.money.status-only){
  grid-template-rows:auto minmax(58px, auto) 18px 20px auto !important;
}

.case-card .case-body:has(.money.status-only) .money.status-only{
  grid-row:4 !important;
}

.case-card .case-body:has(.money.status-only)::before{
  content:"" !important;
  grid-row:3 !important;
  height:8px !important;
}

/* Fallback pentru browsere care nu accepta :has foarte bine:
   mutam butonul jos prin auto margin. */
.case-card .case-body > div:last-child{
  margin-top:auto !important;
}

/* Pe mobil nu fortam carduri prea inalte. Totusi butoanele raman asezate curat. */
@media(max-width:700px){
  .case-card .case-body{
    grid-template-rows:auto auto 14px 18px auto !important;
    gap:8px !important;
  }

  .case-card .case-body h3,
  .case-card .case-body p{
    min-height:auto !important;
  }

  .case-card .progress{
    height:7px !important;
  }
}



/* =========================================================
   UPDATE 28 - Meniu mobil lateral mai mic, fin si compact
   ========================================================= */

@media(max-width:700px){
  /* Panoul lateral este mai suplu: aproximativ 65% din greutatea vizuala anterioara */
  .menu-panel{
    width:min(218px, calc(100vw - 82px)) !important;
    padding:11px 8px calc(82px + env(safe-area-inset-bottom)) !important;
    border-radius:18px 0 0 18px !important;
    background:rgba(255,255,255,.66) !important;
    box-shadow:-16px 0 42px rgba(6,50,71,.17), inset 1px 0 0 rgba(255,255,255,.72) !important;
  }

  .menu-panel:before{
    content:"Meniu" !important;
    margin:0 4px 9px !important;
    font-size:15px !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }

  .menu-card{
    gap:5px !important;
  }

  .menu-item{
    min-height:31px !important;
    border-radius:11px !important;
    padding:5px 7px !important;
    gap:6px !important;
    background:rgba(255,255,255,.58) !important;
    box-shadow:0 5px 14px rgba(6,50,71,.045) !important;
  }

  .menu-item i{
    width:21px !important;
    height:21px !important;
    border-radius:8px !important;
    font-size:10px !important;
    border-color:rgba(255,210,26,.42) !important;
    background:rgba(255,245,191,.68) !important;
  }

  .menu-item b{
    font-size:10.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
  }

  .menu-item:hover,
  .menu-item.active{
    box-shadow:0 8px 18px rgba(6,50,71,.10) !important;
  }

  .menu-item.donate{
    min-height:32px !important;
    box-shadow:0 9px 22px rgba(239,62,54,.16) !important;
  }

  /* Butonul care deschide meniul ramane compact si modern */
  .mobile-nav a,
  .mobile-nav button{
    font-size:11px !important;
  }

  .mobile-nav i{
    font-size:18px !important;
  }
}

@media(max-width:390px){
  .menu-panel{
    width:min(205px, calc(100vw - 76px)) !important;
  }

  .menu-item{
    min-height:30px !important;
    padding:5px 6px !important;
  }

  .menu-item b{
    font-size:10px !important;
  }
}



/* =========================================================
   UPDATE 29 - Titlul mare din pagini cu 60% mai mic
   ========================================================= */

/* Micșorează titlul mare din pagini: Cazuri, Activități, Campanii etc.
   Păstrează fontul clar cu diacritice, dar nu mai domină pagina. */
.page-hero-body h2,
.page-hero h2{
  font-size:clamp(18px, 1.7vw, 24px) !important;
  line-height:1.16 !important;
  letter-spacing:-.018em !important;
  max-width:760px !important;
}

/* Micșorăm și corpul cardului hero ca să nu rămână prea mult aer în jurul titlului. */
.page-hero-body{
  padding-top:18px !important;
  padding-bottom:18px !important;
}

.page-hero-top{
  min-height:38px !important;
  padding-top:9px !important;
  padding-bottom:9px !important;
}

/* Pe telefon să rămână lizibil, dar finuț. */
@media(max-width:700px){
  .page-hero-body h2,
  .page-hero h2{
    font-size:clamp(19px, 5.6vw, 25px) !important;
    line-height:1.15 !important;
    letter-spacing:-.015em !important;
  }

  .page-hero-body{
    padding-top:16px !important;
    padding-bottom:16px !important;
  }

  .page-hero-top{
    min-height:34px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
}



/* =========================================================
   UPDATE 30 - PDF viewer modern pentru articole
   ========================================================= */
.document-section{
  margin:22px 0;
  padding:14px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,247,214,.34));
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 14px 36px rgba(6,50,71,.08);
}

.document-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  color:#063247;
}

.document-head b{
  font-size:18px;
  font-weight:1000;
}

.document-head span{
  font-size:11px;
  font-weight:900;
  color:#526c7d;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(5,50,71,.10);
  border-radius:999px;
  padding:5px 9px;
}

.document-list{
  display:grid;
  gap:14px;
}

.document-card{
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(5,50,71,.10);
}

.document-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid rgba(5,50,71,.08);
}

.document-card h3{
  margin:0;
  color:#063247;
  font-size:16px;
  font-weight:1000;
  line-height:1.15;
}

.document-card p{
  margin:4px 0 0;
  color:#526c7d;
  font-size:12px;
  font-weight:800;
}

.document-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.document-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:7px 10px;
  border-radius:10px;
  background:#ffd21a;
  color:#063247;
  border:1px solid rgba(229,170,0,.65);
  font-size:12px;
  font-weight:950;
  text-decoration:none;
}

.document-actions a:last-child{
  background:rgba(255,255,255,.72);
  border-color:rgba(5,50,71,.12);
}

.pdf-frame-wrap{
  width:100%;
  height:min(78vh, 760px);
  min-height:520px;
  background:#eef4f5;
  overflow:hidden;
}

.pdf-frame{
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#eef4f5;
}

@media(max-width:700px){
  .document-section{
    margin:16px 0 18px;
    padding:10px;
    border-radius:18px;
  }

  .document-card{
    border-radius:16px;
  }

  .document-card-top{
    align-items:flex-start;
    flex-direction:column;
    padding:10px;
  }

  .document-card h3{
    font-size:14px;
  }

  .document-actions{
    width:100%;
    justify-content:flex-start;
  }

  .document-actions a{
    min-height:28px;
    padding:6px 9px;
    font-size:11px;
    border-radius:9px;
  }

  .pdf-frame-wrap{
    height:72vh;
    min-height:480px;
  }
}


/* =========================================================
   UPDATE 32 - Pagina Despre noi / Echipă
   ========================================================= */
.about-team-wrap{display:grid;gap:22px;margin:18px 0 28px}
.about-intro-card{border-radius:24px;padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,247,214,.38));border:1px solid rgba(255,255,255,.88);box-shadow:0 18px 44px rgba(6,50,71,.08)}
.about-eyebrow{display:inline-flex;border-radius:999px;padding:6px 10px;background:rgba(255,210,26,.20);border:1px solid rgba(255,210,26,.56);color:#063247;font-weight:1000;font-size:12px}
.about-intro-card h2{margin:13px 0 10px;color:#063247;font-size:clamp(28px,3.2vw,44px);line-height:1.04;letter-spacing:-.04em;max-width:820px}
.about-intro-card p{margin:0;max-width:820px;color:#526c7d;font-weight:800;line-height:1.75}
.team-grid-modern{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.team-card-open{width:100%;min-height:150px;display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:center;text-align:left;border:1px solid rgba(5,50,71,.10);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 14px 34px rgba(6,50,71,.075);padding:14px;cursor:pointer;transition:.18s}
.team-card-open:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(6,50,71,.12);border-color:rgba(255,210,26,.72)}
.team-photo{width:72px;height:72px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#07384c,#0f5a78);display:flex;align-items:center;justify-content:center;color:#ffd21a}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block}.team-photo b{font-size:24px;font-weight:1000}
.team-info{min-width:0;display:grid;gap:4px}.team-info strong{color:#063247;font-weight:1000;line-height:1.12;font-size:16px}.team-info em{color:#ff5a50;font-style:normal;font-weight:950;font-size:12px}.team-info small{color:#526c7d;font-size:12px;line-height:1.35;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.team-card-open i{grid-column:1/-1;justify-self:start;margin-top:2px;font-style:normal;font-size:12px;font-weight:1000;border-radius:999px;padding:7px 12px;background:#ffd21a;border:1px solid rgba(229,170,0,.65);color:#063247}
.team-modal{position:fixed;inset:0;z-index:9999;display:none}.team-modal.is-open{display:block}.team-modal-backdrop{position:absolute;inset:0;background:rgba(4,18,27,.52);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.team-modal-panel{position:relative;width:min(860px,calc(100vw - 34px));max-height:min(82vh,720px);overflow:auto;margin:8vh auto 0;border-radius:24px;background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.90);box-shadow:0 28px 70px rgba(6,50,71,.22);padding:20px}
.team-modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:12px;border:1px solid rgba(5,50,71,.12);background:#fff;color:#063247;font-size:24px;line-height:1;font-weight:900;cursor:pointer}
.team-modal-head{display:flex;align-items:center;gap:16px;padding-right:38px;margin-bottom:18px}.team-photo.large{width:104px;height:104px;border-radius:24px;flex:0 0 auto}
.team-modal-head h3{margin:0;color:#063247;font-size:clamp(24px,3vw,36px);line-height:1.05;letter-spacing:-.035em}.team-modal-head p{margin:6px 0 0;color:#ff5a50;font-weight:950}
.team-modal-text{color:#405c6d;font-weight:760;line-height:1.85}.team-modal-text p{margin:0 0 14px}.team-modal-lock{overflow:hidden}
.team-admin-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;border:1px solid rgba(5,50,71,.10);border-radius:14px;background:rgba(255,255,255,.62);margin-bottom:8px}.team-admin-row small{display:block;color:#526c7d;font-weight:800;margin-top:3px}.admin-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
@media(max-width:960px){.team-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.about-team-wrap{gap:16px;margin:14px 0 22px}.about-intro-card{padding:18px;border-radius:18px}.about-intro-card h2{font-size:clamp(24px,7vw,32px)}.team-grid-modern{grid-template-columns:1fr;gap:10px}.team-card-open{min-height:104px;grid-template-columns:58px 1fr auto;gap:10px;border-radius:18px;padding:10px}.team-photo{width:58px;height:58px;border-radius:15px}.team-info strong{font-size:14px}.team-info em,.team-info small{font-size:11px}.team-card-open i{grid-column:auto;align-self:center;margin:0;font-size:0;width:34px;height:34px;border-radius:12px;padding:0;display:flex;align-items:center;justify-content:center}.team-card-open i:before{content:"›";font-size:24px}.team-modal-panel{width:calc(100vw - 20px);max-height:86vh;margin:7vh auto 0;border-radius:20px;padding:14px}.team-modal-head{gap:12px;margin-bottom:14px}.team-photo.large{width:78px;height:78px;border-radius:19px}.team-modal-head h3{font-size:23px}.team-modal-text{font-size:14px;line-height:1.72}.team-admin-row{align-items:flex-start;flex-direction:column}.admin-row-actions{justify-content:flex-start}}

/* =========================================================
   UPDATE 33 - Despre noi mai fin, carduri elegante, poze netăiate
   ========================================================= */

/* Neutralizăm designul prea mare din update 32 doar pe pagina echipei */
.team-page-soft{
  display:grid;
  gap:20px;
  margin:18px 0 30px;
}

.team-soft-intro{
  width:min(860px,100%);
  border-radius:22px;
  padding:20px 22px;
  background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(255,247,214,.30));
  border:1px solid rgba(255,255,255,.90);
  box-shadow:0 12px 34px rgba(6,50,71,.065);
}

.team-soft-intro span{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border-radius:999px;
  padding:5px 10px;
  background:rgba(255,210,26,.22);
  border:1px solid rgba(255,210,26,.58);
  color:#063247;
  font-size:11px;
  font-weight:950;
}

.team-soft-intro h2{
  margin:12px 0 8px;
  color:#063247;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(24px,2.6vw,34px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:900;
  max-width:720px;
}

.team-soft-intro p{
  margin:0;
  max-width:760px;
  color:#526c7d;
  font-size:14px;
  line-height:1.65;
  font-weight:720;
}

.team-soft-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(156px,1fr));
  gap:15px;
  align-items:start;
}

.team-soft-card{
  min-width:0;
}

.team-soft-open{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:6px;
  border:1px solid rgba(5,50,71,.15);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 25px rgba(6,50,71,.08);
  padding:12px 10px 11px;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.team-soft-open:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(6,50,71,.13);
  border-color:rgba(255,210,26,.72);
}

.team-soft-photo{
  width:112px;
  height:148px;
  border-radius:12px;
  overflow:hidden;
  background:#f6fafb;
  border:1px solid rgba(5,50,71,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#063247;
}

/* Important: poza NU se taie. Intră completă, ca în varianta veche. */
.team-soft-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#f6fafb;
}

.team-soft-photo b{
  font-size:28px;
  font-weight:1000;
  color:#ffd21a;
  background:#07384c;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.team-soft-name{
  margin-top:3px;
  color:#063247;
  font-size:13px;
  font-weight:950;
  line-height:1.18;
  min-height:31px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.team-soft-role{
  color:#526c7d;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  min-height:14px;
}

.team-soft-short{
  color:#526c7d;
  font-size:11px;
  line-height:1.35;
  font-weight:720;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:30px;
  max-width:130px;
}

.team-soft-more{
  margin-top:3px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  border-radius:9px;
  padding:6px 10px;
  background:#ffd21a;
  border:1px solid rgba(229,170,0,.70);
  color:#063247;
  font-size:11px;
  font-weight:1000;
  box-shadow:0 6px 14px rgba(255,210,26,.20);
}

.team-soft-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
}

.team-soft-modal.is-open{
  display:block;
}

.team-soft-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,18,27,.46);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.team-soft-panel{
  position:relative;
  width:min(780px,calc(100vw - 36px));
  max-height:min(82vh,690px);
  overflow:auto;
  margin:8vh auto 0;
  border-radius:18px;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 22px 58px rgba(6,50,71,.20);
  padding:18px;
}

.team-soft-close{
  position:absolute;
  top:10px;
  right:10px;
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(5,50,71,.12);
  background:#fff;
  color:#063247;
  font-size:22px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
}

.team-soft-panel-head{
  display:flex;
  align-items:center;
  gap:16px;
  padding-right:38px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(5,50,71,.09);
  padding-bottom:14px;
}

.team-soft-photo.big{
  width:118px;
  height:156px;
  border-radius:14px;
  flex:0 0 auto;
}

.team-soft-panel-head h3{
  margin:0;
  color:#063247;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(22px,2.5vw,30px);
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:900;
}

.team-soft-panel-head p{
  margin:5px 0 0;
  color:#ff5a50;
  font-size:13px;
  font-weight:900;
}

.team-soft-text{
  color:#435d6e;
  font-size:14px;
  line-height:1.78;
  font-weight:680;
}

.team-soft-text p{
  margin:0 0 13px;
}

.team-modal-lock{
  overflow:hidden;
}

@media(max-width:760px){
  .team-page-soft{
    gap:15px;
    margin:14px 0 24px;
  }

  .team-soft-intro{
    padding:16px;
    border-radius:18px;
  }

  .team-soft-intro h2{
    font-size:clamp(22px,6.4vw,28px);
  }

  .team-soft-intro p{
    font-size:13px;
    line-height:1.55;
  }

  .team-soft-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .team-soft-open{
    border-radius:15px;
    padding:9px 7px;
  }

  .team-soft-photo{
    width:94px;
    height:124px;
    border-radius:10px;
  }

  .team-soft-name{
    font-size:11.5px;
    min-height:28px;
  }

  .team-soft-role{
    font-size:10px;
  }

  .team-soft-short{
    display:none;
  }

  .team-soft-more{
    min-height:26px;
    padding:5px 8px;
    font-size:10px;
  }

  .team-soft-panel{
    width:calc(100vw - 20px);
    margin:6vh auto 0;
    max-height:88vh;
    border-radius:18px;
    padding:13px;
  }

  .team-soft-panel-head{
    gap:11px;
    padding-bottom:11px;
    margin-bottom:11px;
  }

  .team-soft-photo.big{
    width:82px;
    height:108px;
    border-radius:12px;
  }

  .team-soft-panel-head h3{
    font-size:21px;
  }

  .team-soft-text{
    font-size:13px;
    line-height:1.68;
  }
}

@media(max-width:380px){
  .team-soft-grid{
    grid-template-columns:1fr 1fr;
  }

  .team-soft-photo{
    width:86px;
    height:114px;
  }
}


/* =========================================================
   UPDATE 34 - Despre noi: centrat, poze curate, modal lizibil
   ========================================================= */

/* Ascundem/neutralizăm vechile variante ca să nu se bată între ele */
.about-team-wrap,
.team-page-soft{
  display:none !important;
}

.team-clean-page{
  width:100%;
  max-width:980px;
  margin:18px auto 34px;
  padding:0 18px;
  display:grid;
  gap:22px;
  box-sizing:border-box;
}

.team-clean-intro{
  width:min(820px,100%);
  margin:0 auto;
  border-radius:22px;
  padding:24px 28px;
  text-align:center;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,248,221,.45));
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 16px 42px rgba(6,50,71,.075);
  box-sizing:border-box;
}

.team-clean-intro span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:5px 11px;
  background:rgba(255,210,26,.18);
  border:1px solid rgba(255,210,26,.56);
  color:#063247;
  font-size:11px;
  font-weight:950;
  margin-bottom:12px;
}

.team-clean-intro h2{
  margin:0 0 9px;
  color:#063247;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(24px,2.7vw,36px) !important;
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:900;
}

.team-clean-intro p{
  margin:0 auto;
  max-width:660px;
  color:#526c7d;
  font-size:14px;
  line-height:1.65;
  font-weight:720;
}

.team-clean-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(158px,180px));
  gap:18px;
  justify-content:center;
  align-items:start;
}

.team-clean-card{
  min-width:0;
}

.team-clean-open{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  gap:6px;
  border:1px solid rgba(5,50,71,.13);
  border-radius:18px;
  background:rgba(255,255,255,.80);
  box-shadow:0 10px 24px rgba(6,50,71,.075);
  padding:12px 10px 13px;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  box-sizing:border-box;
}

.team-clean-open:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(6,50,71,.12);
  border-color:rgba(255,210,26,.74);
}

.team-clean-photo{
  width:112px;
  height:148px;
  border-radius:12px;
  overflow:hidden;
  background:#f6fafb;
  border:1px solid rgba(5,50,71,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffd21a;
  box-sizing:border-box;
}

/* Poza completă, netăiată, fără chenar alb exagerat */
.team-clean-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#f6fafb;
}

.team-clean-photo b{
  font-size:28px;
  font-weight:1000;
  color:#ffd21a;
  background:#07384c;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.team-clean-name{
  margin-top:4px;
  color:#063247;
  font-size:13px;
  font-weight:950;
  line-height:1.18;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:140px;
}

.team-clean-role{
  color:#526c7d;
  font-size:11px;
  font-weight:820;
  line-height:1.2;
  min-height:14px;
  max-width:140px;
}

.team-clean-short{
  color:#526c7d;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:30px;
  max-width:138px;
}

.team-clean-more{
  margin-top:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  border-radius:9px;
  padding:6px 10px;
  background:#ffd21a;
  border:1px solid rgba(229,170,0,.70);
  color:#063247;
  font-size:11px;
  font-weight:1000;
  box-shadow:0 6px 14px rgba(255,210,26,.18);
}

.team-clean-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
}

.team-clean-modal.is-open{
  display:block;
}

.team-clean-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,18,27,.38);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.team-clean-panel{
  position:relative;
  width:min(760px,calc(100vw - 34px));
  max-height:min(84vh,700px);
  overflow:auto;
  margin:7vh auto 0;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 22px 58px rgba(6,50,71,.20);
  padding:18px 20px 20px;
  box-sizing:border-box;
}

.team-clean-close{
  position:absolute;
  top:10px;
  right:10px;
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(5,50,71,.12);
  background:#fff;
  color:#063247;
  font-size:22px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  z-index:2;
}

.team-clean-panel-head{
  display:grid;
  grid-template-columns:118px 1fr;
  gap:18px;
  align-items:center;
  padding-right:34px;
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(5,50,71,.08);
}

.team-clean-photo.big{
  width:118px;
  height:156px;
  border-radius:14px;
  flex:0 0 auto;
}

.team-clean-panel-head h3{
  margin:0;
  color:#063247;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(22px,2.5vw,31px);
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:900;
}

.team-clean-panel-head p{
  margin:6px 0 0;
  color:#ff5a50;
  font-size:13px;
  font-weight:900;
}

.team-clean-text{
  color:#405b6d;
  font-size:14px;
  line-height:1.78;
  font-weight:660;
  max-width:100%;
}

.team-clean-text p{
  margin:0 0 13px;
}

.team-modal-lock{
  overflow:hidden;
}

@media(max-width:760px){
  .team-clean-page{
    max-width:100%;
    margin:14px auto 26px;
    padding:0 12px;
    gap:16px;
  }

  .team-clean-intro{
    width:100%;
    border-radius:18px;
    padding:17px 14px;
  }

  .team-clean-intro h2{
    font-size:clamp(21px,6vw,27px) !important;
  }

  .team-clean-intro p{
    font-size:12.5px;
    line-height:1.55;
  }

  .team-clean-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    justify-content:center;
  }

  .team-clean-open{
    border-radius:15px;
    padding:9px 7px 10px;
  }

  .team-clean-photo{
    width:90px;
    height:120px;
    border-radius:10px;
  }

  .team-clean-name{
    font-size:11.5px;
    min-height:27px;
    max-width:115px;
  }

  .team-clean-role{
    font-size:10px;
    max-width:115px;
  }

  .team-clean-short{
    display:none;
  }

  .team-clean-more{
    min-height:26px;
    padding:5px 8px;
    font-size:10px;
  }

  .team-clean-panel{
    width:calc(100vw - 18px);
    max-height:88vh;
    margin:5vh auto 0;
    border-radius:18px;
    padding:13px;
  }

  .team-clean-panel-head{
    grid-template-columns:82px 1fr;
    gap:11px;
    padding-right:32px;
    margin-bottom:12px;
    padding-bottom:11px;
  }

  .team-clean-photo.big{
    width:82px;
    height:108px;
    border-radius:12px;
  }

  .team-clean-panel-head h3{
    font-size:20px;
  }

  .team-clean-panel-head p{
    font-size:12px;
  }

  .team-clean-text{
    font-size:13px;
    line-height:1.68;
  }
}

@media(max-width:360px){
  .team-clean-grid{
    grid-template-columns:1fr;
  }

  .team-clean-open{
    max-width:190px;
    margin:0 auto;
  }
}


/* =========================================================
   UPDATE 35 - Despre noi: poze fără gol lateral + modal mobil corect
   ========================================================= */

/* Ascundem variantele vechi pentru că aveau stiluri care se suprapuneau. */
.about-team-wrap,
.team-page-soft,
.team-clean-page{
  display:none !important;
}

.team-pro-page{
  width:100%;
  max-width:980px;
  margin:18px auto 34px !important;
  padding:0 18px !important;
  display:grid !important;
  gap:22px !important;
  box-sizing:border-box !important;
}

.team-pro-intro{
  width:min(820px,100%) !important;
  margin:0 auto !important;
  border-radius:22px !important;
  padding:22px 26px !important;
  text-align:center !important;
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,248,221,.42)) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 16px 42px rgba(6,50,71,.075) !important;
  box-sizing:border-box !important;
}

.team-pro-intro span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:5px 11px !important;
  background:rgba(255,210,26,.18) !important;
  border:1px solid rgba(255,210,26,.56) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-weight:950 !important;
  margin-bottom:12px !important;
}

.team-pro-intro h2{
  margin:0 0 9px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(24px,2.7vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
}

.team-pro-intro p{
  margin:0 auto !important;
  max-width:660px !important;
  color:#526c7d !important;
  font-size:14px !important;
  line-height:1.62 !important;
  font-weight:700 !important;
}

.team-pro-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(158px,180px)) !important;
  gap:18px !important;
  justify-content:center !important;
  align-items:start !important;
}

.team-pro-card{
  min-width:0 !important;
}

.team-pro-open{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:6px !important;
  border:1px solid rgba(5,50,71,.13) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 10px 24px rgba(6,50,71,.075) !important;
  padding:12px 10px 13px !important;
  cursor:pointer !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
  box-sizing:border-box !important;
}

.team-pro-open:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 34px rgba(6,50,71,.12) !important;
  border-color:rgba(255,210,26,.74) !important;
}

/* Important: balonul pozei este mai îngust. Dispare golul alb stânga/dreapta. */
.team-pro-photo{
  width:86px !important;
  height:136px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#f6fafb !important;
  border:1px solid rgba(5,50,71,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffd21a !important;
  box-sizing:border-box !important;
}

.team-pro-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  display:block !important;
  background:#f6fafb !important;
}

.team-pro-photo b{
  font-size:24px !important;
  font-weight:1000 !important;
  color:#ffd21a !important;
  background:#07384c !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.team-pro-name{
  margin-top:4px !important;
  color:#063247 !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1.18 !important;
  min-height:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:140px !important;
}

.team-pro-role{
  color:#526c7d !important;
  font-size:11px !important;
  font-weight:820 !important;
  line-height:1.2 !important;
  min-height:14px !important;
  max-width:140px !important;
}

.team-pro-short{
  color:#526c7d !important;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:30px !important;
  max-width:138px !important;
}

.team-pro-more{
  margin-top:4px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:29px !important;
  border-radius:9px !important;
  padding:6px 10px !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.70) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  box-shadow:0 6px 14px rgba(255,210,26,.18) !important;
}

.team-pro-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  box-sizing:border-box !important;
}

.team-pro-modal.is-open{
  display:flex !important;
}

.team-pro-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(4,18,27,.38) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
}

.team-pro-panel{
  position:relative !important;
  width:min(760px,calc(100vw - 34px)) !important;
  max-height:min(84dvh,700px) !important;
  overflow:auto !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.97) !important;
  border:1px solid rgba(255,255,255,.96) !important;
  box-shadow:0 22px 58px rgba(6,50,71,.20) !important;
  padding:18px 20px 20px !important;
  box-sizing:border-box !important;
  z-index:1 !important;
  -webkit-overflow-scrolling:touch !important;
}

.team-pro-close{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  border:1px solid rgba(5,50,71,.12) !important;
  background:#fff !important;
  color:#063247 !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  z-index:2 !important;
}

.team-pro-panel-head{
  display:grid !important;
  grid-template-columns:96px 1fr !important;
  gap:16px !important;
  align-items:center !important;
  padding-right:34px !important;
  margin-bottom:16px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(5,50,71,.08) !important;
}

.team-pro-photo.big{
  width:96px !important;
  height:150px !important;
  border-radius:14px !important;
  flex:0 0 auto !important;
}

.team-pro-panel-head h3{
  margin:0 !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(22px,2.5vw,31px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  font-weight:900 !important;
}

.team-pro-panel-head p{
  margin:6px 0 0 !important;
  color:#ff5a50 !important;
  font-size:13px !important;
  font-weight:900 !important;
}

.team-pro-text{
  color:#405b6d !important;
  font-size:14px !important;
  line-height:1.72 !important;
  font-weight:600 !important;
  max-width:100% !important;
  white-space:normal !important;
}

.team-pro-text p{
  margin:0 0 13px !important;
  color:#405b6d !important;
  font-size:14px !important;
  line-height:1.72 !important;
  font-weight:600 !important;
}

.team-modal-lock{
  overflow:hidden !important;
}

@media(max-width:760px){
  .team-pro-page{
    max-width:100% !important;
    margin:14px auto 26px !important;
    padding:0 12px !important;
    gap:16px !important;
  }

  .team-pro-intro{
    width:100% !important;
    border-radius:18px !important;
    padding:17px 14px !important;
  }

  .team-pro-intro h2{
    font-size:clamp(21px,6vw,27px) !important;
  }

  .team-pro-intro p{
    font-size:12.5px !important;
    line-height:1.55 !important;
  }

  .team-pro-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    justify-content:center !important;
  }

  .team-pro-open{
    border-radius:15px !important;
    padding:9px 7px 10px !important;
  }

  .team-pro-photo{
    width:74px !important;
    height:118px !important;
    border-radius:10px !important;
  }

  .team-pro-name{
    font-size:11.5px !important;
    min-height:27px !important;
    max-width:115px !important;
  }

  .team-pro-role{
    font-size:10px !important;
    max-width:115px !important;
  }

  .team-pro-short{
    display:none !important;
  }

  .team-pro-more{
    min-height:26px !important;
    padding:5px 8px !important;
    font-size:10px !important;
  }

  .team-pro-modal{
    align-items:flex-end !important;
    justify-content:center !important;
    padding:10px !important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important;
  }

  .team-pro-panel{
    width:calc(100vw - 20px) !important;
    max-height:82dvh !important;
    border-radius:18px 18px 16px 16px !important;
    padding:13px !important;
    margin:0 !important;
  }

  .team-pro-panel-head{
    grid-template-columns:74px 1fr !important;
    gap:11px !important;
    padding-right:32px !important;
    margin-bottom:12px !important;
    padding-bottom:11px !important;
  }

  .team-pro-photo.big{
    width:74px !important;
    height:116px !important;
    border-radius:12px !important;
  }

  .team-pro-panel-head h3{
    font-size:20px !important;
  }

  .team-pro-panel-head p{
    font-size:12px !important;
  }

  .team-pro-text,
  .team-pro-text p{
    font-size:13px !important;
    line-height:1.62 !important;
    font-weight:560 !important;
  }
}

@media(max-width:360px){
  .team-pro-grid{
    grid-template-columns:1fr !important;
  }

  .team-pro-open{
    max-width:188px !important;
    margin:0 auto !important;
  }
}


/* =========================================================
   UPDATE 36 - Echipă: modal mobil complet + carduri aliniate
   ========================================================= */

/* Ascundem toate variantele anterioare ca să nu mai rămână stiluri fantomă. */
.about-team-wrap,
.team-page-soft,
.team-clean-page{
  display:none !important;
}

.team-pro-page{
  width:100% !important;
  max-width:980px !important;
  margin:18px auto 34px !important;
  padding:0 18px !important;
  display:grid !important;
  gap:22px !important;
  box-sizing:border-box !important;
}

.team-pro-intro{
  width:min(820px,100%) !important;
  margin:0 auto !important;
  border-radius:22px !important;
  padding:22px 26px !important;
  text-align:center !important;
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,248,221,.42)) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 16px 42px rgba(6,50,71,.075) !important;
  box-sizing:border-box !important;
}

.team-pro-intro span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:5px 11px !important;
  background:rgba(255,210,26,.18) !important;
  border:1px solid rgba(255,210,26,.56) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-weight:950 !important;
  margin-bottom:12px !important;
}

.team-pro-intro h2{
  margin:0 0 9px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(24px,2.7vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
}

.team-pro-intro p{
  margin:0 auto !important;
  max-width:660px !important;
  color:#526c7d !important;
  font-size:14px !important;
  line-height:1.62 !important;
  font-weight:700 !important;
}

/* Cardurile sunt pe aceeași linie. Nu mai sare unul mai sus/jos. */
.team-pro-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(158px,180px)) !important;
  gap:18px !important;
  justify-content:center !important;
  align-items:stretch !important;
}

.team-pro-card{
  min-width:0 !important;
  height:100% !important;
  display:flex !important;
}

.team-pro-open{
  width:100% !important;
  height:100% !important;
  min-height:292px !important;
  display:grid !important;
  grid-template-rows:136px 38px 34px 1fr 30px !important;
  justify-items:center !important;
  align-items:center !important;
  text-align:center !important;
  gap:6px !important;
  border:1px solid rgba(5,50,71,.13) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 10px 24px rgba(6,50,71,.075) !important;
  padding:12px 10px 13px !important;
  cursor:pointer !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
  box-sizing:border-box !important;
}

.team-pro-open:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 34px rgba(6,50,71,.12) !important;
  border-color:rgba(255,210,26,.74) !important;
}

/* Rama pozei este mai îngustă, dar poza nu mai are gol lateral mare. */
.team-pro-photo{
  width:86px !important;
  height:136px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#f6fafb !important;
  border:1px solid rgba(5,50,71,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffd21a !important;
  box-sizing:border-box !important;
}

.team-pro-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  display:block !important;
  background:#f6fafb !important;
}

.team-pro-photo b{
  font-size:24px !important;
  font-weight:1000 !important;
  color:#ffd21a !important;
  background:#07384c !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.team-pro-name{
  color:#063247 !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1.16 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:140px !important;
}

.team-pro-role{
  color:#526c7d !important;
  font-size:11px !important;
  font-weight:820 !important;
  line-height:1.15 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:140px !important;
}

.team-pro-short{
  color:#526c7d !important;
  font-size:11px !important;
  line-height:1.32 !important;
  font-weight:700 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  max-width:138px !important;
  align-self:start !important;
}

.team-pro-more{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:29px !important;
  border-radius:9px !important;
  padding:6px 10px !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.70) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  box-shadow:0 6px 14px rgba(255,210,26,.18) !important;
  align-self:end !important;
}

/* Modal complet și curat. */
.team-pro-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  box-sizing:border-box !important;
}

.team-pro-modal.is-open{
  display:flex !important;
}

.team-pro-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(4,18,27,.40) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
}

.team-pro-panel{
  position:relative !important;
  width:min(760px,calc(100vw - 34px)) !important;
  max-height:min(84dvh,700px) !important;
  overflow:auto !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(255,255,255,.96) !important;
  box-shadow:0 22px 58px rgba(6,50,71,.20) !important;
  padding:18px 20px 20px !important;
  box-sizing:border-box !important;
  z-index:1 !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
}

.team-pro-close{
  position:sticky !important;
  top:0 !important;
  float:right !important;
  width:30px !important;
  height:30px !important;
  margin:-4px -4px 0 8px !important;
  border-radius:10px !important;
  border:1px solid rgba(5,50,71,.12) !important;
  background:#fff !important;
  color:#063247 !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  z-index:3 !important;
}

.team-pro-panel-head{
  clear:both !important;
  display:grid !important;
  grid-template-columns:96px 1fr !important;
  gap:16px !important;
  align-items:center !important;
  margin-bottom:16px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(5,50,71,.08) !important;
}

.team-pro-photo.big{
  width:96px !important;
  height:150px !important;
  border-radius:14px !important;
  flex:0 0 auto !important;
}

.team-pro-panel-head h3{
  margin:0 !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(22px,2.5vw,31px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  font-weight:900 !important;
}

.team-pro-panel-head p{
  margin:6px 0 0 !important;
  color:#ff5a50 !important;
  font-size:13px !important;
  font-weight:900 !important;
}

.team-pro-text{
  color:#405b6d !important;
  font-size:14px !important;
  line-height:1.72 !important;
  font-weight:600 !important;
  max-width:100% !important;
  white-space:normal !important;
}

.team-pro-text p{
  margin:0 0 13px !important;
  color:#405b6d !important;
  font-size:14px !important;
  line-height:1.72 !important;
  font-weight:600 !important;
}

.team-modal-lock{
  overflow:hidden !important;
}

/* Mobil: carduri aliniate, fereastra începe corect cu poza și numele. */
@media(max-width:760px){
  .team-pro-page{
    max-width:100% !important;
    margin:14px auto 26px !important;
    padding:0 12px !important;
    gap:16px !important;
  }

  .team-pro-intro{
    width:100% !important;
    border-radius:18px !important;
    padding:17px 14px !important;
  }

  .team-pro-intro h2{
    font-size:clamp(21px,6vw,27px) !important;
  }

  .team-pro-intro p{
    font-size:12.5px !important;
    line-height:1.55 !important;
  }

  .team-pro-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    justify-content:center !important;
    align-items:stretch !important;
  }

  .team-pro-open{
    min-height:250px !important;
    grid-template-rows:118px 36px 44px 0px 28px !important;
    border-radius:15px !important;
    padding:9px 7px 10px !important;
  }

  .team-pro-photo{
    width:74px !important;
    height:118px !important;
    border-radius:10px !important;
  }

  .team-pro-name{
    font-size:11.5px !important;
    line-height:1.12 !important;
    max-width:115px !important;
  }

  .team-pro-role{
    font-size:10px !important;
    line-height:1.12 !important;
    max-width:115px !important;
  }

  .team-pro-short{
    display:none !important;
  }

  .team-pro-more{
    min-height:26px !important;
    padding:5px 8px !important;
    font-size:10px !important;
    align-self:end !important;
  }

  .team-pro-modal{
    align-items:flex-start !important;
    justify-content:center !important;
    padding:calc(16px + env(safe-area-inset-top)) 10px calc(88px + env(safe-area-inset-bottom)) !important;
  }

  .team-pro-panel{
    width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 118px) !important;
    border-radius:18px !important;
    padding:12px 13px 16px !important;
    margin:0 !important;
  }

  .team-pro-close{
    width:30px !important;
    height:30px !important;
  }

  .team-pro-panel-head{
    grid-template-columns:74px 1fr !important;
    gap:11px !important;
    margin-bottom:12px !important;
    padding-bottom:11px !important;
  }

  .team-pro-photo.big{
    width:74px !important;
    height:116px !important;
    border-radius:12px !important;
  }

  .team-pro-panel-head h3{
    font-size:20px !important;
  }

  .team-pro-panel-head p{
    font-size:12px !important;
  }

  .team-pro-text,
  .team-pro-text p{
    font-size:13px !important;
    line-height:1.62 !important;
    font-weight:560 !important;
  }
}

@media(max-width:360px){
  .team-pro-grid{
    grid-template-columns:1fr !important;
  }

  .team-pro-open{
    max-width:188px !important;
    margin:0 auto !important;
  }
}


/* =========================================================
   UPDATE 37 - Despre noi/Echipă: structură complet nouă și stabilă
   ========================================================= */

/* Oprim complet variantele anterioare. */
.about-team-wrap,
.team-page-soft,
.team-clean-page,
.team-pro-page{
  display:none !important;
}

/* Container principal, centrat real în pagina publică */
.team-directory-page{
  width:100% !important;
  max-width:900px !important;
  margin:18px auto 34px !important;
  padding:0 16px !important;
  box-sizing:border-box !important;
  display:grid !important;
  gap:16px !important;
}

/* Hero nou: mai jos, mai aerisit, nu mai umple inutil pagina */
.team-directory-hero{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 120px !important;
  gap:14px !important;
  align-items:stretch !important;
  border-radius:24px !important;
  padding:16px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,249,226,.48)) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 16px 40px rgba(6,50,71,.07) !important;
  box-sizing:border-box !important;
}

.team-directory-hero-text{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.team-directory-hero-text span{
  width:max-content !important;
  max-width:100% !important;
  display:inline-flex !important;
  border-radius:999px !important;
  padding:5px 10px !important;
  margin-bottom:9px !important;
  background:rgba(255,210,26,.20) !important;
  border:1px solid rgba(255,210,26,.56) !important;
  color:#063247 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.team-directory-hero-text h2{
  margin:0 0 7px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(24px,2.8vw,36px) !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
  font-weight:950 !important;
  max-width:680px !important;
}

.team-directory-hero-text p{
  margin:0 !important;
  max-width:680px !important;
  color:#526c7d !important;
  font-size:14px !important;
  line-height:1.6 !important;
  font-weight:720 !important;
}

.team-directory-mini{
  border-radius:18px !important;
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(5,50,71,.08) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100px !important;
}

.team-directory-mini strong{
  color:#063247 !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

.team-directory-mini small{
  color:#526c7d !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-align:center !important;
  margin-top:5px !important;
}

/* Lista membrilor: tip director, nu carduri greoaie. Stabilă pe PC și mobil. */
.team-directory-list{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}

.team-directory-item{
  min-width:0 !important;
  height:100% !important;
}

.team-directory-button{
  width:100% !important;
  height:100% !important;
  min-height:112px !important;
  display:grid !important;
  grid-template-columns:68px 1fr auto !important;
  gap:12px !important;
  align-items:center !important;
  text-align:left !important;
  border-radius:20px !important;
  border:1px solid rgba(5,50,71,.11) !important;
  background:rgba(255,255,255,.84) !important;
  box-shadow:0 10px 26px rgba(6,50,71,.06) !important;
  padding:12px !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.team-directory-button:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 36px rgba(6,50,71,.11) !important;
  border-color:rgba(255,210,26,.72) !important;
}

.team-directory-avatar{
  width:68px !important;
  height:86px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#f6fafb !important;
  border:1px solid rgba(5,50,71,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

.team-directory-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  display:block !important;
}

.team-directory-avatar b{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#07384c !important;
  color:#ffd21a !important;
  font-size:20px !important;
  font-weight:1000 !important;
}

.team-directory-main{
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}

.team-directory-name{
  color:#063247 !important;
  font-size:15px !important;
  font-weight:1000 !important;
  line-height:1.12 !important;
}

.team-directory-role{
  color:#ff5a50 !important;
  font-size:12px !important;
  font-weight:920 !important;
  line-height:1.15 !important;
}

.team-directory-short{
  color:#526c7d !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.team-directory-action{
  min-width:64px !important;
  height:32px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.70) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

/* Sheet nou: nu mai e modal prins între header/footer, ci panou sigur. */
.team-sheet{
  position:fixed !important;
  inset:0 !important;
  display:none !important;
  z-index:99999 !important;
  box-sizing:border-box !important;
}

.team-sheet.is-open{
  display:block !important;
}

.team-sheet-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(6,22,32,.46) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.team-sheet-panel{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:min(760px,calc(100vw - 34px)) !important;
  max-height:min(84dvh,720px) !important;
  overflow:auto !important;
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(255,255,255,.96) !important;
  border-radius:22px !important;
  box-shadow:0 26px 70px rgba(6,50,71,.22) !important;
  padding:16px 18px 20px !important;
  box-sizing:border-box !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
}

.team-sheet-bar{
  height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  position:sticky !important;
  top:-16px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.90)) !important;
  z-index:4 !important;
  margin:-16px -18px 12px !important;
  padding:10px 12px 6px !important;
  border-radius:22px 22px 0 0 !important;
}

.team-sheet-close{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  border:1px solid rgba(5,50,71,.12) !important;
  background:#fff !important;
  color:#063247 !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:900 !important;
  cursor:pointer !important;
}

.team-sheet-profile{
  display:grid !important;
  grid-template-columns:92px 1fr !important;
  gap:15px !important;
  align-items:center !important;
  padding-bottom:15px !important;
  margin-bottom:15px !important;
  border-bottom:1px solid rgba(5,50,71,.08) !important;
}

.team-sheet-photo{
  width:92px !important;
  height:118px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#f6fafb !important;
  border:1px solid rgba(5,50,71,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.team-sheet-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  display:block !important;
}

.team-sheet-photo b{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#07384c !important;
  color:#ffd21a !important;
  font-size:24px !important;
  font-weight:1000 !important;
}

.team-sheet-profile h3{
  margin:0 !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(23px,2.5vw,32px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  font-weight:950 !important;
}

.team-sheet-profile p{
  margin:6px 0 0 !important;
  color:#ff5a50 !important;
  font-size:13px !important;
  font-weight:920 !important;
  line-height:1.25 !important;
}

.team-sheet-text,
.team-sheet-text p{
  color:#405b6d !important;
  font-size:14px !important;
  line-height:1.76 !important;
  font-weight:580 !important;
}

.team-sheet-text p{
  margin:0 0 13px !important;
}

.team-modal-lock{
  overflow:hidden !important;
}

/* Mobil: totul devine listă, nu carduri mari. Ocupă puțin și e stabil. */
@media(max-width:760px){
  .team-directory-page{
    max-width:100% !important;
    margin:14px auto 26px !important;
    padding:0 10px !important;
    gap:12px !important;
  }

  .team-directory-hero{
    grid-template-columns:1fr !important;
    padding:14px !important;
    border-radius:20px !important;
  }

  .team-directory-hero-text{
    align-items:center !important;
    text-align:center !important;
  }

  .team-directory-hero-text span{
    margin-bottom:8px !important;
  }

  .team-directory-hero-text h2{
    font-size:clamp(22px,6.4vw,29px) !important;
    max-width:420px !important;
  }

  .team-directory-hero-text p{
    font-size:12.5px !important;
    line-height:1.55 !important;
    max-width:420px !important;
  }

  .team-directory-mini{
    display:none !important;
  }

  .team-directory-list{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .team-directory-button{
    min-height:82px !important;
    grid-template-columns:52px 1fr 34px !important;
    gap:10px !important;
    padding:9px !important;
    border-radius:16px !important;
  }

  .team-directory-avatar{
    width:52px !important;
    height:64px !important;
    border-radius:13px !important;
  }

  .team-directory-name{
    font-size:13.5px !important;
  }

  .team-directory-role{
    font-size:11px !important;
  }

  .team-directory-short{
    display:none !important;
  }

  .team-directory-action{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    padding:0 !important;
    font-size:0 !important;
    border-radius:12px !important;
  }

  .team-directory-action:before{
    content:"›" !important;
    font-size:25px !important;
    line-height:1 !important;
  }

  .team-sheet-panel{
    left:10px !important;
    right:10px !important;
    top:auto !important;
    bottom:calc(78px + env(safe-area-inset-bottom)) !important;
    transform:none !important;
    width:auto !important;
    max-height:calc(100dvh - 152px) !important;
    border-radius:20px !important;
    padding:12px 13px 16px !important;
  }

  .team-sheet-bar{
    top:-12px !important;
    margin:-12px -13px 10px !important;
    padding:8px 10px 5px !important;
    border-radius:20px 20px 0 0 !important;
  }

  .team-sheet-close{
    width:32px !important;
    height:32px !important;
  }

  .team-sheet-profile{
    grid-template-columns:64px 1fr !important;
    gap:10px !important;
    margin-bottom:12px !important;
    padding-bottom:11px !important;
  }

  .team-sheet-photo{
    width:64px !important;
    height:82px !important;
    border-radius:14px !important;
  }

  .team-sheet-profile h3{
    font-size:19px !important;
  }

  .team-sheet-profile p{
    font-size:12px !important;
  }

  .team-sheet-text,
  .team-sheet-text p{
    font-size:13px !important;
    line-height:1.62 !important;
    font-weight:560 !important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .team-directory-list{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   UPDATE 38 - Echipă fără modal: listă centrată + panou în pagină
   ========================================================= */

/* Dezactivăm complet variantele vechi: ele făceau suprapuneri. */
.about-team-wrap,
.team-page-soft,
.team-clean-page,
.team-pro-page,
.team-directory-page{
  display:none !important;
}

.team-ledger-page{
  width:100% !important;
  max-width:920px !important;
  margin:18px auto 34px !important;
  padding:0 16px !important;
  box-sizing:border-box !important;
  display:grid !important;
  gap:16px !important;
}

.team-ledger-hero{
  width:min(840px,100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 112px !important;
  gap:14px !important;
  align-items:center !important;
  padding:18px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,249,224,.44)) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 16px 40px rgba(6,50,71,.07) !important;
  box-sizing:border-box !important;
}

.team-ledger-hero span{
  width:max-content !important;
  max-width:100% !important;
  display:inline-flex !important;
  border-radius:999px !important;
  padding:5px 10px !important;
  margin-bottom:9px !important;
  background:rgba(255,210,26,.20) !important;
  border:1px solid rgba(255,210,26,.56) !important;
  color:#063247 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.team-ledger-hero h2{
  margin:0 0 7px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(24px,2.65vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:950 !important;
}

.team-ledger-hero p{
  margin:0 !important;
  color:#526c7d !important;
  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:720 !important;
  max-width:650px !important;
}

.team-ledger-hero strong{
  min-height:92px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(5,50,71,.08) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  color:#063247 !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

.team-ledger-hero strong small{
  margin-top:5px !important;
  color:#526c7d !important;
  font-size:11px !important;
  font-weight:900 !important;
}

.team-ledger-list{
  width:min(840px,100%) !important;
  margin:0 auto !important;
  display:grid !important;
  gap:10px !important;
}

.team-ledger-member{
  border-radius:20px !important;
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(5,50,71,.11) !important;
  box-shadow:0 10px 28px rgba(6,50,71,.055) !important;
  overflow:hidden !important;
}

.team-ledger-member summary{
  list-style:none !important;
  cursor:pointer !important;
  min-height:86px !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px !important;
  box-sizing:border-box !important;
}

.team-ledger-member summary::-webkit-details-marker{
  display:none !important;
}

.team-ledger-avatar{
  width:58px !important;
  height:70px !important;
  border-radius:15px !important;
  overflow:hidden !important;
  background:#f6fafb !important;
  border:1px solid rgba(5,50,71,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.team-ledger-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  display:block !important;
}

.team-ledger-avatar b{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#07384c !important;
  color:#ffd21a !important;
  font-size:18px !important;
  font-weight:1000 !important;
}

.team-ledger-info{
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
}

.team-ledger-info b{
  color:#063247 !important;
  font-size:16px !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
}

.team-ledger-info em{
  color:#ff5a50 !important;
  font-size:12px !important;
  line-height:1.16 !important;
  font-style:normal !important;
  font-weight:920 !important;
}

.team-ledger-info small{
  color:#526c7d !important;
  font-size:12px !important;
  line-height:1.34 !important;
  font-weight:700 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.team-ledger-member summary i{
  min-width:74px !important;
  height:32px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.72) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-style:normal !important;
  font-weight:1000 !important;
}

.team-ledger-member[open] summary{
  border-bottom:1px solid rgba(5,50,71,.08) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,249,224,.42)) !important;
}

.team-ledger-member[open] summary i{
  background:#fff !important;
}

.team-ledger-member[open] summary i::before{
  content:"Închis";
  font-size:11px !important;
}

.team-ledger-member[open] summary i{
  font-size:0 !important;
}

.team-ledger-profile{
  padding:16px !important;
  box-sizing:border-box !important;
  display:grid !important;
  gap:14px !important;
}

.team-ledger-profile-head{
  display:grid !important;
  grid-template-columns:86px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
}

.team-ledger-photo-large{
  width:86px !important;
  height:112px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#f6fafb !important;
  border:1px solid rgba(5,50,71,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.team-ledger-photo-large img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  display:block !important;
}

.team-ledger-photo-large b{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#07384c !important;
  color:#ffd21a !important;
  font-size:24px !important;
  font-weight:1000 !important;
}

.team-ledger-profile-head h3{
  margin:0 !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(22px,2.4vw,30px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
  font-weight:950 !important;
}

.team-ledger-profile-head p{
  margin:6px 0 10px !important;
  color:#ff5a50 !important;
  font-size:13px !important;
  line-height:1.22 !important;
  font-weight:920 !important;
}

.team-ledger-back{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:30px !important;
  border-radius:999px !important;
  padding:6px 11px !important;
  background:rgba(255,210,26,.22) !important;
  border:1px solid rgba(255,210,26,.62) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-decoration:none !important;
}

.team-ledger-text{
  color:#405b6d !important;
  font-size:14px !important;
  line-height:1.74 !important;
  font-weight:580 !important;
  max-width:100% !important;
}

.team-ledger-text p{
  margin:0 0 13px !important;
  color:#405b6d !important;
  font-size:14px !important;
  line-height:1.74 !important;
  font-weight:580 !important;
}

@media(max-width:760px){
  .team-ledger-page{
    max-width:100% !important;
    margin:14px auto 26px !important;
    padding:0 10px !important;
    gap:12px !important;
  }

  .team-ledger-hero{
    grid-template-columns:1fr !important;
    padding:14px !important;
    border-radius:20px !important;
    text-align:center !important;
  }

  .team-ledger-hero span{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .team-ledger-hero h2{
    font-size:clamp(22px,6.2vw,29px) !important;
  }

  .team-ledger-hero p{
    font-size:12.5px !important;
    line-height:1.55 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .team-ledger-hero strong{
    display:none !important;
  }

  .team-ledger-list{
    width:100% !important;
    gap:8px !important;
  }

  .team-ledger-member{
    border-radius:17px !important;
  }

  .team-ledger-member summary{
    min-height:78px !important;
    grid-template-columns:50px minmax(0,1fr) 34px !important;
    gap:9px !important;
    padding:9px !important;
  }

  .team-ledger-avatar{
    width:50px !important;
    height:62px !important;
    border-radius:13px !important;
  }

  .team-ledger-info b{
    font-size:13.5px !important;
  }

  .team-ledger-info em{
    font-size:11px !important;
  }

  .team-ledger-info small{
    display:none !important;
  }

  .team-ledger-member summary i{
    min-width:34px !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    border-radius:12px !important;
    font-size:0 !important;
  }

  .team-ledger-member summary i::before{
    content:"›" !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  .team-ledger-member[open] summary i::before{
    content:"×" !important;
    font-size:19px !important;
  }

  .team-ledger-profile{
    padding:12px !important;
    gap:12px !important;
  }

  .team-ledger-profile-head{
    grid-template-columns:62px minmax(0,1fr) !important;
    gap:10px !important;
  }

  .team-ledger-photo-large{
    width:62px !important;
    height:80px !important;
    border-radius:14px !important;
  }

  .team-ledger-profile-head h3{
    font-size:19px !important;
  }

  .team-ledger-profile-head p{
    font-size:12px !important;
    margin-bottom:8px !important;
  }

  .team-ledger-text,
  .team-ledger-text p{
    font-size:13px !important;
    line-height:1.62 !important;
    font-weight:560 !important;
  }
}


/* =========================================================
   UPDATE 39 - Echipă: fără repetare + centrare listă membri
   ========================================================= */

/* Centrăm blocul mare în chenarul alb și păstrăm lățime elegantă. */
.team-ledger-page{
  max-width:860px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  justify-items:center !important;
}

.team-ledger-hero{
  width:100% !important;
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.team-ledger-list{
  width:100% !important;
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  justify-self:center !important;
}

/* Pe PC lista nu mai stă lipită spre stânga, iar rândurile au lățime controlată. */
.team-ledger-member{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Când este deschis, NU mai repetăm poza, numele și funcția.
   Rămâne rândul de sus ca identitate, iar jos apare doar descrierea. */
.team-ledger-profile.only-text{
  padding:16px 18px 18px !important;
  display:block !important;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,249,224,.22)) !important;
}

.team-ledger-profile.only-text .team-ledger-text{
  max-width:760px !important;
  margin:0 auto !important;
}

/* Butonul când este deschis arată curat. */
.team-ledger-member[open] summary i::before{
  content:"Închide" !important;
  font-size:11px !important;
}

/* Eliminăm orice stil vechi al profilului cu poză mare dacă a rămas în cache. */
.team-ledger-profile.only-text .team-ledger-profile-head,
.team-ledger-profile.only-text .team-ledger-photo-large,
.team-ledger-profile.only-text .team-ledger-back{
  display:none !important;
}

/* Rândul deschis rămâne frumos, fără dublare vizuală. */
.team-ledger-member[open] summary{
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,246,210,.38)) !important;
}

/* Pe mobil lăsăm aer între margini și păstrăm totul centrat. */
@media(max-width:760px){
  .team-ledger-page{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .team-ledger-hero,
  .team-ledger-list{
    max-width:100% !important;
  }

  .team-ledger-profile.only-text{
    padding:12px 12px 14px !important;
  }

  .team-ledger-profile.only-text .team-ledger-text,
  .team-ledger-profile.only-text .team-ledger-text p{
    font-size:13px !important;
    line-height:1.62 !important;
  }

  .team-ledger-member[open] summary i::before{
    content:"×" !important;
    font-size:19px !important;
  }
}

/* Pe ecrane mari, dacă chenarul părinte e larg, nu fugim spre stânga. */
@media(min-width:1000px){
  .team-ledger-page{
    transform:translateX(0) !important;
  }
}


/* =========================================================
   UPDATE 40 - Pagina Donează modernă
   ========================================================= */

.donate-modern-page{
  width:100%;
  max-width:960px;
  margin:18px auto 34px;
  padding:0 16px;
  box-sizing:border-box;
  display:grid;
  gap:18px;
}

.donate-modern-hero{
  border-radius:24px;
  padding:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,248,220,.54));
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 16px 40px rgba(6,50,71,.07);
  text-align:center;
}

.donate-modern-hero span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:6px 12px;
  margin-bottom:12px;
  background:rgba(255,210,26,.20);
  border:1px solid rgba(255,210,26,.58);
  color:#063247;
  font-size:11px;
  line-height:1;
  font-weight:950;
}

.donate-modern-hero h2{
  margin:0 auto 10px;
  max-width:720px;
  color:#063247;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(26px,3vw,38px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:950;
}

.donate-modern-hero p{
  margin:0 auto;
  max-width:760px;
  color:#526c7d;
  font-size:15px;
  line-height:1.65;
  font-weight:700;
}

.donate-modern-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:stretch;
}

.donate-modern-card{
  min-width:0;
  border-radius:24px;
  padding:18px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(5,50,71,.10);
  box-shadow:0 14px 34px rgba(6,50,71,.07);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.donate-modern-primary{
  background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(236,249,255,.46));
}

.donate-modern-wide{
  grid-column:1 / -1;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,249,224,.52));
  border-color:rgba(255,210,26,.35);
}

.donate-modern-card-head{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:12px;
  align-items:center;
}

.donate-modern-card-head > span{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffd21a;
  border:1px solid rgba(229,170,0,.68);
  color:#063247;
  font-size:15px;
  font-weight:1000;
  box-shadow:0 8px 18px rgba(255,210,26,.18);
}

.donate-modern-card-head h3{
  margin:0;
  color:#063247;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(20px,2.2vw,27px);
  line-height:1.1;
  letter-spacing:-.02em;
  font-weight:950;
}

.donate-modern-card-head p{
  margin:5px 0 0;
  color:#526c7d;
  font-size:13px;
  line-height:1.45;
  font-weight:720;
}

.donate-modern-methods{
  display:grid;
  gap:10px;
}

.donate-modern-method{
  position:relative;
  min-height:76px;
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.70);
  border:1px dashed rgba(5,50,71,.22);
  box-sizing:border-box;
  display:grid;
  gap:6px;
}

.donate-modern-method small,
.donate-modern-info small{
  color:#667d8d;
  font-size:11px;
  line-height:1.15;
  font-weight:950;
}

.donate-modern-method strong{
  color:#063247;
  font-size:13px;
  line-height:1.45;
  font-weight:900;
  overflow-wrap:anywhere;
}

.donate-modern-method em{
  color:#526c7d;
  font-size:11px;
  line-height:1.3;
  font-style:normal;
  font-weight:800;
}

.donate-copy-mini{
  position:absolute;
  right:10px;
  bottom:10px;
  border:1px solid rgba(5,50,71,.16);
  border-radius:8px;
  min-height:26px;
  padding:4px 8px;
  background:#fff;
  color:#063247;
  font-size:10px;
  line-height:1;
  font-weight:950;
  cursor:pointer;
}

.donate-copy-mini.copied{
  background:#e8fff2;
  border-color:#9bd9b1;
}

.donate-modern-btn,
.donate-modern-link{
  width:max-content;
  max-width:100%;
  min-height:36px;
  padding:8px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#ffd21a;
  border:1px solid rgba(229,170,0,.74);
  color:#063247 !important;
  font-size:13px;
  font-weight:1000;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(255,210,26,.20);
}

.donate-modern-text{
  color:#405b6d;
  font-size:14px;
  line-height:1.68;
  font-weight:620;
}

.donate-modern-text h4{
  margin:0 0 10px;
  color:#063247;
  font-size:16px;
  line-height:1.25;
  font-weight:950;
}

.donate-modern-text p{
  margin:0 0 12px;
}

.donate-modern-text p:last-child{
  margin-bottom:0;
}

.donate-modern-info{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.donate-modern-info div{
  border-radius:16px;
  padding:13px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(5,50,71,.10);
  box-sizing:border-box;
  display:grid;
  gap:5px;
}

.donate-modern-info strong{
  color:#063247;
  font-size:13px;
  line-height:1.42;
  font-weight:900;
}

.donate-modern-note{
  width:min(720px,100%);
  margin:0 auto;
  border-radius:18px;
  padding:14px 18px;
  text-align:center;
  color:#526c7d;
  background:rgba(255,255,255,.60);
  border:1px solid rgba(5,50,71,.08);
  font-size:13px;
  line-height:1.55;
  font-weight:800;
}

@media(max-width:760px){
  .donate-modern-page{
    max-width:100%;
    margin:14px auto 28px;
    padding:0 10px;
    gap:12px;
  }

  .donate-modern-hero{
    border-radius:20px;
    padding:17px 14px;
  }

  .donate-modern-hero h2{
    font-size:clamp(23px,6.4vw,30px);
  }

  .donate-modern-hero p{
    font-size:13px;
    line-height:1.58;
  }

  .donate-modern-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .donate-modern-card,
  .donate-modern-wide{
    grid-column:auto;
    border-radius:20px;
    padding:14px;
    gap:13px;
  }

  .donate-modern-card-head{
    grid-template-columns:40px 1fr;
    gap:10px;
  }

  .donate-modern-card-head > span{
    width:40px;
    height:40px;
    border-radius:14px;
    font-size:13px;
  }

  .donate-modern-card-head h3{
    font-size:20px;
  }

  .donate-modern-card-head p{
    font-size:12px;
  }

  .donate-modern-method{
    min-height:70px;
    border-radius:16px;
    padding:12px;
  }

  .donate-modern-info{
    grid-template-columns:1fr;
    gap:8px;
  }

  .donate-modern-btn,
  .donate-modern-link{
    width:100%;
    min-height:38px;
  }
}


/* =========================================================
   UPDATE 41 - Donează: slim, premium, adaptat mobil + PC
   ========================================================= */

/* Oprește designul vechi din update 40 dacă a rămas în CSS/cache. */
.donate-modern-page{
  display:none !important;
}

.donate-aurora-page{
  width:100% !important;
  max-width:980px !important;
  margin:14px auto 34px !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
}

.donate-aurora-shell{
  position:relative !important;
  overflow:hidden !important;
  border-radius:28px !important;
  padding:18px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,210,26,.24), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(68,194,255,.14), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.62)) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 22px 55px rgba(6,50,71,.075) !important;
  display:grid !important;
  gap:16px !important;
}

.donate-aurora-shell:before{
  content:"" !important;
  position:absolute !important;
  inset:12px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,210,26,.16) !important;
  pointer-events:none !important;
}

.donate-aurora-hero{
  position:relative !important;
  z-index:1 !important;
  width:min(760px,100%) !important;
  margin:0 auto !important;
  text-align:center !important;
  padding:10px 10px 4px !important;
}

.donate-aurora-kicker{
  width:max-content !important;
  margin:0 auto 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  background:rgba(255,255,255,.68) !important;
  border:1px solid rgba(5,50,71,.08) !important;
  color:#063247 !important;
}

.donate-aurora-kicker span{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#ffd21a !important;
  box-shadow:0 0 0 5px rgba(255,210,26,.18) !important;
}

.donate-aurora-kicker b{
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.donate-aurora-hero h2{
  margin:0 auto 9px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(26px,3vw,38px) !important;
  line-height:1.03 !important;
  letter-spacing:-.045em !important;
  font-weight:1000 !important;
  max-width:760px !important;
}

.donate-aurora-hero p{
  margin:0 auto !important;
  max-width:680px !important;
  color:#526c7d !important;
  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:720 !important;
}

.donate-aurora-main{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.donate-aurora-bank,
.donate-aurora-side,
.aurora-company-note,
.aurora-info-strip{
  box-sizing:border-box !important;
}

.donate-aurora-bank{
  min-height:220px !important;
  border-radius:24px !important;
  padding:18px !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.88),rgba(236,249,255,.42)) !important;
  border:1px solid rgba(5,50,71,.09) !important;
  box-shadow:0 16px 36px rgba(6,50,71,.07) !important;
  display:grid !important;
  gap:14px !important;
  align-content:start !important;
}

.aurora-card-title{
  display:grid !important;
  grid-template-columns:42px 1fr !important;
  gap:12px !important;
  align-items:center !important;
}

.aurora-card-title > span{
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.70) !important;
  color:#063247 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  box-shadow:0 8px 18px rgba(255,210,26,.22) !important;
}

.aurora-card-title h3{
  margin:0 !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(21px,2.25vw,28px) !important;
  line-height:1.06 !important;
  letter-spacing:-.03em !important;
  font-weight:1000 !important;
}

.aurora-card-title p{
  margin:5px 0 0 !important;
  color:#526c7d !important;
  font-size:12.5px !important;
  line-height:1.38 !important;
  font-weight:760 !important;
}

.aurora-iban-line{
  position:relative !important;
  border-radius:18px !important;
  padding:14px 98px 14px 14px !important;
  background:rgba(255,255,255,.76) !important;
  border:1px dashed rgba(5,50,71,.22) !important;
  display:grid !important;
  gap:5px !important;
  min-height:70px !important;
}

.aurora-iban-line small{
  color:#667d8d !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

.aurora-iban-line strong{
  color:#063247 !important;
  font-size:13px !important;
  line-height:1.34 !important;
  font-weight:1000 !important;
  overflow-wrap:anywhere !important;
}

.aurora-iban-line em{
  color:#526c7d !important;
  font-style:normal !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}

.aurora-copy{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  height:30px !important;
  border-radius:10px !important;
  border:1px solid rgba(5,50,71,.12) !important;
  background:#fff !important;
  color:#063247 !important;
  padding:0 10px !important;
  font-size:10px !important;
  font-weight:1000 !important;
  cursor:pointer !important;
}

.aurora-copy.copied{
  background:#e9fff2 !important;
  border-color:#9bdeb3 !important;
}

.aurora-card-pay{
  width:max-content !important;
  max-width:100% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:8px 15px !important;
  border-radius:13px !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.72) !important;
  color:#063247 !important;
  font-size:13px !important;
  font-weight:1000 !important;
  text-decoration:none !important;
  box-shadow:0 9px 18px rgba(255,210,26,.22) !important;
}

.donate-aurora-side{
  display:grid !important;
  gap:12px !important;
}

.aurora-mini-card{
  min-height:104px !important;
  border-radius:22px !important;
  padding:16px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(5,50,71,.09) !important;
  box-shadow:0 14px 32px rgba(6,50,71,.06) !important;
  display:grid !important;
  grid-template-columns:38px 1fr auto !important;
  grid-template-areas:
    "num title chip"
    "num text chip" !important;
  gap:4px 10px !important;
  align-items:center !important;
  color:#063247 !important;
  text-decoration:none !important;
}

.aurora-mini-card > span{
  grid-area:num !important;
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff8cc !important;
  border:1px solid rgba(255,210,26,.72) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-weight:1000 !important;
}

.aurora-mini-card b{
  grid-area:title !important;
  font-size:17px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:-.02em !important;
}

.aurora-mini-card small{
  grid-area:text !important;
  color:#526c7d !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:720 !important;
}

.aurora-mini-card i{
  grid-area:chip !important;
  align-self:center !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  min-height:30px !important;
  padding:6px 10px !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.72) !important;
  color:#063247 !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:1000 !important;
}

.aurora-mini-card.green{
  border-top:3px solid rgba(57,184,73,.75) !important;
}

.aurora-mini-card.yellow{
  border-top:3px solid rgba(255,210,26,.92) !important;
}

.donate-aurora-flow{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  gap:12px !important;
}

.aurora-info-strip{
  border-radius:22px !important;
  padding:12px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  background:rgba(255,255,255,.68) !important;
  border:1px solid rgba(5,50,71,.08) !important;
}

.aurora-info-strip div{
  min-width:0 !important;
  border-radius:16px !important;
  padding:12px !important;
  background:rgba(255,255,255,.64) !important;
  border:1px solid rgba(5,50,71,.07) !important;
  display:grid !important;
  gap:5px !important;
}

.aurora-info-strip small{
  color:#667d8d !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

.aurora-info-strip strong{
  color:#063247 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

.aurora-company-note{
  border-radius:22px !important;
  padding:16px !important;
  display:grid !important;
  grid-template-columns:78px 1fr !important;
  gap:14px !important;
  align-items:center !important;
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,248,220,.42)) !important;
  border:1px solid rgba(255,210,26,.30) !important;
}

.aurora-company-note > span{
  width:78px !important;
  height:78px !important;
  border-radius:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#063247 !important;
  color:#ffd21a !important;
  font-size:22px !important;
  font-weight:1000 !important;
  box-shadow:0 12px 26px rgba(6,50,71,.14) !important;
}

.aurora-company-note h3{
  margin:0 0 6px !important;
  color:#063247 !important;
  font-size:20px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
}

.aurora-company-note p{
  margin:0 !important;
  color:#526c7d !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
}

.donate-aurora-footer-note{
  position:relative !important;
  z-index:1 !important;
  width:min(720px,100%) !important;
  margin:0 auto !important;
  text-align:center !important;
  color:#526c7d !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
  font-weight:850 !important;
  padding:4px 0 2px !important;
}

@media(max-width:920px){
  .donate-aurora-main{
    grid-template-columns:1fr !important;
  }

  .donate-aurora-side{
    grid-template-columns:1fr 1fr !important;
  }

  .aurora-info-strip{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:760px){
  .donate-aurora-page{
    max-width:100% !important;
    margin:12px auto 28px !important;
    padding:0 10px !important;
  }

  .donate-aurora-shell{
    border-radius:22px !important;
    padding:13px !important;
    gap:12px !important;
  }

  .donate-aurora-shell:before{
    inset:8px !important;
    border-radius:18px !important;
  }

  .donate-aurora-hero{
    padding:6px 4px 0 !important;
  }

  .donate-aurora-kicker{
    margin-bottom:8px !important;
    padding:5px 10px !important;
  }

  .donate-aurora-hero h2{
    font-size:clamp(22px,6.1vw,29px) !important;
    line-height:1.06 !important;
  }

  .donate-aurora-hero p{
    font-size:12.5px !important;
    line-height:1.52 !important;
  }

  .donate-aurora-bank{
    border-radius:19px !important;
    padding:13px !important;
    min-height:auto !important;
    gap:11px !important;
  }

  .aurora-card-title{
    grid-template-columns:36px 1fr !important;
    gap:10px !important;
  }

  .aurora-card-title > span{
    width:36px !important;
    height:36px !important;
    border-radius:13px !important;
    font-size:11px !important;
  }

  .aurora-card-title h3{
    font-size:20px !important;
  }

  .aurora-card-title p{
    font-size:11.5px !important;
  }

  .aurora-iban-line{
    padding:12px !important;
    padding-bottom:50px !important;
    border-radius:16px !important;
  }

  .aurora-copy{
    top:auto !important;
    transform:none !important;
    right:12px !important;
    bottom:12px !important;
  }

  .aurora-card-pay{
    width:100% !important;
    min-height:38px !important;
  }

  .donate-aurora-side{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .aurora-mini-card{
    min-height:82px !important;
    border-radius:18px !important;
    padding:12px !important;
    grid-template-columns:34px 1fr 32px !important;
    grid-template-areas:
      "num title chip"
      "num text chip" !important;
  }

  .aurora-mini-card > span{
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
  }

  .aurora-mini-card b{
    font-size:16px !important;
  }

  .aurora-mini-card small{
    font-size:11.5px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .aurora-mini-card i{
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    padding:0 !important;
    font-size:0 !important;
    border-radius:12px !important;
  }

  .aurora-mini-card i:before{
    content:"›" !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  .aurora-info-strip{
    grid-template-columns:1fr !important;
    padding:9px !important;
    border-radius:18px !important;
  }

  .aurora-info-strip div{
    padding:10px !important;
    border-radius:14px !important;
  }

  .aurora-company-note{
    grid-template-columns:52px 1fr !important;
    gap:11px !important;
    padding:12px !important;
    border-radius:18px !important;
  }

  .aurora-company-note > span{
    width:52px !important;
    height:52px !important;
    border-radius:17px !important;
    font-size:16px !important;
  }

  .aurora-company-note h3{
    font-size:17px !important;
  }

  .aurora-company-note p{
    font-size:12px !important;
    line-height:1.45 !important;
  }
}


/* =========================================================
   UPDATE 42 - Donează: design slim ca donation-box + editabil
   ========================================================= */

.donate-modern-page,
.donate-aurora-page{
  display:none !important;
}

.donate42-page{
  width:100% !important;
  max-width:940px !important;
  margin:16px auto 34px !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
  display:grid !important;
  gap:14px !important;
}

.donate42-hero{
  width:min(820px,100%) !important;
  margin:0 auto !important;
  text-align:center !important;
  border-radius:24px !important;
  padding:18px 18px 20px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,210,26,.25), transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,249,224,.44)) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 14px 34px rgba(6,50,71,.06) !important;
}

.donate42-hero span{
  display:inline-flex !important;
  width:max-content !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:5px 11px !important;
  margin-bottom:10px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,210,26,.60) !important;
  color:#063247 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

.donate42-hero h2{
  margin:0 auto 8px !important;
  max-width:760px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(25px,2.8vw,36px) !important;
  line-height:1.06 !important;
  letter-spacing:-.04em !important;
  font-weight:1000 !important;
}

.donate42-hero p{
  margin:0 auto !important;
  max-width:720px !important;
  color:#526c7d !important;
  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:720 !important;
}

.donate42-box{
  border-radius:24px !important;
  padding:18px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,248,220,.34)) !important;
  border:1px solid rgba(255,210,26,.42) !important;
  box-shadow:0 16px 38px rgba(6,50,71,.07) !important;
  box-sizing:border-box !important;
  display:grid !important;
  gap:14px !important;
}

.donate42-box-head{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:14px !important;
  align-items:center !important;
}

.donate42-box-head h3{
  margin:0 0 4px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:22px !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
}

.donate42-box-head p{
  margin:0 !important;
  color:#526c7d !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:760 !important;
}

.donate42-main-btn{
  min-height:36px !important;
  padding:8px 15px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.72) !important;
  color:#063247 !important;
  font-size:13px !important;
  font-weight:1000 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:0 8px 18px rgba(255,210,26,.20) !important;
}

.donate42-methods{
  display:grid !important;
  grid-template-columns:1.35fr 1fr 1fr 1fr !important;
  gap:10px !important;
  align-items:stretch !important;
}

.donate42-method{
  position:relative !important;
  min-width:0 !important;
  border-radius:18px !important;
  padding:14px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px dashed rgba(5,50,71,.20) !important;
  box-sizing:border-box !important;
  display:grid !important;
  align-content:start !important;
  gap:5px !important;
  min-height:104px !important;
}

.donate42-method.bank{
  padding-right:88px !important;
}

.donate42-method small{
  color:#667d8d !important;
  font-size:10px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

.donate42-method strong{
  color:#063247 !important;
  font-size:12.5px !important;
  line-height:1.4 !important;
  font-weight:950 !important;
  overflow-wrap:anywhere !important;
}

.donate42-method em{
  color:#526c7d !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
  font-style:normal !important;
  font-weight:850 !important;
}

.donate42-method a{
  width:max-content !important;
  max-width:100% !important;
  min-height:28px !important;
  margin-top:6px !important;
  padding:5px 10px !important;
  border-radius:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff8cc !important;
  border:1px solid rgba(255,210,26,.66) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-decoration:none !important;
}

.donate42-copy{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  min-height:28px !important;
  padding:5px 8px !important;
  border-radius:9px !important;
  border:1px solid rgba(5,50,71,.14) !important;
  background:#fff !important;
  color:#063247 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  cursor:pointer !important;
}

.donate42-copy.copied{
  background:#e9fff2 !important;
  border-color:#9bdeb3 !important;
}

.donate42-info-line{
  width:100% !important;
  border-top:1px solid rgba(5,50,71,.12) !important;
  border-bottom:1px solid rgba(5,50,71,.08) !important;
  padding:10px 4px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
}

.donate42-info-line div{
  min-width:0 !important;
  padding:4px 14px !important;
  border-right:1px solid rgba(5,50,71,.10) !important;
}

.donate42-info-line div:last-child{
  border-right:0 !important;
}

.donate42-info-line small{
  display:block !important;
  margin-bottom:3px !important;
  color:#667d8d !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

.donate42-info-line strong{
  display:block !important;
  color:#063247 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

.donate42-note{
  margin:0 auto !important;
  max-width:720px !important;
  text-align:center !important;
  color:#526c7d !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
  font-weight:850 !important;
}

@media(max-width:980px){
  .donate42-methods{
    grid-template-columns:1fr 1fr !important;
  }

  .donate42-method.bank{
    grid-column:1 / -1 !important;
  }

  .donate42-info-line{
    grid-template-columns:1fr 1fr !important;
  }

  .donate42-info-line div:nth-child(2){
    border-right:0 !important;
  }
}

@media(max-width:760px){
  .donate42-page{
    max-width:100% !important;
    margin:12px auto 28px !important;
    padding:0 10px !important;
    gap:12px !important;
  }

  .donate42-hero{
    border-radius:20px !important;
    padding:16px 13px !important;
  }

  .donate42-hero h2{
    font-size:clamp(23px,6.2vw,30px) !important;
  }

  .donate42-hero p{
    font-size:12.5px !important;
    line-height:1.52 !important;
  }

  .donate42-box{
    border-radius:20px !important;
    padding:14px !important;
  }

  .donate42-box-head{
    grid-template-columns:1fr !important;
    text-align:left !important;
  }

  .donate42-main-btn{
    width:100% !important;
  }

  .donate42-methods{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .donate42-method,
  .donate42-method.bank{
    grid-column:auto !important;
    min-height:auto !important;
    padding:12px !important;
    border-radius:16px !important;
  }

  .donate42-method.bank{
    padding-bottom:48px !important;
  }

  .donate42-copy{
    top:auto !important;
    transform:none !important;
    right:12px !important;
    bottom:12px !important;
  }

  .donate42-info-line{
    grid-template-columns:1fr !important;
    padding:6px 0 !important;
  }

  .donate42-info-line div{
    border-right:0 !important;
    border-bottom:1px solid rgba(5,50,71,.08) !important;
    padding:9px 4px !important;
  }

  .donate42-info-line div:last-child{
    border-bottom:0 !important;
  }
}


/* =========================================================
   UPDATE 43 - Donează: donation_box original + extra accordion slim
   ========================================================= */

/* Ascundem încercările vechi greoaie. */
.donate-modern-page,
.donate-aurora-page,
.donate42-page{
  display:none !important;
}

.donate43-page{
  width:100% !important;
  max-width:940px !important;
  margin:16px auto 34px !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
  display:grid !important;
  gap:14px !important;
}

.donate43-hero{
  width:min(820px,100%) !important;
  margin:0 auto !important;
  text-align:center !important;
  border-radius:24px !important;
  padding:18px 18px 20px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,210,26,.24), transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,249,224,.44)) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 14px 34px rgba(6,50,71,.06) !important;
}

.donate43-hero span{
  display:inline-flex !important;
  width:max-content !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:5px 11px !important;
  margin-bottom:10px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,210,26,.60) !important;
  color:#063247 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

.donate43-hero h2{
  margin:0 auto 8px !important;
  max-width:760px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(25px,2.8vw,36px) !important;
  line-height:1.06 !important;
  letter-spacing:-.04em !important;
  font-weight:1000 !important;
}

.donate43-hero p{
  margin:0 auto !important;
  max-width:720px !important;
  color:#526c7d !important;
  font-size:14px !important;
  line-height:1.58 !important;
  font-weight:720 !important;
}

/* Caseta originală de donații, adusă în pagină fără duplicări. */
.donate43-main-box .donation-box{
  margin:0 !important;
  width:100% !important;
  border-radius:24px !important;
  box-shadow:0 16px 38px rgba(6,50,71,.07) !important;
}

.donate43-main-box .donation-box > .btn,
.donate43-main-box .donation-box > a.btn,
.donate43-main-box .donation-box > .btn-yellow{
  display:none !important;
}

/* Dacă donation_box are mai multe metode, să nu spargă designul. */
.donate43-main-box .donation-methods{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important;
  gap:10px !important;
}

.donate43-main-box .donation-data{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

.donate43-options{
  border-radius:24px !important;
  padding:16px !important;
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(5,50,71,.09) !important;
  box-shadow:0 14px 34px rgba(6,50,71,.055) !important;
  box-sizing:border-box !important;
  display:grid !important;
  gap:12px !important;
}

.donate43-options-head{
  display:grid !important;
  grid-template-columns:38px 1fr !important;
  gap:11px !important;
  align-items:center !important;
}

.donate43-options-head > span{
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle, #ffd21a 0 28%, rgba(255,210,26,.20) 29% 100%) !important;
  border:1px solid rgba(255,210,26,.65) !important;
}

.donate43-options-head h3{
  margin:0 !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:22px !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
}

.donate43-options-head p{
  margin:4px 0 0 !important;
  color:#526c7d !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:720 !important;
}

.donate43-accordion{
  display:grid !important;
  gap:8px !important;
}

.donate43-item{
  border-radius:18px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(5,50,71,.10) !important;
}

.donate43-item summary{
  list-style:none !important;
  min-height:68px !important;
  cursor:pointer !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  gap:11px !important;
  align-items:center !important;
  padding:11px 12px !important;
  box-sizing:border-box !important;
}

.donate43-item summary::-webkit-details-marker{
  display:none !important;
}

.donate43-item summary > i{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff8cc !important;
  border:1px solid rgba(255,210,26,.68) !important;
  color:#063247 !important;
  font-size:13px !important;
  font-style:normal !important;
  font-weight:1000 !important;
}

.donate43-item summary span{
  display:grid !important;
  gap:3px !important;
  min-width:0 !important;
}

.donate43-item summary b{
  color:#063247 !important;
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
}

.donate43-item summary small{
  color:#526c7d !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
}

.donate43-item summary em{
  min-height:30px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.70) !important;
  color:#063247 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

.donate43-item[open] summary{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,249,224,.36)) !important;
  border-bottom:1px solid rgba(5,50,71,.08) !important;
}

.donate43-item[open] summary em{
  background:#fff !important;
  font-size:0 !important;
}

.donate43-item[open] summary em:before{
  content:"Închide" !important;
  font-size:10px !important;
}

.donate43-panel{
  padding:13px 14px 15px 65px !important;
  color:#405b6d !important;
  font-size:13.5px !important;
  line-height:1.62 !important;
  font-weight:650 !important;
}

.donate43-panel p{
  margin:0 0 10px !important;
}

.donate43-panel a{
  width:max-content !important;
  max-width:100% !important;
  min-height:30px !important;
  padding:6px 11px !important;
  border-radius:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffd21a !important;
  border:1px solid rgba(229,170,0,.70) !important;
  color:#063247 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-decoration:none !important;
}

.donate43-mini-info{
  margin:10px 0 12px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

.donate43-mini-info div{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:28px 1fr !important;
  gap:8px !important;
  align-items:center !important;
  padding:9px 0 !important;
  border-top:1px solid rgba(5,50,71,.08) !important;
}

.donate43-mini-info i{
  width:28px !important;
  height:28px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,210,26,.18) !important;
  border:1px solid rgba(255,210,26,.48) !important;
  color:#063247 !important;
  font-style:normal !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.donate43-mini-info span{
  min-width:0 !important;
  display:grid !important;
  gap:2px !important;
}

.donate43-mini-info small{
  color:#667d8d !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}

.donate43-mini-info b{
  color:#063247 !important;
  font-size:12px !important;
  line-height:1.32 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

.donate43-note{
  margin:0 auto !important;
  max-width:720px !important;
  text-align:center !important;
  color:#526c7d !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
  font-weight:850 !important;
}

@media(max-width:760px){
  .donate43-page{
    max-width:100% !important;
    margin:12px auto 28px !important;
    padding:0 10px !important;
    gap:12px !important;
  }

  .donate43-hero{
    border-radius:20px !important;
    padding:15px 13px !important;
  }

  .donate43-hero h2{
    font-size:clamp(23px,6.2vw,30px) !important;
  }

  .donate43-hero p{
    font-size:12.5px !important;
    line-height:1.52 !important;
  }

  .donate43-main-box .donation-box{
    border-radius:20px !important;
  }

  .donate43-main-box .donation-methods{
    grid-template-columns:1fr !important;
  }

  .donate43-options{
    border-radius:20px !important;
    padding:13px !important;
  }

  .donate43-options-head{
    grid-template-columns:32px 1fr !important;
  }

  .donate43-options-head > span{
    width:32px !important;
    height:32px !important;
    border-radius:12px !important;
  }

  .donate43-options-head h3{
    font-size:19px !important;
  }

  .donate43-options-head p{
    font-size:12px !important;
  }

  .donate43-item{
    border-radius:16px !important;
  }

  .donate43-item summary{
    min-height:60px !important;
    grid-template-columns:36px minmax(0,1fr) 34px !important;
    gap:9px !important;
    padding:9px !important;
  }

  .donate43-item summary > i{
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  .donate43-item summary b{
    font-size:14px !important;
  }

  .donate43-item summary small{
    font-size:11px !important;
  }

  .donate43-item summary em{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    padding:0 !important;
    border-radius:12px !important;
    font-size:0 !important;
  }

  .donate43-item summary em:before{
    content:"›" !important;
    font-size:23px !important;
    line-height:1 !important;
  }

  .donate43-item[open] summary em:before{
    content:"×" !important;
    font-size:18px !important;
  }

  .donate43-panel{
    padding:11px 11px 13px !important;
    font-size:13px !important;
    line-height:1.58 !important;
  }

  .donate43-mini-info{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
}


/* =========================================================
   UPDATE 44 - Donează: centrare + fonturi mai mici + linkuri
   ========================================================= */

.donate44-page{
  width:min(820px,100%) !important;
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:10px !important;
  padding-right:10px !important;
  justify-items:center !important;
}

.donate44-page > *{
  width:100% !important;
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.donate44-hero{
  max-width:760px !important;
  padding:16px 18px 18px !important;
  border-radius:22px !important;
}

.donate44-hero h2{
  font-size:clamp(22px,2.2vw,30px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}

.donate44-hero p{
  max-width:650px !important;
  font-size:13px !important;
  line-height:1.52 !important;
}

.donate44-main-box .donation-box{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:16px !important;
}

.donate44-main-box .donation-intro h3,
.donate44-main-box .donation-box h3{
  font-size:21px !important;
  line-height:1.14 !important;
}

.donate44-main-box .donation-intro p,
.donate44-main-box .donation-box p{
  font-size:12.5px !important;
  line-height:1.45 !important;
}

.donate44-main-box .donation-methods{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
  align-items:stretch !important;
}

.donate44-options{
  max-width:820px !important;
  padding:14px !important;
  border-radius:22px !important;
}

.donate44-options .donate43-options-head h3{
  font-size:20px !important;
}

.donate44-options .donate43-options-head p{
  font-size:12.5px !important;
}

.donate44-options .donate43-item summary{
  min-height:60px !important;
}

.donate44-options .donate43-item summary b{
  font-size:15px !important;
}

.donate44-options .donate43-item summary small{
  font-size:11.5px !important;
}

.donate44-options .donate43-panel{
  font-size:13px !important;
  line-height:1.55 !important;
}

.donate44-options .donate43-mini-info b{
  font-size:11.5px !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

.donate44-note{
  max-width:680px !important;
  font-size:12px !important;
}

/* Corecție pentru pagina în container mare: conținutul stă vizual pe mijloc. */
.content .donate44-page,
.page-content .donate44-page,
.simple-page .donate44-page{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* În zona Donează emailul nu se mai rupe urât pe PC decât dacă e absolut necesar. */
@media(min-width:761px){
  .donate44-options .donate43-mini-info{
    grid-template-columns:1fr 1fr !important;
  }

  .donate44-options .donate43-mini-info b{
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }
}

@media(max-width:760px){
  .donate44-page{
    width:100% !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .donate44-page > *{
    max-width:100% !important;
  }

  .donate44-hero{
    padding:14px 12px !important;
    border-radius:19px !important;
  }

  .donate44-hero h2{
    font-size:clamp(22px,5.9vw,28px) !important;
  }

  .donate44-hero p{
    font-size:12.3px !important;
  }

  .donate44-main-box .donation-box{
    padding:13px !important;
  }

  .donate44-main-box .donation-intro h3,
  .donate44-main-box .donation-box h3{
    font-size:19px !important;
  }

  .donate44-main-box .donation-methods{
    grid-template-columns:1fr !important;
  }

  .donate44-options{
    padding:12px !important;
    border-radius:19px !important;
  }
}


/* =========================================================
   UPDATE 45 - Politica cookies: HTML curat, lizibil, nu text brut
   ========================================================= */

.legal-readable-page{
  width:100% !important;
  max-width:980px !important;
  margin:16px auto 34px !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
}

.legal-readable-content{
  width:100% !important;
  box-sizing:border-box !important;
  border-radius:24px !important;
  padding:24px 28px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(5,50,71,.08) !important;
  box-shadow:0 16px 38px rgba(6,50,71,.055) !important;
  color:#405b6d !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.72 !important;
  font-weight:650 !important;
}

.legal-readable-content h2{
  margin:0 0 16px !important;
  color:#063247 !important;
  font-size:28px !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
  letter-spacing:-.025em !important;
}

.legal-readable-content h3{
  margin:26px 0 10px !important;
  color:#063247 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:1000 !important;
}

.legal-readable-content h4{
  margin:20px 0 8px !important;
  color:#063247 !important;
  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
}

.legal-readable-content p{
  margin:0 0 14px !important;
}

.legal-readable-content ul,
.legal-readable-content ol{
  margin:8px 0 18px 22px !important;
  padding:0 !important;
}

.legal-readable-content li{
  margin:8px 0 !important;
  padding-left:3px !important;
}

.legal-readable-content strong,
.legal-readable-content b{
  color:#063247 !important;
  font-weight:1000 !important;
}

.legal-readable-content a{
  color:#063247 !important;
  font-weight:900 !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px !important;
}

.legal-readable-content hr{
  border:0 !important;
  border-top:1px solid rgba(5,50,71,.13) !important;
  margin:22px 0 !important;
}

@media(max-width:760px){
  .legal-readable-page{
    max-width:100% !important;
    margin:12px auto 28px !important;
    padding:0 10px !important;
  }

  .legal-readable-content{
    border-radius:20px !important;
    padding:18px 16px !important;
    font-size:14px !important;
    line-height:1.68 !important;
  }

  .legal-readable-content h2{
    font-size:23px !important;
  }

  .legal-readable-content h3{
    font-size:18px !important;
  }
}


/* =========================================================
   UPDATE 46 - Politica cookies: afișare reală din CP
   ========================================================= */

.legal-readable-page{
  width:100% !important;
  max-width:980px !important;
  margin:16px auto 34px !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
}

.legal-readable-content{
  width:100% !important;
  box-sizing:border-box !important;
  border-radius:24px !important;
  padding:24px 28px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(5,50,71,.08) !important;
  box-shadow:0 16px 38px rgba(6,50,71,.055) !important;
  color:#405b6d !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.72 !important;
  font-weight:650 !important;
}

.legal-readable-content h2{
  margin:0 0 16px !important;
  color:#063247 !important;
  font-size:28px !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
  letter-spacing:-.025em !important;
}

.legal-readable-content h3{
  margin:26px 0 10px !important;
  color:#063247 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:1000 !important;
}

.legal-readable-content h4{
  margin:20px 0 8px !important;
  color:#063247 !important;
  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
}

.legal-readable-content p{
  margin:0 0 14px !important;
}

.legal-readable-content ul,
.legal-readable-content ol{
  margin:8px 0 18px 22px !important;
  padding:0 !important;
}

.legal-readable-content li{
  margin:8px 0 !important;
  padding-left:3px !important;
}

.legal-readable-content strong,
.legal-readable-content b{
  color:#063247 !important;
  font-weight:1000 !important;
}

.legal-readable-content a{
  color:#063247 !important;
  font-weight:900 !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px !important;
}

.legal-readable-content hr{
  border:0 !important;
  border-top:1px solid rgba(5,50,71,.13) !important;
  margin:22px 0 !important;
}

@media(max-width:760px){
  .legal-readable-page{
    max-width:100% !important;
    margin:12px auto 28px !important;
    padding:0 10px !important;
  }

  .legal-readable-content{
    border-radius:20px !important;
    padding:18px 16px !important;
    font-size:14px !important;
    line-height:1.68 !important;
  }

  .legal-readable-content h2{
    font-size:23px !important;
  }

  .legal-readable-content h3{
    font-size:18px !important;
  }
}


/* =========================================================
   UPDATE 47 - Hero mai fin + eliminare titlu duplicat
   ========================================================= */

.page-hero{
  border-radius:20px !important;
  overflow:hidden !important;
  margin-bottom:18px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(5,50,71,.08) !important;
  box-shadow:0 12px 30px rgba(6,50,71,.045) !important;
}

.page-hero .page-hero-top{
  min-height:36px !important;
  padding:8px 18px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  background:
    linear-gradient(90deg,rgba(255,249,220,.92),rgba(255,210,26,.70),rgba(255,255,255,.66)) !important;
  border-bottom:1px solid rgba(229,170,0,.34) !important;
}

.page-hero .page-hero-top b{
  color:#063247 !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
}

.page-hero .page-hero-top span{
  min-height:25px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(5,50,71,.08) !important;
  color:#063247 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

.page-hero.page-hero-duplicate-title .page-hero-body{
  display:none !important;
}

.page-hero.page-hero-duplicate-title{
  min-height:36px !important;
  margin-bottom:20px !important;
}

.page-hero:not(.page-hero-duplicate-title) .page-hero-body{
  padding:18px 22px 20px !important;
  min-height:0 !important;
}

.page-hero:not(.page-hero-duplicate-title) .page-hero-body.simple{
  display:block !important;
}

.page-hero:not(.page-hero-duplicate-title) .page-hero-body h2{
  margin:0 !important;
  max-width:860px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(22px,2.25vw,32px) !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
  font-weight:1000 !important;
}

.page-hero:not(.page-hero-duplicate-title) .page-hero-body p{
  margin:8px 0 0 !important;
  max-width:780px !important;
  color:#526c7d !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
  font-weight:720 !important;
}

.page-hero + .article-content,
.page-hero + .case-content,
.page-hero + .content-card{
  margin-top:14px !important;
}

.case-grid,
.articles-grid,
.gallery-grid,
.campaign-grid{
  align-items:stretch !important;
}

.case-card,
.article-card,
.campaign-card{
  height:100% !important;
}

.case-card .case-body,
.article-card .article-body,
.campaign-card .campaign-body{
  display:flex !important;
  flex-direction:column !important;
}

.case-card .read-more,
.article-card .read-more,
.campaign-card .read-more{
  margin-top:auto !important;
  width:max-content !important;
}

@media(max-width:760px){
  .page-hero{
    border-radius:18px !important;
    margin-bottom:14px !important;
  }

  .page-hero .page-hero-top{
    min-height:32px !important;
    padding:7px 13px !important;
  }

  .page-hero .page-hero-top b{
    font-size:11px !important;
  }

  .page-hero:not(.page-hero-duplicate-title) .page-hero-body{
    padding:14px 15px 16px !important;
  }

  .page-hero:not(.page-hero-duplicate-title) .page-hero-body h2{
    font-size:clamp(20px,5.4vw,25px) !important;
    line-height:1.14 !important;
    letter-spacing:-.025em !important;
  }

  .page-hero:not(.page-hero-duplicate-title) .page-hero-body p{
    font-size:12.5px !important;
    line-height:1.48 !important;
  }
}


/* =========================================================
   UPDATE 48 - Titluri uniforme + eliminare titluri duplicate peste tot
   ========================================================= */

/* Hero universal: bara galbenă rămâne, titlul mare devine mic și fin */
.page-hero{
  border-radius:18px !important;
  overflow:hidden !important;
  margin-bottom:18px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(5,50,71,.08) !important;
  box-shadow:0 12px 28px rgba(6,50,71,.04) !important;
}

.page-hero .page-hero-top{
  min-height:34px !important;
  padding:7px 16px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  background:linear-gradient(90deg,rgba(255,250,225,.94),rgba(255,210,26,.72),rgba(255,255,255,.68)) !important;
  border-bottom:1px solid rgba(229,170,0,.34) !important;
}

.page-hero .page-hero-top b{
  color:#063247 !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
}

.page-hero .page-hero-top span{
  min-height:23px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(5,50,71,.08) !important;
  color:#063247 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

/* Toate titlurile mari din hero, inclusiv caz/articol/campanie/despre, devin ca dimensiune apropiate de bara de sus */
.page-hero .page-hero-body{
  padding:12px 18px 14px !important;
  min-height:0 !important;
}

.page-hero .page-hero-body.simple{
  display:block !important;
}

.page-hero .page-hero-body h2{
  margin:0 !important;
  max-width:900px !important;
  color:#063247 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:clamp(17px,1.35vw,22px) !important;
  line-height:1.18 !important;
  letter-spacing:-.018em !important;
  font-weight:1000 !important;
}

.page-hero .page-hero-body p{
  margin:6px 0 0 !important;
  max-width:760px !important;
  color:#526c7d !important;
  font-size:12.5px !important;
  line-height:1.48 !important;
  font-weight:720 !important;
}

/* Când titlul se repetă cu bara galbenă sau e doar o etichetă simplă de listare, ascundem partea albă de jos. */
.page-hero.page-hero-duplicate-title .page-hero-body,
.page-hero.page-hero-listing-title .page-hero-body{
  display:none !important;
}

.page-hero.page-hero-duplicate-title,
.page-hero.page-hero-listing-title{
  min-height:34px !important;
  margin-bottom:20px !important;
}

/* Dacă mai există titluri statice de pagină generate în afara page_hero */
.content > h1:first-child,
.content > h2:first-child,
.main-content > h1:first-child,
.main-content > h2:first-child{
  font-size:clamp(17px,1.35vw,22px) !important;
  line-height:1.18 !important;
  letter-spacing:-.018em !important;
}

/* Campanii: ascundem subtitlul mare de listare dacă apare imediat după bara galbenă */
body .campaigns-title,
body .campaign-title-list,
body .campaign-page-title{
  font-size:clamp(17px,1.35vw,22px) !important;
  line-height:1.18 !important;
}

/* Carduri aliniate */
.case-grid,
.articles-grid,
.gallery-grid,
.campaign-grid,
.campaigns-grid{
  align-items:stretch !important;
}

.case-card,
.article-card,
.campaign-card,
.gallery-card{
  height:100% !important;
}

.case-card .case-body,
.article-card .article-body,
.campaign-card .campaign-body{
  display:flex !important;
  flex-direction:column !important;
}

.case-card .read-more,
.article-card .read-more,
.campaign-card .read-more{
  margin-top:auto !important;
  width:max-content !important;
}

/* Spațiu mai mic între hero și primul conținut */
.page-hero + .section,
.page-hero + .content-card,
.page-hero + .article-content,
.page-hero + .case-content,
.page-hero + .campaign-detail,
.page-hero + .gallery-grid{
  margin-top:12px !important;
}

@media(max-width:760px){
  .page-hero{
    border-radius:17px !important;
    margin-bottom:14px !important;
  }

  .page-hero .page-hero-top{
    min-height:31px !important;
    padding:7px 12px !important;
  }

  .page-hero .page-hero-top b{
    font-size:11px !important;
  }

  .page-hero .page-hero-body{
    padding:11px 13px 12px !important;
  }

  .page-hero .page-hero-body h2{
    font-size:clamp(16px,4.35vw,20px) !important;
    line-height:1.2 !important;
    letter-spacing:-.012em !important;
  }

  .page-hero .page-hero-body p{
    font-size:12px !important;
    line-height:1.45 !important;
  }
}


/* =========================================================
   UPDATE 49 - Titluri hero foarte mici + eliminare titluri listare
   ========================================================= */

/* Forțăm toate titlurile din zona hero să aibă dimensiunea barei galbene */
.page-hero .page-hero-body,
.page-hero .page-hero-body.simple{
  padding:10px 16px 12px !important;
  min-height:0 !important;
}

.page-hero .page-hero-body h1,
.page-hero .page-hero-body h2,
.page-hero .page-hero-body h3,
.page-hero h1,
.page-hero h2,
.page-hero h3{
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  font-weight:1000 !important;
  color:#063247 !important;
  margin:0 !important;
  max-width:100% !important;
}

/* Textul descriptiv din hero, dacă există, devine discret */
.page-hero .page-hero-body p{
  margin:5px 0 0 !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
  color:#526c7d !important;
}

/* Bara galbenă rămâne elementul principal */
.page-hero .page-hero-top{
  min-height:32px !important;
  padding:7px 14px !important;
  border-bottom:1px solid rgba(229,170,0,.36) !important;
}

.page-hero .page-hero-top b,
.page-hero .page-hero-top strong{
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
}

/* Pentru paginile de listare, ascundem complet zona albă cu titlul mare */
.page-hero.page-hero-listing-title .page-hero-body,
.page-hero.page-hero-duplicate-title .page-hero-body,
.page-hero.force-hide-hero-body .page-hero-body{
  display:none !important;
}

/* În caz că JS-ul nu intră imediat, reducem vizual foarte tare textele de listare cunoscute */
body[data-page-kind="listing"] .page-hero .page-hero-body{
  display:none !important;
}

/* Hero mai compact peste tot */
.page-hero{
  border-radius:18px !important;
  margin-bottom:16px !important;
  overflow:hidden !important;
  box-shadow:0 10px 24px rgba(6,50,71,.035) !important;
}

/* Titlurile din interiorul detaliilor, articolelor sau campaniilor să nu mai pară pancarte */
.article-content h1,
.article-content h2,
.case-content h1,
.case-content h2,
.campaign-detail h1,
.campaign-detail h2,
.content-card h1,
.content-card h2{
  font-size:16px !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
}

/* Carduri: butoane jos, aliniere bună */
.case-grid,
.articles-grid,
.gallery-grid,
.campaign-grid,
.campaigns-grid{
  align-items:stretch !important;
}

.case-card,
.article-card,
.campaign-card{
  height:100% !important;
}

.case-body,
.article-body,
.campaign-body{
  display:flex !important;
  flex-direction:column !important;
}

.case-body .read-more,
.article-body .read-more,
.campaign-body .read-more,
.case-body > div:last-child,
.article-actions,
.campaign-actions{
  margin-top:auto !important;
}

@media(max-width:760px){
  .page-hero .page-hero-top{
    min-height:30px !important;
    padding:6px 11px !important;
  }

  .page-hero .page-hero-top b,
  .page-hero .page-hero-top strong,
  .page-hero .page-hero-body h1,
  .page-hero .page-hero-body h2,
  .page-hero .page-hero-body h3,
  .page-hero h1,
  .page-hero h2,
  .page-hero h3{
    font-size:11px !important;
  }

  .page-hero .page-hero-body{
    padding:9px 12px 10px !important;
  }
}


/* =========================================================
   UPDATE 50 - HERO KILL SWITCH: elimină titlurile mari din listări
   ========================================================= */

/*
  Problema: la Campanii titlul vine din altă structură sau CSS vechi suprascrie.
  Soluția: targetăm agresiv după URL și după structura vizuală.
*/

/* Paginile de listare nu mai afișează zona albă cu titlu mare de sub bara galbenă */
body.ong-listing-page .page-hero .page-hero-body,
body.ong-listing-page .hero-body,
body.ong-listing-page .page-title,
body.ong-listing-page .listing-hero-title,
body.ong-listing-page .section-hero-title{
  display:none !important;
}

/* Dacă totuși titlul este în alt selector, îl facem foarte mic, nu pancartă */
body.ong-detail-page .page-hero h1,
body.ong-detail-page .page-hero h2,
body.ong-detail-page .page-hero h3,
body.ong-detail-page .page-hero .page-hero-body h1,
body.ong-detail-page .page-hero .page-hero-body h2,
body.ong-detail-page .page-hero .page-hero-body h3{
  font-size:12px !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
  font-weight:1000 !important;
  margin:0 !important;
  font-family:"Segoe UI","Aptos",Arial,sans-serif !important;
}

/* Bara galbenă mică, uniformă */
.page-hero .page-hero-top,
.hero-top,
.hero-label,
.page-head,
.page-strip{
  min-height:30px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
  font-size:12px !important;
  line-height:1.1 !important;
}

/* Forțare directă pentru URL-uri de listare, chiar dacă body class nu se adaugă */
html body[data-ong-url*="/campanii/"] .page-hero .page-hero-body,
html body[data-ong-url*="/cazuri/"] .page-hero .page-hero-body,
html body[data-ong-url*="/activitati/"] .page-hero .page-hero-body,
html body[data-ong-url*="/galerie/"] .page-hero .page-hero-body,
html body[data-ong-url*="/doneaza/"] .page-hero .page-hero-body,
html body[data-ong-url*="/contact/"] .page-hero .page-hero-body,
html body[data-ong-url*="/sponsori/"] .page-hero .page-hero-body,
html body[data-ong-url*="/redirectioneaza/"] .page-hero .page-hero-body{
  display:none !important;
}

/* Forțare extra pe textul exact care încă apare la campanii */
body.ong-listing-page .page-hero h1,
body.ong-listing-page .page-hero h2,
body.ong-listing-page .page-hero h3{
  font-size:0 !important;
  line-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Dacă h2-ul e singur în blocul alb, blocul devine invizibil */
body.ong-listing-page .page-hero .page-hero-body:has(h1),
body.ong-listing-page .page-hero .page-hero-body:has(h2),
body.ong-listing-page .page-hero .page-hero-body:has(h3){
  display:none !important;
}

/* Detalii: titlul din caz/articol/campanie foarte mic, ca bara de categorie */
body.ong-detail-page .page-hero .page-hero-body{
  padding:9px 14px 10px !important;
  min-height:0 !important;
}

body.ong-detail-page .page-hero{
  margin-bottom:14px !important;
  border-radius:17px !important;
}

/* Dacă titlul e în interior, nu în page-hero, îl micșorăm și acolo */
body.ong-detail-page main > h1:first-child,
body.ong-detail-page main > h2:first-child,
body.ong-detail-page .content > h1:first-child,
body.ong-detail-page .content > h2:first-child,
body.ong-detail-page .main-content > h1:first-child,
body.ong-detail-page .main-content > h2:first-child{
  font-size:12px !important;
  line-height:1.18 !important;
  margin:0 0 10px !important;
  font-weight:1000 !important;
}

/* Carduri listare: după dispariția titlului, urcă frumos conținutul */
body.ong-listing-page .page-hero{
  margin-bottom:18px !important;
}

body.ong-listing-page .case-grid,
body.ong-listing-page .articles-grid,
body.ong-listing-page .gallery-grid,
body.ong-listing-page .campaign-grid,
body.ong-listing-page .campaigns-grid{
  margin-top:0 !important;
}

@media(max-width:760px){
  body.ong-detail-page .page-hero h1,
  body.ong-detail-page .page-hero h2,
  body.ong-detail-page .page-hero h3,
  body.ong-detail-page main > h1:first-child,
  body.ong-detail-page main > h2:first-child{
    font-size:11px !important;
  }
}


/* =========================================================
   UPDATE 51 - Titluri mici mărite cu 2px
   ========================================================= */

/* Titlurile care au fost micșorate în update 50 cresc de la 12px la 14px pe PC */
body.ong-detail-page .page-hero h1,
body.ong-detail-page .page-hero h2,
body.ong-detail-page .page-hero h3,
body.ong-detail-page .page-hero .page-hero-body h1,
body.ong-detail-page .page-hero .page-hero-body h2,
body.ong-detail-page .page-hero .page-hero-body h3,
.page-hero .page-hero-body h1,
.page-hero .page-hero-body h2,
.page-hero .page-hero-body h3,
.page-hero h1,
.page-hero h2,
.page-hero h3{
  font-size:14px !important;
  line-height:1.22 !important;
}

/* Dacă titlul apare în afara hero-ului, îl creștem la fel */
body.ong-detail-page main > h1:first-child,
body.ong-detail-page main > h2:first-child,
body.ong-detail-page .content > h1:first-child,
body.ong-detail-page .content > h2:first-child,
body.ong-detail-page .main-content > h1:first-child,
body.ong-detail-page .main-content > h2:first-child{
  font-size:14px !important;
  line-height:1.22 !important;
}

/* Pe mobil: crește de la 11px la 13px */
@media(max-width:760px){
  body.ong-detail-page .page-hero h1,
  body.ong-detail-page .page-hero h2,
  body.ong-detail-page .page-hero h3,
  body.ong-detail-page .page-hero .page-hero-body h1,
  body.ong-detail-page .page-hero .page-hero-body h2,
  body.ong-detail-page .page-hero .page-hero-body h3,
  .page-hero .page-hero-body h1,
  .page-hero .page-hero-body h2,
  .page-hero .page-hero-body h3,
  .page-hero h1,
  .page-hero h2,
  .page-hero h3,
  body.ong-detail-page main > h1:first-child,
  body.ong-detail-page main > h2:first-child{
    font-size:13px !important;
    line-height:1.22 !important;
  }
}

/* =========================================================
   UPDATE 59 - Share sistem unic, stabil, fără să sară pagina
   ========================================================= */

.ong-share-dock{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  max-width:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  position:relative !important;
  z-index:5 !important;
}

.ong-share-dock::before{
  content:none !important;
  display:none !important;
}

.ong-share-btn{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:1px solid rgba(5,50,71,.14) !important;
  background:rgba(255,255,255,.9) !important;
  box-shadow:0 6px 14px rgba(6,50,71,.06) !important;
  color:#063247 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

.ong-share-btn svg{
  width:14px !important;
  height:14px !important;
  display:block !important;
}

/* Cazuri: Status în stânga, share în dreapta */
.ong-status-share-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
  margin:0 0 18px !important;
}

.ong-status-slot{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
}

.ong-status-slot > *{
  margin:0 !important;
}

/* Campanii: 3 acoperite... în stânga, share în dreapta */
.ong-campaign-share-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
  margin:8px 0 14px !important;
}

.ong-campaign-info-slot{
  min-width:0 !important;
}

.ong-campaign-info-slot > *{
  margin:0 !important;
}

/* Articole/activități: share sus dreapta în cardul textului */
.ong-text-share-row{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  width:100% !important;
  margin:0 0 12px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Dacă a rămas ceva din vechile actualizări, îl ascundem */
.ong-share-after-media-row,
.ong-share-main-media-row{
  display:none !important;
}

/* Să nu intre niciodată peste galerie/poză */
.detail-gallery .ong-share-dock,
.case-gallery .ong-share-dock,
.article-gallery .ong-share-dock,
.campaign-gallery .ong-share-dock,
.gallery-slider .ong-share-dock,
.swiper .ong-share-dock,
.carousel .ong-share-dock,
.media-block .ong-share-dock,
.video-block .ong-share-dock,
.post-media .ong-share-dock,
.article-media .ong-share-dock,
.campaign-media .ong-share-dock,
.case-media .ong-share-dock{
  display:none !important;
}

.ong-share-ok{
  position:absolute !important;
  right:0 !important;
  top:calc(100% + 4px) !important;
  font-size:9px !important;
  line-height:1 !important;
  padding:3px 7px !important;
  border-radius:999px !important;
  background:rgba(6,50,71,.92) !important;
  color:#fff !important;
  white-space:nowrap !important;
}

@media(max-width:760px){
  .ong-status-share-row,
  .ong-campaign-share-row{
    gap:8px !important;
    margin-bottom:12px !important;
  }

  .ong-text-share-row{
    margin-bottom:10px !important;
  }

  .ong-share-dock{
    gap:5px !important;
  }

  .ong-share-btn{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }

  .ong-share-btn svg{
    width:13px !important;
    height:13px !important;
  }
}

/* =========================================================
   UPDATE 60 - Titluri interioare + eliminare dublaj titlu
   Păstrează sistemul de share din update 59.
   ========================================================= */

/* Titlul interior al postării, calculat și marcat de JS */
.ong-detail-title-v60{
  font-size:var(--ong-detail-title-size, 16px) !important;
  line-height:1.25 !important;
  letter-spacing:-.01em !important;
  margin:6px 0 2px !important;
  font-weight:900 !important;
}

/* Când titlul se repetă exact cu bara galbenă, îl ascundem curat */
.ong-duplicate-title-v60{
  display:none !important;
}

/* Cardurile tip hero care rămân doar cu banda galbenă să fie mai compacte */
.ong-no-duplicate-title-card-v60{
  padding-bottom:0 !important;
  min-height:auto !important;
}

/* Dacă wrapperul titlului rămas gol avea spațiu mare */
.ong-empty-title-wrap-v60{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
}

/* Corecție pentru titlurile detaliu care uneori vin cu clase foarte puternice */
body .page-hero .ong-detail-title-v60,
body .hero .ong-detail-title-v60,
body .title-card .ong-detail-title-v60,
body .content-hero .ong-detail-title-v60,
body .post-title.ong-detail-title-v60,
body .article-title.ong-detail-title-v60,
body .case-title.ong-detail-title-v60,
body .campaign-title.ong-detail-title-v60{
  font-size:var(--ong-detail-title-size, 16px) !important;
  line-height:1.25 !important;
}

/* Spațiere fină pe mobil */
@media(max-width:760px){
  .ong-detail-title-v60{
    font-size:var(--ong-detail-title-size-mobile, var(--ong-detail-title-size, 16px)) !important;
    line-height:1.22 !important;
    margin-top:5px !important;
  }
}

/* =========================================================
   UPDATE 61 - Bară galbenă compactă + titlu 2x față de categoria de sus
   Păstrează share-ul din update 59.
   ========================================================= */

/* Când titlul dublat este ascuns, nu mai lăsăm cutia albă goală sub bara galbenă */
.ong-duplicate-title-v61,
.ong-duplicate-title-v60{
  display:none !important;
}

.ong-empty-title-wrap-v61,
.ong-empty-title-wrap-v60{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
}

/* Card/hero de listă rămas fără titlu: se transformă într-o bară slim, doar galbenul de sus */
.ong-label-only-card-v61{
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:18px 18px 10px 10px !important;
  overflow:hidden !important;
}

.ong-label-only-card-v61 > *:not(.ong-keep-label-v61){
  display:none !important;
}

.ong-keep-label-v61{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  border-radius:18px 18px 0 0 !important;
}

/* Pentru structuri unde bara galbenă este un copil separat și dedesubt rămâne un div alb */
.ong-white-after-label-empty-v61{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}

/* Titlul real al postării: 2x față de textul din bara galbenă */
.ong-detail-title-v61{
  font-size:var(--ong-detail-title-size-v61, 24px) !important;
  line-height:1.16 !important;
  letter-spacing:-.02em !important;
  margin:10px 0 6px !important;
  font-weight:900 !important;
}

/* Suprascriere pentru clasele existente care țin fontul prea mare */
body .page-hero .ong-detail-title-v61,
body .hero .ong-detail-title-v61,
body .title-card .ong-detail-title-v61,
body .content-hero .ong-detail-title-v61,
body .post-title.ong-detail-title-v61,
body .article-title.ong-detail-title-v61,
body .case-title.ong-detail-title-v61,
body .campaign-title.ong-detail-title-v61,
body h1.ong-detail-title-v61,
body h2.ong-detail-title-v61{
  font-size:var(--ong-detail-title-size-v61, 24px) !important;
  line-height:1.16 !important;
}

/* Dacă titlul este în același chenar cu bara, facem spațiul mai fin */
.ong-detail-title-card-v61{
  padding-bottom:12px !important;
}

/* Pe mobil: tot 2x, dar limitat să nu rupă designul */
@media(max-width:760px){
  .ong-detail-title-v61{
    font-size:var(--ong-detail-title-size-mobile-v61, 22px) !important;
    line-height:1.14 !important;
    margin-top:8px !important;
  }

  .ong-label-only-card-v61{
    border-radius:16px 16px 9px 9px !important;
  }
}

/* =========================================================
   UPDATE 64 - Reparare categorii după update 63 + titlu interior mic
   ========================================================= */

/* Anulează clasele agresive din update 63 pe listări, ca să reapară conținutul */
.ong-page-head-v63,
.ong-list-label-card-v62,
.ong-label-only-card-v61{
  height:auto !important;
  max-height:none !important;
  min-height:initial !important;
  overflow:visible !important;
}

.ong-force-hide-title-v63,
.ong-list-white-empty-v62,
.ong-white-after-label-empty-v61,
.ong-empty-title-wrap-v63,
.ong-empty-title-wrap-v62,
.ong-empty-title-wrap-v61{
  display:revert !important;
  height:auto !important;
  max-height:none !important;
  min-height:initial !important;
  overflow:visible !important;
}

/* Pe listări nu afișăm iconițele de share în carduri */
body.ong-listing-v64 .ong-share-dock,
body.ong-listing-v64 .ong-status-share-row,
body.ong-listing-v64 .ong-campaign-share-row,
body.ong-listing-v64 .ong-text-share-row,
body.ong-listing-v64 .ong-share-after-media-row,
body.ong-listing-v64 .ong-share-main-media-row{
  display:none !important;
}

/* Titlul interior al postării rămâne mic, cât categoria de sus */
.ong-detail-title-v64{
  font-size:var(--ong-detail-title-size-v64, 13px) !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
  font-weight:900 !important;
  margin:6px 0 4px !important;
}

html body h1.ong-detail-title-v64,
html body h2.ong-detail-title-v64,
html body .post-title.ong-detail-title-v64,
html body .article-title.ong-detail-title-v64,
html body .case-title.ong-detail-title-v64,
html body .campaign-title.ong-detail-title-v64,
html body .hero-title.ong-detail-title-v64,
html body .page-title-text.ong-detail-title-v64{
  font-size:var(--ong-detail-title-size-v64, 13px) !important;
  line-height:1.25 !important;
}

/* Anulează mărirea titlurilor din update-uri vechi, doar pe pagini interioare */
body.ong-detail-v64 .ong-detail-title-v60,
body.ong-detail-v64 .ong-detail-title-v61,
body.ong-detail-v64 .ong-detail-title-v62,
body.ong-detail-v64 .ong-detail-title-v63{
  font-size:var(--ong-detail-title-size-v64, 13px) !important;
  line-height:1.25 !important;
}

/* Ascundem doar dublajul exact, nu toată categoria */
.ong-exact-duplicate-title-v64{
  display:none !important;
}

/* UPDATE - butoane acțiune verzi, donațiile rămân roșii */
.read-more,
.case-card .read-more,
.article-card .read-more,
.campaign-card .read-more,
.product-card .read-more,
.card .read-more{
    background:linear-gradient(135deg,#158a5b,#1fa36b)!important;
    color:#fff!important;
    border:1px solid rgba(21,138,91,.35)!important;
    box-shadow:0 8px 18px rgba(21,138,91,.20)!important;
}

.read-more:hover,
.case-card .read-more:hover,
.article-card .read-more:hover,
.campaign-card .read-more:hover,
.product-card .read-more:hover,
.card .read-more:hover{
    background:linear-gradient(135deg,#0f734b,#178f5e)!important;
    color:#fff!important;
    transform:translateY(-1px);
}

/* Protecție: butoanele de donație rămân roșii */
.top-donate,
.rail-nav a.donate,
.mobile-nav a.donate,
.btn[href*="doneaza"],
a[href*="doneaza"].btn,
a[href*="doneaza"].read-more{
    background:linear-gradient(135deg,var(--red),#ff6b5e)!important;
    color:#fff!important;
    box-shadow:0 9px 20px rgba(239,62,54,.20)!important;
}


/* Citat mai compact, verde, lipit pe text */
.content-body blockquote{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:16px 0!important;
    padding:9px 12px!important;
    border-left:4px solid #158a5b!important;
    border-radius:9px!important;
    background:linear-gradient(135deg,rgba(232,248,239,.85),rgba(255,255,255,.68))!important;
    color:#063648!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:800!important;
    box-shadow:none!important;
}

.content-body blockquote p{
    margin:0!important;
    padding:0!important;
    display:inline!important;
}

.content-body blockquote strong,
.content-body blockquote b{
    color:#158a5b!important;
}

@media(max-width:760px){
    .content-body blockquote{
        width:max-content!important;
        max-width:100%!important;
        padding:8px 10px!important;
        font-size:12.5px!important;
        border-radius:8px!important;
    }
}