:root{
  --bg:#050505;--bg2:#090806;--panel:#11100e;--card:#151411;--card2:#0e0e0d;
  --line:rgba(214,177,108,.22);--softline:rgba(255,255,255,.08);
  --gold:#d6b16c;--gold2:#f5d994;--text:#f8f1e6;--muted:#aaa195;
  --radius:20px;--shadow:0 26px 80px rgba(0,0,0,.44)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% -10%,rgba(214,177,108,.12),transparent 34%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.45}a{color:inherit}.layout{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:25px 18px;background:linear-gradient(180deg,#0e0d0b,#050505);border-right:1px solid var(--softline);display:flex;flex-direction:column;gap:17px;box-shadow:18px 0 60px rgba(0,0,0,.28);z-index:20}.brand{text-decoration:none;color:var(--text);display:grid;place-items:center;padding:12px 10px 18px;border-bottom:1px solid var(--softline)}.brand span{font:72px/.78 Georgia,serif;color:var(--gold2);letter-spacing:-5px;text-shadow:0 8px 30px rgba(214,177,108,.18)}.brand b{font-size:13px;letter-spacing:5px;color:#e8c986;margin-top:8px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#eee4d6;text-decoration:none;border-radius:14px;border:1px solid transparent;font-weight:700;font-size:14px;transition:.18s ease}nav a:hover,nav a.active{background:linear-gradient(90deg,rgba(214,177,108,.20),rgba(214,177,108,.04));border-color:var(--line);color:#fff;transform:translateX(2px)}svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}nav a span{width:28px;height:28px;border:1px solid var(--line);display:grid;place-items:center;border-radius:10px;color:var(--gold2);background:rgba(214,177,108,.06)}.profile{margin-top:auto;display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding-top:14px;border-top:1px solid var(--softline)}.profile img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#111}.profile strong{display:block;font-size:14px}.profile small{display:block;color:var(--muted);font-size:12px;line-height:1.35}.socials{display:flex;flex-wrap:wrap;gap:8px}.socials a{width:34px;height:34px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--gold2);background:rgba(255,255,255,.03);text-decoration:none}.socials a:hover{background:rgba(214,177,108,.16)}.lang select{width:100%;padding:11px 12px;border-radius:12px;background:#111;color:var(--text);border:1px solid var(--line);outline:none;font-weight:800}footer{font-size:12px;color:#81796f;line-height:1.45}.main{min-width:0}.hero{min-height:520px;background-size:cover;background-position:center right;border-bottom:1px solid var(--softline);display:flex;align-items:center;padding:80px clamp(34px,7vw,110px);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(0deg,var(--bg),transparent);pointer-events:none}.hero>div{max-width:760px;position:relative;z-index:1}.eyebrow{color:var(--gold2);font-size:14px;font-weight:800;letter-spacing:.2px;margin:0 0 12px}.hero h1,h1{font:clamp(54px,6.3vw,92px)/.95 Georgia,serif;margin:0 0 22px;letter-spacing:-3px;text-shadow:0 12px 50px rgba(0,0,0,.55)}h2{font:clamp(30px,2.8vw,42px)/1.1 Georgia,serif;margin:0;color:#fff5e6}h3{font-size:19px;margin:12px 0 8px}.hero p:not(.eyebrow),p{color:var(--muted);line-height:1.75}.btn,button{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#1a1208,#100d09);color:#f7dfac!important;border:1px solid #9a7637;border-radius:13px;padding:13px 21px;text-decoration:none;cursor:pointer;font-weight:900;box-shadow:0 14px 32px rgba(0,0,0,.22)}.btn:hover,button:hover{filter:brightness(1.08)}.section{padding:44px clamp(28px,4.8vw,74px);border-bottom:1px solid var(--softline)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head span{color:var(--gold2);font-weight:800}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:24px}.card{background:linear-gradient(180deg,#171717,#0f0f0e);border:1px solid var(--softline);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:.2s ease;min-height:255px}.card:hover{transform:translateY(-4px);border-color:var(--line)}.card img{width:100%;height:170px;object-fit:cover;display:block;background:#19130b}.card b,.card small{display:block;padding:0 18px}.card b{padding-top:16px;font-size:16px}.card small{padding-bottom:18px;color:var(--muted);margin-top:7px;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.service{background:linear-gradient(180deg,#151514,#0e0e0d);border:1px solid var(--softline);border-radius:18px;padding:26px;box-shadow:var(--shadow);min-height:190px}.service .service-icon{width:42px;height:42px;color:var(--gold2);border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:rgba(214,177,108,.07)}.two{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:38px;align-items:center}.panel-img{width:100%;max-height:340px;object-fit:cover;border-radius:20px;border:1px solid var(--softline);box-shadow:var(--shadow)}.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:36px;align-items:start}.contact form{display:grid;gap:12px;background:linear-gradient(180deg,#11100e,#0b0b0a);border:1px solid var(--softline);border-radius:20px;padding:20px;box-shadow:var(--shadow)}input,textarea{width:100%;background:#0c0c0b;border:1px solid var(--softline);color:var(--text);padding:14px;border-radius:12px;outline:none}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,177,108,.12)}textarea{min-height:140px;resize:vertical}.ok{padding:12px 14px;border:1px solid #3d8b51;background:#102817;border-radius:12px;color:#9de2ad;margin-top:16px}@media(max-width:1180px){.layout{grid-template-columns:250px 1fr}.sidebar{padding:18px 14px}.brand span{font-size:60px}.cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.two,.contact{grid-template-columns:1fr}}@media(max-width:820px){.layout{display:block}.sidebar{position:relative;height:auto}.hero{min-height:480px;padding:58px 22px;background-position:center right}.section{padding:34px 20px}.cards,.service-grid{grid-template-columns:1fr}.section-head{display:block}.contact{grid-template-columns:1fr}.socials a{width:38px;height:38px}}

.side-copy{font-size:12px;color:#8b8378;line-height:1.45;border-top:1px solid var(--softline);padding-top:12px;margin-top:4px}
.site-footer{margin:0;padding:42px clamp(28px,4.8vw,74px);display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:28px;align-items:start;background:radial-gradient(circle at 15% 0,rgba(214,177,108,.18),transparent 36%),linear-gradient(135deg,#0b0a08,#050505 70%);border-top:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.footer-brand{display:flex;gap:18px;align-items:flex-start}.footer-logo{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;font:38px/.9 Georgia,serif;color:var(--gold2);border:1px solid var(--line);background:linear-gradient(145deg,rgba(214,177,108,.18),rgba(255,255,255,.03));box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.site-footer h2{font-size:30px;margin-bottom:10px}.site-footer h3{margin:0 0 14px;color:var(--gold2);font-size:15px;text-transform:uppercase;letter-spacing:.8px}.site-footer p{margin:0;color:#b9b0a3;max-width:560px}.footer-links{display:grid;gap:10px}.footer-links a{color:#d8d0c4;text-decoration:none;font-weight:700;font-size:14px}.footer-links a:hover{color:var(--gold2)}.footer-note{min-height:120px;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(214,177,108,.12),rgba(255,255,255,.025));display:flex;flex-direction:column;justify-content:space-between}.footer-note span{color:#b9b0a3;line-height:1.6}.footer-note b{font:24px Georgia,serif;color:var(--gold2)}
@media(max-width:1050px){.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:680px){.site-footer{grid-template-columns:1fr;padding:32px 20px}.footer-brand{display:block}.footer-logo{margin-bottom:16px}}

/* Membership / BIM file center */
.member-mini{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px;width:100%}.member-mini a{display:block;text-align:center;text-decoration:none;color:#f2d18a;border:1px solid rgba(216,180,106,.25);border-radius:11px;padding:8px 10px;background:rgba(216,180,106,.06);font-weight:800;font-size:12px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 0,rgba(216,180,106,.22),transparent 35%),#070706}.auth-card{width:min(460px,94vw);display:grid;gap:13px;padding:32px;border-radius:24px;background:linear-gradient(180deg,#171510,#0d0c0a);border:1px solid rgba(216,180,106,.22);box-shadow:0 35px 100px rgba(0,0,0,.55)}.auth-logo{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:#070706;border:1px solid rgba(216,180,106,.4);font-family:Georgia,serif;color:#f2d18a;text-decoration:none;font-size:30px;font-weight:900}.auth-card h1{margin:8px 0 4px;font-family:Georgia,serif;font-size:34px}.auth-card input,.auth-card textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#0b0b0a;color:#fff;border-radius:14px;padding:14px}.auth-card button,.resource-layout .btn,.btn-mini{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;background:linear-gradient(135deg,#f2d18a,#d8b46a);color:#17110a!important;text-decoration:none;font-weight:900;padding:12px 16px}.error{border:1px solid rgba(255,90,90,.35);background:rgba(140,30,30,.18);color:#ffd6d6;padding:12px;border-radius:14px}.resource-layout{min-height:100vh;background:radial-gradient(circle at 75% 0,rgba(216,180,106,.18),transparent 32%),#060606;color:#f7efe2;padding:22px}.resource-top{max-width:1280px;margin:0 auto 18px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(15,14,12,.78);backdrop-filter:blur(16px)}.resource-top nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.resource-top a{color:#f7efe2;text-decoration:none}.resource-hero{max-width:1280px;margin:0 auto 18px;padding:46px;border-radius:28px;border:1px solid rgba(216,180,106,.18);background:linear-gradient(135deg,rgba(216,180,106,.16),rgba(255,255,255,.03)),url('../images/hero-zafar.png') center/cover}.resource-hero h1{font-family:Georgia,serif;font-size:54px;margin:10px 0}.resource-hero p{color:#d8b46a}.members-notice{max-width:1280px;margin:0 auto 18px}.resource-cats{max-width:1280px;margin:0 auto 18px;display:flex;gap:10px;flex-wrap:wrap}.resource-cats a{color:#d8b46a;text-decoration:none;border:1px solid rgba(216,180,106,.22);padding:10px 14px;border-radius:999px;background:rgba(216,180,106,.06)}.resource-cats a.active{background:linear-gradient(135deg,#f2d18a,#d8b46a);color:#17110a;font-weight:900}.resource-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.file-card{display:grid;gap:13px;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px;background:linear-gradient(180deg,rgba(21,20,17,.96),rgba(11,11,10,.96));box-shadow:0 24px 70px rgba(0,0,0,.25)}.file-icon{width:74px;height:74px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,rgba(216,180,106,.25),rgba(255,255,255,.03));border:1px solid rgba(216,180,106,.25);color:#f2d18a;font-weight:1000}.file-card h3{margin:0;font-size:20px}.file-card p{color:#c8beb0;min-height:42px}.file-card small{color:#d8b46a}.panel{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;background:#111}.notice{border:1px solid rgba(216,180,106,.22);background:rgba(216,180,106,.1);border-radius:16px;padding:14px}.ok{border:1px solid rgba(90,255,160,.28);background:rgba(40,140,80,.18);padding:12px;border-radius:14px;color:#d7ffe5}@media(max-width:900px){.resource-grid{grid-template-columns:1fr}.resource-top{display:block}.resource-top nav{margin-top:12px}.resource-hero{padding:28px}.resource-hero h1{font-size:36px}}

/* Clean membership buttons in sidebar */
.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:-6px;padding-bottom:10px;border-bottom:1px solid var(--softline)}
.auth-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:10px 12px;border-radius:13px;text-decoration:none;font-weight:900;font-size:13px;color:#17110a!important;background:linear-gradient(135deg,var(--gold2),var(--gold));border:1px solid rgba(214,177,108,.42);box-shadow:0 12px 26px rgba(214,177,108,.12)}
.auth-actions a:first-child{background:rgba(214,177,108,.08);color:var(--gold2)!important}
.profile .member-mini{display:none!important}.locked-card,.locked-section{position:relative}.locked-card:after,.locked-section:after{content:'🔒';position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(0,0,0,.5);border:1px solid var(--line)}
.locked-card img{filter:grayscale(.25) brightness(.65)}
.file-card.locked-card:after{content:'🔒'}
@media(max-width:820px){.auth-actions{grid-template-columns:1fr 1fr}}

/* Dynamic page builder pages */
.custom-page-layout .hero.custom-page-hero{min-height:470px}.custom-page-section .panel{border:1px solid var(--softline);border-radius:18px;padding:22px;background:linear-gradient(180deg,#151514,#0e0e0d);box-shadow:var(--shadow)}.custom-item-card{display:flex;flex-direction:column}.custom-item-card .custom-item-text{padding:0 18px 8px;margin:0;color:#b9b0a3;font-size:14px;line-height:1.65}.custom-card-btn{margin:12px 18px 18px;align-self:flex-start}.card-file-head{height:170px;display:grid;place-items:center;background:radial-gradient(circle at 78% 0,rgba(214,177,108,.28),transparent 30%),linear-gradient(135deg,#271d10,#11100d)}.card-file-head .file-icon{width:82px;height:82px;font-size:18px}.custom-page-cards .card small{white-space:normal}.custom-page-cards .locked-card{overflow:hidden}.custom-page-cards .locked-card:after{content:'🔒'}

/* === 2026-06-06 unified public layout + responsive fix === */
.btn-ghost{background:rgba(214,177,108,.08)!important;color:var(--gold2)!important;border-color:var(--line)!important}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.public-nav a.active{background:linear-gradient(90deg,rgba(214,177,108,.22),rgba(214,177,108,.055));border-color:var(--line);color:#fff}.site-footer.clean-footer{grid-template-columns:minmax(0,2fr) minmax(190px,.8fr) minmax(230px,1fr);gap:32px}.site-footer.clean-footer .footer-brand{min-width:0}.site-footer.clean-footer .footer-sections{max-height:260px;overflow:auto;padding-right:4px}.site-footer.clean-footer .footer-sections::-webkit-scrollbar{width:5px}.site-footer.clean-footer .footer-sections::-webkit-scrollbar-thumb{background:rgba(214,177,108,.38);border-radius:999px}
.resources-unified-page .resources-hero{min-height:420px}.resources-section .members-notice-inline{margin-bottom:18px}.resource-cats.in-main{max-width:none;margin:0 0 24px;display:flex;gap:10px;flex-wrap:wrap}.resource-grid.in-main{max-width:none;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.resource-grid.in-main .file-card{min-height:260px}.file-card .btn{align-self:end;justify-self:start}.file-card .file-content{min-width:0}.empty-panel{margin-top:12px}.resources-unified-page .file-card.locked-card:after{right:16px;top:16px}
@media(min-width:1440px){.layout{grid-template-columns:292px minmax(0,1fr)}.hero{min-height:560px}.section{padding-left:clamp(54px,5vw,92px);padding-right:clamp(54px,5vw,92px)}.site-footer.clean-footer{padding-left:clamp(54px,5vw,92px);padding-right:clamp(54px,5vw,92px)}}
@media(max-width:1280px){.layout{grid-template-columns:260px minmax(0,1fr)}.sidebar{padding:20px 14px}.brand span{font-size:60px}.brand b{font-size:12px;letter-spacing:4px}nav a{padding:10px 11px;font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.resource-grid.in-main{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media(max-width:1024px){.layout{grid-template-columns:230px minmax(0,1fr)}.sidebar{gap:12px}.brand{padding-bottom:12px}.brand span{font-size:50px}.auth-actions{grid-template-columns:1fr}.auth-actions a{min-height:34px;font-size:12px}.profile{grid-template-columns:46px 1fr}.profile img{width:46px;height:46px}.socials a{width:31px;height:31px}.hero{min-height:460px;padding:58px 34px}.section{padding:36px 28px}.site-footer.clean-footer{grid-template-columns:1fr 1fr}.site-footer.clean-footer .footer-note{grid-column:1/-1}.resource-grid.in-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){body{font-size:15px}.layout{display:block}.sidebar{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:14px;padding:16px;border-right:0;border-bottom:1px solid var(--softline);box-shadow:0 18px 60px rgba(0,0,0,.25)}.brand{display:flex;justify-content:center;gap:12px;padding:8px 0 14px}.brand span{font-size:44px;letter-spacing:-3px}.brand b{align-self:center;margin-top:0}.auth-actions{grid-template-columns:1fr 1fr;margin:0}.public-nav,nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.public-nav a,nav a{padding:10px 11px;min-height:46px}.profile{margin-top:0;grid-template-columns:48px 1fr}.socials{justify-content:center}.lang select{height:44px}.side-copy{text-align:center}.hero,.resources-unified-page .resources-hero{min-height:420px;padding:54px 20px;background-position:center right}.hero h1,h1{font-size:clamp(42px,12vw,62px);letter-spacing:-2px}.section{padding:32px 18px}.section-head{display:block}.section-head span{display:block;margin-top:7px}.cards,.service-grid,.resource-grid.in-main{grid-template-columns:1fr}.two,.contact{grid-template-columns:1fr}.site-footer.clean-footer{grid-template-columns:1fr;padding:32px 18px}.footer-brand{display:flex}.footer-logo{width:64px;height:64px;font-size:31px}.resource-cats.in-main{gap:8px}.resource-cats.in-main a{padding:9px 12px}.file-card{border-radius:18px}}
@media(max-width:560px){.sidebar{padding:14px}.brand{justify-content:flex-start}.auth-actions{grid-template-columns:1fr 1fr;gap:8px}.auth-actions a{font-size:12px;padding:9px 8px}.public-nav,nav{grid-template-columns:1fr}.profile{align-items:center}.hero,.resources-unified-page .resources-hero{min-height:380px;padding:44px 16px}.hero-actions{display:grid}.hero-actions .btn{justify-content:center}.cards{gap:16px}.card{min-height:0}.card img{height:150px}.section{padding:28px 14px}.contact form{padding:16px}.footer-brand{display:block}.footer-logo{margin-bottom:14px}.site-footer.clean-footer .footer-sections{max-height:none}.file-card{padding:16px}.file-icon{width:62px;height:62px}.resource-grid.in-main .file-card{min-height:0}}

/* === 2026-06-06 footer/auth/profile/favorite/comment final polish === */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(214,177,108,.35) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:rgba(214,177,108,.35);border-radius:999px}.stable-auth{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0!important;padding:0 0 14px!important;border-bottom:1px solid var(--softline)!important}.stable-auth a{min-height:40px!important;border-radius:14px!important;text-align:center!important;text-decoration:none!important;font-weight:950!important;font-size:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}.stable-auth .auth-login,.stable-auth .auth-profile{background:rgba(214,177,108,.08)!important;color:var(--gold2)!important;border:1px solid var(--line)!important}.stable-auth .auth-register{background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:#17110a!important;border:1px solid rgba(214,177,108,.55)!important}.stable-auth .auth-logout{background:rgba(145,45,45,.20)!important;color:#ffd7d7!important;border:1px solid rgba(255,120,120,.28)!important}.profile small{white-space:pre-line}.site-footer.premium-footer{margin:0!important;padding:0!important;background:linear-gradient(135deg,rgba(214,177,108,.13),rgba(255,255,255,.018) 42%,rgba(0,0,0,.96))!important;border-top:1px solid var(--line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;display:block!important}.premium-footer .footer-inner{width:100%;display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(270px,.9fr) minmax(260px,.85fr);gap:34px;align-items:start;padding:36px clamp(28px,4.8vw,74px)}.premium-footer .footer-brand.compact{display:flex;align-items:flex-start;gap:18px;min-width:0}.premium-footer .footer-logo{width:70px!important;height:70px!important;flex:0 0 70px;border-radius:22px;display:grid;place-items:center;font:36px/.9 Georgia,serif;color:var(--gold2);border:1px solid var(--line);background:linear-gradient(145deg,rgba(214,177,108,.18),rgba(255,255,255,.035));box-shadow:0 18px 50px rgba(0,0,0,.28)}.premium-footer .footer-copy h2{font:28px/1.1 Georgia,serif;margin:0 0 10px;color:#fff4e5}.premium-footer .footer-copy p{margin:0;max-width:620px;color:#b9b0a3;line-height:1.65}.premium-footer .footer-sections{display:block!important;max-height:none!important;overflow:visible!important;padding:0!important}.premium-footer .footer-sections h3{margin:0 0 14px;color:var(--gold2);font-size:14px;text-transform:uppercase;letter-spacing:1px}.premium-footer .footer-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.premium-footer .footer-menu-grid a{font-size:14px;font-weight:800;text-decoration:none;color:#dfd5c8;line-height:1.35}.premium-footer .footer-menu-grid a:hover{color:var(--gold2)}.premium-footer .compact-note{min-height:118px;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(214,177,108,.12),rgba(255,255,255,.025));display:flex;flex-direction:column;justify-content:space-between}.premium-footer .compact-note span{color:#b9b0a3;line-height:1.6}.premium-footer .compact-note b{font:25px Georgia,serif;color:var(--gold2)}.file-actions{display:flex;gap:10px;flex-wrap:wrap}.interaction-box{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px}.interaction-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-action{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.heart-btn{min-width:74px;min-height:38px;border-radius:999px;border:1px solid var(--line);background:rgba(214,177,108,.075);color:var(--gold2)!important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950;padding:8px 13px;box-shadow:none!important}.heart-btn span{font-size:18px;line-height:1}.heart-btn.active{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17110a!important}.comment-counter{min-height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:inline-flex;align-items:center;padding:8px 13px;color:#d8d0c4;font-weight:850}.comments-preview{display:grid;gap:7px}.comment-line{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:12px;padding:9px 11px;display:grid;gap:3px}.comment-line strong{font-size:12px;color:var(--gold2)}.comment-line span{font-size:13px;color:#d8d0c4;line-height:1.45}.comment-form{display:grid!important;gap:9px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.comment-form textarea{min-height:78px!important;border-radius:14px!important}.comment-form button{justify-self:start!important;padding:10px 14px!important;border-radius:12px!important}.guest-note{font-size:13px;border:1px solid var(--line);background:rgba(214,177,108,.07);border-radius:13px;padding:10px 12px}.guest-note a{text-decoration:none;color:var(--gold2);font-weight:800}.custom-item-card .interaction-box{margin:14px 18px 18px}.profile-hero{min-height:420px}.profile-section .profile-alert{margin-bottom:16px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.profile-card{display:grid;gap:11px;background:linear-gradient(180deg,#151514,#0e0e0d);border:1px solid var(--softline);border-radius:20px;padding:22px;box-shadow:var(--shadow);margin:0}.profile-card h2{margin-bottom:6px}.profile-card label{font-size:13px;font-weight:900;color:#e9dcc8}.profile-list{display:grid;gap:13px}.profile-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid var(--softline);background:linear-gradient(180deg,#151514,#0d0d0c);border-radius:18px;padding:16px 18px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.profile-list-item b{display:block;color:#fff3e3;font-size:16px}.profile-list-item small{display:block;color:var(--muted);margin-top:5px}.profile-list-item p{margin:7px 0;color:#d8d0c4;line-height:1.55}.profile-list-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.profile-list-actions form{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.danger-btn{background:linear-gradient(135deg,#9d3333,#6f2020)!important;color:#fff!important;border-color:rgba(255,120,120,.25)!important}.btn.btn-ghost{background:rgba(214,177,108,.08)!important;color:var(--gold2)!important;border:1px solid var(--line)!important}.member-profile-layout .panel.empty-panel{margin:0}.resources-unified-page .file-card{position:relative}.resources-unified-page .file-card .interaction-box{grid-column:1/-1}@media(max-width:1280px){.premium-footer .footer-inner{grid-template-columns:1fr 1fr}.premium-footer .compact-note{grid-column:1/-1}.profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.premium-footer .footer-inner{grid-template-columns:1fr;gap:24px}.premium-footer .footer-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}.profile-list-item{grid-template-columns:1fr}.profile-list-actions{justify-content:flex-start}.stable-auth{grid-template-columns:1fr!important}}@media(max-width:820px){.stable-auth{grid-template-columns:1fr 1fr!important}.premium-footer .footer-inner{padding:30px 18px}.premium-footer .footer-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-footer .footer-brand.compact{display:flex}.resources-unified-page .resources-hero,.profile-hero{min-height:390px}.comment-form button{width:100%;justify-content:center}.profile-card{padding:18px}.profile-list-item{padding:14px}}@media(max-width:560px){.stable-auth{grid-template-columns:1fr 1fr!important}.stable-auth a{font-size:12px!important;min-height:37px!important}.premium-footer .footer-brand.compact{display:block}.premium-footer .footer-logo{margin-bottom:14px}.premium-footer .footer-menu-grid{grid-template-columns:1fr}.premium-footer .compact-note{min-height:104px}.interaction-top{justify-content:space-between}.heart-btn,.comment-counter{flex:1}.profile-list-actions{display:grid;grid-template-columns:1fr;width:100%}.profile-list-actions .btn,.profile-list-actions button{width:100%;justify-content:center}.profile-card button{width:100%;justify-content:center}}


/* Google reCAPTCHA on member registration */
.captcha-box{margin:10px 0 12px;padding:12px;border:1px solid rgba(232,194,115,.22);border-radius:16px;background:rgba(255,255,255,.035);overflow:hidden}
.captcha-box label{display:block;margin:0 0 10px;color:var(--gold);font-weight:800;font-size:13px}
.captcha-box .g-recaptcha{transform-origin:left top;max-width:100%}
@media (max-width:390px){.captcha-box .g-recaptcha{transform:scale(.86);height:70px}}

/* Google reCAPTCHA */
.recaptcha-wrap{width:100%;overflow:auto;border:1px solid rgba(216,180,106,.18);border-radius:15px;padding:10px;background:rgba(216,180,106,.04)}.auth-card .g-recaptcha{transform-origin:left top}@media(max-width:420px){.auth-card .g-recaptcha{transform:scale(.88);height:70px}.recaptcha-wrap{padding:8px}}

/* === 2026-06-06 final UI polish: compact favorites, comments modal, staff badge, clean footer/sidebar === */
.profile small{white-space:normal!important;display:block;line-height:1.35;color:#b9b0a3!important}.stable-auth{position:relative;z-index:3}.stable-auth a{min-width:0;overflow:hidden;text-overflow:ellipsis}.interactive-card{overflow:visible!important;position:relative;display:flex;flex-direction:column}.interactive-card .card-link{display:block;color:inherit;text-decoration:none;overflow:hidden;border-radius:18px 18px 0 0}.interactive-card .card-link img{border-radius:18px 18px 0 0}.interactive-card .card-link b,.interactive-card .card-link small{display:block;padding-left:18px;padding-right:18px}.interactive-card .card-link b{padding-top:16px}.interactive-card .card-link small{padding-bottom:10px}.interactive-card .interaction-box{margin-top:auto;padding:12px 18px 16px;border-top:0}.interactive-service{position:relative;overflow:visible}.interaction-box.interaction-compact{border-top:0!important;margin-top:auto!important;display:block!important}.clean-actions{gap:8px!important;align-items:center!important;flex-wrap:nowrap!important}.inline-action.like-form{display:inline-flex!important;flex:0 0 auto!important}.heart-btn.compact-heart,.comment-counter.clean-comment{height:36px!important;min-height:36px!important;min-width:0!important;width:auto!important;padding:0 12px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto!important;font-size:13px!important;line-height:1!important;box-shadow:none!important}.heart-btn.compact-heart svg,.comment-counter.clean-comment svg{width:17px!important;height:17px!important;fill:currentColor!important;flex:0 0 auto!important}.heart-btn.compact-heart b,.comment-counter.clean-comment b{font-size:13px!important;line-height:1!important}.heart-btn.compact-heart{background:rgba(216,180,106,.08)!important;border:1px solid rgba(216,180,106,.32)!important;color:#f2d18a!important}.heart-btn.compact-heart.active{background:linear-gradient(135deg,#f2d18a,#d8b46a)!important;color:#17110a!important;border-color:rgba(242,209,138,.65)!important}.heart-btn.compact-heart:hover,.comment-counter.clean-comment:hover{transform:translateY(-1px);filter:brightness(1.08)}.comment-popover{display:inline-flex;position:relative;flex:0 0 auto}.comment-popover summary{list-style:none;cursor:pointer}.comment-popover summary::-webkit-details-marker{display:none}.comment-popover[open] summary{background:linear-gradient(135deg,#f2d18a,#d8b46a)!important;color:#17110a!important;border-color:rgba(242,209,138,.65)!important}.comment-popover[open]::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.64);backdrop-filter:blur(4px);z-index:900}.comment-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 36px));overflow:auto;background:linear-gradient(180deg,#15130f,#080807);border:1px solid rgba(216,180,106,.34);border-radius:24px;box-shadow:0 36px 110px rgba(0,0,0,.72);padding:18px;z-index:901;color:#fff}.comment-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px;margin-bottom:14px}.comment-modal-head small{display:block;color:#d8b46a;font-weight:900;text-transform:uppercase;letter-spacing:.9px;font-size:11px;margin-bottom:5px}.comment-modal-head h3{font:25px/1.14 Georgia,serif;margin:0;color:#fff4e5}.comment-close-hint{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#d8d0c4;font-size:22px;line-height:1}.rich-comments{display:grid!important;gap:11px!important;max-height:320px;overflow:auto;padding-right:4px}.rich-comment{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:11px!important;background:rgba(255,255,255,.025)!important}.comment-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(216,180,106,.24),rgba(255,255,255,.04));border:1px solid rgba(216,180,106,.34);color:#f2d18a;font-weight:1000}.comment-body strong{font-size:13px;color:#fff0db}.comment-body p{margin:4px 0 0!important;color:#d8d0c4!important;line-height:1.55!important;font-size:14px!important}.staff-reply{margin-top:10px;border:1px solid rgba(53,142,255,.28);background:linear-gradient(180deg,rgba(53,142,255,.09),rgba(216,180,106,.035));border-radius:14px;padding:10px 12px}.staff-reply-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.staff-reply-head strong{color:#fff!important}.official-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:rgba(42,131,255,.15);border:1px solid rgba(42,131,255,.38);color:#66a8ff;font-size:11px;font-weight:1000;line-height:1}.official-badge svg{width:15px!important;height:15px!important;fill:#2a83ff!important;filter:drop-shadow(0 0 8px rgba(42,131,255,.38))}.official-badge b{font-size:11px!important;color:#9dccff!important;padding:0!important}.clean-comment-form{margin-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:14px!important}.clean-comment-form textarea{min-height:96px!important;max-height:180px!important}.clean-comment-form button{width:100%;justify-content:center!important}.empty-comments{border:1px dashed rgba(216,180,106,.24);border-radius:16px;padding:16px;color:#b9b0a3;background:rgba(216,180,106,.04)}.site-footer.premium-footer{background:linear-gradient(135deg,rgba(216,180,106,.10),rgba(255,255,255,.018) 38%,#050505)!important}.premium-footer .footer-inner{max-width:1280px;margin:0 auto;grid-template-columns:minmax(260px,1.15fr) minmax(220px,.75fr) minmax(260px,.9fr)!important;gap:28px!important;padding:30px clamp(22px,4vw,56px)!important}.premium-footer .footer-logo{width:62px!important;height:62px!important;flex-basis:62px!important;border-radius:18px!important;font-size:32px!important}.premium-footer .footer-copy h2{font-size:25px!important;margin-bottom:7px!important}.premium-footer .footer-copy p{font-size:13px!important;line-height:1.55!important;max-width:520px!important}.premium-footer .footer-sections h3{font-size:12px!important;margin-bottom:10px!important}.premium-footer .footer-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 14px!important}.premium-footer .footer-menu-grid a{font-size:13px!important}.premium-footer .compact-note{min-height:96px!important;padding:15px!important;border-radius:17px!important}.premium-footer .compact-note span{font-size:12px!important}.premium-footer .compact-note b{font-size:21px!important}.profile-mini-clean small,.profile small{max-width:170px}.resources-unified-page .site-footer,.member-profile-layout .site-footer{margin-top:0!important}@media(max-width:1280px){.premium-footer .footer-inner{grid-template-columns:1fr 1fr!important}.premium-footer .compact-note{grid-column:1/-1}.clean-actions{flex-wrap:wrap!important}}@media(max-width:920px){.premium-footer .footer-inner{grid-template-columns:1fr!important}.premium-footer .footer-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.comment-modal{width:min(520px,calc(100vw - 24px));padding:16px}.interactive-card .interaction-box{padding:11px 14px 14px}}@media(max-width:680px){.premium-footer .footer-inner{padding:28px 16px!important}.premium-footer .footer-brand.compact{display:flex!important}.premium-footer .footer-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.comment-modal{top:auto;bottom:10px;left:10px;right:10px;transform:none;width:auto;max-height:calc(100vh - 20px);border-radius:22px}.comment-modal-head h3{font-size:22px}.heart-btn.compact-heart,.comment-counter.clean-comment{height:34px!important;padding:0 10px!important}.rich-comments{max-height:280px}.stable-auth{grid-template-columns:1fr 1fr!important}}@media(max-width:460px){.premium-footer .footer-brand.compact{display:block!important}.premium-footer .footer-logo{margin-bottom:12px}.premium-footer .footer-menu-grid{grid-template-columns:1fr!important}.clean-actions{justify-content:flex-start!important}.heart-btn.compact-heart,.comment-counter.clean-comment{flex:0 0 auto!important}.comment-avatar{width:34px;height:34px}.rich-comment{grid-template-columns:34px 1fr!important}}


/* stable Google reCAPTCHA box on auth pages */
.recaptcha-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin:12px 0 4px;padding:10px;border:1px solid rgba(236,199,120,.18);border-radius:14px;background:rgba(236,199,120,.04);overflow:hidden}
@media(max-width:380px){.recaptcha-wrap .g-recaptcha{transform:scale(.86);transform-origin:center top;min-height:68px}.auth-card{padding-left:18px!important;padding-right:18px!important}}


/* === 2026-06-06 FINAL REPAIR: stable reactions + no overlapping cards === */
.service{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;overflow:visible!important;position:relative!important;min-height:240px!important}.service .service-icon{flex:0 0 42px!important}.service h3{margin:10px 0 4px!important}.service p{margin:0 0 10px!important;flex:1 1 auto!important}.service .interaction-box{width:100%!important;height:auto!important;margin-top:auto!important;padding:8px 0 0!important;border:0!important;background:transparent!important;display:block!important;position:relative!important}.service .interaction-box .interaction-top{display:flex!important;width:auto!important;height:auto!important;gap:8px!important;align-items:center!important;justify-content:flex-start!important;background:transparent!important;border:0!important;padding:0!important}.service .interaction-box form,.service .interaction-box details{margin:0!important}.service .interaction-box .heart-btn,.service .interaction-box .comment-counter{position:static!important}.cards{align-items:stretch!important}.interactive-card{height:100%!important;min-height:0!important;overflow:hidden!important}.interactive-card .card-link{flex:1 1 auto!important}.interactive-card .interaction-box{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.16))!important;border-top:1px solid rgba(216,180,106,.10)!important}.interaction-box,.interaction-top,.inline-action,.comment-popover{max-width:100%!important}.interaction-top.clean-actions{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;align-items:center!important;justify-content:flex-start!important}.inline-action.like-form{margin:0!important}.heart-btn.compact-heart,.comment-counter.clean-comment{appearance:none!important;text-decoration:none!important;line-height:1!important;padding:0 13px!important;height:38px!important;min-height:38px!important;min-width:72px!important;max-width:118px!important;border-radius:999px!important;display:inline-flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important}.heart-btn.compact-heart svg,.comment-counter.clean-comment svg{width:16px!important;height:16px!important;min-width:16px!important}.heart-btn.compact-heart b,.comment-counter.clean-comment b{padding:0!important;margin:0!important;display:inline!important;min-width:12px!important;text-align:center!important}.comment-popover:not([open]) .comment-modal{display:none!important}.comment-popover[open] .comment-modal{display:block!important}.comment-modal{box-sizing:border-box!important}.comment-close-hint{pointer-events:none}.site-footer.premium-footer{border-top:1px solid rgba(216,180,106,.22)!important;background:linear-gradient(135deg,rgba(216,180,106,.08),#050505 44%,#030303)!important}.premium-footer .footer-inner{display:grid!important;grid-template-columns:minmax(280px,1.15fr) minmax(210px,.55fr) minmax(260px,.75fr)!important;align-items:start!important;gap:28px!important}.premium-footer .footer-copy p{margin:0!important}.premium-footer .footer-menu-grid{display:grid!important}.premium-footer .compact-note{align-self:start!important}.profile-mini-clean small{font-weight:700!important;color:#d8b46a!important}.role-badge-public{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(216,180,106,.28);border-radius:999px;background:rgba(216,180,106,.08);color:#f3d58e;font-size:12px;font-weight:900}.member-request-card{border:1px solid rgba(216,180,106,.16);background:linear-gradient(180deg,#141311,#0c0c0b);border-radius:18px;padding:18px;margin-top:14px}.member-request-card textarea{min-height:120px}.bot-request-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.bot-request-admin-grid .stat{background:#0d0d0c;border:1px solid rgba(216,180,106,.16);border-radius:14px;padding:14px}@media(max-width:1180px){.premium-footer .footer-inner{grid-template-columns:1fr 1fr!important}.premium-footer .compact-note{grid-column:1/-1!important}.service-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important}}@media(max-width:820px){.interactive-card{overflow:hidden!important}.interaction-top.clean-actions{justify-content:flex-start!important}.premium-footer .footer-inner{grid-template-columns:1fr!important}.premium-footer .footer-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.heart-btn.compact-heart,.comment-counter.clean-comment{min-width:64px!important;max-width:96px!important;height:36px!important}.service{min-height:0!important}.premium-footer .footer-menu-grid{grid-template-columns:1fr!important}}

/* === SAFE FINAL UI REPAIR 2026-06-06: stable cards, compact reactions, clean modal === */
.layout{grid-template-columns:292px minmax(0,1fr)!important;}
.main{overflow:hidden!important;}
.cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(238px,1fr))!important;gap:24px!important;align-items:stretch!important;}
.card.interactive-card{display:flex!important;flex-direction:column!important;min-height:330px!important;overflow:hidden!important;position:relative!important;}
.card.interactive-card .card-link{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;text-decoration:none!important;color:inherit!important;}
.card.interactive-card .card-link img{flex:0 0 170px!important;width:100%!important;height:170px!important;object-fit:cover!important;}
.card.interactive-card .card-link b{display:block!important;padding:16px 18px 0!important;line-height:1.25!important;}
.card.interactive-card .card-link small{display:block!important;padding:7px 18px 12px!important;line-height:1.35!important;}
.interaction-box.interaction-compact{width:100%!important;flex:0 0 auto!important;margin:0!important;padding:12px 18px 16px!important;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.18))!important;border-top:1px solid rgba(216,180,106,.11)!important;position:static!important;z-index:2!important;}
.interaction-top.clean-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;flex-wrap:nowrap!important;width:auto!important;margin:0!important;padding:0!important;position:static!important;background:transparent!important;border:0!important;}
.inline-action.like-form,.comment-popover{display:inline-flex!important;margin:0!important;padding:0!important;position:static!important;width:auto!important;max-width:none!important;}
.heart-btn.compact-heart,.comment-counter.clean-comment{appearance:none!important;box-sizing:border-box!important;width:66px!important;min-width:66px!important;max-width:66px!important;height:36px!important;min-height:36px!important;padding:0 9px!important;border-radius:999px!important;border:1px solid rgba(216,180,106,.35)!important;background:linear-gradient(180deg,rgba(216,180,106,.12),rgba(255,255,255,.025))!important;color:#f4d58c!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;line-height:1!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;box-shadow:none!important;position:static!important;transform:none!important;}
.heart-btn.compact-heart:hover,.comment-counter.clean-comment:hover{border-color:rgba(245,217,148,.75)!important;background:rgba(216,180,106,.18)!important;filter:none!important;}
.heart-btn.compact-heart.active{background:linear-gradient(135deg,#f1d188,#d1a84e)!important;color:#1b1308!important;border-color:#f7dc98!important;}
.heart-btn.compact-heart svg,.comment-counter.clean-comment svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;fill:currentColor!important;display:block!important;}
.heart-btn.compact-heart b,.comment-counter.clean-comment b{display:inline-block!important;min-width:10px!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:1!important;text-align:center!important;color:inherit!important;}
.service-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:22px!important;align-items:stretch!important;}
.service.interactive-service{display:flex!important;flex-direction:column!important;min-height:260px!important;overflow:visible!important;position:relative!important;padding:26px!important;}
.service.interactive-service h3{margin:12px 0 8px!important;line-height:1.25!important;}
.service.interactive-service p{flex:1 1 auto!important;margin:0 0 18px!important;line-height:1.65!important;}
.service.interactive-service .interaction-box.interaction-compact{margin-top:auto!important;padding:0!important;background:transparent!important;border-top:0!important;}
.service.interactive-service .interaction-top.clean-actions{position:static!important;transform:none!important;}
.service.interactive-service .heart-btn.compact-heart,.service.interactive-service .comment-counter.clean-comment{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;}
.comment-popover summary{list-style:none!important;cursor:pointer!important;}
.comment-popover summary::-webkit-details-marker{display:none!important;}
.comment-popover:not([open]) .comment-modal{display:none!important;}
.comment-popover[open]::before{content:''!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(5px)!important;z-index:900!important;}
.comment-popover[open] .comment-modal{display:block!important;position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(560px,calc(100vw - 32px))!important;max-height:min(680px,calc(100vh - 36px))!important;overflow:auto!important;background:linear-gradient(180deg,#17140f,#080807)!important;border:1px solid rgba(216,180,106,.38)!important;border-radius:24px!important;box-shadow:0 36px 120px rgba(0,0,0,.82)!important;padding:18px!important;z-index:901!important;color:#fff!important;}
.comment-modal-head{display:flex!important;justify-content:space-between!important;gap:16px!important;align-items:flex-start!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding-bottom:14px!important;margin-bottom:14px!important;}
.comment-close-hint{cursor:pointer!important;pointer-events:auto!important;}
.rich-comments{display:grid!important;gap:11px!important;max-height:300px!important;overflow:auto!important;padding-right:4px!important;}
.rich-comment{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:11px!important;background:rgba(255,255,255,.025)!important;}
.clean-comment-form{display:grid!important;gap:10px!important;margin-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:14px!important;}
.clean-comment-form textarea{min-height:94px!important;max-height:180px!important;resize:vertical!important;}
.clean-comment-form button{width:100%!important;justify-content:center!important;background:linear-gradient(135deg,#f2d18a,#d8b46a)!important;color:#17110a!important;}
.site-footer.clean-footer.premium-footer{margin:0!important;border-top:1px solid rgba(216,180,106,.22)!important;background:linear-gradient(135deg,rgba(216,180,106,.08),#050505 42%,#030303)!important;padding:0!important;}
.premium-footer .footer-inner{max-width:1280px!important;margin:0 auto!important;padding:32px clamp(22px,4vw,56px)!important;display:grid!important;grid-template-columns:minmax(280px,1.15fr) minmax(210px,.55fr) minmax(260px,.75fr)!important;gap:28px!important;align-items:start!important;}
.premium-footer .footer-menu-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 16px!important;}
.premium-footer .footer-menu-grid a{font-size:13px!important;line-height:1.35!important;}
.profile-mini-clean small,.profile small{font-weight:700!important;color:#d8b46a!important;line-height:1.35!important;max-width:170px!important;}
@media(max-width:1180px){.layout{grid-template-columns:260px minmax(0,1fr)!important}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}.premium-footer .footer-inner{grid-template-columns:1fr 1fr!important}.premium-footer .compact-note{grid-column:1/-1!important}}
@media(max-width:820px){.layout{display:block!important}.sidebar{position:relative!important;height:auto!important}.cards,.service-grid{grid-template-columns:1fr!important}.comment-popover[open] .comment-modal{top:auto!important;bottom:12px!important;left:12px!important;right:12px!important;transform:none!important;width:auto!important;max-height:calc(100vh - 24px)!important;border-radius:22px!important}.premium-footer .footer-inner{grid-template-columns:1fr!important}.premium-footer .footer-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.heart-btn.compact-heart,.comment-counter.clean-comment{width:60px!important;min-width:60px!important;height:34px!important}.card.interactive-card{min-height:300px!important}.card.interactive-card .card-link img{height:150px!important}.premium-footer .footer-menu-grid{grid-template-columns:1fr!important}.stable-auth{grid-template-columns:1fr 1fr!important}}

/* === 2026-06-06 COMMENT MOBILE FIX: modal never clipped/off-screen === */
html,body{max-width:100%!important;overflow-x:hidden!important;}
.comment-popover[open]{position:static!important;}
.comment-popover[open]::before{
  content:''!important;position:fixed!important;inset:0!important;z-index:9990!important;
  background:rgba(0,0,0,.72)!important;backdrop-filter:blur(5px)!important;
}
.comment-popover[open] .comment-modal{
  display:block!important;position:fixed!important;z-index:9991!important;
  left:max(12px,env(safe-area-inset-left))!important;
  right:max(12px,env(safe-area-inset-right))!important;
  top:max(18px,env(safe-area-inset-top))!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  width:auto!important;min-width:0!important;max-width:none!important;max-height:none!important;
  transform:none!important;margin:0!important;box-sizing:border-box!important;
  overflow:auto!important;-webkit-overflow-scrolling:touch!important;
  padding:16px!important;border-radius:22px!important;
  background:linear-gradient(180deg,#17140f,#080807)!important;
  border:1px solid rgba(216,180,106,.42)!important;
  box-shadow:0 32px 100px rgba(0,0,0,.86)!important;color:#fff!important;
}
.comment-modal *{box-sizing:border-box!important;max-width:100%!important;}
.comment-modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;}
.comment-modal-head>div{min-width:0!important;overflow:hidden!important;}
.comment-modal-head h3{font-size:clamp(22px,7vw,30px)!important;line-height:1.12!important;margin:0!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
.comment-modal-head small{display:block!important;color:#f2d18a!important;font-weight:900!important;letter-spacing:.6px!important;}
.comment-close-hint{flex:0 0 34px!important;width:34px!important;height:34px!important;cursor:pointer!important;pointer-events:auto!important;}
.rich-comments{max-height:38vh!important;overflow:auto!important;padding-right:0!important;}
.rich-comment{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;min-width:0!important;}
.comment-body{min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
.comment-body p,.staff-reply p{overflow-wrap:anywhere!important;word-break:break-word!important;}
.clean-comment-form{width:100%!important;min-width:0!important;}
.clean-comment-form textarea{
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:118px!important;color:#fff!important;background:#0d0d0c!important;
  border:1px solid rgba(216,180,106,.28)!important;border-radius:14px!important;
  padding:12px!important;line-height:1.5!important;outline:none!important;
}
.clean-comment-form textarea::placeholder{color:#b9b0a3!important;opacity:1!important;}
.clean-comment-form button{width:100%!important;max-width:100%!important;justify-content:center!important;border-radius:0 0 18px 18px!important;min-height:48px!important;}
.profile-list,.comments-list,.profile-list-item,.comment-profile-item{max-width:100%!important;min-width:0!important;overflow:hidden!important;}
.comment-profile-item p{overflow-wrap:anywhere!important;word-break:break-word!important;}
@media(min-width:821px){
  .comment-popover[open] .comment-modal{
    left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
    width:min(620px,calc(100vw - 48px))!important;max-height:min(720px,calc(100vh - 48px))!important;
    transform:translate(-50%,-50%)!important;border-radius:24px!important;
  }
}
@media(max-width:560px){
  .section{padding-left:18px!important;padding-right:18px!important;}
  .cards{grid-template-columns:minmax(0,1fr)!important;}
  .card.interactive-card{min-width:0!important;}
  .interaction-box.interaction-compact{padding-left:14px!important;padding-right:14px!important;}
}

/* === 2026-06-06 COMMENT DESKTOP/MOBILE HARD FIX: fixed modal, no card stretch/clip === */
.card.interactive-card:hover,
.card.interactive-card:has(.comment-popover[open]),
.service.interactive-service:has(.comment-popover[open]){
  transform:none!important;
  z-index:100!important;
}
.card.interactive-card,
.service.interactive-service{
  contain:none!important;
}
.comment-popover{
  position:static!important;
  display:inline-flex!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  vertical-align:middle!important;
}
.comment-popover .comment-modal{
  display:none!important;
  height:auto!important;
  min-height:0!important;
}
.comment-popover[open] .comment-modal{
  display:block!important;
  position:fixed!important;
  z-index:2147483001!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(620px,calc(100vw - 44px))!important;
  max-width:calc(100vw - 44px)!important;
  max-height:calc(100vh - 44px)!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  margin:0!important;
  padding:18px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#17140f,#080807)!important;
  border:1px solid rgba(216,180,106,.48)!important;
  box-shadow:0 44px 130px rgba(0,0,0,.90)!important;
  color:#fff!important;
}
.comment-popover[open]::before{
  content:''!important;
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  background:rgba(0,0,0,.76)!important;
  backdrop-filter:blur(6px)!important;
}
.comment-popover[open] summary{
  position:relative!important;
  z-index:1!important;
}
.comment-modal-head h3,
.comment-body,
.comment-body p,
.staff-reply p,
.empty-comments{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.clean-comment-form textarea{
  width:100%!important;
  display:block!important;
  color:#fff!important;
  background:#0b0b0a!important;
  border:1px solid rgba(216,180,106,.32)!important;
  border-radius:14px!important;
  min-height:120px!important;
  line-height:1.5!important;
}
.clean-comment-form button{
  width:100%!important;
  border-radius:14px!important;
  min-height:48px!important;
}
@media(max-width:820px){
  .comment-popover[open] .comment-modal{
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 24px)!important;
    transform:none!important;
    border-radius:22px!important;
  }
}


/* === 2026-06-06 PREMIUM HEADER + LIGHTER GOLD UI + VERIFIED COMMENTS === */
:root{
  --bg:#100f0d!important;--bg2:#17130f!important;--panel:#1e1a15!important;--card:#211d17!important;--card2:#181612!important;
  --line:rgba(225,188,110,.34)!important;--softline:rgba(255,255,255,.11)!important;
  --gold:#d8b46a!important;--gold2:#f2d18a!important;--text:#fff6e8!important;--muted:#c6baaa!important;
  --shadow:0 22px 70px rgba(0,0,0,.36)!important;
}
html,body{background:radial-gradient(circle at 75% -10%,rgba(216,180,106,.16),transparent 34%),linear-gradient(180deg,#17140f 0%,#0f0e0c 46%,#13100d 100%)!important;color:var(--text)!important;overflow-x:hidden!important;}
body{padding-top:86px!important;}
.layout{display:block!important;min-height:100vh!important;}
.main{width:100%!important;max-width:none!important;min-width:0!important;}
.sidebar{
  position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:86px!important;min-height:0!important;
  padding:0 clamp(18px,3vw,46px)!important;background:rgba(24,21,17,.92)!important;backdrop-filter:blur(18px)!important;
  border-right:0!important;border-bottom:1px solid rgba(216,180,106,.28)!important;box-shadow:0 18px 60px rgba(0,0,0,.34)!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important;gap:18px!important;z-index:2147482000!important;
}
.sidebar .brand{padding:0!important;border:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:max-content!important;}
.sidebar .brand span{font:38px/.8 Georgia,serif!important;letter-spacing:-2px!important;color:var(--gold2)!important;text-shadow:0 8px 30px rgba(216,180,106,.2)!important;}
.sidebar .brand b{font-size:11px!important;letter-spacing:3.5px!important;margin:0!important;color:#e8c986!important;}
.sidebar .public-nav{display:flex!important;align-items:center!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;white-space:nowrap!important;padding:0 4px!important;}
.sidebar .public-nav::-webkit-scrollbar{display:none!important;}
.sidebar .public-nav a{height:46px!important;padding:0 13px!important;border-radius:999px!important;gap:8px!important;font-size:13px!important;color:#f2eadf!important;background:transparent!important;transform:none!important;border:1px solid transparent!important;}
.sidebar .public-nav a:hover,.sidebar .public-nav a.active{background:rgba(216,180,106,.13)!important;border-color:rgba(216,180,106,.38)!important;color:#fff!important;transform:none!important;}
.sidebar .public-nav a span{width:22px!important;height:22px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--gold2)!important;}
.sidebar .public-nav a span svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:currentColor!important;opacity:.95!important;}
.sidebar .profile,.sidebar .socials,.sidebar .side-copy{display:none!important;}
.stable-auth{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;width:auto!important;min-width:max-content!important;}
.stable-auth a{height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;border-radius:999px!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important;border:1px solid rgba(216,180,106,.32)!important;color:#f8e8c5!important;background:rgba(216,180,106,.09)!important;}
.stable-auth .auth-logout{background:rgba(120,45,34,.22)!important;border-color:rgba(255,95,70,.35)!important;color:#ffd9d2!important;}
.sidebar .lang{width:86px!important;margin:0!important;min-width:86px!important;}
.sidebar .lang select{height:40px!important;padding:0 10px!important;border-radius:999px!important;background:#211d17!important;color:#fff4dc!important;font-size:13px!important;}
.hero{min-height:500px!important;background-position:center right!important;padding-top:70px!important;background-color:#18140f!important;}
.section{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,0))!important;}
.card,.service,.contact form,.auth-card,.site-footer,.footer-note{background-color:var(--card)!important;border-color:rgba(216,180,106,.20)!important;}
.card{background:linear-gradient(180deg,#282219,#181612)!important;}
.card:hover{border-color:rgba(242,209,138,.55)!important;box-shadow:0 26px 80px rgba(0,0,0,.40),0 0 0 1px rgba(216,180,106,.13)!important;}
p,.card small,.site-footer p{color:#cabfaf!important;}
input,textarea{background:#171510!important;border-color:rgba(216,180,106,.20)!important;color:#fff6e8!important;}
input::placeholder,textarea::placeholder{color:#b8ad9b!important;opacity:1!important;}
/* verified badge exactly as small blue check, not a cartoon/emoji */
.official-badge.verified-blue{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;margin-left:5px!important;vertical-align:-3px!important;border:0!important;border-radius:50%!important;background:#16a6f5!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.10),0 6px 18px rgba(22,166,245,.28)!important;}
.official-badge.verified-blue svg{width:18px!important;height:18px!important;display:block!important;fill:#fff!important;}
.official-badge.verified-blue b{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}
.comment-author-name{display:inline-flex!important;align-items:center!important;gap:2px!important;line-height:1.25!important;}
.comment-modal{background:linear-gradient(180deg,#242018,#14120f)!important;border-color:rgba(216,180,106,.50)!important;}
.rich-comment{background:rgba(255,255,255,.045)!important;border-color:rgba(216,180,106,.16)!important;}
.comment-avatar{background:rgba(216,180,106,.16)!important;color:#f3d18a!important;border:1px solid rgba(216,180,106,.35)!important;}
.staff-reply{margin-top:10px!important;border:1px solid rgba(22,166,245,.32)!important;background:rgba(22,166,245,.08)!important;border-radius:14px!important;padding:10px 12px!important;}
.staff-reply-label{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.7px!important;font-weight:900!important;color:#58c0ff!important;margin-bottom:5px!important;}
.staff-reply-head{display:flex!important;align-items:center!important;gap:6px!important;color:#fff!important;}
.staff-reply p{margin:6px 0 0!important;color:#dcecff!important;}
.comment-close-hint{display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:24px!important;line-height:1!important;}
.comment-popover[open]::before{background:rgba(0,0,0,.55)!important;}
.clean-comment-form button{background:linear-gradient(135deg,#f4d78f,#d8b46a)!important;color:#17110a!important;}
@media(max-width:1100px){
  .sidebar{grid-template-columns:auto minmax(0,1fr) auto!important;height:82px!important;padding:0 16px!important;}
  body{padding-top:82px!important;}
  .sidebar .lang{display:none!important;}
  .sidebar .public-nav a{font-size:12px!important;padding:0 10px!important;}
}
@media(max-width:760px){
  body{padding-top:130px!important;}
  .sidebar{height:130px!important;grid-template-columns:1fr auto!important;grid-template-rows:54px 58px!important;gap:6px 10px!important;padding:8px 12px!important;align-items:center!important;}
  .sidebar .brand{grid-column:1/2!important;}
  .stable-auth{grid-column:2/3!important;grid-row:1/2!important;}
  .sidebar .public-nav{grid-column:1/-1!important;grid-row:2/3!important;width:100%!important;padding-bottom:6px!important;}
  .sidebar .public-nav a{height:42px!important;}
  .sidebar .brand span{font-size:32px!important;}
  .hero{min-height:430px!important;padding-top:44px!important;}
}
@media(max-width:460px){
  .stable-auth a{padding:0 10px!important;font-size:12px!important;}
  .sidebar .public-nav a span{display:none!important;}
}


/* === Final verified badge upload + comment role labels === */
.official-badge.verified-blue{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:20px!important;margin-left:6px!important;vertical-align:-4px!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important;line-height:1!important;}
.official-badge.verified-blue img{width:20px!important;height:20px!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 2px 8px rgba(0,149,246,.34))!important;}
.official-badge.verified-blue svg{width:20px!important;height:20px!important;display:block!important;fill:#1da1f2!important;filter:drop-shadow(0 2px 8px rgba(0,149,246,.34))!important;}
.official-badge.verified-blue b{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}
.comment-author-name{display:inline-flex!important;align-items:center!important;gap:3px!important;line-height:1.25!important;max-width:100%!important;}
.comment-user-role,.staff-role-line{display:block!important;margin-top:2px!important;color:#c9a85f!important;font-size:11px!important;font-weight:800!important;letter-spacing:.2px!important;line-height:1.25!important;}
.staff-reply-head{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;}
.staff-role-line{color:#6fc4ff!important;margin-top:1px!important;}
.rich-comment .comment-body{min-width:0!important;}
.rich-comment .comment-body p{margin-top:6px!important;}


/* === FINAL 2026-06-06 CONTACT + FOOTER + ACTIVE HEADER FIX === */
body{background:radial-gradient(circle at 76% -8%,rgba(216,180,106,.16),transparent 34%),linear-gradient(180deg,#191510 0%,#13110e 46%,#15120f 100%)!important;}
.sidebar .public-nav a.active,
.sidebar .public-nav a[aria-current="page"]{
  background:linear-gradient(135deg,rgba(244,215,143,.24),rgba(216,180,106,.11))!important;
  border-color:rgba(244,215,143,.58)!important;
  color:#fff9ec!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.20)!important;
}
.sidebar .public-nav a.active span,
.sidebar .public-nav a[aria-current="page"] span{color:#f7d98e!important;}

/* Contact block: keep the text and form in one clean premium row, not stretched to both screen edges */
.section.contact{
  max-width:1480px!important;
  margin:0 auto!important;
  width:100%!important;
  grid-template-columns:minmax(320px,1fr) minmax(360px,440px)!important;
  gap:clamp(42px,7vw,120px)!important;
  align-items:start!important;
  padding-top:52px!important;
  padding-bottom:52px!important;
}
.section.contact>div{max-width:640px!important;}
.section.contact h2{margin-bottom:18px!important;}
.section.contact form{width:100%!important;justify-self:end!important;background:linear-gradient(180deg,rgba(40,34,25,.82),rgba(20,18,14,.96))!important;}
.section.contact input,.section.contact textarea{font-size:14px!important;}

/* Footer: remove the separate domain card and align footer with the page content */
.site-footer.clean-footer.premium-footer{display:block!important;margin:0!important;padding:0!important;background:linear-gradient(135deg,rgba(216,180,106,.10),#0d0c0a 38%,#070707)!important;}
.premium-footer .footer-inner{
  max-width:1480px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:34px clamp(54px,5vw,92px)!important;
  display:grid!important;
  grid-template-columns:minmax(380px,1fr) minmax(340px,.62fr)!important;
  gap:clamp(42px,7vw,120px)!important;
  align-items:start!important;
}
.premium-footer .compact-note,.premium-footer .footer-note{display:none!important;}
.premium-footer .footer-brand.compact{max-width:650px!important;}
.premium-footer .footer-menu-grid{grid-template-columns:repeat(2,minmax(120px,1fr))!important;}
.premium-footer .footer-copy p{max-width:560px!important;}

@media(max-width:980px){
  .section.contact{grid-template-columns:1fr!important;gap:28px!important;max-width:none!important;}
  .section.contact form{justify-self:stretch!important;max-width:560px!important;}
  .premium-footer .footer-inner{grid-template-columns:1fr!important;gap:26px!important;padding:30px 22px!important;}
}
@media(max-width:560px){
  .section.contact{padding:34px 16px!important;}
  .section.contact form{max-width:none!important;}
  .premium-footer .footer-brand.compact{display:flex!important;gap:14px!important;}
  .premium-footer .footer-menu-grid{grid-template-columns:1fr 1fr!important;}
}

/* === 2026-06-06 footer contact + selectable public header layouts === */
.section.contact{display:none!important;}
.site-footer.footer-with-contact{background:linear-gradient(180deg,#18140f 0%,#0d0c0a 56%,#070706 100%)!important;border-top:1px solid rgba(216,180,106,.26)!important;}
.footer-with-contact .footer-contact-row{max-width:1480px;margin:0 auto;padding:48px clamp(34px,5vw,92px) 42px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,440px);gap:clamp(44px,8vw,140px);align-items:start;border-bottom:1px solid rgba(216,180,106,.14);}
.footer-contact-copy h2{font:clamp(34px,3vw,54px)/1.05 Georgia,serif;margin:0 0 16px;color:#fff6e8;letter-spacing:-1.2px;}
.footer-contact-copy p{max-width:660px;margin:0;color:#d2c6b5!important;line-height:1.75;}
.footer-contact-form{display:grid;gap:12px;width:100%;background:linear-gradient(180deg,rgba(42,36,27,.9),rgba(18,16,13,.96))!important;border:1px solid rgba(216,180,106,.25)!important;border-radius:22px!important;padding:22px!important;box-shadow:0 22px 80px rgba(0,0,0,.28)!important;}
.footer-contact-form input,.footer-contact-form textarea{background:#17140f!important;border:1px solid rgba(216,180,106,.22)!important;color:#fff6e8!important;border-radius:13px!important;}
.footer-contact-form textarea{min-height:128px!important;}
.footer-contact-form button{width:100%;justify-content:center;background:linear-gradient(135deg,#f4d78f,#d8b46a)!important;color:#17110a!important;border-color:rgba(255,229,164,.5)!important;}
.footer-ok{margin-top:18px!important;max-width:420px;}
.footer-with-contact .footer-inner{padding-top:34px!important;padding-bottom:40px!important;}
.auth-section{min-height:calc(100vh - 86px);display:grid;place-items:center;padding-top:70px!important;padding-bottom:70px!important;}
.auth-section .auth-card{width:min(480px,100%);}

/* Default and variants use the same PHP header; admin chooses visual style. */
.sidebar.header_glass{background:rgba(24,21,17,.90)!important;backdrop-filter:blur(18px)!important;}
.sidebar.header_solid{background:linear-gradient(180deg,#15120e,#0d0c0a)!important;backdrop-filter:none!important;border-bottom-color:rgba(216,180,106,.34)!important;box-shadow:0 14px 44px rgba(0,0,0,.38)!important;}
.sidebar.header_solid .public-nav a.active,.sidebar.header_solid .public-nav a[aria-current="page"]{background:#2b2418!important;border-color:#d8b46a!important;}
.sidebar.header_light{background:linear-gradient(180deg,rgba(42,34,24,.94),rgba(26,22,17,.94))!important;backdrop-filter:blur(14px)!important;}
.sidebar.header_light .public-nav a{color:#fff5de!important;}
.sidebar.header_light .public-nav a.active,.sidebar.header_light .public-nav a[aria-current="page"]{background:linear-gradient(135deg,#f4d78f,#d8b46a)!important;color:#17110a!important;border-color:rgba(255,229,164,.68)!important;}
.sidebar.header_light .public-nav a.active span,.sidebar.header_light .public-nav a[aria-current="page"] span{color:#17110a!important;}
.sidebar.header_compact{height:66px!important;padding:0 clamp(16px,3vw,40px)!important;background:rgba(17,15,12,.94)!important;}
.sidebar.header_compact .brand span{font-size:31px!important;}
.sidebar.header_compact .brand b{font-size:10px!important;letter-spacing:3px!important;}
.sidebar.header_compact .public-nav a{height:38px!important;font-size:12px!important;padding:0 11px!important;}
.sidebar.header_compact .stable-auth a,.sidebar.header_compact .lang select{height:36px!important;font-size:12px!important;}
body:has(.sidebar.header_compact){padding-top:66px!important;}

@media(max-width:1100px){
  body:has(.sidebar.header_compact){padding-top:74px!important;}
  .sidebar.header_compact{height:74px!important;}
}
@media(max-width:760px){
  body:has(.sidebar.header_compact){padding-top:116px!important;}
  .sidebar.header_compact{height:116px!important;grid-template-rows:48px 54px!important;}
  .footer-with-contact .footer-contact-row{grid-template-columns:1fr!important;padding:34px 18px;gap:24px;}
  .footer-contact-form{padding:16px!important;}
}
@media(max-width:980px){.footer-with-contact .footer-contact-row{grid-template-columns:1fr!important;gap:28px;}.footer-contact-form{max-width:560px;}}
@media(max-width:560px){.footer-with-contact .footer-contact-row{padding:30px 16px 28px}.footer-contact-copy h2{font-size:34px}.auth-section{padding:38px 16px!important;}}


/* === 2026-06-06 separate contact page + clean footer === */
.section.contact{display:none!important;}
.site-footer.footer-with-contact .footer-contact-row{display:none!important;}
.site-footer.footer-simple-only{display:block!important;background:linear-gradient(135deg,rgba(216,180,106,.10),#0d0c0a 38%,#070707)!important;border-top:1px solid rgba(216,180,106,.22)!important;margin-top:0!important;}
.site-footer.footer-simple-only .footer-inner{max-width:1480px!important;width:100%!important;margin:0 auto!important;padding:36px clamp(32px,5vw,92px)!important;display:grid!important;grid-template-columns:minmax(360px,1fr) minmax(320px,.62fr)!important;gap:clamp(32px,6vw,110px)!important;align-items:start!important;}
.contact-page-main{background:linear-gradient(180deg,#15120f 0%,#0d0c0a 100%)!important;}
.contact-hero{min-height:420px!important;padding-top:74px!important;border-bottom:1px solid rgba(216,180,106,.18)!important;}
.contact-hero .hero-inner{max-width:1480px!important;margin:0 auto!important;padding:0 clamp(28px,5vw,92px)!important;}
.contact-page-section{max-width:1480px;margin:0 auto;padding:64px clamp(28px,5vw,92px) 70px;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(420px,560px);gap:clamp(54px,9vw,150px);align-items:start;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);}
.contact-info-panel{padding-top:18px;}
.contact-section-line{display:block;width:70px;height:3px;background:#d8a33d;border-radius:5px;margin:0 0 42px;}
.contact-info-panel h2,.contact-page-form h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(28px,2.2vw,38px)!important;line-height:1.15!important;letter-spacing:-.5px!important;margin:0 0 34px!important;color:#fff7e9!important;}
.contact-info-list{display:grid;gap:24px;}
.contact-info-item{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:16px;color:#efe3d2;}
.contact-info-item span{width:34px;height:34px;display:grid;place-items:center;color:#f1b133;}
.contact-info-item span svg{width:23px;height:23px;fill:currentColor;}
.contact-info-item a,.contact-info-item b{font-size:16px;color:#f4ebde;text-decoration:none;font-weight:700;line-height:1.45;}
.contact-page-form{display:grid;gap:16px;width:100%;background:linear-gradient(180deg,rgba(44,38,29,.78),rgba(18,16,13,.96))!important;border:1px solid rgba(216,180,106,.26)!important;border-radius:24px!important;padding:28px!important;box-shadow:0 28px 90px rgba(0,0,0,.34)!important;}
.contact-page-form h2{margin-bottom:6px!important;font-size:28px!important;}
.contact-page-form input,.contact-page-form textarea{width:100%;min-height:56px;border-radius:13px!important;background:#17140f!important;border:1px solid rgba(216,180,106,.25)!important;color:#fff7e9!important;padding:0 18px!important;font-size:15px!important;outline:none!important;}
.contact-page-form textarea{min-height:150px!important;resize:vertical!important;padding-top:17px!important;line-height:1.55!important;}
.contact-page-form input:focus,.contact-page-form textarea:focus{border-color:rgba(244,215,143,.7)!important;box-shadow:0 0 0 4px rgba(216,180,106,.10)!important;}
.contact-file-control{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px;}
.contact-file-control input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;}
.contact-file-control span{height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;background:#2d394d;color:#fff;font-weight:900;cursor:pointer;}
.contact-file-control em{font-style:normal;color:#d4c7b5;font-size:14px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.contact-privacy{display:flex!important;align-items:center;gap:11px;color:#f5ebde!important;font-weight:800;margin:2px 0 6px;}
.contact-privacy input{width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;accent-color:#d8b46a;}
.contact-page-form button{height:58px;border-radius:999px!important;background:linear-gradient(135deg,#f4d78f,#d8b46a)!important;color:#17110a!important;border:0!important;font-size:15px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.3px!important;box-shadow:0 12px 32px rgba(216,180,106,.22)!important;}
.contact-page-form small{color:#bfb2a0!important;font-size:13px;line-height:1.55;}
.contact-ok{margin:0 0 4px!important;border-color:rgba(95,212,130,.35)!important;background:rgba(95,212,130,.10)!important;color:#d9ffe3!important;}
@media(max-width:980px){
  .contact-page-section{grid-template-columns:1fr;gap:34px;padding:44px 22px 52px;}
  .contact-page-form{max-width:640px;}
  .contact-hero{min-height:360px!important;}
  .site-footer.footer-simple-only .footer-inner{grid-template-columns:1fr!important;padding:32px 22px!important;}
}
@media(max-width:560px){
  .contact-page-section{padding:34px 16px 42px;}
  .contact-page-form{padding:18px!important;border-radius:20px!important;}
  .contact-file-control span{width:100%;}
  .contact-file-control em{max-width:100%;}
  .contact-info-item{grid-template-columns:30px 1fr;gap:12px;}
  .contact-info-item a,.contact-info-item b{font-size:14px;}
}

/* === 2026-06-06 public site theme engine: selected from Admin -> Tema === */
html.theme_current,body.theme_current{--bg:#050505;--bg2:#090806;--panel:#11100e;--card:#151411;--card2:#0e0e0d;--line:rgba(214,177,108,.22);--softline:rgba(255,255,255,.08);--gold:#d6b16c;--gold2:#f5d994;--text:#f8f1e6;--muted:#aaa195;}
html.theme_current_light,body.theme_current_light{--bg:#17130f;--bg2:#211b14;--panel:#251f17;--card:#2b241a;--card2:#201a13;--line:rgba(236,199,120,.34);--softline:rgba(255,255,255,.12);--gold:#d8a84a;--gold2:#ffe0a0;--text:#fff8ea;--muted:#d2c6b4;}
html.theme_white,body.theme_white{--bg:#f4f1ec;--bg2:#fffaf2;--panel:#ffffff;--card:#ffffff;--card2:#f7f2ea;--line:rgba(159,116,43,.26);--softline:rgba(28,24,18,.12);--gold:#b47b1f;--gold2:#c9973a;--text:#15120e;--muted:#645b50;}
html.theme_blue_dark,body.theme_blue_dark{--bg:#eef4fb;--bg2:#ffffff;--panel:#ffffff;--card:#ffffff;--card2:#f3f7fc;--line:rgba(20,70,130,.24);--softline:rgba(20,39,70,.14);--gold:#2563eb;--gold2:#0f3f91;--text:#0b1730;--muted:#516174;}

body.theme_current_light{background:radial-gradient(circle at 90% -10%,rgba(255,213,130,.20),transparent 34%),linear-gradient(180deg,#17130f,#0f0d0b)!important;color:var(--text)!important;}
body.theme_white{background:linear-gradient(180deg,#fff,#f4f1ec 45%,#ece6dc)!important;color:var(--text)!important;}
body.theme_blue_dark{background:linear-gradient(180deg,#f7fbff,#eef4fb 55%,#e6eef8)!important;color:var(--text)!important;}

.theme_current_light .main,.theme_current_light .contact-page-main{background:linear-gradient(180deg,#17130f,#120f0c)!important;}
.theme_white .main,.theme_white .contact-page-main,.theme_blue_dark .main,.theme_blue_dark .contact-page-main{background:transparent!important;}
.theme_white p,.theme_white .card small,.theme_white .service p,.theme_white .footer-copy p,.theme_white .contact-page-form small{color:var(--muted)!important;}
.theme_blue_dark p,.theme_blue_dark .card small,.theme_blue_dark .service p,.theme_blue_dark .footer-copy p,.theme_blue_dark .contact-page-form small{color:var(--muted)!important;}
.theme_white h1,.theme_white h2,.theme_white h3,.theme_white .section-head h2,.theme_white .contact-info-panel h2,.theme_white .contact-page-form h2{color:#14110d!important;text-shadow:none!important;}
.theme_blue_dark h1,.theme_blue_dark h2,.theme_blue_dark h3,.theme_blue_dark .section-head h2,.theme_blue_dark .contact-info-panel h2,.theme_blue_dark .contact-page-form h2{color:#0b1730!important;text-shadow:none!important;}
.theme_current_light h1,.theme_current_light h2,.theme_current_light h3{color:#fff7e8!important;}
.theme_white .hero h1,.theme_white .hero p:not(.eyebrow),.theme_blue_dark .hero h1,.theme_blue_dark .hero p:not(.eyebrow){color:#fff!important;text-shadow:0 12px 44px rgba(0,0,0,.55)!important;}
.theme_white .eyebrow{color:#c18a2c!important}.theme_blue_dark .eyebrow{color:#8fc0ff!important}.theme_current_light .eyebrow{color:#ffe0a0!important}

.theme_white .card,.theme_white .service,.theme_white .auth-card,.theme_white .file-card,.theme_white .contact-page-form{background:linear-gradient(180deg,#fff,#f8f4ec)!important;border-color:rgba(154,116,50,.22)!important;box-shadow:0 24px 70px rgba(61,45,20,.10)!important;color:#15120e!important;}
.theme_blue_dark .card,.theme_blue_dark .service,.theme_blue_dark .auth-card,.theme_blue_dark .file-card,.theme_blue_dark .contact-page-form{background:linear-gradient(180deg,#fff,#f5f8fd)!important;border-color:rgba(37,99,235,.20)!important;box-shadow:0 24px 70px rgba(12,42,82,.12)!important;color:#0b1730!important;}
.theme_current_light .card,.theme_current_light .service,.theme_current_light .auth-card,.theme_current_light .file-card,.theme_current_light .contact-page-form{background:linear-gradient(180deg,#2a231a,#1b1611)!important;border-color:rgba(236,199,120,.28)!important;color:#fff7e8!important;}
.theme_white input,.theme_white textarea,.theme_white select{background:#fff!important;border-color:rgba(154,116,50,.22)!important;color:#15120e!important;}
.theme_blue_dark input,.theme_blue_dark textarea,.theme_blue_dark select{background:#fff!important;border-color:rgba(37,99,235,.20)!important;color:#0b1730!important;}
.theme_current_light input,.theme_current_light textarea,.theme_current_light select{background:#211b14!important;border-color:rgba(236,199,120,.26)!important;color:#fff7e8!important;}
.theme_white input::placeholder,.theme_white textarea::placeholder{color:#7a6d60!important}.theme_blue_dark input::placeholder,.theme_blue_dark textarea::placeholder{color:#64748b!important}

.theme_white .sidebar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(154,116,50,.18)!important;box-shadow:0 12px 40px rgba(80,56,16,.12)!important;color:#15120e!important;}
.theme_white .sidebar .brand span,.theme_white .sidebar .brand b{color:#b47b1f!important;text-shadow:none!important;}
.theme_white .sidebar .public-nav a,.theme_white .stable-auth a{color:#251d14!important;background:transparent!important;}
.theme_white .sidebar .public-nav a span{background:rgba(180,123,31,.08)!important;border-color:rgba(180,123,31,.22)!important;color:#b47b1f!important;}
.theme_white .sidebar .public-nav a.active,.theme_white .sidebar .public-nav a[aria-current="page"]{background:#15120e!important;color:#fff!important;border-color:#b47b1f!important;}
.theme_white .sidebar .public-nav a.active span,.theme_white .sidebar .public-nav a[aria-current="page"] span{color:#f5d994!important;border-color:rgba(255,255,255,.25)!important;}
.theme_white .lang select{background:#fff!important;color:#15120e!important;border-color:rgba(180,123,31,.25)!important;}

.theme_blue_dark .sidebar{background:linear-gradient(180deg,#081b3f,#0b244f)!important;border-bottom:1px solid rgba(255,255,255,.14)!important;box-shadow:0 14px 46px rgba(8,27,63,.24)!important;color:#fff!important;}
.theme_blue_dark .sidebar .brand span,.theme_blue_dark .sidebar .brand b{color:#fff!important;text-shadow:none!important;}
.theme_blue_dark .sidebar .public-nav a,.theme_blue_dark .stable-auth a{color:#eef6ff!important;}
.theme_blue_dark .sidebar .public-nav a span{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;color:#b9d8ff!important;}
.theme_blue_dark .sidebar .public-nav a.active,.theme_blue_dark .sidebar .public-nav a[aria-current="page"]{background:#fff!important;color:#0b244f!important;border-color:#fff!important;}
.theme_blue_dark .sidebar .public-nav a.active span,.theme_blue_dark .sidebar .public-nav a[aria-current="page"] span{color:#2563eb!important;border-color:rgba(37,99,235,.20)!important;}
.theme_blue_dark .lang select{background:#09214c!important;color:#fff!important;border-color:rgba(255,255,255,.20)!important;}

.theme_current_light .sidebar{background:rgba(43,35,25,.93)!important;border-bottom-color:rgba(236,199,120,.30)!important;}
.theme_current_light .sidebar .public-nav a.active,.theme_current_light .sidebar .public-nav a[aria-current="page"]{background:linear-gradient(135deg,#f4d78f,#d8b46a)!important;color:#17110a!important;border-color:rgba(255,229,164,.68)!important;}

.theme_white .site-footer.footer-simple-only{background:linear-gradient(135deg,#fff,#efe8dc)!important;border-top-color:rgba(154,116,50,.22)!important;color:#15120e!important;}
.theme_blue_dark .site-footer.footer-simple-only{background:linear-gradient(135deg,#ffffff,#eaf2fc)!important;border-top-color:rgba(37,99,235,.18)!important;color:#0b1730!important;}
.theme_current_light .site-footer.footer-simple-only{background:linear-gradient(135deg,#211a13,#15110d)!important;border-top-color:rgba(236,199,120,.24)!important;}
.theme_white .footer-links a,.theme_white .site-footer h2,.theme_white .site-footer h3{color:#15120e!important}.theme_blue_dark .footer-links a,.theme_blue_dark .site-footer h2,.theme_blue_dark .site-footer h3{color:#0b1730!important}
.theme_white .footer-logo{background:#fff!important;color:#b47b1f!important}.theme_blue_dark .footer-logo{background:#0b244f!important;color:#fff!important;border-color:rgba(37,99,235,.22)!important}
.theme_white .btn,.theme_white button{background:linear-gradient(135deg,#15120e,#362513)!important;color:#fff!important;border-color:#b47b1f!important;}
.theme_blue_dark .btn,.theme_blue_dark button{background:linear-gradient(135deg,#0b244f,#2563eb)!important;color:#fff!important;border-color:#2563eb!important;}
.theme_current_light .btn,.theme_current_light button{background:linear-gradient(135deg,#f4d78f,#d8b46a)!important;color:#17110a!important;border-color:rgba(255,229,164,.58)!important;}
.theme_white .contact-section-line{background:#b47b1f!important}.theme_blue_dark .contact-section-line{background:#2563eb!important}

/* === 2026-06-06 FINAL: active menu bug + improved footer === */
.public-nav a.active,
.public-nav a[aria-current="page"]{
  box-shadow:0 10px 28px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
.site-footer.footer-upgraded{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border-top:1px solid var(--line)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(216,180,106,.16),transparent 34%),
    radial-gradient(circle at 78% 120%,rgba(216,180,106,.10),transparent 30%),
    linear-gradient(180deg,var(--panel),var(--bg))!important;
}
.site-footer.footer-upgraded::before{
  content:'';position:absolute;left:clamp(22px,5vw,92px);right:clamp(22px,5vw,92px);top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55;
}
.site-footer.footer-upgraded .footer-inner{
  max-width:1480px!important;width:100%!important;margin:0 auto!important;
  padding:42px clamp(24px,5vw,92px) 30px!important;
  display:grid!important;grid-template-columns:minmax(360px,1.12fr) minmax(320px,.72fr) minmax(320px,.78fr)!important;
  gap:clamp(30px,5vw,82px)!important;align-items:start!important;
}
.footer-brand-block{display:flex!important;gap:18px!important;align-items:flex-start!important;min-width:0!important;}
.footer-brand-block .footer-logo{
  text-decoration:none!important;width:68px!important;height:68px!important;flex:0 0 68px!important;border-radius:20px!important;
  display:grid!important;place-items:center!important;font:34px/.9 Georgia,serif!important;color:var(--gold2)!important;
  border:1px solid var(--line)!important;background:linear-gradient(145deg,rgba(216,180,106,.22),rgba(255,255,255,.05))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.16)!important;
}
.footer-upgraded .footer-copy h2{font:28px/1.08 Georgia,serif!important;margin:0 0 10px!important;color:var(--text)!important;}
.footer-upgraded .footer-copy p{margin:0!important;max-width:650px!important;color:var(--muted)!important;line-height:1.72!important;font-size:14px!important;}
.footer-upgraded .footer-sections h3,.footer-upgraded .footer-contact-card h3{
  margin:0 0 16px!important;color:var(--gold2)!important;font-size:13px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;
}
.footer-upgraded .footer-menu-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 20px!important;}
.footer-upgraded .footer-menu-grid a{
  display:flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important;font-weight:850!important;font-size:14px!important;
  color:var(--text)!important;opacity:.88!important;line-height:1.25!important;transition:.18s ease!important;
}
.footer-upgraded .footer-menu-grid a::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.75;flex:0 0 6px;}
.footer-upgraded .footer-menu-grid a:hover{opacity:1!important;color:var(--gold2)!important;transform:translateX(3px)!important;}
.footer-contact-card{
  border:1px solid var(--line)!important;border-radius:24px!important;padding:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.12)!important;min-width:0!important;
}
.footer-contact-line{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;
  padding:9px 0!important;color:var(--text)!important;text-decoration:none!important;font-size:14px!important;
}
.footer-contact-line span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(216,180,106,.12);color:var(--gold2);border:1px solid var(--line);}
.footer-contact-line b{font-weight:850!important;overflow-wrap:anywhere!important;}
.footer-contact-card small{display:block!important;margin:7px 0 14px 44px!important;color:var(--muted)!important;line-height:1.5!important;}
.footer-contact-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;margin-top:4px!important;
  min-height:42px!important;padding:0 16px!important;border-radius:14px!important;border:1px solid var(--line)!important;
  background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:#17110a!important;font-weight:950!important;
}
.footer-bottom{
  max-width:1480px!important;margin:0 auto!important;padding:16px clamp(24px,5vw,92px) 24px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  border-top:1px solid var(--softline)!important;color:var(--muted)!important;font-size:13px!important;
}
.theme_white .site-footer.footer-upgraded{background:linear-gradient(180deg,#fff,#f1eadf)!important;color:#15120e!important;}
.theme_blue_dark .site-footer.footer-upgraded{background:linear-gradient(180deg,#fff,#e7f0fb)!important;color:#0b1730!important;}
.theme_white .footer-contact-card,.theme_blue_dark .footer-contact-card{background:rgba(255,255,255,.76)!important;box-shadow:0 24px 70px rgba(20,33,58,.08)!important;}
.theme_white .footer-brand-block .footer-logo{color:#b47b1f!important;background:#fff!important;}
.theme_blue_dark .footer-brand-block .footer-logo{color:#fff!important;background:linear-gradient(145deg,#0b244f,#2563eb)!important;}
.theme_blue_dark .footer-contact-line span{background:rgba(37,99,235,.10)!important;color:#2563eb!important;border-color:rgba(37,99,235,.22)!important;}
.theme_white .footer-contact-line span{background:rgba(180,123,31,.10)!important;color:#b47b1f!important;border-color:rgba(180,123,31,.22)!important;}
.theme_white .footer-contact-button{background:linear-gradient(135deg,#15120e,#4b3519)!important;color:#fff!important;}
.theme_blue_dark .footer-contact-button{background:linear-gradient(135deg,#0b244f,#2563eb)!important;color:#fff!important;}
@media(max-width:1050px){
  .site-footer.footer-upgraded .footer-inner{grid-template-columns:1fr 1fr!important;}
  .footer-brand-block{grid-column:1/-1!important;}
}
@media(max-width:680px){
  .site-footer.footer-upgraded .footer-inner{grid-template-columns:1fr!important;padding:34px 18px 24px!important;gap:26px!important;}
  .footer-brand-block{display:block!important;}
  .footer-brand-block .footer-logo{margin-bottom:14px!important;}
  .footer-upgraded .footer-menu-grid{grid-template-columns:1fr!important;}
  .footer-bottom{display:grid!important;padding:14px 18px 22px!important;}
  .footer-contact-card small{margin-left:0!important;}
}

/* === 2026-06-06 THEME TEXT COLOR FINAL FIX ===
   Makes every theme readable: cards, footer, forms, counters, comments, auth and calc pages. */
.theme_white,
.theme_white .main,
.theme_white .section,
.theme_white .resource-layout,
.theme_white .profile-page,
.theme_white .auth-section,
.theme_white .calc-page,
.theme_white .contact-page-section{
  color:#15120e!important;
}
.theme_blue_dark,
.theme_blue_dark .main,
.theme_blue_dark .section,
.theme_blue_dark .resource-layout,
.theme_blue_dark .profile-page,
.theme_blue_dark .auth-section,
.theme_blue_dark .calc-page,
.theme_blue_dark .contact-page-section{
  color:#0b1730!important;
}
.theme_current_light,
.theme_current_light .main,
.theme_current_light .section,
.theme_current_light .resource-layout,
.theme_current_light .profile-page,
.theme_current_light .auth-section,
.theme_current_light .calc-page,
.theme_current_light .contact-page-section{
  color:#fff7e8!important;
}

/* Light themes: dark readable content except inside the dark hero image. */
.theme_white .main h1:not(.hero h1),
.theme_white .main h2:not(.hero h2),
.theme_white .main h3:not(.hero h3),
.theme_white .main h4,
.theme_white .section h1,
.theme_white .section h2,
.theme_white .section h3,
.theme_white .section-head h2,
.theme_white .card b,
.theme_white .card-link b,
.theme_white .service h3,
.theme_white .file-card b,
.theme_white .resource-card b,
.theme_white .member-card b,
.theme_white .profile-card b,
.theme_white .auth-card h1,
.theme_white .contact-page-form h2,
.theme_white .contact-info-panel h2,
.theme_white .footer-upgraded .footer-copy h2,
.theme_white .footer-contact-line b,
.theme_white .footer-bottom,
.theme_white label,
.theme_white strong{
  color:#15120e!important;
  text-shadow:none!important;
}
.theme_blue_dark .main h1:not(.hero h1),
.theme_blue_dark .main h2:not(.hero h2),
.theme_blue_dark .main h3:not(.hero h3),
.theme_blue_dark .main h4,
.theme_blue_dark .section h1,
.theme_blue_dark .section h2,
.theme_blue_dark .section h3,
.theme_blue_dark .section-head h2,
.theme_blue_dark .card b,
.theme_blue_dark .card-link b,
.theme_blue_dark .service h3,
.theme_blue_dark .file-card b,
.theme_blue_dark .resource-card b,
.theme_blue_dark .member-card b,
.theme_blue_dark .profile-card b,
.theme_blue_dark .auth-card h1,
.theme_blue_dark .contact-page-form h2,
.theme_blue_dark .contact-info-panel h2,
.theme_blue_dark .footer-upgraded .footer-copy h2,
.theme_blue_dark .footer-contact-line b,
.theme_blue_dark .footer-bottom,
.theme_blue_dark label,
.theme_blue_dark strong{
  color:#0b1730!important;
  text-shadow:none!important;
}
.theme_white p,
.theme_white small,
.theme_white .card small,
.theme_white .service p,
.theme_white .section p,
.theme_white .footer-upgraded .footer-copy p,
.theme_white .footer-contact-card small,
.theme_white .contact-page-form small,
.theme_white .muted,
.theme_white .profile small{
  color:#62594f!important;
}
.theme_blue_dark p,
.theme_blue_dark small,
.theme_blue_dark .card small,
.theme_blue_dark .service p,
.theme_blue_dark .section p,
.theme_blue_dark .footer-upgraded .footer-copy p,
.theme_blue_dark .footer-contact-card small,
.theme_blue_dark .contact-page-form small,
.theme_blue_dark .muted,
.theme_blue_dark .profile small{
  color:#516174!important;
}
.theme_white .section-head span,
.theme_white .eyebrow,
.theme_white .footer-upgraded .footer-sections h3,
.theme_white .footer-upgraded .footer-contact-card h3,
.theme_white .footer-upgraded .footer-menu-grid a:hover{
  color:#b47b1f!important;
}
.theme_blue_dark .section-head span,
.theme_blue_dark .eyebrow,
.theme_blue_dark .footer-upgraded .footer-sections h3,
.theme_blue_dark .footer-upgraded .footer-contact-card h3,
.theme_blue_dark .footer-upgraded .footer-menu-grid a:hover{
  color:#2563eb!important;
}

/* Hero always stays readable because it is on the dark image. */
.theme_white .hero h1,
.theme_white .hero h2,
.theme_white .hero h3,
.theme_white .hero p,
.theme_blue_dark .hero h1,
.theme_blue_dark .hero h2,
.theme_blue_dark .hero h3,
.theme_blue_dark .hero p,
.theme_current_light .hero h1,
.theme_current_light .hero h2,
.theme_current_light .hero h3,
.theme_current_light .hero p{
  color:#fff!important;
  text-shadow:0 12px 44px rgba(0,0,0,.62)!important;
}
.theme_white .hero .eyebrow{color:#f7c86d!important;}
.theme_blue_dark .hero .eyebrow{color:#b9d8ff!important;}

/* Light theme cards/forms must be really light with dark text. */
.theme_white .card,
.theme_white .service,
.theme_white .file-card,
.theme_white .resource-card,
.theme_white .member-card,
.theme_white .profile-card,
.theme_white .auth-card,
.theme_white .contact-page-form,
.theme_white .footer-contact-card{
  background:linear-gradient(180deg,#ffffff,#f8f4ec)!important;
  color:#15120e!important;
  border-color:rgba(154,116,50,.22)!important;
}
.theme_blue_dark .card,
.theme_blue_dark .service,
.theme_blue_dark .file-card,
.theme_blue_dark .resource-card,
.theme_blue_dark .member-card,
.theme_blue_dark .profile-card,
.theme_blue_dark .auth-card,
.theme_blue_dark .contact-page-form,
.theme_blue_dark .footer-contact-card{
  background:linear-gradient(180deg,#ffffff,#f5f8fd)!important;
  color:#0b1730!important;
  border-color:rgba(37,99,235,.20)!important;
}

/* Buttons/counters/interactions per theme. */
.theme_white .heart-btn,
.theme_white .comment-counter,
.theme_white .clean-comment,
.theme_white .interaction-box a,
.theme_white .interaction-box button,
.theme_white .btn-mini{
  color:#15120e!important;
  background:rgba(180,123,31,.08)!important;
  border-color:rgba(180,123,31,.25)!important;
}
.theme_blue_dark .heart-btn,
.theme_blue_dark .comment-counter,
.theme_blue_dark .clean-comment,
.theme_blue_dark .interaction-box a,
.theme_blue_dark .interaction-box button,
.theme_blue_dark .btn-mini{
  color:#0b1730!important;
  background:rgba(37,99,235,.08)!important;
  border-color:rgba(37,99,235,.24)!important;
}
.theme_white .btn,
.theme_white button,
.theme_white .footer-contact-button,
.theme_white .contact-page-form button{
  background:linear-gradient(135deg,#15120e,#4b3519)!important;
  color:#fff!important;
  border-color:#b47b1f!important;
}
.theme_blue_dark .btn,
.theme_blue_dark button,
.theme_blue_dark .footer-contact-button,
.theme_blue_dark .contact-page-form button{
  background:linear-gradient(135deg,#0b244f,#2563eb)!important;
  color:#fff!important;
  border-color:#2563eb!important;
}

/* Inputs/selects/placeholders. */
.theme_white input,
.theme_white textarea,
.theme_white select{
  background:#fff!important;color:#15120e!important;border-color:rgba(154,116,50,.28)!important;
}
.theme_blue_dark input,
.theme_blue_dark textarea,
.theme_blue_dark select{
  background:#fff!important;color:#0b1730!important;border-color:rgba(37,99,235,.26)!important;
}
.theme_white input::placeholder,
.theme_white textarea::placeholder{color:#7b7167!important;opacity:1!important;}
.theme_blue_dark input::placeholder,
.theme_blue_dark textarea::placeholder{color:#64748b!important;opacity:1!important;}

/* Header/menu readability per theme. */
.theme_white .sidebar .public-nav a,
.theme_white .stable-auth a,
.theme_white .lang select{color:#15120e!important;}
.theme_blue_dark .sidebar .public-nav a,
.theme_blue_dark .stable-auth a,
.theme_blue_dark .lang select{color:#eef6ff!important;}
.theme_white .sidebar .public-nav a.active,
.theme_white .sidebar .public-nav a[aria-current="page"]{color:#fff!important;background:#15120e!important;}
.theme_blue_dark .sidebar .public-nav a.active,
.theme_blue_dark .sidebar .public-nav a[aria-current="page"]{color:#0b244f!important;background:#fff!important;}

/* Footer links and contact lines. */
.theme_white .footer-upgraded .footer-menu-grid a,
.theme_white .footer-contact-line,
.theme_white .footer-contact-line b,
.theme_white .footer-bottom{color:#15120e!important;}
.theme_blue_dark .footer-upgraded .footer-menu-grid a,
.theme_blue_dark .footer-contact-line,
.theme_blue_dark .footer-contact-line b,
.theme_blue_dark .footer-bottom{color:#0b1730!important;}

/* Comment modal must stay dark/readable in every theme. */
.theme_white .comment-modal,
.theme_blue_dark .comment-modal,
.theme_current_light .comment-modal{
  background:linear-gradient(180deg,#17140f,#080807)!important;
  color:#fff!important;
}
.theme_white .comment-modal h3,
.theme_white .comment-modal small,
.theme_white .comment-modal b,
.theme_white .comment-modal p,
.theme_white .comment-body,
.theme_blue_dark .comment-modal h3,
.theme_blue_dark .comment-modal small,
.theme_blue_dark .comment-modal b,
.theme_blue_dark .comment-modal p,
.theme_blue_dark .comment-body{
  color:#fff!important;
}
.theme_white .comment-modal textarea,
.theme_blue_dark .comment-modal textarea{
  background:#0b0b0a!important;color:#fff!important;border-color:rgba(216,180,106,.32)!important;
}
.theme_white .comment-modal textarea::placeholder,
.theme_blue_dark .comment-modal textarea::placeholder{color:#b9b0a3!important;}

/* === 2026-06-06 FINAL QA: theme readable text + responsive mobile/tablet polish === */
:root{--safe-page-x:clamp(18px,4.2vw,72px)}
body.theme_white,body.theme_blue_dark{min-height:100vh}
.theme_white .main,.theme_blue_dark .main{color:var(--text)!important}
.theme_white .section,.theme_blue_dark .section{border-bottom-color:var(--softline)!important}

/* Light themes: every normal text block must be readable, not pale gold on white. */
.theme_white .main :where(h1,h2,h3,h4,h5,h6,b,strong,label,legend,dt),
.theme_white .contact-info-panel :where(h2,h3,b,a,p,small),
.theme_white .contact-info-item :where(a,b,p,small),
.theme_white .footer-upgraded :where(h2,h3,b,a,p,small,span),
.theme_white .resource-grid :where(h2,h3,b,a,p,small,span),
.theme_white .auth-card :where(h1,h2,h3,b,a,p,small,label),
.theme_white .profile-card :where(h1,h2,h3,b,a,p,small,label),
.theme_white .member-card :where(h1,h2,h3,b,a,p,small,label){color:#15120e!important;text-shadow:none!important}
.theme_white .main :where(p,small,.muted,.card small,.service p,.section p){color:#645b50!important}
.theme_white .main :where(.eyebrow,.section-head span,.contact-info-item span,.footer-contact-line span){color:#b47b1f!important}

.theme_blue_dark .main :where(h1,h2,h3,h4,h5,h6,b,strong,label,legend,dt),
.theme_blue_dark .contact-info-panel :where(h2,h3,b,a,p,small),
.theme_blue_dark .contact-info-item :where(a,b,p,small),
.theme_blue_dark .footer-upgraded :where(h2,h3,b,a,p,small,span),
.theme_blue_dark .resource-grid :where(h2,h3,b,a,p,small,span),
.theme_blue_dark .auth-card :where(h1,h2,h3,b,a,p,small,label),
.theme_blue_dark .profile-card :where(h1,h2,h3,b,a,p,small,label),
.theme_blue_dark .member-card :where(h1,h2,h3,b,a,p,small,label){color:#0b1730!important;text-shadow:none!important}
.theme_blue_dark .main :where(p,small,.muted,.card small,.service p,.section p){color:#516174!important}
.theme_blue_dark .main :where(.eyebrow,.section-head span,.contact-info-item span,.footer-contact-line span){color:#2563eb!important}

/* Hero remains on image: always readable white. */
.theme_white .hero :where(h1,h2,h3,p,.eyebrow),
.theme_blue_dark .hero :where(h1,h2,h3,p,.eyebrow),
.theme_current_light .hero :where(h1,h2,h3,p,.eyebrow){color:#fff!important;text-shadow:0 16px 48px rgba(0,0,0,.68)!important}
.theme_white .hero .eyebrow{color:#f7c86d!important}.theme_blue_dark .hero .eyebrow{color:#b9d8ff!important}

/* Contact page exact readable layout in all themes. */
.theme_white .contact-page-main,.theme_blue_dark .contact-page-main{background:linear-gradient(180deg,#f8fbff,#eef4fb)!important}
.theme_white .contact-page-section,.theme_blue_dark .contact-page-section{background:transparent!important}
.theme_white .contact-page-form,.theme_blue_dark .contact-page-form{background:#fff!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:0 28px 85px rgba(16,34,64,.10)!important}
.theme_white .contact-page-form input,.theme_white .contact-page-form textarea{background:#fff!important;color:#15120e!important;border-color:rgba(154,116,50,.28)!important}
.theme_blue_dark .contact-page-form input,.theme_blue_dark .contact-page-form textarea{background:#fff!important;color:#0b1730!important;border-color:rgba(37,99,235,.26)!important}
.theme_white .contact-page-form input::placeholder,.theme_white .contact-page-form textarea::placeholder{color:#7b7167!important;opacity:1!important}
.theme_blue_dark .contact-page-form input::placeholder,.theme_blue_dark .contact-page-form textarea::placeholder{color:#65758a!important;opacity:1!important}
.theme_white .contact-info-item,.theme_blue_dark .contact-info-item{opacity:1!important}
.theme_white .contact-info-item span{background:rgba(180,123,31,.10)!important;border-radius:12px!important;border:1px solid rgba(180,123,31,.18)!important}
.theme_blue_dark .contact-info-item span{background:rgba(37,99,235,.10)!important;border-radius:12px!important;border:1px solid rgba(37,99,235,.18)!important}

/* Footer: compact premium, no pale links, no empty right box. */
.site-footer.footer-upgraded{width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}
.site-footer.footer-upgraded .footer-inner{max-width:1360px!important;margin:0 auto!important;padding:38px var(--safe-page-x)!important;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.75fr) minmax(280px,.75fr)!important;gap:clamp(24px,4vw,64px)!important}
.footer-upgraded .footer-menu-grid a{min-height:26px!important;align-items:center!important;opacity:1!important}
.footer-upgraded .footer-contact-card{max-width:340px!important;width:100%!important}
.footer-upgraded .footer-bottom{max-width:1360px!important;margin:0 auto!important;padding:14px var(--safe-page-x) 22px!important;color:var(--muted)!important;border-top:1px solid var(--softline)!important}
.theme_white .footer-upgraded,.theme_blue_dark .footer-upgraded{background:linear-gradient(180deg,#fff,#eef4fb)!important}
.theme_white .footer-upgraded .footer-contact-card,.theme_blue_dark .footer-upgraded .footer-contact-card{background:#fff!important;border-color:var(--line)!important}

/* Header responsive: desktop stays one line, tablet scrolls cleanly, mobile not broken. */
.sidebar{width:100%!important;max-width:100vw!important}
.sidebar .public-nav{min-width:0!important;overflow-x:auto!important;scrollbar-width:thin!important}
.sidebar .public-nav a{white-space:nowrap!important;flex:0 0 auto!important}
.sidebar .brand{flex:0 0 auto!important}
.stable-auth{flex:0 0 auto!important}
.lang{flex:0 0 auto!important}
@media(max-width:1180px){
  .sidebar{gap:10px!important;padding:10px 14px!important}
  .sidebar .brand span{font-size:30px!important;letter-spacing:-2px!important}
  .sidebar .brand b{font-size:9px!important;letter-spacing:2px!important}
  .sidebar .public-nav a{padding:9px 10px!important;font-size:12px!important}
  .sidebar .public-nav a span{width:24px!important;height:24px!important}
}
@media(max-width:820px){
  .layout{display:block!important}
  .sidebar{position:sticky!important;top:0!important;z-index:1000!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;height:auto!important;min-height:58px!important;padding:8px 12px!important;border-right:0!important;border-bottom:1px solid var(--softline)!important}
  .sidebar .brand{justify-content:flex-start!important;border:0!important;padding:0!important;gap:7px!important;min-width:82px!important}
  .sidebar .brand span{font-size:26px!important}.sidebar .brand b{font-size:8px!important;letter-spacing:1.7px!important;margin:0!important}
  .sidebar .public-nav{display:flex!important;grid-column:1/-1!important;order:4!important;gap:6px!important;padding:7px 0 2px!important;margin:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .sidebar .public-nav a{min-height:36px!important;padding:8px 10px!important;border-radius:999px!important;font-size:12px!important}
  .stable-auth{display:flex!important;gap:7px!important;justify-content:flex-end!important}.stable-auth a{min-height:32px!important;padding:8px 10px!important;font-size:11px!important}
  .lang{width:auto!important}.lang select{width:auto!important;min-height:32px!important;padding:7px 10px!important;font-size:11px!important}
  .profile,.socials,.side-copy{display:none!important}
  .hero{min-height:390px!important;padding:52px 18px 70px!important;background-position:center right!important}.hero h1{font-size:clamp(42px,13vw,60px)!important}
  .section{padding:30px 18px!important}.section-head{display:flex!important;align-items:center!important;gap:12px!important}.section-head h2{font-size:32px!important}.section-head span{font-size:12px!important}
  .cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.card{min-height:0!important}.card img{height:135px!important}.card b{font-size:14px!important;padding:12px 12px 0!important}.card small{padding:0 12px 14px!important}
  .service-grid{grid-template-columns:1fr!important}.contact-page-section{grid-template-columns:1fr!important;gap:26px!important;padding:38px 18px 44px!important}.contact-page-form{max-width:none!important;padding:18px!important}.contact-info-list{gap:14px!important}.contact-info-item{grid-template-columns:32px 1fr!important;gap:12px!important}
  .site-footer.footer-upgraded .footer-inner{grid-template-columns:1fr!important;padding:28px 18px!important;gap:24px!important}.footer-brand-block{display:grid!important;grid-template-columns:54px 1fr!important}.footer-upgraded .footer-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-upgraded .footer-contact-card{max-width:none!important}.footer-upgraded .footer-bottom{display:flex!important;gap:12px!important;padding:14px 18px 20px!important}
}
@media(max-width:520px){
  body{font-size:14px!important}.hero{min-height:340px!important}.hero h1{letter-spacing:-1.5px!important}.hero p{font-size:13px!important;line-height:1.6!important}.btn,button{min-height:42px!important;padding:11px 15px!important}
  .cards{grid-template-columns:1fr!important}.section-head{display:block!important}.card img{height:160px!important}.contact-page-form input,.contact-page-form textarea{min-height:48px!important;font-size:14px!important}.footer-upgraded .footer-menu-grid{grid-template-columns:1fr!important}.footer-brand-block{grid-template-columns:48px 1fr!important}.footer-logo{width:48px!important;height:48px!important;border-radius:15px!important;font-size:24px!important}
}

/* === 2026-06-06 FINAL HARD READABILITY FIX: comments + contact + resources === */
/* Comment modal must ignore the light page theme completely. */
body .comment-popover[open] .comment-modal,
html .comment-popover[open] .comment-modal{
  background:linear-gradient(180deg,#18140f,#070706)!important;
  border:1px solid rgba(216,180,106,.58)!important;
  color:#fffaf0!important;
}
body .comment-popover[open] .comment-modal :where(h1,h2,h3,h4,h5,h6,b,strong,label,span,small,p,a,div),
html .comment-popover[open] .comment-modal :where(h1,h2,h3,h4,h5,h6,b,strong,label,span,small,p,a,div){
  text-shadow:none!important;
}
body .comment-modal .comment-modal-head small{color:#f4d78f!important;opacity:1!important;}
body .comment-modal .comment-modal-head h3{color:#fff6e8!important;opacity:1!important;}
body .comment-modal .rich-comment{background:rgba(255,255,255,.055)!important;border-color:rgba(216,180,106,.24)!important;}
body .comment-modal .comment-avatar{color:#f4d78f!important;background:rgba(216,180,106,.18)!important;border-color:rgba(216,180,106,.40)!important;}
body .comment-modal .comment-author-name,
body .comment-modal .comment-author-name strong,
body .comment-modal .comment-body > strong{
  color:#ffffff!important;
  opacity:1!important;
  font-weight:950!important;
}
body .comment-modal .comment-user-role,
body .comment-modal .staff-role-line{
  display:block!important;
  margin-top:2px!important;
  color:#f4d78f!important;
  opacity:1!important;
  font-size:12px!important;
  font-weight:850!important;
}
body .comment-modal .comment-body p,
body .comment-modal .staff-reply p{
  color:#f1eadc!important;
  opacity:1!important;
  font-size:15px!important;
  line-height:1.6!important;
}
body .comment-modal .empty-comments{color:#f1eadc!important;background:rgba(216,180,106,.08)!important;border-color:rgba(216,180,106,.36)!important;}
body .comment-modal .clean-comment-form textarea,
body.theme_white .comment-modal .clean-comment-form textarea,
body.theme_blue_dark .comment-modal .clean-comment-form textarea,
body.theme_current_light .comment-modal .clean-comment-form textarea{
  background:#090908!important;
  color:#fff!important;
  border:1px solid rgba(216,180,106,.48)!important;
  opacity:1!important;
}
body .comment-modal .clean-comment-form textarea::placeholder{color:#cfc2b0!important;opacity:1!important;}
body .comment-modal .clean-comment-form button,
body.theme_white .comment-modal .clean-comment-form button,
body.theme_blue_dark .comment-modal .clean-comment-form button,
body.theme_current_light .comment-modal .clean-comment-form button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:54px!important;
  border-radius:0 0 18px 18px!important;
  background:linear-gradient(135deg,#f4d78f,#d8b46a)!important;
  color:#17110a!important;
  border:1px solid rgba(255,230,166,.55)!important;
  opacity:1!important;
  visibility:visible!important;
  font-weight:1000!important;
  font-size:15px!important;
  letter-spacing:.2px!important;
}
body .comment-modal .official-badge.verified-blue,
body .comment-modal .official-badge.verified-blue img{
  opacity:1!important;
  visibility:visible!important;
}
body .comment-modal .official-badge.verified-blue{display:inline-flex!important;width:20px!important;height:20px!important;min-width:20px!important;margin-left:6px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body .comment-modal .official-badge.verified-blue b{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;}

/* Contact page: all information lines readable in every light theme. */
body.theme_white .contact-page-section :where(.contact-info-panel,.contact-info-list,.contact-info-item),
body.theme_blue_dark .contact-page-section :where(.contact-info-panel,.contact-info-list,.contact-info-item){opacity:1!important;}
body.theme_white .contact-info-panel h2,
body.theme_white .contact-info-item :where(a,b,p,small),
body.theme_white .contact-privacy,
body.theme_white .contact-page-form :where(h2,label,small),
body.theme_white .contact-file-control em{color:#15120e!important;opacity:1!important;text-shadow:none!important;}
body.theme_blue_dark .contact-info-panel h2,
body.theme_blue_dark .contact-info-item :where(a,b,p,small),
body.theme_blue_dark .contact-privacy,
body.theme_blue_dark .contact-page-form :where(h2,label,small),
body.theme_blue_dark .contact-file-control em{color:#0b1730!important;opacity:1!important;text-shadow:none!important;}
body.theme_white .contact-info-item span{color:#b47b1f!important;background:rgba(180,123,31,.12)!important;}
body.theme_blue_dark .contact-info-item span{color:#2563eb!important;background:rgba(37,99,235,.12)!important;}
body.theme_white .contact-page-form input,body.theme_white .contact-page-form textarea{color:#15120e!important;background:#fff!important;}
body.theme_blue_dark .contact-page-form input,body.theme_blue_dark .contact-page-form textarea{color:#0b1730!important;background:#fff!important;}
body.theme_white .contact-page-form input::placeholder,body.theme_white .contact-page-form textarea::placeholder{color:#74695f!important;opacity:1!important;}
body.theme_blue_dark .contact-page-form input::placeholder,body.theme_blue_dark .contact-page-form textarea::placeholder{color:#65758a!important;opacity:1!important;}
body.theme_white .contact-page-form button{background:linear-gradient(135deg,#15120e,#4b3519)!important;color:#fff!important;}
body.theme_blue_dark .contact-page-form button{background:linear-gradient(135deg,#0b244f,#2563eb)!important;color:#fff!important;}

/* Materials/resources: no pale text on white/blue themes. */
body.theme_white .resources-section,
body.theme_white .resource-grid,
body.theme_white .file-card{color:#15120e!important;}
body.theme_blue_dark .resources-section,
body.theme_blue_dark .resource-grid,
body.theme_blue_dark .file-card{color:#0b1730!important;}
body.theme_white .file-card :where(h3,b,strong,a),
body.theme_white .resource-cats a,
body.theme_white .resources-section .section-head :where(h2,span){color:#15120e!important;opacity:1!important;}
body.theme_blue_dark .file-card :where(h3,b,strong,a),
body.theme_blue_dark .resource-cats a,
body.theme_blue_dark .resources-section .section-head :where(h2,span){color:#0b1730!important;opacity:1!important;}
body.theme_white .file-card :where(p,small),
body.theme_white .members-notice-inline{color:#645b50!important;opacity:1!important;}
body.theme_blue_dark .file-card :where(p,small),
body.theme_blue_dark .members-notice-inline{color:#516174!important;opacity:1!important;}
body.theme_white .resource-cats a.active{background:#15120e!important;color:#fff!important;}
body.theme_blue_dark .resource-cats a.active{background:#0b244f!important;color:#fff!important;}
body.theme_white .file-icon{color:#b47b1f!important;background:rgba(180,123,31,.10)!important;border-color:rgba(180,123,31,.22)!important;}
body.theme_blue_dark .file-icon{color:#2563eb!important;background:rgba(37,99,235,.10)!important;border-color:rgba(37,99,235,.22)!important;}

/* Current-light theme also gets visible text in contact/resources. */
body.theme_current_light .contact-info-item :where(a,b,p,small),
body.theme_current_light .contact-page-form :where(h2,label,small),
body.theme_current_light .file-card :where(h3,b,strong,a),
body.theme_current_light .resource-cats a,
body.theme_current_light .resources-section .section-head :where(h2,span){color:#fff7e8!important;opacity:1!important;}
body.theme_current_light .file-card :where(p,small),
body.theme_current_light .contact-file-control em{color:#d8cdbb!important;opacity:1!important;}

@media(max-width:820px){
  body .comment-popover[open] .comment-modal{left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;transform:none!important;width:auto!important;max-height:calc(100vh - 20px)!important;padding:16px!important;}
  body .rich-comments{max-height:36vh!important;}
}

/* MCALC FINAL READABILITY OVERRIDES 2026-06-07 */

.theme_white .contact-info,.theme_white .contact-info *,.theme_white .resource-card,.theme_white .resource-card *,.theme_white .comment-modal,.theme_white .comment-modal *,.theme_blue_dark .contact-info,.theme_blue_dark .contact-info *,.theme_blue_dark .resource-card,.theme_blue_dark .resource-card *{color:#061a38!important}
.theme_white .muted,.theme_white .contact-muted,.theme_white .resource-card small,.theme_blue_dark .muted,.theme_blue_dark .contact-muted,.theme_blue_dark .resource-card small{color:#475569!important}
.theme_white input,.theme_white textarea,.theme_white select,.theme_blue_dark input,.theme_blue_dark textarea,.theme_blue_dark select{color:#0f172a!important;background:#fff!important}
.theme_current .comment-modal,.theme_current_light .comment-modal{color:#fff7e8!important}
.comment-modal .comment-author,.comment-modal .comment-role,.comment-modal .comment-text,.comment-modal textarea,.comment-modal button{opacity:1!important;visibility:visible!important}

/* FINAL FIX 2026-06-07: card scale, footer layout, readable themed text */
:root{--card-min:265px;--card-img-h:178px}.theme_white,.theme_current_light{--text:#21170d;--muted:#625545;--panel:#fffdf7;--panel2:#f8f1e7;--line:#d7bf91;--softline:#eadbc1}.theme_blue_dark{--text:#071d40;--muted:#3f5776;--panel:#ffffff;--panel2:#eef6ff;--line:#bdd4f2;--softline:#dceafb}.main .section{padding-top:54px;padding-bottom:54px}.cards{grid-template-columns:repeat(auto-fit,minmax(var(--card-min),1fr));gap:28px;align-items:stretch}.card{min-height:315px;border-radius:22px;background:linear-gradient(180deg,var(--panel),var(--panel2));color:var(--text);border-color:var(--softline);box-shadow:0 18px 50px rgba(18,25,38,.09)}.card img{height:var(--card-img-h)}.card b{font-size:17px;color:var(--text)}.card small,.custom-item-card .custom-item-text{color:var(--muted)!important}.card-actions,.comment-actions{padding:0 18px 16px;display:flex;gap:10px}.like-btn,.comment-btn,.card .btn{min-height:34px;padding:8px 14px;border-radius:999px}.section-head{max-width:100%;align-items:flex-start}.section-head span{white-space:normal;color:var(--gold2)}.service{background:linear-gradient(180deg,var(--panel),var(--panel2));color:var(--text);border-color:var(--softline);min-height:225px}.service h3{color:var(--text)}.service p{color:var(--muted)!important}.site-footer.footer-upgraded{padding:54px clamp(32px,7vw,110px) 26px;background:linear-gradient(180deg,var(--panel),var(--panel2));border-top:1px solid var(--softline);color:var(--text)}.footer-upgraded .footer-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(260px,.9fr) minmax(270px,.85fr);gap:56px;align-items:start}.footer-upgraded .footer-logo{width:64px;height:64px;min-width:64px;border-radius:20px;background:linear-gradient(145deg,var(--panel2),var(--panel));color:var(--gold2);border:1px solid var(--line);box-shadow:0 16px 35px rgba(0,0,0,.1)}.footer-upgraded h2,.footer-upgraded h3{color:var(--text)!important}.footer-upgraded .footer-copy p,.footer-upgraded .footer-contact-card small,.footer-bottom{color:var(--muted)!important}.footer-upgraded .footer-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px 26px}.footer-upgraded .footer-menu-grid a{color:var(--text)!important;text-decoration:none;font-weight:800}.footer-upgraded .footer-menu-grid a:before{content:'•';color:var(--gold2);margin-right:8px}.footer-contact-card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--softline);box-shadow:0 18px 45px rgba(0,0,0,.08);border-radius:22px;padding:24px}.footer-contact-line{display:flex;align-items:center;gap:12px;color:var(--text)!important;text-decoration:none;margin:10px 0}.footer-contact-line span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(220,174,71,.14);border:1px solid var(--line);color:var(--gold2)}.footer-contact-button{display:inline-flex;margin-top:14px;background:var(--text);color:var(--panel)!important;border-radius:12px;padding:12px 16px;text-decoration:none;font-weight:900}.footer-bottom{max-width:1440px;margin:34px auto 0;padding-top:22px;border-top:1px solid var(--softline);display:flex;justify-content:space-between;gap:16px}.blog-preview-section{display:none!important}.contact-page .contact-info li,.contact-info li,.contact-info a,.contact-info span{color:var(--text)!important}.contact-page p,.contact-page small{color:var(--muted)!important}.resource-card,.material-card,.custom-page-cards .card{background:linear-gradient(180deg,var(--panel),var(--panel2));color:var(--text);border-color:var(--softline)}.resource-card *,.material-card *{color:inherit}.resource-card small,.material-card small{color:var(--muted)!important}@media(min-width:1500px){:root{--card-min:285px;--card-img-h:190px}.cards{gap:30px}.section{padding-left:clamp(48px,6vw,120px);padding-right:clamp(48px,6vw,120px)}}@media(max-width:1100px){.footer-upgraded .footer-inner{grid-template-columns:1fr 1fr}.footer-contact-card{grid-column:1/-1}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){:root{--card-min:100%;--card-img-h:190px}.cards{grid-template-columns:1fr}.site-footer.footer-upgraded{padding:36px 18px 22px}.footer-upgraded .footer-inner{grid-template-columns:1fr;gap:28px}.footer-upgraded .footer-brand{display:flex}.footer-upgraded .footer-menu-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.hero h1,h1{font-size:42px}.section{padding-left:18px;padding-right:18px}}


/* ZS FINAL HOME LAYOUT FIX 2026-06-07-8 */
body.theme_white .main,
body.theme_current_light .main{background:linear-gradient(180deg,#fffdf8 0,#f5efe5 48%,#efe4d2 100%)!important;color:#1d160f!important;}
body.theme_blue_dark .main{background:linear-gradient(180deg,#f7fbff 0,#edf6ff 52%,#e2f0ff 100%)!important;color:#061a38!important;}
.main .section{max-width:1540px;margin-left:auto;margin-right:auto;padding-left:clamp(28px,5vw,96px)!important;padding-right:clamp(28px,5vw,96px)!important;}
.main .section-head{margin-bottom:22px!important;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;}
.cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,260px))!important;gap:26px!important;justify-content:flex-start!important;}
.card{width:100%!important;min-height:292px!important;border-radius:18px!important;overflow:hidden!important;}
.card img{height:150px!important;width:100%!important;object-fit:cover!important;}
.card .card-link{min-height:238px!important;display:block!important;}
.card b{display:block!important;padding:14px 16px 4px!important;font-size:15px!important;line-height:1.25!important;}
.card small{display:block!important;padding:0 16px 12px!important;font-size:12px!important;line-height:1.45!important;}
.service-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:24px!important;}
.service{min-height:190px!important;border-radius:18px!important;padding:24px!important;}
#blog{display:none!important;}
.featured-clean-section{padding-top:34px!important;padding-bottom:34px!important;}
.featured-clean-card{border:1px solid var(--softline,#eadbc1);background:linear-gradient(180deg,var(--panel,#fffdf7),var(--panel2,#f6efe5));border-radius:22px;min-height:110px;padding:24px;color:var(--text,#21170d);box-shadow:0 18px 45px rgba(20,20,20,.06);}
.featured-clean-card b{font-size:20px;color:var(--text,#21170d)!important;display:block;margin-bottom:8px;}
.featured-clean-card p{color:var(--muted,#625545)!important;margin:0;max-width:860px;}
.site-footer.footer-upgraded{margin-top:0!important;padding-left:clamp(36px,9vw,150px)!important;padding-right:clamp(36px,9vw,150px)!important;}
.footer-upgraded .footer-inner{max-width:1480px!important;grid-template-columns:minmax(360px,1.15fr) minmax(360px,.85fr) minmax(310px,.75fr)!important;justify-content:center!important;}
.footer-brand-block{max-width:520px!important;}
.footer-upgraded .footer-menu-grid{grid-template-columns:repeat(2,minmax(150px,1fr))!important;}
.footer-contact-card{max-width:330px!important;justify-self:start!important;}
@media(min-width:1500px){.cards{grid-template-columns:repeat(auto-fit,minmax(250px,280px))!important}.card{min-height:315px!important}.card img{height:168px!important}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-upgraded .footer-inner{grid-template-columns:1fr!important}.footer-contact-card{max-width:none!important}.main .section{padding-left:18px!important;padding-right:18px!important}}
@media(max-width:560px){.cards{grid-template-columns:1fr!important}.card img{height:180px!important}.main .section-head{display:block}.hero{min-height:430px!important}.hero h1{font-size:40px!important}}

/* === ZS FINAL WIDTH + TEXT SIZE + CLEAN HOME PATCH 2026-06-07 === */
:root{--zs-user-font-scale:1;--zs-page-max:1780px;--zs-card-min-final:255px;}
html{font-size:calc(16px * var(--zs-user-font-scale,1))!important;}
body{font-size:1rem!important;}
body .main{overflow-x:hidden!important;}
.main .section{
  max-width:var(--zs-page-max)!important;
  width:min(var(--zs-page-max),calc(100vw - 72px))!important;
  padding-left:0!important;
  padding-right:0!important;
}
.hero{padding-left:max(44px,calc((100vw - min(var(--zs-page-max),calc(100vw - 72px))) / 2))!important;padding-right:max(44px,calc((100vw - min(var(--zs-page-max),calc(100vw - 72px))) / 2))!important;}
.cards{grid-template-columns:repeat(auto-fit,minmax(var(--zs-card-min-final),1fr))!important;gap:30px!important;justify-content:stretch!important;}
.card{min-height:330px!important;border-radius:22px!important;}
.card img{height:178px!important;}
.card b{font-size:1rem!important;}
.card small{font-size:.84rem!important;}
.service-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr))!important;gap:30px!important;}
.service{min-height:220px!important;}
.featured-clean-section,.featured-clean-card{display:none!important;}
.public-toolbar{position:relative;display:flex;align-items:center;gap:8px;margin-left:auto;min-width:max-content;}
.font-toggle{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-weight:950!important;font-size:18px!important;line-height:1!important;background:rgba(255,255,255,.08)!important;border:1px solid var(--line)!important;color:var(--gold2)!important;box-shadow:none!important;}
.font-toggle:hover{filter:none!important;transform:translateY(-1px);}
.font-popover{position:absolute;right:0;top:calc(100% + 12px);z-index:2147482000;width:min(420px,calc(100vw - 28px));padding:18px;border-radius:22px;background:#3b3b3b;color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.35);}
.font-popover strong{display:block;margin:0 0 14px;color:#fff;font-size:16px;}
.font-slider-row{display:grid;grid-template-columns:54px 1fr 54px;gap:16px;align-items:center;}
.font-a{height:54px;width:54px;border-radius:15px;background:#fff;color:#377df3;display:grid;place-items:center;font-weight:950;font-size:21px;box-shadow:0 4px 14px rgba(0,0,0,.18);}
.font-a-big{font-size:27px;}
.font-scale-range{appearance:none;-webkit-appearance:none;height:7px;border-radius:999px;background:#e7e7e7!important;border:0!important;padding:0!important;}
.font-scale-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#4b8ff5;border:4px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer;}
.font-scale-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#4b8ff5;border:4px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer;}
.font-reset{margin-top:14px;width:100%;justify-content:center!important;background:#fff!important;color:#222!important;border:0!important;border-radius:14px!important;box-shadow:none!important;}
.sidebar{min-height:72px!important;}
.sidebar .brand{min-width:120px!important;}
.sidebar .brand span{font-size:33px!important;letter-spacing:-1px!important;}
.sidebar .brand b{font-size:9px!important;letter-spacing:3px!important;}
.sidebar .public-nav a{font-size:.86rem!important;min-height:42px!important;padding:10px 13px!important;}
.sidebar .public-nav a span{width:27px!important;height:27px!important;}
.auth-actions.stable-auth a{font-size:.82rem!important;padding:9px 13px!important;}
.lang select{width:auto!important;min-width:68px!important;height:42px!important;border-radius:999px!important;font-size:.82rem!important;font-weight:900!important;padding:0 13px!important;}
/* Keep readable text in light themes */
body.theme_white .main :where(h1,h2,h3,h4,h5,h6,b,strong,label,dt),
body.theme_white .main :where(.card b,.service h3,.section-head h2),
body.theme_white .footer-upgraded :where(h2,h3,b,a,span),
body.theme_current_light .main :where(.card b,.service h3,.section-head h2),
body.theme_blue_dark .main :where(h1,h2,h3,h4,h5,h6,b,strong,label,dt),
body.theme_blue_dark .main :where(.card b,.service h3,.section-head h2),
body.theme_blue_dark .footer-upgraded :where(h2,h3,b,a,span){opacity:1!important;text-shadow:none!important;}
body.theme_white .main :where(p,small,.card small,.service p),
body.theme_white .footer-upgraded :where(p,small),
body.theme_blue_dark .main :where(p,small,.card small,.service p),
body.theme_blue_dark .footer-upgraded :where(p,small){opacity:1!important;}
.site-footer.footer-upgraded .footer-inner{max-width:var(--zs-page-max)!important;width:min(var(--zs-page-max),calc(100vw - 72px))!important;padding-left:0!important;padding-right:0!important;grid-template-columns:minmax(390px,1.2fr) minmax(360px,.9fr) minmax(330px,.75fr)!important;}
.site-footer.footer-upgraded .footer-bottom{max-width:var(--zs-page-max)!important;width:min(var(--zs-page-max),calc(100vw - 72px))!important;}
.admin-font-default-card{margin:24px 0;padding:22px;border-radius:20px;border:1px solid rgba(216,180,106,.22);background:rgba(255,255,255,.035);}
.admin-font-default-card h3{margin:0 0 6px;color:#f4d78f;}
.admin-font-default-card p{margin:0 0 16px;color:#c8beb0;}
.admin-font-slider-row{display:grid;grid-template-columns:42px 1fr 64px 52px;gap:14px;align-items:center;max-width:620px;}
.admin-font-slider-row span{height:42px;border-radius:13px;background:#fff;color:#377df3;display:grid;place-items:center;font-weight:950;}
.admin-font-slider-row span.big{font-size:26px;}
.admin-font-slider-row input[type=range]{width:100%;}
.admin-font-slider-row b{color:#fff;}
@media(min-width:1600px){:root{--zs-page-max:1880px;--zs-card-min-final:275px}.card img{height:190px!important}.cards{gap:34px!important}}
@media(max-width:1220px){.main .section,.site-footer.footer-upgraded .footer-inner,.site-footer.footer-upgraded .footer-bottom{width:calc(100vw - 40px)!important}.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-footer.footer-upgraded .footer-inner{grid-template-columns:1fr 1fr!important}.footer-contact-card{grid-column:1/-1!important;max-width:none!important}.font-popover{right:0}}
@media(max-width:820px){.main .section,.site-footer.footer-upgraded .footer-inner,.site-footer.footer-upgraded .footer-bottom{width:calc(100vw - 32px)!important}.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-grid{grid-template-columns:1fr!important}.hero{padding-left:20px!important;padding-right:20px!important}.public-toolbar{margin-left:0}.font-toggle{width:40px!important;height:40px!important;min-width:40px!important}.font-popover{position:fixed;top:70px;left:14px;right:14px;width:auto}.sidebar .public-nav a{font-size:.82rem!important}.site-footer.footer-upgraded .footer-inner{grid-template-columns:1fr!important}}
@media(max-width:560px){.main .section,.site-footer.footer-upgraded .footer-inner,.site-footer.footer-upgraded .footer-bottom{width:calc(100vw - 28px)!important}.cards{grid-template-columns:1fr!important}.card img{height:190px!important}.font-slider-row{grid-template-columns:46px 1fr 46px;gap:10px}.font-a{width:46px;height:46px}.sidebar{min-height:auto!important}.sidebar .public-nav{gap:7px!important}.sidebar .public-nav a{font-size:.78rem!important}.auth-actions.stable-auth{display:flex!important;gap:8px!important}.auth-actions.stable-auth a{white-space:nowrap!important}}

/* === 2026-06-07 HOME LATEST + FONT POPOVER REAL FIX === */
.sidebar{overflow:visible!important;}
.public-toolbar{position:relative!important;z-index:2147483000!important;overflow:visible!important;}
.font-popover{position:fixed!important;top:78px!important;right:clamp(14px,2vw,34px)!important;left:auto!important;z-index:2147483600!important;width:min(430px,calc(100vw - 28px))!important;max-width:430px!important;background:#343434!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important;}
.font-popover[hidden]{display:none!important;}
.font-popover:before{content:'';position:absolute;right:42px;top:-8px;width:16px;height:16px;transform:rotate(45deg);background:#343434;border-left:1px solid rgba(255,255,255,.18);border-top:1px solid rgba(255,255,255,.18)}
.home-latest-section{padding-top:52px!important;padding-bottom:58px!important;}
.home-latest-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:28px;align-items:start;}
.home-latest-panel{background:var(--card)!important;border:1px solid var(--softline)!important;border-radius:24px!important;padding:24px!important;box-shadow:var(--shadow)!important;min-height:260px;}
.home-latest-panel h3{margin:0 0 18px!important;color:var(--text)!important;font-size:1.18rem!important;}
.home-latest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.home-latest-list.comments{grid-template-columns:1fr;}
.home-latest-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px 13px;align-items:start;min-height:92px;padding:14px;border-radius:18px;border:1px solid var(--softline);background:rgba(255,255,255,.035);text-decoration:none;color:var(--text);transition:.18s ease;}
.home-latest-item:hover{transform:translateY(-2px);border-color:var(--line);background:rgba(216,180,106,.08)}
.home-latest-item em{grid-row:1/4;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(216,180,106,.14);border:1px solid var(--line);color:var(--gold2);font-style:normal;font-weight:950;font-size:.78rem;text-transform:uppercase;overflow:hidden;}
.home-latest-item b{color:var(--text)!important;font-size:.98rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-latest-item small{color:var(--muted)!important;line-height:1.55;font-size:.82rem;}
.home-latest-item span{color:var(--gold2);font-size:.8rem;font-weight:800;}
.home-latest-empty{padding:18px;border-radius:16px;border:1px dashed var(--line);color:var(--muted);background:rgba(216,180,106,.04)}
body.theme_white .home-latest-panel,body.theme_blue_dark .home-latest-panel,body.theme_current_light .home-latest-panel{background:#fff!important;color:#07152a!important;}
body.theme_white .home-latest-panel h3,body.theme_white .home-latest-item b,body.theme_blue_dark .home-latest-panel h3,body.theme_blue_dark .home-latest-item b,body.theme_current_light .home-latest-panel h3,body.theme_current_light .home-latest-item b{color:#081326!important;}
body.theme_white .home-latest-item small,body.theme_blue_dark .home-latest-item small,body.theme_current_light .home-latest-item small{color:#4b5567!important;}
body.theme_white .home-latest-item,body.theme_blue_dark .home-latest-item,body.theme_current_light .home-latest-item{background:#f8fafc!important;border-color:#dfe7f2!important;}
.admin-home-dashboard-card .admin-checkline{display:flex;align-items:center;gap:10px;margin:14px 0;color:#f7dfac;font-weight:900}.admin-home-dashboard-card .admin-checkline input{width:auto!important}.admin-dashboard-counts{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;max-width:620px}.admin-dashboard-counts label{display:grid;gap:6px;color:#e6d6bd;font-weight:800}.admin-dashboard-counts input{height:42px;border-radius:12px;background:#0c0c0b;border:1px solid rgba(216,180,106,.28);color:#fff;padding:0 12px}
@media(max-width:1100px){.home-latest-grid{grid-template-columns:1fr}.home-latest-list{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.font-popover{top:116px!important;right:14px!important;left:14px!important;width:auto!important;max-width:none!important}.font-popover:before{right:62px}.home-latest-list{grid-template-columns:1fr}.home-latest-panel{padding:18px!important}.home-latest-item{grid-template-columns:42px minmax(0,1fr)}.home-latest-item em{width:42px;height:42px}.admin-dashboard-counts{grid-template-columns:1fr}}

/* === 2026-06-07 premium news page layout === */
.news-layout .news-main{background:linear-gradient(180deg,var(--bg) 0%,rgba(216,180,106,.06) 52%,var(--bg) 100%);}
.news-hero{min-height:360px!important;padding-top:88px!important;padding-bottom:72px!important;background-position:center right!important;}
.news-hero h1{font-size:clamp(48px,6vw,86px)!important;margin-bottom:18px!important;}
.news-hero p:not(.eyebrow){max-width:860px;color:rgba(255,248,236,.88)!important;font-weight:600;}
.news-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:13px;font-weight:900;color:#f0c872;}
.news-breadcrumb a{text-decoration:none;color:#f0c872;opacity:.9}.news-breadcrumb span{opacity:.55}.news-breadcrumb b{color:#fff3dc;}
.news-premium-section{max-width:1480px;margin:0 auto;border-bottom:0!important;padding-top:46px!important;}
.news-empty{padding:34px;border:1px solid rgba(216,180,106,.22);border-radius:22px;background:var(--card);font-weight:900;color:var(--text);}
.news-feature-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr);gap:28px;margin-bottom:34px;}
.news-side-feature{display:grid;gap:24px;}
.news-feature-card{position:relative;overflow:hidden;border:1px solid rgba(216,180,106,.25);border-radius:22px;background-size:cover;background-position:center;box-shadow:0 24px 70px rgba(0,0,0,.22);min-height:260px;color:#fff;text-decoration:none;}
.news-feature-card.big{min-height:520px;}
.news-feature-card.small{min-height:248px;}
.news-card-content{position:absolute;inset:auto 0 0 0;padding:clamp(22px,3vw,38px);display:grid;gap:12px;}
.news-badge{width:max-content;padding:9px 14px;border-radius:999px;background:rgba(0,0,0,.72);border:1px solid rgba(240,200,114,.45);color:#ffe2a0;font-weight:1000;font-size:12px;}
.news-card-content em,.news-list-body em{font-style:normal;color:#e6b14c;text-transform:uppercase;letter-spacing:.06em;font-weight:1000;font-size:12px;}
.news-card-content h2,.news-card-content h3{color:#fff!important;text-shadow:0 14px 34px rgba(0,0,0,.62);margin:0;line-height:1.07;}
.news-card-content h2{font-size:clamp(34px,3.3vw,54px)!important;max-width:760px;}
.news-card-content h3{font-size:clamp(23px,2vw,32px)!important;max-width:580px;}
.news-card-content p{max-width:760px;color:rgba(255,246,232,.88)!important;margin:0!important;line-height:1.65;}
.news-meta{font-size:12px;color:rgba(255,232,184,.86);font-weight:900;}
.news-arrow{position:absolute;right:22px;bottom:22px;width:52px;height:52px;border-radius:999px;border:1px solid rgba(240,200,114,.75);display:grid;place-items:center;text-decoration:none;color:#ffd77d;background:rgba(0,0,0,.34);font-size:24px;font-weight:900;}
.news-arrow:hover{background:#e2b45d;color:#17100a;}
.news-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:32px;align-items:start;}
.news-list-head{margin-bottom:18px!important;}.news-list-head h2{color:var(--text)!important;}
.news-list-cards{display:grid;gap:18px;}
.news-list-card{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;padding:14px;background:var(--card);border:1px solid var(--softline);border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.08);color:var(--text);}
.news-list-image{display:block;border-radius:15px;overflow:hidden;min-height:150px;background:rgba(216,180,106,.08);}
.news-list-image img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block;}
.news-list-body{display:grid;align-content:center;gap:8px;padding-right:8px;}
.news-list-body h3{margin:0!important;font-size:20px!important;color:var(--text)!important;}.news-list-body h3 a{text-decoration:none;color:inherit;}
.news-list-body p{margin:0!important;color:var(--muted)!important;line-height:1.55;}
.news-list-body .news-meta{color:var(--gold2)!important;}
.news-list-body .interaction-box{margin-top:6px;}
.news-sidebar-panel{display:grid;gap:18px;position:sticky;top:120px;}
.news-widget{background:var(--card);border:1px solid var(--softline);border-radius:22px;padding:22px;box-shadow:0 18px 48px rgba(0,0,0,.10);color:var(--text);}
.news-widget h3{margin:0 0 16px!important;color:var(--text)!important;font-size:22px!important;}
.news-popular-row{display:grid;grid-template-columns:26px 68px 1fr;gap:12px;align-items:center;padding:10px 0;text-decoration:none;color:var(--text);border-bottom:1px solid var(--softline);}
.news-popular-row:last-child{border-bottom:0}.news-popular-row>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(216,180,106,.18);color:var(--gold2);font-weight:1000;}
.news-popular-row img{width:68px;height:54px;border-radius:11px;object-fit:cover}.news-popular-row b{font-size:13px;line-height:1.3}.news-popular-row small{grid-column:3;color:var(--muted);font-weight:800;}
.news-category-cloud{display:flex;flex-wrap:wrap;gap:9px}.news-category-cloud a{padding:9px 13px;border-radius:999px;border:1px solid var(--softline);text-decoration:none;color:var(--text);background:rgba(216,180,106,.08);font-weight:900;font-size:12px}.news-category-cloud a.active,.news-category-cloud a:hover{background:var(--gold2);color:#211506;border-color:var(--gold2);}
.subscribe-widget p{color:var(--muted)!important;margin-top:-6px}.subscribe-widget form{display:grid;grid-template-columns:1fr auto;gap:10px}.subscribe-widget input{min-width:0;background:var(--input-bg,#fff);border:1px solid var(--softline);border-radius:12px;padding:13px 14px;color:var(--text);}.subscribe-widget button{padding:12px 15px;white-space:nowrap;}
.press-row{display:grid;grid-template-columns:34px 1fr 28px;gap:12px;align-items:center;padding:11px;border:1px solid var(--softline);border-radius:14px;text-decoration:none;color:var(--text);margin-top:9px;background:rgba(216,180,106,.06);}.press-row span{color:#d94646}.press-row b{font-size:13px}.press-row em{font-style:normal;color:var(--gold2);font-weight:1000;}
.theme_white .news-layout .news-main,.theme_current_light .news-layout .news-main,.theme_blue_dark .news-layout .news-main{background:linear-gradient(180deg,var(--bg) 0%,rgba(216,180,106,.12) 54%,var(--bg) 100%);}
.theme_white .news-list-card,.theme_white .news-widget,.theme_current_light .news-list-card,.theme_current_light .news-widget,.theme_blue_dark .news-list-card,.theme_blue_dark .news-widget{background:rgba(255,255,255,.82)!important;color:var(--text)!important;}
.theme_blue_dark .news-card-content em,.theme_blue_dark .news-list-body em{color:#2f65d9!important;}.theme_blue_dark .news-category-cloud a.active,.theme_blue_dark .news-category-cloud a:hover{background:#2f65d9;color:#fff;border-color:#2f65d9;}
@media(max-width:1180px){.news-feature-grid,.news-content-grid{grid-template-columns:1fr}.news-side-feature{grid-template-columns:1fr 1fr}.news-sidebar-panel{position:static;grid-template-columns:1fr 1fr}.press-widget,.subscribe-widget{grid-column:auto}.news-list-card{grid-template-columns:220px 1fr}}
@media(max-width:760px){.news-hero{min-height:310px!important;padding:64px 20px!important}.news-premium-section{padding:28px 16px!important}.news-feature-card.big{min-height:420px}.news-side-feature,.news-sidebar-panel{grid-template-columns:1fr}.news-list-card{grid-template-columns:1fr;padding:12px}.news-list-image img,.news-list-image{height:190px}.subscribe-widget form{grid-template-columns:1fr}.news-card-content{padding:20px}.news-arrow{width:44px;height:44px;right:16px;bottom:16px}}

/* === 2026-06-07 ZS premium mouse halo effect === */
@media (hover:hover) and (pointer:fine){
  body.zs-cursor-enabled *{cursor:auto;}
  .zs-cursor-ring,
  .zs-cursor-dot,
  .zs-cursor-particle{
    position:fixed;
    left:0;
    top:0;
    pointer-events:none;
    z-index:2147483646;
    will-change:transform,opacity,width,height;
  }
  .zs-cursor-ring{
    width:34px;
    height:34px;
    margin-left:-17px;
    margin-top:-17px;
    border:2px solid rgba(216,180,106,.96);
    border-radius:50%;
    box-shadow:0 0 0 1px rgba(0,0,0,.16),0 0 24px rgba(216,180,106,.48),inset 0 0 16px rgba(216,180,106,.12);
    opacity:0;
    transform:translate3d(-100px,-100px,0) scale(.86);
    transition:width .18s ease,height .18s ease,margin .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;
    mix-blend-mode:normal;
  }
  .zs-cursor-dot{
    width:7px;
    height:7px;
    margin-left:-3.5px;
    margin-top:-3.5px;
    background:#fff;
    border-radius:50%;
    box-shadow:0 0 18px rgba(255,255,255,.92),0 0 10px rgba(216,180,106,.45);
    opacity:0;
    transform:translate3d(-100px,-100px,0);
  }
  body.zs-cursor-ready .zs-cursor-ring,
  body.zs-cursor-ready .zs-cursor-dot{opacity:1;}
  body.zs-cursor-hover .zs-cursor-ring{
    width:48px;
    height:48px;
    margin-left:-24px;
    margin-top:-24px;
    border-color:rgba(255,216,127,.98);
    box-shadow:0 0 0 1px rgba(0,0,0,.14),0 0 34px rgba(255,205,102,.64),inset 0 0 20px rgba(255,205,102,.18);
  }
  body.zs-cursor-down .zs-cursor-ring{
    width:24px;
    height:24px;
    margin-left:-12px;
    margin-top:-12px;
    border-color:#fff;
    box-shadow:0 0 0 1px rgba(216,180,106,.45),0 0 28px rgba(255,255,255,.72);
  }
  .zs-cursor-particle{
    width:5px;
    height:5px;
    margin-left:-2.5px;
    margin-top:-2.5px;
    border-radius:50%;
    background:rgba(255,232,174,.95);
    box-shadow:0 0 12px rgba(216,180,106,.65);
    opacity:.82;
    animation:zsCursorParticle .72s ease-out forwards;
  }
  @keyframes zsCursorParticle{
    0%{transform:translate3d(var(--x),var(--y),0) scale(1);opacity:.82;}
    100%{transform:translate3d(calc(var(--x) + var(--dx)),calc(var(--y) + var(--dy)),0) scale(.15);opacity:0;}
  }
  body.theme_blue_dark .zs-cursor-ring{border-color:rgba(67,143,255,.96);box-shadow:0 0 0 1px rgba(0,0,0,.16),0 0 26px rgba(67,143,255,.52),inset 0 0 16px rgba(67,143,255,.14)}
  body.theme_blue_dark .zs-cursor-particle{background:rgba(134,188,255,.96);box-shadow:0 0 12px rgba(67,143,255,.65)}
}
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce){
  .zs-cursor-ring,.zs-cursor-dot,.zs-cursor-particle{display:none!important;}
}

/* === 2026-06-07 Blog and admin stability refinement === */
.blog-hero{margin:0 auto;padding:78px var(--page-pad,clamp(22px,5vw,76px));min-height:270px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.30)),url('/assets/images/hero-zafar.png') center/cover;border-bottom:1px solid var(--line,rgba(180,122,32,.18));color:#fff}.blog-hero>div{max-width:980px}.blog-hero h1{font:clamp(42px,6vw,86px)/.92 Georgia,serif;margin:8px 0 18px;letter-spacing:-.05em}.blog-hero p{max-width:760px;color:rgba(255,255,255,.86);font-weight:650;line-height:1.7}.blog-grid-premium{width:min(1560px,calc(100% - 52px));margin:48px auto 70px;display:grid;grid-template-columns:1.35fr .65fr;gap:26px}.blog-feature-card{grid-column:1/-1;min-height:440px;border-radius:28px;overflow:hidden;position:relative;text-decoration:none;color:#fff;display:flex;align-items:flex-end;box-shadow:0 26px 80px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.22)}.blog-feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-feature-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.10) 58%)}.blog-feature-card div{position:relative;z-index:1;padding:42px;max-width:760px}.blog-feature-card span,.blog-meta{display:inline-flex;color:var(--accent,#c58b2a);font-weight:1000;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.blog-feature-card h2{font:clamp(34px,4vw,62px)/1 Georgia,serif;margin:12px 0}.blog-feature-card p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.82)}.blog-feature-card b{display:inline-flex;margin-top:10px;color:#fff;background:rgba(197,139,42,.92);border-radius:999px;padding:12px 18px}.blog-list-cards{display:grid;gap:16px}.blog-list-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:center;text-decoration:none;border:1px solid rgba(180,122,32,.16);border-radius:22px;background:var(--card-bg,#fff);box-shadow:0 16px 45px rgba(37,29,18,.07);overflow:hidden;color:var(--text,#15110d)}.blog-list-card img{width:100%;height:170px;object-fit:cover}.blog-list-card div{padding:18px 22px 18px 0}.blog-list-card small{color:var(--accent,#b98224);font-weight:900}.blog-list-card h3{font-size:24px;margin:8px 0 10px;color:var(--text,#15110d)}.blog-list-card p{color:var(--muted,#665d52);line-height:1.6;margin:0}.blog-side-card{border:1px solid rgba(180,122,32,.16);border-radius:24px;background:var(--card-bg,#fff);box-shadow:0 18px 55px rgba(37,29,18,.08);padding:24px;color:var(--text,#15110d);align-self:start}.blog-side-card h3{font:28px/1.1 Georgia,serif;margin:0 0 18px}.blog-mini-link{display:grid;grid-template-columns:80px 1fr;gap:12px;text-decoration:none;color:inherit;align-items:center;border-bottom:1px solid rgba(180,122,32,.14);padding:12px 0}.blog-mini-link img{width:80px;height:58px;object-fit:cover;border-radius:12px}.blog-mini-link span{font-weight:900;line-height:1.35}.blog-latest-comment{padding:14px 0;border-bottom:1px solid rgba(180,122,32,.14)}.blog-latest-comment strong{display:block;margin-bottom:5px}.blog-latest-comment p{margin:0;color:var(--muted,#665d52);line-height:1.55}.blog-article-shell{width:min(1500px,calc(100% - 52px));margin:46px auto 26px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px}.blog-article-card{border:1px solid rgba(180,122,32,.16);border-radius:28px;background:var(--card-bg,#fff);box-shadow:0 18px 60px rgba(37,29,18,.08);padding:26px;color:var(--text,#15110d)}.blog-back{display:inline-flex;margin-bottom:18px;color:var(--accent,#b98224);font-weight:900;text-decoration:none}.blog-article-img{width:100%;max-height:540px;object-fit:cover;border-radius:22px;margin-bottom:20px}.blog-content{font-size:18px;line-height:1.85;color:var(--text,#15110d)}.blog-comments-section{width:min(1500px,calc(100% - 52px));margin:0 auto 70px;border:1px solid rgba(180,122,32,.16);border-radius:28px;background:var(--card-bg,#fff);box-shadow:0 18px 60px rgba(37,29,18,.08);padding:28px;color:var(--text,#15110d)}.blog-comments-section h2{font:34px/1.1 Georgia,serif;margin:0 0 20px}.blog-comments-list{display:grid;gap:14px}.blog-comment{display:grid;grid-template-columns:54px 1fr;gap:14px;border:1px solid rgba(180,122,32,.13);border-radius:18px;padding:14px;background:rgba(180,122,32,.035)}.blog-comment small{display:block;color:var(--accent,#b98224);font-weight:900;margin:3px 0 8px}.blog-comment p{margin:0;color:var(--text,#15110d);line-height:1.6}.blog-comment-form{margin-top:18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.blog-comment-form textarea{min-height:150px;border-radius:18px}.blog-comment-form button{margin-top:12px}.blog-guest-box{margin-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed rgba(180,122,32,.28);border-radius:18px;padding:18px}.blog-guest-box p{margin:0;flex:1 1 320px}.blog-guest-box .secondary{background:transparent!important;border:1px solid rgba(180,122,32,.32)!important;color:var(--text,#15110d)!important}.theme_current .blog-side-card,.theme_current .blog-article-card,.theme_current .blog-comments-section,.theme_current .blog-list-card,.theme_current_light .blog-side-card,.theme_current_light .blog-article-card,.theme_current_light .blog-comments-section,.theme_current_light .blog-list-card{--card-bg:rgba(24,20,15,.92);--text:#fff4df;--muted:#c7baab;--accent:#f0c871}.theme_blue_dark .blog-side-card,.theme_blue_dark .blog-article-card,.theme_blue_dark .blog-comments-section,.theme_blue_dark .blog-list-card{--card-bg:#fff;--text:#0b1730;--muted:#4e6178;--accent:#2563eb}.theme_white .blog-side-card,.theme_white .blog-article-card,.theme_white .blog-comments-section,.theme_white .blog-list-card{--card-bg:#fff;--text:#17120d;--muted:#5e554b;--accent:#b98224}@media(max-width:980px){.blog-grid-premium,.blog-article-shell{grid-template-columns:1fr}.blog-feature-card{min-height:360px}.blog-list-card{grid-template-columns:160px 1fr}.blog-list-card img{height:140px}}@media(max-width:640px){.blog-hero{padding:58px 18px;min-height:250px}.blog-grid-premium,.blog-article-shell,.blog-comments-section{width:calc(100% - 24px);margin-left:auto;margin-right:auto}.blog-feature-card{min-height:300px;border-radius:22px}.blog-feature-card div{padding:24px}.blog-list-card{grid-template-columns:1fr}.blog-list-card img{height:190px}.blog-list-card div{padding:18px}.blog-comment{grid-template-columns:1fr}.blog-comments-section,.blog-article-card{padding:18px;border-radius:22px}}

/* === 2026-06-07 Blog form layout + readable forms === */
.blog-form-hero{padding:90px 0 74px;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.25)),url('/assets/images/hero-zafar.png') center/cover;border-bottom:1px solid var(--softline)}
.blog-form-hero h1{font:clamp(44px,7vw,82px)/.92 Georgia,serif;color:#fff;margin:8px 0 14px;text-shadow:0 18px 50px rgba(0,0,0,.55)}
.blog-form-hero p{max-width:820px;color:#f1e8da!important;font-size:16px}.container-wide{width:min(1480px,92vw);margin:auto}.blog-form-page,.blog-forms-list,.blog-comments-clean{width:min(1480px,92vw);margin:0 auto;padding:46px 0}.blog-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.blog-form-document{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.10);color:var(--text)}.blog-back{display:inline-flex;margin-bottom:18px;color:var(--gold);font-weight:900;text-decoration:none}.blog-form-stamp{display:flex;align-items:center;gap:12px;border:1px solid var(--softline);background:rgba(255,255,255,.04);border-radius:18px;padding:14px;margin-bottom:18px}.blog-form-stamp span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--gold);color:#17110a;font:24px Georgia,serif}.blog-form-stamp b{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.blog-form-row{display:grid;grid-template-columns:210px 1fr;gap:16px;border-top:1px solid var(--softline);padding:16px 0}.blog-form-row.full{grid-template-columns:1fr}.blog-form-row label{font-weight:1000;color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.blog-form-row h2{font:clamp(34px,4vw,58px)/1.02 Georgia,serif;margin:0;color:var(--text)}.blog-form-cover{width:100%;max-height:520px;object-fit:cover;border-radius:22px;margin:12px 0 20px;border:1px solid var(--softline)}.blog-form-content{font-size:17px;line-height:1.9;color:var(--text)}.blog-form-side{position:sticky;top:96px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.08)}.blog-form-side h3{margin:0 0 12px;color:var(--text)}.blog-form-side a{display:grid;grid-template-columns:74px 1fr;gap:12px;text-decoration:none;color:var(--text);border:1px solid var(--softline);border-radius:16px;padding:10px;margin-bottom:10px}.blog-form-side img{width:74px;height:58px;object-fit:cover;border-radius:12px}.blog-form-side span{font-weight:900;font-size:13px}.blog-forms-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.blog-forms-head h2{font:44px/1 Georgia,serif;margin:0}.blog-forms-head p{max-width:620px;color:var(--muted)!important}.blog-forms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-form-card{display:grid;text-decoration:none;color:var(--text);background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.08);transition:.2s}.blog-form-card:hover{transform:translateY(-3px);box-shadow:0 30px 90px rgba(0,0,0,.12)}.blog-form-card img{width:100%;height:220px;object-fit:cover}.blog-form-card div{padding:18px}.blog-form-card small{color:var(--gold);font-weight:900}.blog-form-card h3{font-size:22px;margin:10px 0;color:var(--text)}.blog-form-card p{color:var(--muted)!important}.blog-form-card b{color:var(--gold)}.blog-comments-clean h2{font:38px/1 Georgia,serif;margin:0 0 18px}.blog-comments-list{display:grid;gap:12px}.blog-comment{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;color:var(--text)}.blog-comment strong{display:block;color:var(--text)}.blog-comment small{display:block;color:var(--muted);font-weight:800}.blog-comment p{margin:8px 0 0;color:var(--text)!important}.blog-comment-form,.blog-guest-box{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px}.blog-comment-form textarea{min-height:130px}.theme_white .blog-form-document,.theme_white .blog-form-side,.theme_white .blog-form-card,.theme_white .blog-comment,.theme_white .blog-comment-form,.theme_white .blog-guest-box{background:#fff!important;color:#15120e!important}.theme_blue_dark .blog-form-document,.theme_blue_dark .blog-form-side,.theme_blue_dark .blog-form-card,.theme_blue_dark .blog-comment,.theme_blue_dark .blog-comment-form,.theme_blue_dark .blog-guest-box{background:#fff!important;color:#0b1730!important}.theme_current_light .blog-form-document,.theme_current_light .blog-form-side,.theme_current_light .blog-form-card,.theme_current_light .blog-comment,.theme_current_light .blog-comment-form,.theme_current_light .blog-guest-box{background:#251f17!important;color:#fff7e8!important}@media(max-width:1100px){.blog-form-layout{grid-template-columns:1fr}.blog-form-side{position:static}.blog-forms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.blog-form-hero{padding:58px 0}.blog-form-page,.blog-forms-list,.blog-comments-clean{width:min(100% - 28px,1480px);padding:30px 0}.blog-form-document{padding:18px;border-radius:22px}.blog-form-row{grid-template-columns:1fr;gap:8px}.blog-forms-head{display:block}.blog-forms-grid{grid-template-columns:1fr}.blog-form-card img{height:190px}}

/* === 2026-06-07 final visual/news/cursor stability === */
.news-fixed-layout .news-main{min-height:100vh;background:var(--bg)}
.news-premium-section{padding-top:48px!important;padding-bottom:56px!important}
.news-empty{width:min(1340px,calc(100% - 48px));margin:0 auto;background:var(--panel,#fff);color:var(--text,#17120d);border:1px solid var(--softline);border-radius:22px;padding:28px 34px;font-weight:950;box-shadow:0 18px 55px rgba(0,0,0,.08)}
.news-feature-grid{width:min(1560px,calc(100% - 56px));margin:0 auto 36px;display:grid;grid-template-columns:1.35fr .95fr;gap:24px}.news-side-feature{display:grid;gap:24px}.news-feature-card{position:relative;overflow:hidden;border-radius:24px;background-size:cover;background-position:center;box-shadow:0 24px 70px rgba(0,0,0,.16);border:1px solid rgba(214,177,108,.22);min-height:260px;display:flex;align-items:flex-end}.news-feature-card.big{min-height:520px}.news-card-content{position:relative;z-index:1;padding:32px;color:#fff}.news-card-content h2,.news-card-content h3{color:#fff!important;text-shadow:0 8px 28px rgba(0,0,0,.45)}.news-card-content h2{font-size:clamp(34px,4vw,58px);line-height:1.02}.news-card-content p{color:rgba(255,255,255,.88)!important;max-width:720px}.news-badge,.news-card-content em{color:#f4c96e;font-style:normal;font-weight:1000;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.news-meta{color:rgba(255,255,255,.84);font-weight:750;font-size:13px}.news-content-grid{width:min(1560px,calc(100% - 56px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px}.news-list-cards{display:grid;gap:16px}.news-list-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;background:var(--panel,#fff);color:var(--text,#17120d);border:1px solid var(--softline);border-radius:22px;box-shadow:0 16px 45px rgba(0,0,0,.07);overflow:hidden}.news-list-card>img{width:100%;height:190px;object-fit:cover;background:#17120d}.news-list-card>div{padding:18px 22px 18px 0}.news-list-card em{font-style:normal;color:var(--gold2);font-weight:1000;font-size:12px;text-transform:uppercase}.news-list-card h3{color:var(--text)!important;font-size:24px;margin:7px 0}.news-list-card p{color:var(--muted)!important}.news-list-card .news-meta{color:var(--muted)!important}.news-sidebar-panel{display:grid;gap:16px;align-self:start}.news-widget{background:var(--panel,#fff);color:var(--text,#17120d);border:1px solid var(--softline);border-radius:22px;box-shadow:0 16px 45px rgba(0,0,0,.07);padding:20px}.news-widget h3{color:var(--text)!important;font:26px/1.1 Georgia,serif;margin:0 0 14px}.news-popular-row{display:grid;grid-template-columns:28px 70px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--softline);text-decoration:none;color:var(--text)}.news-popular-row:last-child{border-bottom:0}.news-popular-row span{width:24px;height:24px;border-radius:50%;background:rgba(216,180,106,.16);display:grid;place-items:center;color:var(--gold2);font-weight:1000}.news-popular-row img{width:70px;height:52px;object-fit:cover;border-radius:12px}.news-popular-row b{font-size:13px;line-height:1.3}.news-category-cloud{display:flex;gap:8px;flex-wrap:wrap}.news-category-cloud a{padding:8px 12px;border-radius:999px;border:1px solid var(--softline);text-decoration:none;color:var(--text);font-weight:850;background:rgba(216,180,106,.06)}.news-category-cloud a.active{background:var(--text);color:var(--panel)!important}.press-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--softline);border-radius:14px;text-decoration:none;color:var(--text);margin:8px 0}.press-row span{width:42px;height:42px;border-radius:12px;background:rgba(216,180,106,.13);display:grid;place-items:center;color:var(--gold2);font-weight:1000}.theme_current .news-list-card,.theme_current .news-widget,.theme_current .news-empty,.theme_current_light .news-list-card,.theme_current_light .news-widget,.theme_current_light .news-empty{background:#1e1912!important;color:#fff4df!important}.theme_current .news-list-card h3,.theme_current .news-widget h3,.theme_current_light .news-list-card h3,.theme_current_light .news-widget h3{color:#fff4df!important}.theme_current .news-list-card p,.theme_current_light .news-list-card p{color:#d7c8b4!important}.theme_white .news-list-card,.theme_white .news-widget,.theme_white .news-empty{background:#fff!important;color:#17120d!important}.theme_blue_dark .news-list-card,.theme_blue_dark .news-widget,.theme_blue_dark .news-empty{background:#fff!important;color:#0b1730!important}.theme_blue_dark .news-card-content em,.theme_blue_dark .news-badge{color:#9dc3ff}
@media(max-width:1050px){.news-feature-grid,.news-content-grid{grid-template-columns:1fr}.news-feature-card.big{min-height:400px}.news-list-card{grid-template-columns:190px 1fr}}@media(max-width:660px){.news-feature-grid,.news-content-grid{width:calc(100% - 24px);gap:16px}.news-feature-card.big,.news-feature-card{min-height:310px;border-radius:20px}.news-card-content{padding:22px}.news-list-card{grid-template-columns:1fr}.news-list-card>img{height:190px}.news-list-card>div{padding:18px}.news-widget{padding:16px}.news-premium-section{padding-top:28px!important}}

/* === 2026-06-07 FINAL news/footer/menu stability === */
.news-page-shell{min-height:100vh;align-items:stretch;background:var(--bg)}
.news-page-main{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.news-page-main>.news-premium-section{flex:1 0 auto}.news-page-main .site-footer{flex:0 0 auto;margin-top:0}.news-hero{min-height:330px!important;padding-top:96px!important;padding-bottom:80px!important}.news-premium-section{padding-top:58px!important;padding-bottom:58px!important}.news-empty{max-width:1240px;margin:0 auto;padding:28px 34px;border-radius:18px;background:var(--cardBg,#fff);color:var(--strong,#0f172a);font-weight:900;box-shadow:0 18px 60px rgba(0,0,0,.06);border:1px solid var(--cardLine,rgba(0,0,0,.08))}.news-feature-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:24px;max-width:1240px;margin:0 auto 34px}.news-side-feature{display:grid;gap:24px}.news-feature-card{position:relative;overflow:hidden;border-radius:20px;background-size:cover;background-position:center;min-height:270px;box-shadow:0 22px 70px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12)}.news-feature-card.big{min-height:520px}.news-feature-card.small{min-height:248px}.news-card-content{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff}.news-card-content h2,.news-card-content h3{color:#fff!important;text-shadow:0 10px 30px rgba(0,0,0,.45)}.news-card-content p,.news-meta{color:rgba(255,255,255,.88)!important}.news-badge,.news-card-content em{color:#f6cf78!important;font-weight:900;text-transform:uppercase;font-style:normal;letter-spacing:.04em}.news-content-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px}.news-list-cards{display:grid;gap:18px}.news-list-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;background:var(--cardBg,#fff);border:1px solid var(--cardLine,rgba(0,0,0,.08));border-radius:18px;padding:16px;box-shadow:0 16px 52px rgba(0,0,0,.06);overflow:hidden}.news-list-card img{width:100%;height:150px;object-fit:cover;border-radius:14px;background:#eee}.news-list-card h3{color:var(--strong,#111)!important;margin:4px 0 7px}.news-list-card p,.news-list-card .news-meta{color:var(--muted)!important}.news-list-card em{font-style:normal;color:var(--gold)!important;font-weight:900;font-size:12px;text-transform:uppercase}.news-sidebar-panel{display:grid;gap:18px;align-content:start}.news-widget{background:var(--cardBg,#fff);border:1px solid var(--cardLine,rgba(0,0,0,.08));border-radius:18px;padding:20px;box-shadow:0 16px 52px rgba(0,0,0,.06);color:var(--strong,#111)}.news-widget h3{margin:0 0 14px;color:var(--strong,#111)!important}.news-widget p{color:var(--muted)!important}.news-popular-row{display:grid;grid-template-columns:26px 54px minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--softline)}.news-popular-row span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(216,180,106,.18);font-weight:900;color:var(--gold)}.news-popular-row img{width:54px;height:44px;object-fit:cover;border-radius:10px}.news-popular-row b{font-size:13px;line-height:1.3;color:var(--strong,#111)}.news-category-cloud{display:flex;flex-wrap:wrap;gap:8px}.news-category-cloud a{padding:8px 12px;border-radius:999px;border:1px solid var(--cardLine,rgba(0,0,0,.08));text-decoration:none;color:var(--strong,#111);font-weight:800;background:rgba(216,180,106,.08)}.news-category-cloud a.active{background:var(--gold);color:#111}.press-row{display:grid;grid-template-columns:28px 1fr 22px;gap:10px;align-items:center;padding:10px;border-radius:12px;background:rgba(216,180,106,.08);text-decoration:none;margin-top:8px;color:var(--strong,#111)}
body.theme_current .news-empty,body.theme_current .news-list-card,body.theme_current .news-widget,body.theme_current_light .news-empty,body.theme_current_light .news-list-card,body.theme_current_light .news-widget{--cardBg:#fffaf0;--cardLine:rgba(120,84,29,.16);--strong:#1c160e}body.theme_white .news-empty,body.theme_white .news-list-card,body.theme_white .news-widget{--cardBg:#fff;--cardLine:#e4e8ef;--strong:#0d1728}body.theme_blue_dark .news-empty,body.theme_blue_dark .news-list-card,body.theme_blue_dark .news-widget{--cardBg:#fff;--cardLine:#d5e2f4;--strong:#0b2248}.public-nav a.active,[aria-current="page"]{box-shadow:0 8px 24px rgba(0,0,0,.18);font-weight:950}.header_glass .public-nav a.active,.header_solid .public-nav a.active,.header_light .public-nav a.active,.header_compact .public-nav a.active{background:linear-gradient(135deg,#211404,#090704)!important;color:#fff!important;border-color:rgba(218,172,79,.92)!important}.theme_blue_dark .public-nav a.active{background:#fff!important;color:#0b2d63!important}.theme_white .public-nav a.active{background:#0b0a08!important;color:#fff!important}
@media(max-width:980px){.news-feature-grid,.news-content-grid{grid-template-columns:1fr}.news-feature-card.big{min-height:380px}.news-list-card{grid-template-columns:160px 1fr}.news-sidebar-panel{grid-template-columns:1fr 1fr}.news-hero{min-height:300px!important}}
@media(max-width:680px){.news-premium-section{padding:30px 16px!important}.news-list-card{grid-template-columns:1fr}.news-list-card img{height:190px}.news-sidebar-panel{grid-template-columns:1fr}.news-feature-card.big,.news-feature-card.small{min-height:320px}.news-card-content{padding:20px}.news-hero{padding-left:20px!important;padding-right:20px!important}}


/* === ZS FINAL PUBLIC NEWS/LAYOUT FIX 2026-06-07 === */
.news-page-shell{display:block!important;min-height:100vh;background:var(--bg)!important;overflow-x:hidden!important}
.news-page-shell .main.news-main{display:block!important;width:100%!important;max-width:none!important;min-height:100vh!important;overflow:visible!important}
.news-page-main .news-hero{min-height:360px!important;margin:0!important;padding-top:105px!important;padding-bottom:70px!important;border-bottom:1px solid var(--softline)!important}
.news-premium-section{max-width:1420px!important;margin:0 auto!important;width:100%!important;padding:54px clamp(22px,4vw,70px)!important;min-height:260px!important}
.news-empty{display:block!important;background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--softline)!important;border-radius:22px!important;padding:28px 34px!important;font-weight:900!important;box-shadow:0 16px 46px rgba(20,20,20,.06)!important}
.news-feature-grid{display:grid!important;grid-template-columns:1.18fr .82fr!important;gap:24px!important;margin-bottom:34px!important}
.news-side-feature{display:grid!important;gap:24px!important}
.news-feature-card{position:relative!important;min-height:300px!important;border-radius:22px!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;box-shadow:0 22px 70px rgba(20,20,20,.16)!important;border:1px solid rgba(214,177,108,.22)!important}
.news-feature-card.big{min-height:500px!important}.news-feature-card.small{min-height:238px!important}
.news-card-content{position:absolute!important;left:0;right:0;bottom:0;padding:28px!important;color:#fff!important}.news-card-content h2,.news-card-content h3,.news-card-content p,.news-card-content em,.news-meta{color:#fff!important;text-shadow:0 4px 20px rgba(0,0,0,.5)!important}.news-card-content h2{font:44px/1.05 Georgia,serif!important}.news-card-content h3{font:26px/1.14 Georgia,serif!important}
.news-badge{display:inline-flex!important;padding:8px 12px!important;border-radius:999px!important;background:#130d04!important;color:#f2d487!important;border:1px solid rgba(242,212,135,.55)!important;font-weight:900!important;margin-bottom:14px!important}
.news-content-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:28px!important;align-items:start!important}.news-list-cards{display:grid!important;gap:16px!important}.news-list-card{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:20px!important;background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--softline)!important;border-radius:18px!important;padding:16px!important;box-shadow:0 14px 42px rgba(20,20,20,.07)!important}.news-list-card img{width:220px!important;height:150px!important;object-fit:cover!important;border-radius:14px!important}.news-list-card h3,.news-list-card p,.news-list-card b{color:var(--text)!important}.news-list-card p,.news-list-card small{color:var(--muted)!important}
.news-sidebar-panel{display:grid!important;gap:16px!important}.news-widget{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--softline)!important;border-radius:18px!important;padding:20px!important;box-shadow:0 14px 42px rgba(20,20,20,.07)!important}.news-widget h3{color:var(--text)!important}.news-popular-row{display:grid!important;grid-template-columns:26px 64px 1fr!important;gap:10px!important;align-items:center!important;padding:9px 0!important}.news-popular-row img{width:64px!important;height:48px!important;object-fit:cover!important;border-radius:10px!important}.news-category-cloud{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.news-category-cloud a{padding:8px 11px!important;border-radius:999px!important;border:1px solid var(--softline)!important;text-decoration:none!important;font-weight:800!important}.news-category-cloud a.active{background:var(--gold2)!important;color:#1a1207!important}.press-row{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;padding:10px!important;border:1px solid var(--softline)!important;border-radius:12px!important;margin-top:8px!important}
.news-page-shell .site-footer{position:relative!important;clear:both!important;z-index:1!important;width:100%!important;margin:0 auto!important;transform:none!important}.news-page-shell .footer-inner{max-width:1320px!important;margin:0 auto!important}.news-page-shell .footer-bottom{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}
.theme_white .news-empty,.theme_current_light .news-empty,.theme_blue_dark .news-empty,.theme_white .news-widget,.theme_current_light .news-widget,.theme_blue_dark .news-widget,.theme_white .news-list-card,.theme_current_light .news-list-card,.theme_blue_dark .news-list-card{background:#fff!important;color:#0e1a2d!important;border-color:#dce5f1!important}.theme_white .news-list-card h3,.theme_current_light .news-list-card h3,.theme_blue_dark .news-list-card h3,.theme_white .news-widget h3,.theme_current_light .news-widget h3,.theme_blue_dark .news-widget h3{color:#0e1a2d!important}.theme_white .news-list-card p,.theme_current_light .news-list-card p,.theme_blue_dark .news-list-card p{color:#526173!important}
@media(max-width:980px){.news-feature-grid,.news-content-grid{grid-template-columns:1fr!important}.news-feature-card.big{min-height:420px!important}.news-list-card{grid-template-columns:1fr!important}.news-list-card img{width:100%!important;height:210px!important}.news-page-main .news-hero{padding-top:90px!important}}
@media(max-width:620px){.news-feature-card.big,.news-feature-card.small{min-height:320px!important}.news-card-content h2{font-size:32px!important}.news-card-content h3{font-size:24px!important}.news-premium-section{padding-left:16px!important;padding-right:16px!important}}
/* active header exactness */
.public-nav a.active{background:linear-gradient(135deg,#1b1207,#0c0905)!important;color:#fff!important;border-color:rgba(214,177,108,.65)!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important}.theme_white .public-nav a.active,.theme_current_light .public-nav a.active{background:#1a1207!important;color:#fff!important}.theme_blue_dark .public-nav a.active{background:#fff!important;color:#0b2d63!important}

/* Blog magazine / article final design 2026-06-08 */
.blog-magazine-main{background:var(--page-bg,#fff);min-height:100vh;overflow-x:hidden}.blog-feed-shell,.blog-article-shell{max-width:1500px;margin:0 auto;padding:44px 26px 70px}.blog-feed-top{display:grid;gap:22px;margin-bottom:28px}.blog-search{max-width:930px;margin:0 auto;width:100%;height:64px;border:1px solid var(--line,#e7e2d8);background:var(--card-bg,#fff);border-radius:18px;box-shadow:0 18px 55px rgba(19,27,40,.06);display:flex;align-items:center;padding:0 24px;gap:14px}.blog-search span{font-size:26px;color:var(--muted,#778)}.blog-search input{border:0;background:transparent;outline:0;width:100%;font-size:17px;color:var(--text,#111)}.blog-topic-row{display:flex;gap:14px;align-items:center;overflow:auto;padding:4px 0 8px;scrollbar-width:thin}.blog-topic-row a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line,#e7e2d8);background:var(--card-bg,#fff);color:var(--text,#111);border-radius:18px;text-decoration:none;padding:13px 20px;font-weight:800;box-shadow:0 8px 24px rgba(20,20,20,.04)}.blog-topic-row a.active{background:#111;color:#fff;border-color:#111}.theme-blue-white .blog-topic-row a.active{background:#0d4bc1;border-color:#0d4bc1}.blog-masonry-grid{column-count:3;column-gap:24px}.blog-feed-card{break-inside:avoid;margin:0 0 24px;border:1px solid var(--line,#e9e3d8);background:var(--card-bg,#fff);border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(17,24,39,.06);transition:.22s}.blog-feed-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(17,24,39,.12)}.blog-feed-card a{display:block;color:inherit;text-decoration:none}.blog-card-image{height:245px;position:relative;background:#f2eee5;overflow:hidden}.blog-feed-card.tall .blog-card-image{height:310px}.blog-feed-card.wide .blog-card-image{height:230px}.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.blog-feed-card:hover .blog-card-image img{transform:scale(1.035)}.blog-card-image span,.blog-category-badge{position:absolute;left:18px;top:18px;background:linear-gradient(135deg,#d7aa5a,#af7d2a);color:#fff;border-radius:999px;padding:8px 13px;font-weight:900;font-size:12px;box-shadow:0 8px 18px rgba(0,0,0,.18)}.blog-category-badge{position:static;display:inline-flex;margin-bottom:18px}.blog-card-body{padding:18px 18px 20px}.blog-card-meta{display:flex;align-items:center;gap:9px;color:var(--muted,#687386);font-size:12px;margin-bottom:12px}.blog-avatar-mini{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#080808;color:#d9af64;font-weight:900;font-size:12px;flex:0 0 auto}.blog-card-meta b{font-weight:800;color:var(--text,#111)}.blog-card-meta em{font-style:normal;margin-left:auto;text-align:right}.blog-card-body h2{font-size:23px;line-height:1.17;margin:0 0 12px;color:var(--text,#121212);font-family:inherit}.blog-card-body p{font-size:15.5px;line-height:1.55;color:var(--muted,#596273);margin:0 0 18px}.blog-card-body footer{display:flex;justify-content:space-between;align-items:center;color:var(--accent,#b88932);font-weight:900}.blog-card-body footer span{color:#8d8d8d;font-size:22px}.blog-load-more{text-align:center;margin-top:20px}.blog-load-more button{border:1px solid var(--line,#e2d8c9);background:var(--card-bg,#fff);border-radius:16px;padding:15px 42px;font-weight:850;color:var(--text,#111);box-shadow:0 12px 40px rgba(0,0,0,.05)}.blog-empty-state{background:var(--card-bg,#fff);border:1px solid var(--line,#e8dfcf);border-radius:20px;padding:34px;text-align:center;font-weight:850;color:var(--text,#111)}
.blog-article-grid{display:grid;grid-template-columns:minmax(0,850px) 360px;gap:48px;align-items:start}.blog-article-reader{background:transparent}.blog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted,#7d8492);font-size:13px;margin:4px 0 28px}.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-article-reader h1{font-size:54px;line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;color:var(--text,#0f1012);max-width:780px}.blog-article-lead{font-size:20px;line-height:1.55;color:var(--muted,#5c6678);max-width:760px;margin:0 0 24px}.blog-article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted,#647085);font-size:14px;margin-bottom:28px}.blog-article-meta b{color:var(--text,#111)}.blog-article-cover,.blog-inline-image{width:100%;border-radius:18px;display:block;object-fit:cover;box-shadow:0 18px 55px rgba(17,24,39,.10)}.blog-article-cover{height:455px;margin-bottom:28px}.blog-inline-image{height:310px;margin:26px 0}.blog-article-content{font-size:18px;line-height:1.76;color:var(--text,#1a1d25)}.blog-article-content p{margin:0 0 22px}.blog-article-content h2{font-size:29px;margin:34px 0 14px;line-height:1.18;color:var(--text,#111)}.blog-reaction-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0;border-top:1px solid var(--line,#e8dfd2);border-bottom:1px solid var(--line,#e8dfd2);padding:16px 0}.blog-reaction-bar .item-actions{display:flex;gap:8px;align-items:center}.blog-reaction-bar .item-actions form{display:inline-flex}.blog-reaction-bar .item-actions button{border:1px solid var(--line,#e6ddcf);background:var(--card-bg,#fff);border-radius:999px;padding:10px 16px;display:inline-flex;gap:7px;align-items:center;color:var(--text,#111);font-weight:800}.blog-share{display:flex;align-items:center;gap:10px;color:var(--muted,#667085)}.blog-share a,.blog-share button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line,#e6ddcf);background:var(--card-bg,#fff);color:var(--text,#111);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900}.blog-article-comments{margin-top:26px}.blog-comments-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.blog-comments-head h2{font-size:23px;margin:0}.blog-inline-comment{display:flex;align-items:stretch;border:1px solid var(--line,#e8dfd2);background:var(--soft,#f6f7f9);border-radius:18px;overflow:hidden;margin-bottom:18px}.blog-inline-comment textarea{min-height:54px;border:0;background:transparent;resize:vertical;outline:0;flex:1;padding:17px 18px;color:var(--text,#111);font-size:15px}.blog-inline-comment button{width:58px;border:0;background:#111;color:#fff;font-size:22px}.theme-blue-white .blog-inline-comment button{background:#0d4bc1}.blog-login-comment{border:1px solid var(--line,#e8dfd2);border-radius:18px;padding:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;background:var(--card-bg,#fff)}.blog-login-comment p{margin:0;margin-right:auto;color:var(--muted,#667085)}.blog-login-comment a{border-radius:999px;background:#111;color:#fff;text-decoration:none;padding:10px 16px;font-weight:800}.blog-login-comment a+a{background:transparent;color:var(--text,#111);border:1px solid var(--line,#e6ddcf)}.blog-stream-comment{display:flex;gap:13px;border-bottom:1px solid var(--line,#eee6da);padding:16px 0}.blog-stream-comment .comment-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ead6af;color:#111;font-weight:900;flex:0 0 auto}.blog-stream-comment strong{display:flex;align-items:center;gap:6px;color:var(--text,#111)}.blog-stream-comment small{display:block;color:var(--muted,#667085);font-size:12px;margin:3px 0 7px}.blog-stream-comment p{margin:0;color:var(--text,#222);line-height:1.55}.blog-article-sidebar{position:sticky;top:92px;display:grid;gap:28px}.blog-side-card{background:var(--card-bg,#fff);border:1px solid var(--line,#e8dfd2);border-radius:20px;padding:20px;box-shadow:0 18px 45px rgba(17,24,39,.06)}.blog-side-card h3{margin:0 0 16px;font-size:21px;color:var(--text,#111)}.blog-side-post{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line,#eee6da);color:inherit;text-decoration:none}.blog-side-post:last-child{border-bottom:0}.blog-side-post img{width:90px;height:74px;border-radius:12px;object-fit:cover}.blog-side-post small,.blog-side-post em{display:block;color:var(--muted,#667085);font-style:normal;font-size:12px}.blog-side-post b{display:block;color:var(--text,#111);font-size:14px;line-height:1.32;margin:4px 0}.blog-side-card.popular a{display:flex;gap:13px;text-decoration:none;color:inherit;padding:12px 0;border-bottom:1px solid var(--line,#eee6da)}.blog-side-card.popular a:last-child{border-bottom:0}.blog-side-card.popular i{width:30px;height:30px;border:1px solid #d3a756;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#b7832c;font-style:normal;font-weight:900;flex:0 0 auto}.blog-side-card.popular span{font-weight:850;color:var(--text,#111);line-height:1.35}.blog-side-card.popular small{display:block;color:var(--muted,#667085);font-weight:600;margin-top:4px}.blog-magazine-main .site-footer{margin-top:0}.theme-dark .blog-search,.theme-dark .blog-feed-card,.theme-dark .blog-side-card,.theme-dark .blog-login-comment{background:#15130f;border-color:#3b301d}.theme-dark .blog-topic-row a{background:#15130f;color:#f8ecd2;border-color:#3b301d}.theme-dark .blog-topic-row a.active,.theme-dark .blog-inline-comment button{background:#d8af62;color:#111}.theme-dark .blog-article-content,.theme-dark .blog-card-body h2,.theme-dark .blog-article-reader h1,.theme-dark .blog-side-card h3,.theme-dark .blog-side-post b,.theme-dark .blog-side-card.popular span{color:#fff7e8}.theme-dark .blog-card-body p,.theme-dark .blog-article-lead,.theme-dark .blog-side-post small,.theme-dark .blog-side-post em,.theme-dark .blog-breadcrumb{color:#c8bb9b}
@media(max-width:1150px){.blog-masonry-grid{column-count:2}.blog-article-grid{grid-template-columns:1fr}.blog-article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.blog-article-reader h1{font-size:44px}}@media(max-width:760px){.blog-feed-shell,.blog-article-shell{padding:28px 14px 44px}.blog-masonry-grid{column-count:1}.blog-topic-row a{padding:11px 14px}.blog-search{height:56px}.blog-card-image,.blog-feed-card.tall .blog-card-image,.blog-feed-card.wide .blog-card-image{height:220px}.blog-card-body h2{font-size:21px}.blog-article-reader h1{font-size:34px}.blog-article-cover{height:260px}.blog-inline-image{height:210px}.blog-article-content{font-size:16px}.blog-reaction-bar{align-items:flex-start;flex-direction:column}.blog-article-sidebar{grid-template-columns:1fr}.blog-side-post{grid-template-columns:82px 1fr}.blog-side-post img{width:82px;height:68px}}

/* BLOG MAGAZINE EXACT LAYOUT FIX 2026-06-08 */
.blog-magazine-main{background:#fffaf2!important;color:#15110b;min-height:100vh;overflow-x:hidden}.theme-blue-white .blog-magazine-main,.theme-white .blog-magazine-main{background:#fff!important}.blog-magazine-main .site-footer{margin-top:72px!important}.blog-feed-shell{max-width:1360px!important;margin:0 auto!important;padding:44px 22px 70px!important}.blog-feed-top{margin:0 0 24px!important}.blog-search{max-width:880px!important;margin:0 auto 24px!important;height:64px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e7e7e7!important;box-shadow:0 8px 30px rgba(17,24,39,.04)!important}.blog-search span{font-size:25px!important;color:#575757!important}.blog-search input{font-size:17px!important;color:#191919!important}.blog-topic-row{justify-content:center!important;gap:14px!important;margin-bottom:8px!important;padding-bottom:10px!important}.blog-topic-row a{border-radius:999px!important;background:#fff!important;border:1px solid #e7e7e7!important;color:#151515!important;padding:13px 19px!important;box-shadow:none!important;font-size:15px!important}.blog-topic-row a.active{background:#111!important;border-color:#111!important;color:#fff!important}.blog-masonry-grid{column-count:3!important;column-gap:24px!important;max-width:1320px!important;margin:0 auto!important}.blog-feed-card{border-radius:18px!important;background:#fff!important;border:1px solid #e7e7e7!important;box-shadow:0 10px 30px rgba(17,24,39,.055)!important;margin-bottom:24px!important}.blog-feed-card:hover{transform:translateY(-3px)!important;box-shadow:0 20px 55px rgba(17,24,39,.12)!important}.blog-card-image{height:300px!important;background:#eee!important}.blog-feed-card.tall .blog-card-image{height:345px!important}.blog-feed-card.wide .blog-card-image{height:260px!important}.blog-card-image span{background:#bf9250!important;color:#fff!important;border-radius:999px!important;padding:8px 13px!important;font-size:12px!important;letter-spacing:.01em!important}.blog-card-body{padding:19px 20px 20px!important}.blog-card-meta{font-size:12.5px!important;color:#858585!important;gap:8px!important}.blog-card-meta b{color:#222!important}.blog-card-body h2{font-size:23px!important;line-height:1.18!important;letter-spacing:-.015em!important;color:#151515!important;margin:0 0 12px!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important}.blog-card-body p{font-size:16px!important;line-height:1.55!important;color:#666!important;margin-bottom:20px!important}.blog-card-body footer{color:#bd8b3c!important}.blog-card-body footer strong{font-size:14px!important}.blog-empty-state{max-width:1320px;margin:0 auto!important;background:#fff!important;color:#111!important;border-color:#e7e7e7!important}.blog-load-more button{background:#fff!important;color:#161616!important;border:1px solid #e5e5e5!important;box-shadow:none!important}
.blog-article-shell{max-width:1280px!important;margin:0 auto!important;padding:48px 22px 74px!important;background:transparent!important}.blog-article-grid{grid-template-columns:minmax(0,800px) 360px!important;gap:48px!important;align-items:start!important}.blog-article-reader{max-width:800px!important}.blog-breadcrumb{margin:0 0 30px!important;color:#999!important;font-size:13px!important}.blog-breadcrumb a{color:#7a7a7a!important}.blog-category-badge{background:#bd8b3c!important;color:#fff!important;border-radius:999px!important;padding:8px 13px!important;font-size:12px!important;font-weight:900!important;margin-bottom:18px!important}.blog-article-reader h1{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;font-size:48px!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.04em!important;color:#111!important;max-width:760px!important;margin:0 0 16px!important}.blog-article-lead{font-size:19px!important;line-height:1.55!important;color:#555!important;max-width:720px!important;margin-bottom:22px!important}.blog-article-meta{font-size:14px!important;color:#777!important;margin-bottom:28px!important}.blog-article-meta b{color:#222!important}.blog-avatar-mini{background:#080808!important;color:#d7ad62!important}.blog-article-cover{height:430px!important;border-radius:16px!important;box-shadow:none!important;border:1px solid #e8e8e8!important}.blog-inline-image{height:310px!important;border-radius:16px!important;box-shadow:none!important;border:1px solid #e8e8e8!important}.blog-article-content{font-size:18px!important;line-height:1.72!important;color:#242424!important;max-width:780px!important}.blog-article-content h2{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;font-size:28px!important;font-weight:850!important;color:#111!important;margin:34px 0 13px!important}.blog-article-content p{color:#282828!important;margin-bottom:22px!important}.blog-reaction-bar{border-color:#e9e2d8!important;margin:32px 0 26px!important;padding:16px 0!important}.blog-reaction-bar .item-actions button,.blog-share a,.blog-share button{background:#fff!important;color:#222!important;border:1px solid #dedede!important;box-shadow:none!important}.blog-share span{color:#777!important}.blog-inline-comment{background:#f5f5f5!important;border:1px solid #e5e5e5!important;border-radius:999px!important}.blog-inline-comment textarea{min-height:52px!important;color:#222!important}.blog-inline-comment button{background:#9a6a28!important;color:#fff!important;border-radius:50%!important;width:52px!important;height:52px!important;margin:4px!important}.blog-login-comment{background:#fff!important;color:#222!important;border-color:#e4e4e4!important}.blog-stream-comment{border-bottom:0!important;padding:18px 0!important}.blog-stream-comment strong{color:#111!important}.blog-stream-comment small{color:#777!important}.blog-stream-comment p{color:#333!important}.blog-article-sidebar{position:sticky!important;top:86px!important;display:grid!important;gap:26px!important}.blog-side-card{background:#fff!important;border:1px solid #e7e7e7!important;border-radius:18px!important;box-shadow:none!important;padding:20px!important}.blog-side-card h3{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;font-size:21px!important;font-weight:850!important;color:#111!important;margin:0 0 16px!important}.blog-side-post{grid-template-columns:92px 1fr!important;gap:14px!important;border-color:#eee!important}.blog-side-post img{width:92px!important;height:74px!important;border-radius:10px!important}.blog-side-post small,.blog-side-post em{color:#808080!important}.blog-side-post b,.blog-side-card.popular span{color:#161616!important;font-weight:850!important}.blog-side-card.popular i{border-color:#d8b36d!important;color:#b68431!important;background:#fff!important}.blog-side-card.popular small{color:#777!important}.blog-magazine-main .site-footer{background:#fff!important;border-top:1px solid #ece7dd!important}.blog-magazine-main .site-footer *{color:#191919}.blog-magazine-main .site-footer a{color:#191919!important}
.theme-dark .blog-magazine-main{background:#110f0b!important}.theme-dark .blog-feed-card,.theme-dark .blog-search,.theme-dark .blog-topic-row a,.theme-dark .blog-side-card,.theme-dark .blog-login-comment,.theme-dark .blog-inline-comment{background:#16130f!important;border-color:#392d1d!important}.theme-dark .blog-topic-row a.active{background:#d8ad62!important;color:#111!important}.theme-dark .blog-card-body h2,.theme-dark .blog-card-meta b,.theme-dark .blog-article-reader h1,.theme-dark .blog-article-content,.theme-dark .blog-article-content h2,.theme-dark .blog-article-content p,.theme-dark .blog-side-card h3,.theme-dark .blog-side-post b,.theme-dark .blog-side-card.popular span{color:#fff5e4!important}.theme-dark .blog-card-body p,.theme-dark .blog-article-lead,.theme-dark .blog-breadcrumb,.theme-dark .blog-article-meta,.theme-dark .blog-side-post small,.theme-dark .blog-side-post em{color:#cabd9f!important}.theme-dark .blog-magazine-main .site-footer{background:#111!important;border-color:#352a1b!important}.theme-dark .blog-magazine-main .site-footer *{color:#f8edd8!important}.theme-dark .blog-reaction-bar .item-actions button,.theme-dark .blog-share a,.theme-dark .blog-share button{background:#19150f!important;color:#fff4df!important;border-color:#3b301d!important}
@media(max-width:1180px){.blog-article-grid{grid-template-columns:1fr!important}.blog-article-reader{max-width:none!important}.blog-article-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.blog-masonry-grid{column-count:2!important}}@media(max-width:760px){.blog-feed-shell,.blog-article-shell{padding:28px 14px 50px!important}.blog-topic-row{justify-content:flex-start!important}.blog-masonry-grid{column-count:1!important}.blog-card-image,.blog-feed-card.tall .blog-card-image,.blog-feed-card.wide .blog-card-image{height:235px!important}.blog-article-reader h1{font-size:34px!important}.blog-article-cover{height:260px!important}.blog-inline-image{height:220px!important}.blog-article-content{font-size:16px!important}.blog-article-sidebar{grid-template-columns:1fr!important}.blog-inline-comment{border-radius:18px!important}.blog-inline-comment button{border-radius:14px!important}}

/* BLOG DETAIL EXACT MATCH REFINEMENT 2026-06-08 */
.blog-magazine-main{background:#fff!important;color:#141414!important;min-height:100vh!important;overflow-x:hidden}
.blog-magazine-main .main-header,.blog-magazine-main .site-header{background:#fff!important}
.blog-article-shell{max-width:1450px!important;margin:0 auto!important;padding:34px 22px 68px!important}
.blog-article-grid{display:grid!important;grid-template-columns:minmax(0,900px) 370px!important;gap:54px!important;align-items:start!important}
.blog-article-reader{max-width:900px!important}
.blog-breadcrumb{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;font-size:13px!important;color:#8d8d8d!important;margin:0 0 30px!important}
.blog-breadcrumb a{color:#8d8d8d!important;text-decoration:none!important}
.blog-breadcrumb span:last-child{color:#7a7a7a!important}
.blog-category-badge{background:#c99b55!important;color:#fff!important;border-radius:999px!important;padding:9px 16px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important;margin:0 0 18px!important}
.blog-article-reader h1{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;font-size:64px!important;line-height:1.07!important;font-weight:850!important;letter-spacing:-.045em!important;color:#121212!important;max-width:860px!important;margin:0 0 18px!important}
.blog-article-lead{font-size:17px!important;line-height:1.6!important;color:#606060!important;max-width:780px!important;margin:0 0 22px!important}
.blog-article-meta{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;font-size:14px!important;color:#777!important;margin:0 0 28px!important}
.blog-article-meta b{font-weight:800!important;color:#191919!important}
.blog-avatar-mini{width:34px!important;height:34px!important;border-radius:50%!important;background:#0b0b0b!important;color:#d8af67!important;font-size:13px!important;font-weight:900!important}
.blog-article-cover{width:100%!important;height:470px!important;display:block!important;object-fit:cover!important;border-radius:20px!important;border:1px solid #ececec!important;background:#f3f3f3!important;box-shadow:none!important;margin:0 0 22px!important}
.blog-inline-image{width:100%!important;height:300px!important;display:block!important;object-fit:cover!important;border-radius:20px!important;border:1px solid #ececec!important;background:#f3f3f3!important;margin:8px 0 18px!important;box-shadow:none!important}
.blog-article-content{font-size:17px!important;line-height:1.78!important;color:#2d2d2d!important;max-width:820px!important}
.blog-article-content p{margin:0 0 18px!important;color:#2f2f2f!important}
.blog-article-content h2{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;font-size:22px!important;line-height:1.22!important;font-weight:850!important;color:#171717!important;margin:28px 0 10px!important}
.blog-reaction-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border-top:1px solid #ebebeb!important;border-bottom:1px solid #ebebeb!important;padding:16px 0!important;margin:28px 0 18px!important}
.blog-reaction-bar .item-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.blog-reaction-bar .item-actions button,.blog-share a,.blog-share button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid #e1e1e1!important;background:#fff!important;color:#202020!important;box-shadow:none!important;font-weight:700!important;text-decoration:none!important}
.blog-share{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.blog-share span{font-size:14px!important;color:#737373!important;margin-right:4px!important}
.blog-article-comments{padding-top:2px!important}
.blog-comments-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important}
.blog-comments-head h2{font-size:28px!important;line-height:1.1!important;font-weight:850!important;color:#171717!important;margin:0!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important}
.blog-comment-sort{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#8a8a8a!important;font-size:14px!important}
.blog-inline-comment{display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;align-items:center!important;gap:0!important;background:#f8f8f8!important;border:1px solid #e7e7e7!important;border-radius:999px!important;padding:0 0 0 18px!important;overflow:hidden!important;margin:0 0 18px!important}
.blog-inline-comment textarea{width:100%!important;min-height:56px!important;max-height:56px!important;padding:17px 12px 16px 0!important;border:0!important;background:transparent!important;resize:none!important;outline:none!important;color:#161616!important;font-size:14px!important;line-height:1.3!important}
.blog-inline-comment button{width:44px!important;height:44px!important;border-radius:50%!important;border:0!important;background:#8d6328!important;color:#fff!important;margin:4px!important;cursor:pointer!important}
.blog-login-comment{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;border:1px solid #e5e5e5!important;border-radius:16px!important;background:#fff!important;padding:14px 16px!important;color:#222!important;margin:0 0 18px!important}
.blog-login-comment p{margin:0!important;flex:1 1 320px!important}
.blog-login-comment a{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:40px!important;padding:0 16px!important;border-radius:999px!important;text-decoration:none!important;border:1px solid #ddd!important;color:#161616!important;background:#fff!important}
.blog-comment-stream{display:grid!important;gap:0!important}
.blog-stream-comment{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important;padding:18px 0!important;border-bottom:1px solid #efefef!important}
.blog-stream-comment:last-child{border-bottom:0!important}
.hidden-extra-comment{display:none!important}
.comment-avatar{width:48px!important;height:48px!important;border-radius:50%!important;background:linear-gradient(135deg,#ead5ad,#c89d5a)!important;color:#fff!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important}
.blog-comment-topline{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:4px!important}
.blog-stream-comment strong{font-size:16px!important;color:#171717!important}
.blog-stream-comment small{font-size:12px!important;color:#8f8f8f!important}
.blog-stream-comment p{font-size:15px!important;line-height:1.65!important;color:#313131!important;margin:0 0 8px!important}
.blog-comment-actions{display:flex!important;align-items:center!important;gap:18px!important;color:#8a8a8a!important;font-size:14px!important}
.blog-comment-actions a{color:#7c7c7c!important;text-decoration:none!important}
.blog-more-comments-wrap{text-align:center!important;padding-top:12px!important}
.blog-more-comments-btn{height:48px!important;padding:0 24px!important;border-radius:16px!important;border:1px solid #e1e1e1!important;background:#fff!important;color:#1a1a1a!important;font-weight:800!important;cursor:pointer!important}
.blog-article-sidebar{position:sticky!important;top:86px!important;display:grid!important;gap:26px!important}
.blog-side-card{background:#fff!important;border:1px solid #e9e9e9!important;border-radius:22px!important;padding:20px!important;box-shadow:none!important}
.blog-side-card h3{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;font-size:19px!important;line-height:1.2!important;font-weight:850!important;color:#191919!important;margin:0 0 14px!important}
.blog-side-post{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;text-decoration:none!important;color:inherit!important;padding:14px 0!important;border-bottom:1px solid #efefef!important}
.blog-side-post:last-child{border-bottom:0!important;padding-bottom:0!important}
.blog-side-post:first-of-type{padding-top:0!important}
.blog-side-post img{width:120px!important;height:86px!important;object-fit:cover!important;border-radius:14px!important;background:#f3f3f3!important}
.blog-side-post span{display:grid!important;gap:6px!important}
.blog-side-post small{font-size:12px!important;line-height:1.2!important;color:#9a9a9a!important}
.blog-side-post b{display:block!important;font-size:15px!important;line-height:1.42!important;color:#1b1b1b!important;font-weight:800!important}
.blog-side-post em{font-style:normal!important;font-size:12px!important;line-height:1.3!important;color:#808080!important}
.blog-side-card.popular a{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:10px 0!important;text-decoration:none!important;color:inherit!important;border-bottom:1px solid #efefef!important}
.blog-side-card.popular a:last-child{border-bottom:0!important;padding-bottom:0!important}
.blog-side-card.popular i{width:28px!important;height:28px!important;border-radius:50%!important;border:1px solid #e0bf7f!important;color:#b98633!important;background:#fff!important;font-style:normal!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important}
.blog-side-card.popular span{display:grid!important;gap:4px!important;font-size:15px!important;line-height:1.45!important;color:#1a1a1a!important;font-weight:800!important}
.blog-side-card.popular small{font-style:normal!important;font-size:12px!important;color:#8b8b8b!important;font-weight:500!important}
.blog-magazine-main .site-footer{margin-top:40px!important;background:#fff!important;border-top:1px solid #ececec!important}
@media (max-width: 1180px){
  .blog-article-grid{grid-template-columns:1fr!important;gap:32px!important}
  .blog-article-reader,.blog-article-content{max-width:none!important}
  .blog-article-reader h1{font-size:48px!important;max-width:none!important}
  .blog-article-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width: 860px){
  .blog-article-shell{padding:26px 14px 44px!important}
  .blog-article-reader h1{font-size:36px!important;line-height:1.08!important}
  .blog-article-cover{height:280px!important;border-radius:18px!important}
  .blog-inline-image{height:220px!important;border-radius:18px!important}
  .blog-article-content{font-size:16px!important;line-height:1.7!important}
  .blog-reaction-bar{align-items:flex-start!important;flex-direction:column!important}
  .blog-article-sidebar{grid-template-columns:1fr!important}
  .blog-side-post{grid-template-columns:92px minmax(0,1fr)!important}
  .blog-side-post img{width:92px!important;height:72px!important}
}

/* BLOG COMMENTS + SHARE EXACT REFINEMENT 2026-06-08 */
.blog-reaction-bar{background:#fff!important;border-top:1px solid #ebe8e1!important;border-bottom:1px solid #ebe8e1!important;padding:16px 0!important;margin:28px 0 26px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.blog-reaction-bar .interaction-box.interaction-compact{margin:0!important;padding:0!important;border:0!important;background:transparent!important;display:block!important;width:auto!important;flex:0 0 auto!important}
.blog-reaction-bar .interaction-top.clean-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:nowrap!important;width:auto!important}
.blog-reaction-bar .inline-action.like-form,.blog-reaction-bar .comment-popover{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;max-width:none!important}
.blog-reaction-bar .heart-btn.compact-heart,.blog-reaction-bar .comment-counter.clean-comment{width:auto!important;min-width:92px!important;max-width:none!important;height:44px!important;padding:0 18px!important;border-radius:999px!important;border:1px solid #e1dfda!important;background:#fff!important;color:#1c1c1c!important;gap:8px!important;font-size:15px!important;font-weight:800!important;box-shadow:none!important}
.blog-reaction-bar .heart-btn.compact-heart svg,.blog-reaction-bar .comment-counter.clean-comment svg{width:17px!important;height:17px!important;min-width:17px!important;color:inherit!important;fill:currentColor!important}
.blog-reaction-bar .heart-btn.compact-heart b,.blog-reaction-bar .comment-counter.clean-comment b{font-size:15px!important;color:inherit!important}
.blog-reaction-bar .comment-popover[open]::before{background:rgba(0,0,0,.35)!important}
.blog-share{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:nowrap!important;margin-left:auto!important}
.blog-share span{font-size:15px!important;color:#767676!important;margin-right:6px!important;white-space:nowrap!important}
.blog-share a,.blog-share button{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:50%!important;border:1px solid #e1dfda!important;background:#fff!important;color:#202020!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-size:17px!important;font-weight:800!important;box-shadow:none!important}
.blog-share a[aria-label="VK"]{font-size:18px!important;font-weight:900!important;text-transform:lowercase!important}
.blog-comments-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border-top:1px solid #efefef!important;padding-top:22px!important;margin:0 0 16px!important}
.blog-comments-head h2{font-size:24px!important;line-height:1.15!important;font-weight:850!important;color:#171717!important;margin:0!important}
.blog-comment-sort{font-size:14px!important;color:#8f8f8f!important;display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
.blog-inline-comment{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:0!important;background:#f3f4f7!important;border:1px solid #ececf0!important;border-radius:999px!important;min-height:58px!important;padding:0 6px 0 18px!important;margin:0 0 22px!important;overflow:hidden!important}
.blog-inline-comment textarea{min-height:56px!important;max-height:56px!important;height:56px!important;border:0!important;background:transparent!important;color:#1c1c1c!important;font-size:15px!important;line-height:56px!important;padding:0 12px 0 0!important;resize:none!important;overflow:hidden!important}
.blog-inline-comment textarea::placeholder{color:#9498a4!important}
.blog-inline-comment-tools{display:flex!important;align-items:center!important;gap:8px!important;padding-right:2px!important}
.blog-inline-comment .emoji-trigger,.blog-inline-comment .submit-trigger{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;border:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;cursor:pointer!important}
.blog-inline-comment .emoji-trigger{background:transparent!important;color:#a4a7b1!important}
.blog-inline-comment .submit-trigger{background:#9ca1ac!important;color:#fff!important}
.blog-comment-stream{display:grid!important;gap:0!important}
.blog-stream-comment{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important;padding:14px 0!important;border-bottom:0!important}
.blog-stream-comment .comment-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(135deg,#d8b262,#b98b3e)!important;color:#fff!important;font-size:18px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.blog-comment-topline{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;margin-bottom:4px!important}
.blog-comment-topline strong{display:inline-block!important;font-size:15px!important;line-height:1.2!important;color:#171717!important;font-weight:800!important}
.blog-comment-topline small{display:inline-block!important;font-size:13px!important;line-height:1.2!important;color:#8d8d8d!important;margin:0!important}
.blog-stream-comment p{font-size:15px!important;line-height:1.58!important;color:#2f2f2f!important;margin:0 0 8px!important;max-width:760px!important}
.blog-comment-actions{display:flex!important;align-items:center!important;gap:28px!important;flex-wrap:wrap!important;font-size:14px!important;color:#8f8f8f!important}
.blog-comment-actions a{color:#8a8a8a!important;text-decoration:none!important;font-weight:500!important}
.blog-comment-actions span{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#af8b36!important}
.blog-more-comments-wrap{text-align:center!important;padding-top:8px!important}
.blog-more-comments-btn{height:44px!important;padding:0 22px!important;border-radius:14px!important;border:1px solid #e5e5e5!important;background:#fff!important;color:#1d1d1d!important;font-size:14px!important;font-weight:700!important;box-shadow:none!important}
.staff-reply{margin-top:10px!important;padding:12px 14px!important;border-radius:14px!important;background:#faf7f1!important;border:1px solid #ece2d2!important}
.staff-reply-label{font-size:12px!important;font-weight:800!important;color:#9b7b3d!important;margin-bottom:6px!important}
@media (max-width: 860px){
  .blog-reaction-bar{align-items:flex-start!important;flex-direction:column!important}
  .blog-share{justify-content:flex-start!important;margin-left:0!important;flex-wrap:wrap!important}
  .blog-comments-head{align-items:flex-start!important;flex-direction:column!important}
  .blog-inline-comment{border-radius:18px!important;grid-template-columns:minmax(0,1fr)!important;padding:10px 12px!important}
  .blog-inline-comment textarea{height:48px!important;min-height:48px!important;max-height:48px!important;line-height:48px!important}
  .blog-inline-comment-tools{justify-content:flex-end!important;padding-right:0!important}
}

/* WORKING BUTTONS FEEDBACK */
.zs-blog-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);opacity:0;z-index:9999;background:#111;color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:800;box-shadow:0 18px 48px rgba(0,0,0,.28);transition:.22s ease;pointer-events:none}.zs-blog-toast.show{opacity:1;transform:translate(-50%,0)}
.blog-comment-actions span.liked{color:#c18a2d!important;font-weight:850!important}.blog-share button,.blog-inline-comment .emoji-trigger,.blog-comment-actions a,.blog-comment-actions span{transition:.18s ease}.blog-share button:hover,.blog-share a:hover,.blog-inline-comment .emoji-trigger:hover,.blog-inline-comment .submit-trigger:hover,.blog-comment-actions a:hover,.blog-comment-actions span:hover{transform:translateY(-1px);filter:brightness(.98)}

/* FINAL BLOG COMMENT AREA FIX 2026-06-08 */
:root{--zs-blog-cream:#f2eadc;--zs-blog-cream-soft:#f7f1e7;}
.blog-magazine-main{background:var(--zs-blog-cream)!important;}
.theme_white .blog-magazine-main,.theme_current_light .blog-magazine-main{background:var(--zs-blog-cream)!important;}
.blog-reaction-bar{
  background:transparent!important;
  border-top:1px solid rgba(164,132,82,.18)!important;
  border-bottom:1px solid rgba(164,132,82,.18)!important;
  padding:16px 0!important;
  margin:28px 0 30px!important;
  box-shadow:none!important;
}
.blog-reaction-bar:before,.blog-reaction-bar:after{display:none!important;content:none!important;}
.blog-reaction-bar .heart-btn.compact-heart,
.blog-reaction-bar .comment-counter.clean-comment{
  background:#fff!important;
  color:#111!important;
  border:1px solid rgba(25,25,25,.12)!important;
  box-shadow:none!important;
}
.blog-share a,.blog-share button{
  background:#fff!important;
  color:#111!important;
  border:1px solid rgba(25,25,25,.12)!important;
  box-shadow:none!important;
}
.blog-comments-head{border-top:1px solid rgba(164,132,82,.18)!important;padding-top:24px!important;}
.blog-comment-sort{position:relative!important;display:inline-flex!important;align-items:center!important;gap:0!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:#7f7c7a!important;}
.blog-comment-sort-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:#8a8580!important;
  font-size:14px!important;
  font-weight:500!important;
  padding:8px 20px 8px 8px!important;
  outline:none!important;
  cursor:pointer!important;
  width:auto!important;
  min-width:145px!important;
  box-shadow:none!important;
}
.blog-comment-sort span{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;color:#9a9690!important;font-size:12px!important;pointer-events:none!important;}
.blog-comment-sort-select:focus{box-shadow:0 0 0 3px rgba(185,139,62,.12)!important;border-radius:10px!important;}
.blog-inline-comment{position:relative!important;background:#f5f6f9!important;border:1px solid rgba(30,40,60,.06)!important;box-shadow:none!important;}
.blog-inline-comment .emoji-trigger{position:relative!important;background:#fff!important;color:#989daa!important;border:0!important;box-shadow:none!important;}
.blog-inline-comment .submit-trigger{background:#969eae!important;color:#fff!important;box-shadow:none!important;}
.blog-emoji-panel{
  position:absolute!important;
  right:54px!important;
  bottom:56px!important;
  z-index:25!important;
  display:grid!important;
  grid-template-columns:repeat(6,34px)!important;
  gap:6px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.10)!important;
  box-shadow:0 18px 55px rgba(20,20,20,.16)!important;
}
.blog-emoji-panel[hidden]{display:none!important;}
.blog-emoji-panel button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#f6f6f6!important;
  color:#111!important;
  font-size:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}
.blog-emoji-panel button:hover{background:#ececec!important;transform:translateY(-1px)!important;filter:none!important;}
.zs-blog-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#171717;color:#fff;padding:11px 16px;border-radius:999px;box-shadow:0 18px 50px rgba(0,0,0,.22);opacity:0;z-index:9999;transition:.22s ease;font-size:14px;font-weight:750;pointer-events:none}.zs-blog-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){
  .blog-comment-sort-select{min-width:132px!important;padding-left:0!important;}
  .blog-emoji-panel{right:4px!important;bottom:98px!important;grid-template-columns:repeat(5,34px)!important;}
}

/* EMOJI POPUP HARD FIX 2026-06-08 */
.blog-inline-comment{overflow:visible!important;position:relative!important;z-index:5!important;}
.blog-inline-comment-tools{position:relative!important;z-index:7!important;}
.blog-inline-comment .emoji-trigger{pointer-events:auto!important;z-index:8!important;}
.blog-emoji-panel{display:grid!important;position:absolute!important;right:48px!important;bottom:58px!important;z-index:999!important;pointer-events:auto!important;background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 22px 70px rgba(0,0,0,.20)!important;border-radius:18px!important;padding:10px!important;grid-template-columns:repeat(6,34px)!important;gap:6px!important;}
.blog-emoji-panel[hidden]{display:none!important;}
.blog-emoji-panel button{appearance:none!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;margin:0!important;border:0!important;border-radius:10px!important;background:#f5f5f5!important;color:#111!important;font-size:18px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:none!important;}
.blog-emoji-panel button:hover{background:#ececec!important;transform:translateY(-1px)!important;filter:none!important;}
@media(max-width:860px){.blog-emoji-panel{right:0!important;bottom:64px!important;grid-template-columns:repeat(5,34px)!important;}}

/* BLOG DETAIL WIDE LAYOUT FIX 2026-06-08 */
@media (min-width: 1200px){
  .blog-magazine-main .blog-article-shell{
    width:min(1680px, calc(100vw - 96px))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .blog-magazine-main .blog-article-grid{
    display:grid!important;
    grid-template-columns:minmax(0, 980px) 390px!important;
    gap:56px!important;
    justify-content:center!important;
    align-items:start!important;
  }
  .blog-magazine-main .blog-article-reader{
    max-width:980px!important;
    width:100%!important;
  }
  .blog-magazine-main .blog-article-content,
  .blog-magazine-main .blog-article-reader h1,
  .blog-magazine-main .blog-article-lead{
    max-width:980px!important;
  }
  .blog-magazine-main .blog-article-cover{
    width:100%!important;
    height:520px!important;
  }
  .blog-magazine-main .blog-inline-image{
    width:100%!important;
    height:360px!important;
  }
  .blog-magazine-main .blog-article-sidebar{
    width:390px!important;
    max-width:390px!important;
  }
  .blog-magazine-main .blog-side-card{
    width:100%!important;
  }
}
@media (min-width: 1500px){
  .blog-magazine-main .blog-article-shell{
    width:min(1760px, calc(100vw - 120px))!important;
  }
  .blog-magazine-main .blog-article-grid{
    grid-template-columns:minmax(0, 1060px) 410px!important;
    gap:64px!important;
  }
  .blog-magazine-main .blog-article-reader,
  .blog-magazine-main .blog-article-content,
  .blog-magazine-main .blog-article-reader h1,
  .blog-magazine-main .blog-article-lead{
    max-width:1060px!important;
  }
  .blog-magazine-main .blog-article-sidebar{
    width:410px!important;
    max-width:410px!important;
  }
  .blog-magazine-main .blog-article-cover{
    height:560px!important;
  }
}
@media (min-width: 1900px){
  .blog-magazine-main .blog-article-shell{
    width:min(1880px, calc(100vw - 140px))!important;
  }
  .blog-magazine-main .blog-article-grid{
    grid-template-columns:minmax(0, 1140px) 430px!important;
    gap:72px!important;
  }
  .blog-magazine-main .blog-article-reader,
  .blog-magazine-main .blog-article-content,
  .blog-magazine-main .blog-article-reader h1,
  .blog-magazine-main .blog-article-lead{
    max-width:1140px!important;
  }
  .blog-magazine-main .blog-article-sidebar{
    width:430px!important;
    max-width:430px!important;
  }
  .blog-magazine-main .blog-article-cover{
    height:600px!important;
  }
  .blog-magazine-main .blog-inline-image{
    height:400px!important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px){
  .blog-magazine-main .blog-article-shell{
    width:min(1320px, calc(100vw - 52px))!important;
  }
  .blog-magazine-main .blog-article-grid{
    grid-template-columns:minmax(0, 820px) 360px!important;
    gap:38px!important;
  }
  .blog-magazine-main .blog-article-reader,
  .blog-magazine-main .blog-article-content,
  .blog-magazine-main .blog-article-reader h1,
  .blog-magazine-main .blog-article-lead{
    max-width:820px!important;
  }
  .blog-magazine-main .blog-article-sidebar{
    width:360px!important;
    max-width:360px!important;
  }
}

/* BLOG DETAIL REAL FULL WIDTH SPREAD 2026-06-08 */
@media (min-width: 1024px){
  .blog-magazine-main .blog-article-shell{
    width:min(1760px, calc(100vw - 72px))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .blog-magazine-main .blog-article-grid{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0, 1fr) clamp(380px, 25vw, 470px)!important;
    gap:clamp(34px, 4vw, 76px)!important;
    justify-content:stretch!important;
    align-items:start!important;
  }
  .blog-magazine-main .blog-article-reader{
    width:100%!important;
    max-width:none!important;
  }
  .blog-magazine-main .blog-article-content,
  .blog-magazine-main .blog-article-reader h1,
  .blog-magazine-main .blog-article-lead{
    width:100%!important;
    max-width:none!important;
  }
  .blog-magazine-main .blog-article-cover{
    width:100%!important;
    max-width:none!important;
    height:clamp(440px, 34vw, 620px)!important;
  }
  .blog-magazine-main .blog-inline-image{
    width:100%!important;
    max-width:none!important;
    height:clamp(300px, 24vw, 440px)!important;
  }
  .blog-magazine-main .blog-reaction-bar,
  .blog-magazine-main .blog-article-comments{
    width:100%!important;
    max-width:none!important;
  }
  .blog-magazine-main .blog-article-sidebar{
    width:100%!important;
    max-width:none!important;
  }
  .blog-magazine-main .blog-side-card{
    width:100%!important;
    max-width:none!important;
  }
}
@media (min-width: 1280px){
  .blog-magazine-main .blog-article-shell{
    width:min(1840px, calc(100vw - 84px))!important;
  }
  .blog-magazine-main .blog-article-reader h1{
    font-size:clamp(52px, 4.2vw, 76px)!important;
  }
  .blog-magazine-main .blog-article-content{
    font-size:18px!important;
  }
  .blog-magazine-main .blog-side-post{
    grid-template-columns:clamp(112px, 8vw, 142px) minmax(0,1fr)!important;
  }
  .blog-magazine-main .blog-side-post img{
    width:clamp(112px, 8vw, 142px)!important;
    height:clamp(82px, 6vw, 104px)!important;
  }
}
@media (min-width: 1600px){
  .blog-magazine-main .blog-article-shell{
    width:min(1900px, calc(100vw - 96px))!important;
  }
  .blog-magazine-main .blog-article-grid{
    grid-template-columns:minmax(0, 1fr) clamp(430px, 24vw, 500px)!important;
    gap:clamp(44px, 4.2vw, 88px)!important;
  }
}
@media (min-width: 2000px){
  .blog-magazine-main .blog-article-shell{
    width:min(2060px, calc(100vw - 120px))!important;
  }
}

/* BLOG AJAX COMMENT STATE 2026-06-08 */
.blog-inline-comment.is-sending{opacity:.78;pointer-events:none}
.blog-inline-comment.is-sending .submit-trigger{filter:grayscale(.2);opacity:.75}
.ajax-added-comment{animation:blogAjaxCommentIn .28s ease-out both}
.blog-local-like{cursor:pointer;user-select:none}
.blog-local-like.active{font-weight:900;color:#b98125!important}
@keyframes blogAjaxCommentIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* HEADER FINAL CORRECT FIX 2026-06-08
   PC'deki eski premium header görünümü korunur. Dar ekranda menü ezilmez; hamburger paneline geçer. */
.public-menu-toggle{display:none!important;}
@media (min-width:1261px){
  body .public-menu-toggle{display:none!important;}
  body .sidebar .public-nav{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;pointer-events:auto!important;}
}
@media (min-width:821px) and (max-width:1260px){
  body{padding-top:86px!important;}
  body .layout{display:block!important;min-height:100vh!important;}
  body .sidebar{
    position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:86px!important;min-height:86px!important;
    display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;
    padding:0 clamp(18px,3vw,34px)!important;overflow:visible!important;border-right:0!important;z-index:2147482000!important;
  }
  body .sidebar .brand{grid-column:1!important;min-width:124px!important;justify-content:flex-start!important;border:0!important;padding:0!important;margin:0!important;}
  body .sidebar .brand span{font-size:38px!important;letter-spacing:-2px!important;}
  body .sidebar .brand b{font-size:11px!important;letter-spacing:3.5px!important;margin:0!important;}
  body .public-menu-toggle{
    grid-column:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    width:auto!important;height:42px!important;min-width:92px!important;padding:0 14px!important;border-radius:999px!important;
    background:linear-gradient(135deg,#1a1208,#100d09)!important;color:#f7dfac!important;border:1px solid rgba(216,180,106,.55)!important;
    box-shadow:none!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important;line-height:1!important;
  }
  body .public-menu-toggle span{display:block!important;width:15px!important;height:2px!important;background:currentColor!important;border-radius:3px!important;}
  body .public-menu-toggle b{display:inline-block!important;margin-left:4px!important;font-size:12px!important;letter-spacing:.02em!important;}
  body .auth-actions.stable-auth{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;}
  body .auth-actions.stable-auth a{height:40px!important;min-height:40px!important;padding:0 14px!important;border-radius:999px!important;font-size:13px!important;white-space:nowrap!important;}
  body .public-toolbar{grid-column:4!important;display:flex!important;align-items:center!important;gap:8px!important;margin-left:0!important;min-width:max-content!important;}
  body .font-toggle{width:42px!important;height:42px!important;min-width:42px!important;}
  body .lang{width:auto!important;min-width:auto!important;}
  body .lang select{width:auto!important;min-width:72px!important;height:42px!important;border-radius:999px!important;}
  body .sidebar .profile,body .sidebar .socials,body .sidebar .side-copy{display:none!important;}
  body .sidebar .public-nav{
    display:none!important;position:fixed!important;left:18px!important;right:18px!important;top:96px!important;z-index:2147482100!important;
    max-height:calc(100vh - 116px)!important;overflow:auto!important;padding:16px!important;margin:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;border:1px solid rgba(216,180,106,.26)!important;border-radius:24px!important;
    background:rgba(20,17,13,.96)!important;backdrop-filter:blur(18px)!important;box-shadow:0 28px 90px rgba(0,0,0,.38)!important;
  }
  body .sidebar.menu-open .public-nav{display:grid!important;}
  body .sidebar .public-nav a{
    height:52px!important;min-height:52px!important;max-width:none!important;width:100%!important;padding:0 16px!important;border-radius:16px!important;
    font-size:14px!important;gap:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;transform:none!important;
  }
  body .sidebar .public-nav a span{width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;}
}
@media (max-width:820px){
  body{padding-top:74px!important;}
  body .layout{display:block!important;}
  body .sidebar{
    position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:74px!important;min-height:74px!important;
    display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
    padding:0 12px!important;overflow:visible!important;border-right:0!important;border-bottom:1px solid rgba(216,180,106,.22)!important;z-index:2147482000!important;
  }
  body .sidebar .brand{grid-column:1!important;min-width:76px!important;justify-content:flex-start!important;border:0!important;padding:0!important;margin:0!important;gap:5px!important;}
  body .sidebar .brand span{font-size:28px!important;letter-spacing:-1.5px!important;}
  body .sidebar .brand b{font-size:8px!important;letter-spacing:1.8px!important;margin:0!important;}
  body .public-menu-toggle{
    grid-column:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:42px!important;height:42px!important;min-width:42px!important;
    padding:0!important;border-radius:50%!important;background:linear-gradient(135deg,#1a1208,#100d09)!important;color:#f7dfac!important;border:1px solid rgba(216,180,106,.55)!important;box-shadow:none!important;
  }
  body .public-menu-toggle span{display:block!important;width:15px!important;height:2px!important;background:currentColor!important;border-radius:3px!important;}
  body .public-menu-toggle b{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;}
  body .auth-actions.stable-auth{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:5px!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;}
  body .auth-actions.stable-auth a{height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:11px!important;border-radius:999px!important;white-space:nowrap!important;}
  body .public-toolbar{grid-column:4!important;display:flex!important;gap:5px!important;margin:0!important;min-width:max-content!important;}
  body .font-toggle{width:36px!important;height:36px!important;min-width:36px!important;font-size:15px!important;}
  body .lang select{width:auto!important;min-width:58px!important;height:36px!important;font-size:11px!important;padding:0 8px!important;border-radius:999px!important;}
  body .sidebar .profile,body .sidebar .socials,body .sidebar .side-copy{display:none!important;}
  body .sidebar .public-nav{
    display:none!important;position:fixed!important;left:12px!important;right:12px!important;top:84px!important;z-index:2147482100!important;
    max-height:calc(100vh - 96px)!important;overflow:auto!important;padding:12px!important;margin:0!important;grid-template-columns:1fr!important;gap:8px!important;
    border:1px solid rgba(216,180,106,.26)!important;border-radius:20px!important;background:rgba(20,17,13,.97)!important;backdrop-filter:blur(18px)!important;box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
  }
  body .sidebar.menu-open .public-nav{display:grid!important;}
  body .sidebar .public-nav a{height:48px!important;min-height:48px!important;width:100%!important;padding:0 14px!important;border-radius:14px!important;font-size:13px!important;transform:none!important;}
  body .hero{padding-top:52px!important;}
}

/* HEADER SAFE RESPONSIVE FINAL PATCH 2026-06-08
   Amaç: büyük ekranda premium yatay header kalsın; ekran daralınca hiçbir eleman alta düşmesin,
   font ezilmesin, dil ve A butonu hero üstüne kaymasın. */
@media (min-width:1501px){
  body .sidebar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
    min-height:78px!important;height:78px!important;display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;
    padding:0 clamp(18px,2.6vw,48px)!important;overflow:hidden!important;z-index:2147482000!important;
  }
  body .sidebar .brand{grid-column:1!important;min-width:135px!important;max-width:165px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;white-space:nowrap!important;}
  body .auth-actions.stable-auth{grid-column:2!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;width:auto!important;min-width:max-content!important;}
  body .auth-actions.stable-auth a{height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:999px!important;font-size:12px!important;white-space:nowrap!important;}
  body .public-menu-toggle{display:none!important;}
  body .sidebar .public-nav{grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;width:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;position:static!important;max-height:none!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  body .sidebar .public-nav a{height:40px!important;min-height:40px!important;max-width:clamp(92px,7.6vw,158px)!important;padding:0 10px!important;border-radius:12px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:0 1 auto!important;transform:none!important;}
  body .sidebar .public-nav a span{width:27px!important;height:27px!important;min-width:27px!important;}
  body .public-toolbar{grid-column:4!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;min-width:max-content!important;align-self:center!important;}
  body .font-toggle{width:42px!important;height:42px!important;min-width:42px!important;}
  body .lang select{height:42px!important;min-width:72px!important;border-radius:999px!important;}
  body .sidebar .profile,body .sidebar .socials,body .sidebar .side-copy{display:none!important;}
  body{padding-top:78px!important;}
}
@media (min-width:821px) and (max-width:1500px){
  body{padding-top:86px!important;}
  body .layout{display:block!important;min-height:100vh!important;}
  body .sidebar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:86px!important;min-height:86px!important;
    display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;
    padding:0 clamp(14px,2.4vw,32px)!important;overflow:visible!important;border-right:0!important;z-index:2147482000!important;
  }
  body .sidebar .brand{grid-column:1!important;min-width:122px!important;max-width:145px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important;}
  body .sidebar .brand span{font-size:38px!important;letter-spacing:-2px!important;line-height:1!important;}
  body .sidebar .brand b{font-size:10px!important;letter-spacing:3px!important;margin:0!important;line-height:1!important;}
  body .public-menu-toggle{grid-column:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;height:42px!important;min-width:96px!important;padding:0 14px!important;border-radius:999px!important;background:linear-gradient(135deg,#1a1208,#100d09)!important;color:#f7dfac!important;border:1px solid rgba(216,180,106,.55)!important;box-shadow:0 10px 26px rgba(0,0,0,.16)!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important;line-height:1!important;}
  body .public-menu-toggle span{display:block!important;width:15px!important;height:2px!important;background:currentColor!important;border-radius:3px!important;}
  body .public-menu-toggle b{display:inline-block!important;margin-left:4px!important;font-size:12px!important;letter-spacing:.02em!important;}
  body .auth-actions.stable-auth{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}
  body .auth-actions.stable-auth a{height:38px!important;min-height:38px!important;padding:0 13px!important;border-radius:999px!important;font-size:12px!important;white-space:nowrap!important;max-width:132px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body .public-toolbar{grid-column:4!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;min-width:max-content!important;align-self:center!important;}
  body .font-toggle{width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;}
  body .lang{display:flex!important;align-items:center!important;margin:0!important;width:auto!important;min-width:auto!important;}
  body .lang select{height:42px!important;min-width:72px!important;width:auto!important;border-radius:999px!important;padding:0 12px!important;}
  body .sidebar .profile,body .sidebar .socials,body .sidebar .side-copy{display:none!important;}
  body .sidebar .public-nav{display:none!important;position:fixed!important;left:18px!important;right:18px!important;top:96px!important;z-index:2147482100!important;max-height:calc(100vh - 116px)!important;overflow:auto!important;padding:16px!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;border:1px solid rgba(216,180,106,.28)!important;border-radius:24px!important;background:rgba(20,17,13,.97)!important;backdrop-filter:blur(18px)!important;box-shadow:0 28px 90px rgba(0,0,0,.42)!important;}
  body .sidebar.menu-open .public-nav{display:grid!important;}
  body .sidebar .public-nav a{height:52px!important;min-height:52px!important;max-width:none!important;width:100%!important;padding:0 16px!important;border-radius:16px!important;font-size:14px!important;gap:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;transform:none!important;}
  body .sidebar .public-nav a span{width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;}
  body .hero{padding-top:52px!important;}
}
@media (max-width:820px){
  body .public-toolbar{grid-column:4!important;align-self:center!important;transform:none!important;top:auto!important;bottom:auto!important;position:relative!important;}
  body .font-toggle,body .lang select{margin:0!important;}
  body .auth-actions.stable-auth{overflow:hidden!important;}
}


/* HEADER REAL FINAL: full desktop, 3-line hamburger only when menu cannot fit. 2026-06-08 */
:root{--zs-header-h:78px;--zs-header-mobile-h:74px;}
body{padding-top:var(--zs-header-h)!important;}
body .layout{display:block!important;min-height:100vh!important;}
body .sidebar{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100vw!important;height:var(--zs-header-h)!important;min-height:var(--zs-header-h)!important;
  display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto auto!important;align-items:center!important;gap:14px!important;
  padding:0 clamp(18px,2.8vw,46px)!important;overflow:visible!important;border-right:0!important;border-bottom:1px solid rgba(154,116,50,.16)!important;
  background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;box-shadow:0 10px 34px rgba(64,43,12,.10)!important;z-index:2147482000!important;color:#17120d!important;
}
body .sidebar .brand{
  grid-column:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:132px!important;max-width:170px!important;
  height:100%!important;margin:0!important;padding:0!important;border:0!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;
}
body .sidebar .brand span{font:38px/.82 Georgia,serif!important;letter-spacing:-2px!important;color:#b57f25!important;text-shadow:none!important;}
body .sidebar .brand b{font-size:11px!important;letter-spacing:4px!important;margin:0!important;color:#b57f25!important;line-height:1!important;}
body .auth-actions.stable-auth{
  grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;min-width:max-content!important;max-width:none!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;
}
body .auth-actions.stable-auth a{
  height:40px!important;min-height:40px!important;padding:0 17px!important;border-radius:999px!important;font-size:13px!important;font-weight:950!important;line-height:1!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;text-decoration:none!important;background:#fff!important;color:#1a1510!important;border:1px solid rgba(154,116,50,.22)!important;box-shadow:0 8px 22px rgba(64,43,12,.06)!important;
}
body .public-toolbar{
  grid-column:4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;padding:0!important;min-width:max-content!important;align-self:center!important;position:static!important;transform:none!important;
}
body .font-toggle{width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body .lang{display:flex!important;align-items:center!important;width:auto!important;min-width:auto!important;margin:0!important;}
body .lang select{height:42px!important;min-width:72px!important;width:auto!important;border-radius:999px!important;padding:0 12px!important;font-size:13px!important;font-weight:900!important;}
body .sidebar .profile,body .sidebar .socials,body .sidebar .side-copy{display:none!important;}
body .public-menu-toggle{
  grid-column:5!important;display:none!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;border-radius:12px!important;
  background:transparent!important;color:#17120d!important;border:1px solid transparent!important;box-shadow:none!important;cursor:pointer!important;gap:0!important;font-size:0!important;line-height:1!important;
}
body .public-menu-toggle span{display:block!important;width:27px!important;height:2px!important;background:currentColor!important;border-radius:4px!important;margin:3.5px 0!important;}
body .public-menu-toggle b{display:none!important;}
body .sidebar .public-nav{
  grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
  position:static!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;
}
body .sidebar .public-nav a{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;height:42px!important;min-height:42px!important;width:auto!important;max-width:none!important;min-width:auto!important;
  padding:0 12px!important;border-radius:12px!important;font-size:13px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;flex:0 0 auto!important;transform:none!important;color:#1b1712!important;text-decoration:none!important;
}
body .sidebar .public-nav a span{width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;display:inline-grid!important;place-items:center!important;background:rgba(180,123,31,.08)!important;color:#bd882d!important;border:1px solid rgba(180,123,31,.14)!important;}
body .sidebar .public-nav a.active,body .sidebar .public-nav a[aria-current="page"]{background:#15100b!important;color:#fff!important;border:1px solid rgba(180,123,31,.32)!important;box-shadow:0 10px 28px rgba(0,0,0,.12)!important;}
body .sidebar .public-nav a.active span,body .sidebar .public-nav a[aria-current="page"] span{color:#f6d889!important;background:rgba(255,255,255,.08)!important;}
@media (max-width:1760px){
  body .sidebar{grid-template-columns:auto auto minmax(0,1fr) auto auto!important;gap:12px!important;padding:0 clamp(14px,2.4vw,34px)!important;}
  body .sidebar .public-nav{
    display:none!important;position:fixed!important;left:clamp(14px,2vw,28px)!important;right:clamp(14px,2vw,28px)!important;top:calc(var(--zs-header-h) + 12px)!important;z-index:2147482100!important;
    max-height:calc(100vh - var(--zs-header-h) - 28px)!important;overflow:auto!important;padding:18px!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
    border:1px solid rgba(216,180,106,.28)!important;border-radius:24px!important;background:rgba(20,17,13,.97)!important;backdrop-filter:blur(18px)!important;box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
  }
  body .sidebar.menu-open .public-nav{display:grid!important;}
  body .sidebar .public-nav a{height:54px!important;min-height:54px!important;width:100%!important;max-width:none!important;padding:0 16px!important;border-radius:16px!important;font-size:14px!important;gap:12px!important;color:#fff4e2!important;overflow:visible!important;text-overflow:clip!important;}
  body .sidebar .public-nav a span{width:31px!important;height:31px!important;min-width:31px!important;border-radius:10px!important;background:rgba(216,180,106,.10)!important;color:#d8b46a!important;border:1px solid rgba(216,180,106,.16)!important;}
  body .public-menu-toggle{display:inline-flex!important;flex-direction:column!important;}
}
@media (max-width:980px){
  :root{--zs-header-h:74px;}
  body{padding-top:var(--zs-header-h)!important;}
  body .sidebar{height:var(--zs-header-h)!important;min-height:var(--zs-header-h)!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:8px!important;padding:0 12px!important;}
  body .sidebar .brand{grid-column:1!important;min-width:94px!important;max-width:108px!important;gap:6px!important;}
  body .sidebar .brand span{font-size:30px!important;letter-spacing:-1.5px!important;}
  body .sidebar .brand b{font-size:8px!important;letter-spacing:2px!important;}
  body .auth-actions.stable-auth{grid-column:2!important;justify-self:end!important;gap:6px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;}
  body .auth-actions.stable-auth a{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important;max-width:112px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body .public-toolbar{grid-column:3!important;gap:6px!important;}
  body .font-toggle{width:38px!important;height:38px!important;min-width:38px!important;}
  body .lang select{height:38px!important;min-width:64px!important;font-size:12px!important;padding:0 8px!important;}
  body .public-menu-toggle{grid-column:4!important;width:40px!important;height:40px!important;min-width:40px!important;}
  body .public-menu-toggle span{width:24px!important;height:2px!important;margin:3px 0!important;}
  body .sidebar .public-nav{top:calc(var(--zs-header-h) + 10px)!important;left:12px!important;right:12px!important;grid-template-columns:1fr!important;border-radius:20px!important;padding:12px!important;}
  body .sidebar .public-nav a{height:50px!important;min-height:50px!important;font-size:13px!important;}
}
@media (max-width:560px){
  body .sidebar{grid-template-columns:auto minmax(0,1fr) auto!important;height:auto!important;min-height:74px!important;padding:8px 10px!important;}
  body .sidebar .brand{max-width:96px!important;min-width:88px!important;}
  body .auth-actions.stable-auth{grid-column:2!important;justify-self:end!important;}
  body .auth-actions.stable-auth a{max-width:96px!important;padding:0 8px!important;font-size:11px!important;}
  body .public-toolbar{grid-column:1 / span 2!important;grid-row:2!important;justify-self:start!important;margin-top:4px!important;}
  body .public-menu-toggle{grid-column:3!important;grid-row:1 / span 2!important;justify-self:end!important;align-self:center!important;}
  body .sidebar .public-nav{top:84px!important;}
}


/* ZS HEADER REAL FIX V2 - no clipped text, real 3-line hamburger, no dropdown to hero */
:root{--zs-real-header-h:78px;}
body{padding-top:var(--zs-real-header-h)!important;}
body .layout{display:block!important;min-height:100vh!important;}
body .sidebar{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100vw!important;height:var(--zs-real-header-h)!important;min-height:var(--zs-real-header-h)!important;
  display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto auto!important;align-items:center!important;gap:14px!important;
  padding:0 clamp(18px,2.6vw,46px)!important;overflow:visible!important;border-right:0!important;border-bottom:1px solid rgba(154,116,50,.16)!important;
  background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;box-shadow:0 10px 34px rgba(64,43,12,.10)!important;z-index:2147482000!important;color:#17120d!important;
}
body .sidebar .brand{grid-column:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:132px!important;max-width:172px!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;}
body .sidebar .brand span{font:38px/.82 Georgia,serif!important;letter-spacing:-2px!important;color:#b57f25!important;text-shadow:none!important;}
body .sidebar .brand b{font-size:11px!important;letter-spacing:4px!important;margin:0!important;color:#b57f25!important;line-height:1!important;}
body .auth-actions.stable-auth{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;min-width:max-content!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;}
body .auth-actions.stable-auth a{height:40px!important;min-height:40px!important;padding:0 17px!important;border-radius:999px!important;font-size:13px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;text-decoration:none!important;background:#fff!important;color:#1a1510!important;border:1px solid rgba(154,116,50,.22)!important;box-shadow:0 8px 22px rgba(64,43,12,.06)!important;}
body .public-toolbar{grid-column:4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;padding:0!important;min-width:max-content!important;align-self:center!important;position:static!important;transform:none!important;}
body .font-toggle{width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body .lang{display:flex!important;align-items:center!important;width:auto!important;min-width:auto!important;margin:0!important;}
body .lang select{height:42px!important;min-width:72px!important;width:auto!important;border-radius:999px!important;padding:0 12px!important;font-size:13px!important;font-weight:900!important;}
body .sidebar .profile,body .sidebar .socials,body .sidebar .side-copy{display:none!important;}
body .public-menu-toggle{grid-column:5!important;display:none!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;border-radius:12px!important;background:transparent!important;color:#17120d!important;border:1px solid transparent!important;box-shadow:none!important;cursor:pointer!important;gap:0!important;font-size:0!important;line-height:1!important;}
body .public-menu-toggle span{display:block!important;width:27px!important;height:2px!important;background:currentColor!important;border-radius:4px!important;margin:3.5px 0!important;}
body .public-menu-toggle b{display:none!important;}
body .sidebar .public-nav{grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;position:static!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;}
body .sidebar .public-nav a{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;height:42px!important;min-height:42px!important;width:auto!important;max-width:none!important;min-width:auto!important;padding:0 12px!important;border-radius:12px!important;font-size:13px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;flex:0 0 auto!important;transform:none!important;color:#1b1712!important;text-decoration:none!important;}
body .sidebar .public-nav a span{width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;display:inline-grid!important;place-items:center!important;background:rgba(180,123,31,.08)!important;color:#bd882d!important;border:1px solid rgba(180,123,31,.14)!important;}
body .sidebar .public-nav a.active,body .sidebar .public-nav a[aria-current="page"]{background:#15100b!important;color:#fff!important;border:1px solid rgba(180,123,31,.32)!important;box-shadow:0 10px 28px rgba(0,0,0,.12)!important;}
body .sidebar .public-nav a.active span,body .sidebar .public-nav a[aria-current="page"] span{color:#f6d889!important;background:rgba(255,255,255,.08)!important;}
/* Force hamburger BEFORE the menu starts clipping. The user's 1920-2048px case belongs here. */
@media (max-width:2350px){
  body .sidebar{grid-template-columns:auto auto minmax(0,1fr) auto auto!important;gap:12px!important;padding:0 clamp(14px,2.4vw,34px)!important;}
  body .public-menu-toggle{display:inline-flex!important;}
  body .sidebar .public-nav{display:none!important;position:fixed!important;left:clamp(14px,2vw,28px)!important;right:clamp(14px,2vw,28px)!important;top:calc(var(--zs-real-header-h) + 12px)!important;z-index:2147482100!important;max-height:calc(100vh - var(--zs-real-header-h) - 28px)!important;overflow:auto!important;padding:18px!important;margin:0!important;grid-template-columns:repeat(3,minmax(220px,1fr))!important;gap:10px!important;border:1px solid rgba(216,180,106,.28)!important;border-radius:24px!important;background:rgba(20,17,13,.97)!important;backdrop-filter:blur(18px)!important;box-shadow:0 28px 90px rgba(0,0,0,.42)!important;}
  body .sidebar.menu-open .public-nav{display:grid!important;}
  body .sidebar .public-nav a{height:54px!important;min-height:54px!important;width:100%!important;max-width:none!important;padding:0 16px!important;border-radius:16px!important;font-size:14px!important;gap:12px!important;color:#fff4e2!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;}
  body .sidebar .public-nav a span{width:31px!important;height:31px!important;min-width:31px!important;border-radius:10px!important;background:rgba(216,180,106,.10)!important;color:#d8b46a!important;border:1px solid rgba(216,180,106,.16)!important;}
}
@media (max-width:1180px){
  :root{--zs-real-header-h:74px;}
  body .sidebar{height:var(--zs-real-header-h)!important;min-height:var(--zs-real-header-h)!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:8px!important;padding:0 12px!important;}
  body .sidebar .brand{grid-column:1!important;min-width:94px!important;max-width:112px!important;gap:6px!important;}
  body .sidebar .brand span{font-size:30px!important;letter-spacing:-1.5px!important;}
  body .sidebar .brand b{font-size:8px!important;letter-spacing:2px!important;}
  body .auth-actions.stable-auth{grid-column:2!important;justify-self:end!important;gap:6px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;}
  body .auth-actions.stable-auth a{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:12px!important;max-width:126px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body .public-toolbar{grid-column:3!important;gap:6px!important;}
  body .font-toggle{width:38px!important;height:38px!important;min-width:38px!important;}
  body .lang select{height:38px!important;min-width:64px!important;font-size:12px!important;padding:0 8px!important;}
  body .public-menu-toggle{grid-column:4!important;width:40px!important;height:40px!important;min-width:40px!important;}
  body .public-menu-toggle span{width:24px!important;height:2px!important;margin:3px 0!important;}
  body .sidebar .public-nav{top:calc(var(--zs-real-header-h) + 10px)!important;left:12px!important;right:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:20px!important;padding:12px!important;}
  body .sidebar .public-nav a{height:50px!important;min-height:50px!important;font-size:13px!important;white-space:normal!important;line-height:1.2!important;}
}
@media (max-width:640px){
  body .sidebar{grid-template-columns:auto minmax(0,1fr) auto!important;min-height:74px!important;height:74px!important;padding:0 10px!important;}
  body .sidebar .brand{max-width:96px!important;min-width:88px!important;}
  body .auth-actions.stable-auth{grid-column:2!important;justify-self:end!important;}
  body .auth-actions.stable-auth a{max-width:96px!important;padding:0 8px!important;font-size:11px!important;}
  body .public-toolbar{display:none!important;}
  body .public-menu-toggle{grid-column:3!important;justify-self:end!important;align-self:center!important;}
  body .sidebar .public-nav{top:84px!important;grid-template-columns:1fr!important;}
}

/* FINAL HEADER LOCK - one row, no text clipping, real 3-line hamburger */
:root{--zs-header-final-h:78px!important;}
body .sidebar{
  position:sticky!important;top:0!important;z-index:10000!important;
  height:var(--zs-header-final-h)!important;min-height:var(--zs-header-final-h)!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:0 28px!important;box-sizing:border-box!important;
  display:grid!important;align-items:center!important;
  grid-template-columns:auto auto minmax(0,1fr) auto auto!important;
  gap:14px!important;background:#fff!important;border-bottom:1px solid rgba(180,123,31,.18)!important;
  box-shadow:0 10px 28px rgba(30,18,4,.06)!important;overflow:visible!important;
}
body .sidebar .brand{
  grid-column:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:10px!important;min-width:150px!important;max-width:185px!important;height:100%!important;
  padding:0!important;margin:0!important;border:0!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;
}
body .sidebar .brand span{font:38px/.82 Georgia,serif!important;letter-spacing:-2px!important;color:#b57f25!important;}
body .sidebar .brand b{font-size:11px!important;letter-spacing:4px!important;margin:0!important;color:#b57f25!important;line-height:1!important;}
body .auth-actions.stable-auth{
  grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:8px!important;width:auto!important;min-width:max-content!important;max-width:none!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;
}
body .auth-actions.stable-auth a{
  height:40px!important;min-height:40px!important;padding:0 17px!important;border-radius:999px!important;
  font-size:13px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;
  overflow:visible!important;text-overflow:clip!important;text-decoration:none!important;background:#fff!important;color:#1a1510!important;
  border:1px solid rgba(154,116,50,.22)!important;box-shadow:0 8px 22px rgba(64,43,12,.06)!important;
}
body .public-toolbar{
  grid-column:4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:8px!important;margin:0!important;padding:0!important;min-width:max-content!important;align-self:center!important;
  position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
}
body .font-toggle{width:45px!important;height:45px!important;min-width:45px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body .lang select{height:40px!important;min-height:40px!important;border-radius:999px!important;padding:0 35px 0 16px!important;white-space:nowrap!important;}
body .sidebar .profile,body .sidebar .socials,body .sidebar .side-copy{display:none!important;}
body .public-menu-toggle{
  grid-column:5!important;display:none!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;
  width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;margin:0!important;
  border-radius:12px!important;background:transparent!important;color:#17120d!important;border:0!important;box-shadow:none!important;
  cursor:pointer!important;gap:0!important;font-size:0!important;line-height:1!important;position:relative!important;z-index:10002!important;
}
body .public-menu-toggle span{display:block!important;width:29px!important;height:2px!important;background:currentColor!important;border-radius:4px!important;margin:3.7px 0!important;}
body .public-menu-toggle b{display:none!important;}
body .sidebar .public-nav{
  grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:10px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
  position:static!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;
  box-shadow:none!important;backdrop-filter:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;
}
body .sidebar .public-nav a{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  height:42px!important;min-height:42px!important;width:auto!important;max-width:none!important;min-width:auto!important;
  padding:0 12px!important;border-radius:12px!important;font-size:13px!important;font-weight:900!important;line-height:1!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;flex:0 0 auto!important;transform:none!important;
  color:#1b1712!important;text-decoration:none!important;
}
body .sidebar .public-nav a span{width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;display:inline-grid!important;place-items:center!important;background:rgba(180,123,31,.08)!important;color:#bd882d!important;border:1px solid rgba(180,123,31,.14)!important;}
body .sidebar .public-nav a.active,body .sidebar .public-nav a[aria-current="page"]{background:#15100b!important;color:#fff!important;border:1px solid rgba(180,123,31,.32)!important;box-shadow:0 10px 28px rgba(0,0,0,.12)!important;}
body .sidebar .public-nav a.active span,body .sidebar .public-nav a[aria-current="page"] span{color:#f6d889!important;background:rgba(255,255,255,.08)!important;}
@media (max-width: 1760px){
  body .sidebar{grid-template-columns:auto auto minmax(0,1fr) auto auto!important;gap:12px!important;padding:0 24px!important;}
  body .public-menu-toggle{display:inline-flex!important;}
  body .sidebar .public-nav{
    display:none!important;position:fixed!important;top:calc(var(--zs-header-final-h) + 10px)!important;right:24px!important;left:auto!important;
    width:min(430px,calc(100vw - 48px))!important;max-height:calc(100vh - var(--zs-header-final-h) - 26px)!important;overflow:auto!important;
    padding:12px!important;margin:0!important;grid-template-columns:1fr!important;gap:8px!important;
    border:1px solid rgba(216,180,106,.32)!important;border-radius:18px!important;background:rgba(20,17,13,.98)!important;
    backdrop-filter:blur(18px)!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important;z-index:10001!important;
  }
  body .sidebar.menu-open .public-nav{display:grid!important;}
  body .sidebar .public-nav a{height:50px!important;min-height:50px!important;width:100%!important;max-width:none!important;padding:0 14px!important;border-radius:14px!important;font-size:14px!important;gap:12px!important;color:#fff4e2!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;}
  body .sidebar .public-nav a span{width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;background:rgba(216,180,106,.10)!important;color:#d8b46a!important;border:1px solid rgba(216,180,106,.16)!important;}
}
@media (max-width: 760px){
  :root{--zs-header-final-h:74px!important;}
  body .sidebar{grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:8px!important;padding:0 12px!important;}
  body .sidebar .brand{min-width:104px!important;max-width:118px!important;gap:6px!important;}
  body .sidebar .brand span{font-size:31px!important;letter-spacing:-1.4px!important;}
  body .sidebar .brand b{font-size:8px!important;letter-spacing:2px!important;}
  body .auth-actions.stable-auth{grid-column:2!important;justify-self:end!important;min-width:0!important;gap:6px!important;overflow:hidden!important;}
  body .auth-actions.stable-auth a{height:34px!important;min-height:34px!important;max-width:108px!important;padding:0 9px!important;font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body .public-toolbar{grid-column:3!important;gap:5px!important;}
  body .font-toggle{width:38px!important;height:38px!important;min-width:38px!important;}
  body .lang select{height:36px!important;min-height:36px!important;padding-left:12px!important;padding-right:30px!important;}
  body .public-menu-toggle{grid-column:4!important;width:40px!important;height:40px!important;min-width:40px!important;}
  body .public-menu-toggle span{width:25px!important;margin:3px 0!important;}
  body .sidebar .public-nav{top:calc(var(--zs-header-final-h) + 8px)!important;right:10px!important;width:min(360px,calc(100vw - 20px))!important;border-radius:16px!important;}
  body .sidebar .public-nav a{height:48px!important;min-height:48px!important;font-size:13px!important;}
}
@media (max-width: 520px){
  body .auth-actions.stable-auth a{max-width:90px!important;padding:0 7px!important;font-size:10.5px!important;}
  body .public-toolbar{display:none!important;}
  body .public-menu-toggle{grid-column:3!important;}
  body .sidebar{grid-template-columns:auto minmax(0,1fr) auto!important;}
}

/* STEP 6 FINAL UI LOCK 2026-06-08: header/footer/mobile polish */
html,body{max-width:100%!important;overflow-x:hidden!important;}
body{padding-top:0!important;}
.layout{display:block!important;min-height:100vh!important;width:100%!important;}
.main{display:block!important;width:100%!important;min-width:0!important;}
body .sidebar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;}
body .sidebar *{box-sizing:border-box!important;}
body .sidebar .brand,body .auth-actions.stable-auth,body .public-toolbar,body .public-menu-toggle{align-self:center!important;}
body .sidebar .public-nav{align-self:center!important;}
body .sidebar .public-nav a{min-width:0!important;}
body .sidebar .public-nav a svg{width:18px!important;height:18px!important;}
body .sidebar.menu-open::after{content:''!important;position:fixed!important;inset:var(--zs-header-final-h) 0 0 0!important;background:rgba(0,0,0,.30)!important;z-index:10000!important;pointer-events:none!important;}
body .sidebar.menu-open .public-nav{z-index:10003!important;}
.hero,.section,.resource-layout,.blog-magazine-main,.site-footer{min-width:0!important;max-width:100vw!important;}
.section{overflow:hidden!important;}
.cards,.service-grid,.contact,.two,.profile-grid,.resource-grid{min-width:0!important;max-width:100%!important;}
.card,.service,.contact form,.auth-card,.profile-card,.resource-card{min-width:0!important;overflow:hidden!important;}
.card img,.service img,.panel-img,.hero img,.blog-card-image img,.news-feature-card img,.news-list-card img{max-width:100%!important;}
.site-footer.footer-upgraded{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.site-footer.footer-upgraded .footer-inner,.site-footer.footer-upgraded .footer-bottom{max-width:1480px!important;width:calc(100% - 48px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}
.footer-brand-block,.footer-contact-card,.footer-links{min-width:0!important;}
.footer-copy h2,.footer-copy p,.footer-contact-line b,.footer-links a{overflow-wrap:anywhere!important;word-break:normal!important;}
input,textarea,select,button{max-width:100%!important;}
@media (min-width:1761px){body .sidebar .public-nav{overflow-x:auto!important;scrollbar-width:none!important;}body .sidebar .public-nav::-webkit-scrollbar{display:none!important;}}
@media (max-width:1760px){body .sidebar.menu-open::after{pointer-events:auto!important;}body .sidebar .public-nav a{white-space:normal!important;line-height:1.18!important;}}
@media (max-width:760px){body{padding-top:0!important;}body .sidebar{position:sticky!important;}body .sidebar .brand{min-width:86px!important;max-width:112px!important;}body .auth-actions.stable-auth{max-width:42vw!important;}body .auth-actions.stable-auth a{max-width:82px!important;}body .sidebar .public-nav{left:10px!important;right:10px!important;width:auto!important;max-height:calc(100vh - var(--zs-header-final-h) - 18px)!important;}body .sidebar .public-nav a{white-space:normal!important;overflow-wrap:anywhere!important;} .hero{padding-top:42px!important;} .section{padding-left:16px!important;padding-right:16px!important;} .cards,.service-grid{grid-template-columns:1fr!important;} .contact,.two{grid-template-columns:1fr!important;} .site-footer.footer-upgraded .footer-inner,.site-footer.footer-upgraded .footer-bottom{width:calc(100% - 28px)!important;padding-left:0!important;padding-right:0!important;}}
@media (max-width:520px){body .sidebar{grid-template-columns:auto minmax(0,1fr) auto!important;}body .auth-actions.stable-auth{justify-content:flex-end!important;gap:5px!important;}body .auth-actions.stable-auth a{max-width:76px!important;font-size:10px!important;padding:0 6px!important;}body .public-menu-toggle{grid-column:3!important;} .footer-contact-line{align-items:flex-start!important;} }


/* STEP 8 REPAIR - GAP ONLY, HEADER LAYOUT PRESERVED 2026-06-08
   This hotfix reverts the broken header-layout attempt and only removes the empty top band.
   It does not change logo/profile/menu ordering. */
html,body{
  margin-top:0!important;
  padding-top:0!important;
}
body > .layout,
.layout,
.main{
  margin-top:0!important;
  padding-top:0!important;
}
body .sidebar{
  margin-top:0!important;
  top:0!important;
}
body .hero{
  margin-top:0!important;
}
body .sidebar::before,
body .sidebar::after{
  content:none!important;
  display:none!important;
}

/* Browser/autofill/admin bars or accidental empty spacer protection */
body > :empty:first-child{
  display:none!important;
}


/* STEP 9 - PINNED HEADER + TOP WHITE GAP FIX 2026-06-08
   Targets only the public header area:
   1) header is pinned to the top,
   2) no extra white band above it,
   3) desktop keeps logo + profile/logout + menu + A/lang on one row. */

:root{
  --zs-pinned-header-h:72px!important;
}

/* Remove accidental top spacing */
html,
body{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}

body > .layout,
.layout,
.main{
  margin-top:0!important;
}

body .sidebar::before,
body .sidebar::after{
  content:none!important;
  display:none!important;
}

/* Pinned one-row public header */
body .sidebar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:var(--zs-pinned-header-h)!important;
  min-height:var(--zs-pinned-header-h)!important;
  max-height:var(--zs-pinned-header-h)!important;
  margin:0!important;
  padding:0 28px!important;
  z-index:10000!important;
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  align-content:center!important;
  gap:14px!important;
  overflow:visible!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(180,123,31,.18)!important;
  box-shadow:0 10px 26px rgba(30,18,4,.055)!important;
}

/* Because header is fixed, content starts exactly after header, not with a second blank band */
body .layout{
  padding-top:var(--zs-pinned-header-h)!important;
}

body .main,
body .hero{
  padding-top:0!important;
}

/* Header children alignment */
body .sidebar > *{
  margin-top:0!important;
  margin-bottom:0!important;
  align-self:center!important;
}

body .sidebar .brand{
  grid-column:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-width:126px!important;
  max-width:170px!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

body .sidebar .brand span{
  font:32px/.85 Georgia,serif!important;
  letter-spacing:-1.6px!important;
  color:#b57f25!important;
  text-shadow:none!important;
}

body .sidebar .brand b{
  font-size:9px!important;
  letter-spacing:3.3px!important;
  margin:0!important;
  line-height:1!important;
  color:#b57f25!important;
}

body .auth-actions.stable-auth{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}

body .auth-actions.stable-auth a{
  height:38px!important;
  min-height:38px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12.5px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  background:#fff!important;
  color:#17120d!important;
  border:1px solid rgba(154,116,50,.22)!important;
  box-shadow:0 8px 20px rgba(64,43,12,.06)!important;
}

body .sidebar .public-nav{
  grid-column:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  max-height:none!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}

body .sidebar .public-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  height:38px!important;
  min-height:38px!important;
  width:auto!important;
  min-width:auto!important;
  max-width:none!important;
  padding:0 11px!important;
  border-radius:11px!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  flex:0 0 auto!important;
  transform:none!important;
  color:#1b1712!important;
  text-decoration:none!important;
}

body .sidebar .public-nav a span{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:8px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(180,123,31,.08)!important;
  color:#bd882d!important;
  border:1px solid rgba(180,123,31,.14)!important;
}

body .sidebar .public-nav a svg{
  width:16px!important;
  height:16px!important;
}

body .sidebar .public-nav a.active,
body .sidebar .public-nav a[aria-current="page"]{
  background:#15100b!important;
  color:#fff!important;
  border:1px solid rgba(180,123,31,.32)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.11)!important;
}

body .public-toolbar{
  grid-column:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:max-content!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
}

body .font-toggle{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body .lang select{
  height:38px!important;
  min-height:38px!important;
  width:auto!important;
  min-width:68px!important;
  border-radius:999px!important;
  padding:0 30px 0 13px!important;
}

body .public-menu-toggle{
  grid-column:5!important;
  display:none!important;
}

body .sidebar .profile,
body .sidebar .socials,
body .sidebar .side-copy{
  display:none!important;
}

/* Medium screens: keep header pinned, move menu into hamburger only when needed */
@media (max-width:1760px){
  body .sidebar{
    grid-template-columns:auto auto minmax(0,1fr) auto auto!important;
    padding:0 22px!important;
    gap:10px!important;
  }

  body .public-menu-toggle{
    grid-column:5!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    margin:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#17120d!important;
    border:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
    gap:0!important;
    font-size:0!important;
    line-height:1!important;
    position:relative!important;
    z-index:10002!important;
  }

  body .public-menu-toggle span{
    display:block!important;
    width:25px!important;
    height:2px!important;
    background:currentColor!important;
    border-radius:4px!important;
    margin:3px 0!important;
  }

  body .public-menu-toggle b{
    display:none!important;
  }

  body .sidebar .public-nav{
    display:none!important;
    position:fixed!important;
    top:calc(var(--zs-pinned-header-h) + 10px)!important;
    right:22px!important;
    left:auto!important;
    width:min(430px,calc(100vw - 44px))!important;
    max-height:calc(100vh - var(--zs-pinned-header-h) - 26px)!important;
    overflow:auto!important;
    padding:12px!important;
    margin:0!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    border:1px solid rgba(216,180,106,.32)!important;
    border-radius:18px!important;
    background:rgba(20,17,13,.98)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
    z-index:10001!important;
  }

  body .sidebar.menu-open .public-nav{
    display:grid!important;
  }

  body .sidebar .public-nav a{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    max-width:none!important;
    padding:0 14px!important;
    border-radius:14px!important;
    font-size:14px!important;
    color:#fff4e2!important;
    white-space:normal!important;
    line-height:1.18!important;
  }

  body .sidebar .public-nav a span{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    background:rgba(216,180,106,.10)!important;
    color:#d8b46a!important;
    border:1px solid rgba(216,180,106,.16)!important;
  }
}

/* Small screens */
@media (max-width:760px){
  :root{--zs-pinned-header-h:68px!important;}

  body .sidebar{
    height:var(--zs-pinned-header-h)!important;
    min-height:var(--zs-pinned-header-h)!important;
    max-height:var(--zs-pinned-header-h)!important;
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    padding:0 10px!important;
    gap:7px!important;
  }

  body .sidebar .brand{
    min-width:84px!important;
    max-width:108px!important;
    gap:5px!important;
  }

  body .sidebar .brand span{
    font-size:27px!important;
    letter-spacing:-1.2px!important;
  }

  body .sidebar .brand b{
    font-size:7px!important;
    letter-spacing:1.8px!important;
  }

  body .auth-actions.stable-auth{
    grid-column:2!important;
    justify-self:end!important;
    min-width:0!important;
    gap:5px!important;
    overflow:hidden!important;
  }

  body .auth-actions.stable-auth a{
    height:32px!important;
    min-height:32px!important;
    max-width:88px!important;
    padding:0 7px!important;
    font-size:10.5px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body .public-toolbar{
    grid-column:3!important;
    gap:5px!important;
  }

  body .font-toggle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  body .lang select{
    height:34px!important;
    min-height:34px!important;
    min-width:54px!important;
    padding-left:9px!important;
    padding-right:25px!important;
    font-size:11px!important;
  }

  body .public-menu-toggle{
    grid-column:4!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  body .public-menu-toggle span{
    width:22px!important;
    margin:2.8px 0!important;
  }

  body .sidebar .public-nav{
    top:calc(var(--zs-pinned-header-h) + 8px)!important;
    right:10px!important;
    left:10px!important;
    width:auto!important;
    max-height:calc(100vh - var(--zs-pinned-header-h) - 18px)!important;
  }
}

@media (max-width:520px){
  body .public-toolbar{
    display:none!important;
  }
  body .public-menu-toggle{
    grid-column:3!important;
  }
  body .sidebar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
}


/* STEP 10 - REMOVE UNDER-HEADER WHITE GAP ON ALL PUBLIC PAGES 2026-06-08
   Header stays pinned. Only the extra white band below header is removed.
   Do not change menu/logo/profile ordering. */
html,
body{
  margin-top:0!important;
  padding-top:0!important;
}

body > .layout,
.layout{
  margin-top:0!important;
  padding-top:0!important;
}

body .main{
  margin-top:0!important;
  padding-top:0!important;
}

body .sidebar{
  top:0!important;
  margin-top:0!important;
}

/* Pull all first public hero/page blocks directly under the pinned header */
body .main > .hero:first-child,
body .main > .resources-unified-page:first-child,
body .main > .resource-layout:first-child,
body .main > .blog-magazine-main:first-child,
body .main > .news-page:first-child,
body .main > .page-hero:first-child,
body .main > section:first-child{
  margin-top:0!important;
}

/* The fixed header overlays the very top; content should not create a second spacer below it */
body .hero{
  margin-top:0!important;
}

@media (max-width:760px){
  body > .layout,
  .layout{
    padding-top:0!important;
  }
}


/* STEP 11 - ACTIVE HEADER MENU STATE 2026-06-08
   Only reinforces the active page button. Layout/header spacing is not changed. */
body .sidebar .public-nav a.active,
body .sidebar .public-nav a[aria-current="page"]{
  background:#15100b!important;
  color:#fff!important;
  border-color:rgba(180,123,31,.36)!important;
}
body .sidebar .public-nav a.active span,
body .sidebar .public-nav a[aria-current="page"] span{
  color:#f6d889!important;
  background:rgba(255,255,255,.08)!important;
}


/* STEP 12 - HEADER CONFLICT CLEANUP + STABLE ACTIVE MENU 2026-06-08
   Scope: public header only. No cards, content, footer, forms or admin UI touched.
   Fixes:
   - one visual header on all public pages
   - no white gap below header
   - only current menu item is dark/active
   - non-active menu items stay light
   - pinned header remains stable
*/
:root{
  --zs-header-clean-h:64px!important;
}

/* Zero unexpected top/below header whitespace */
html,body{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
body > .layout,
.layout{
  margin:0!important;
  padding:0!important;
  display:block!important;
  min-height:100vh!important;
  width:100%!important;
}
body .main{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-width:0!important;
}
body .sidebar::before,
body .sidebar::after{
  content:none!important;
  display:none!important;
}

/* Single pinned header */
body .sidebar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:10000!important;
  width:100%!important;
  height:var(--zs-header-clean-h)!important;
  min-height:var(--zs-header-clean-h)!important;
  max-height:var(--zs-header-clean-h)!important;
  margin:0!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  align-items:center!important;
  align-content:center!important;
  gap:12px!important;
  overflow:visible!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(180,123,31,.16)!important;
  box-shadow:0 8px 22px rgba(30,18,4,.045)!important;
}
body .sidebar > *{
  margin-top:0!important;
  margin-bottom:0!important;
  align-self:center!important;
  box-sizing:border-box!important;
}

/* Brand */
body .sidebar .brand{
  grid-column:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  min-width:112px!important;
  max-width:150px!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  color:#b57f25!important;
}
body .sidebar .brand span{
  font:28px/.85 Georgia,serif!important;
  letter-spacing:-1.4px!important;
  color:#b57f25!important;
  text-shadow:none!important;
}
body .sidebar .brand b{
  margin:0!important;
  font-size:7.5px!important;
  letter-spacing:2.4px!important;
  line-height:1!important;
  color:#b57f25!important;
}

/* Profile/login buttons */
body .auth-actions.stable-auth{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body .auth-actions.stable-auth a{
  height:34px!important;
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11.5px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
  background:#fff!important;
  color:#17120d!important;
  border:1px solid rgba(154,116,50,.22)!important;
  box-shadow:0 6px 16px rgba(64,43,12,.05)!important;
}

/* Desktop nav: normal items light, only active item dark */
body .sidebar .public-nav{
  grid-column:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  max-height:none!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
body .sidebar .public-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  height:34px!important;
  min-height:34px!important;
  width:auto!important;
  min-width:auto!important;
  max-width:none!important;
  padding:0 9px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  flex:0 0 auto!important;
  transform:none!important;
  color:#1b1712!important;
  text-decoration:none!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}
body .sidebar .public-nav a span{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:7px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(180,123,31,.08)!important;
  color:#bd882d!important;
  border:1px solid rgba(180,123,31,.14)!important;
}
body .sidebar .public-nav a svg{
  width:15px!important;
  height:15px!important;
}
body .sidebar .public-nav a.active,
body .sidebar .public-nav a[aria-current="page"]{
  background:#15100b!important;
  color:#fff!important;
  border-color:rgba(180,123,31,.38)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
}
body .sidebar .public-nav a.active span,
body .sidebar .public-nav a[aria-current="page"] span{
  color:#f6d889!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(246,216,137,.20)!important;
}

/* Right tools */
body .public-toolbar{
  grid-column:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  min-width:max-content!important;
  position:static!important;
  transform:none!important;
}
body .font-toggle{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body .lang{
  width:auto!important;
  min-width:auto!important;
}
body .lang select{
  width:auto!important;
  min-width:58px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:999px!important;
  padding:0 25px 0 10px!important;
  font-size:11px!important;
}
body .sidebar .profile,
body .sidebar .socials,
body .sidebar .side-copy{
  display:none!important;
}

/* Hamburger hidden on wide enough screens */
body .public-menu-toggle{
  display:none!important;
}

/* Medium: menu goes into hamburger, no layout break */
@media (max-width:1460px){
  body .sidebar{
    grid-template-columns:auto auto minmax(0,1fr) auto auto!important;
    padding:0 14px!important;
    gap:9px!important;
  }
  body .public-menu-toggle{
    grid-column:5!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#17120d!important;
    box-shadow:none!important;
    cursor:pointer!important;
    gap:0!important;
    font-size:0!important;
  }
  body .public-menu-toggle span{
    display:block!important;
    width:23px!important;
    height:2px!important;
    background:currentColor!important;
    border-radius:4px!important;
    margin:2.8px 0!important;
  }
  body .public-menu-toggle b{display:none!important;}

  body .sidebar .public-nav{
    display:none!important;
    position:fixed!important;
    top:calc(var(--zs-header-clean-h) + 8px)!important;
    right:14px!important;
    left:auto!important;
    width:min(420px,calc(100vw - 28px))!important;
    max-height:calc(100vh - var(--zs-header-clean-h) - 22px)!important;
    overflow:auto!important;
    padding:12px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    border:1px solid rgba(216,180,106,.32)!important;
    border-radius:18px!important;
    background:rgba(20,17,13,.98)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
    z-index:10001!important;
  }
  body .sidebar.menu-open .public-nav{display:grid!important;}
  body .sidebar .public-nav a{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-width:none!important;
    padding:0 14px!important;
    border-radius:14px!important;
    font-size:13px!important;
    color:#fff4e2!important;
    white-space:normal!important;
    line-height:1.18!important;
    background:transparent!important;
  }
  body .sidebar .public-nav a.active,
  body .sidebar .public-nav a[aria-current="page"]{
    background:#15100b!important;
    color:#fff!important;
  }
  body .sidebar .public-nav a span{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    background:rgba(216,180,106,.10)!important;
    color:#d8b46a!important;
    border:1px solid rgba(216,180,106,.16)!important;
  }
}

/* Small screen */
@media (max-width:760px){
  :root{--zs-header-clean-h:60px!important;}
  body .sidebar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    padding:0 10px!important;
    gap:7px!important;
  }
  body .sidebar .brand{
    min-width:82px!important;
    max-width:102px!important;
  }
  body .sidebar .brand span{font-size:25px!important;}
  body .sidebar .brand b{font-size:7px!important;letter-spacing:1.7px!important;}
  body .auth-actions.stable-auth{
    grid-column:2!important;
    justify-self:end!important;
    min-width:0!important;
    max-width:44vw!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  body .auth-actions.stable-auth a{
    height:31px!important;
    min-height:31px!important;
    max-width:84px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
  body .public-toolbar{display:none!important;}
  body .public-menu-toggle{
    grid-column:3!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  body .public-menu-toggle span{width:21px!important;margin:2.5px 0!important;}
  body .sidebar .public-nav{
    top:calc(var(--zs-header-clean-h) + 8px)!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-height:calc(100vh - var(--zs-header-clean-h) - 18px)!important;
  }
}

/* ZS FINAL FIX 2026-06-08: header-page gap close + stable active nav
   Full package fix. Keeps current header order, removes only the accidental band between header and page. */
html,body{margin:0!important;padding:0!important;overflow-x:hidden!important;}
body > .layout,.layout{display:block!important;margin:0!important;padding-top:0!important;min-height:100vh!important;width:100%!important;}
body .main,.main{margin-top:0!important;padding-top:0!important;width:100%!important;min-width:0!important;}
body .sidebar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;margin:0!important;z-index:10000!important;}
body .hero,body main > .hero,.main > .hero{margin-top:0!important;padding-top:clamp(52px,8vw,120px)!important;}
body .sidebar + .main,body .sidebar + main{margin-top:0!important;padding-top:0!important;}
body .sidebar::before,body .sidebar::after{content:none!important;display:none!important;}
body .sidebar .public-nav a.active,body .sidebar .public-nav a[aria-current="page"]{background:#15100b!important;color:#fff!important;border-color:rgba(180,123,31,.42)!important;box-shadow:0 10px 28px rgba(0,0,0,.12)!important;}
body .sidebar .public-nav a.active span,body .sidebar .public-nav a[aria-current="page"] span{color:#f6d889!important;background:rgba(255,255,255,.10)!important;}
@media (max-width:760px){body,.layout,body > .layout,.main{padding-top:0!important;margin-top:0!important;}body .sidebar{position:sticky!important;top:0!important;}body .hero,body main > .hero,.main > .hero{padding-top:42px!important;margin-top:0!important;}}

/* ZS 2026-06-09: fixed header, no top whitespace, active page stays marked */
html,body{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
body{
  padding-top:0!important;
}
body > .layout,
.layout{
  display:block!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-height:100vh!important;
}
body .sidebar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  margin:0!important;
  z-index:99999!important;
}
body .main,
.main,
body .sidebar + .main,
body .sidebar + main{
  margin-top:0!important;
  padding-top:70px!important;
}
body .hero,
body main > .hero,
.main > .hero{
  margin-top:0!important;
}
body .sidebar .public-nav a.active,
body .sidebar .public-nav a[aria-current="page"]{
  background:#15100b!important;
  color:#fff!important;
  border-color:rgba(180,123,31,.42)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
body .sidebar .public-nav a.active span,
body .sidebar .public-nav a[aria-current="page"] span{
  color:#f6d889!important;
  background:rgba(255,255,255,.10)!important;
}
@media (max-width:760px){
  body .main,
  .main,
  body .sidebar + .main,
  body .sidebar + main{
    padding-top:64px!important;
  }
}

/* ZS 2026-06-09: blog feed must match the provided clean card reference */
body .blog-magazine-main{
  background:linear-gradient(180deg,#fbfaf7 0,#f3eadc 82%,#eee3d0 100%)!important;
  color:#151515!important;
}
body .blog-feed-shell{
  width:min(1380px,calc(100% - 32px))!important;
  max-width:1380px!important;
  margin:0 auto 78px!important;
  padding:34px 0 0!important;
  border:0!important;
  overflow:visible!important;
}
body .blog-feed-top{
  margin:0 0 26px!important;
  padding:0!important;
  display:block!important;
}
body .blog-feed-top .blog-search{
  display:none!important;
}
body .blog-topic-row{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:0!important;
  padding:0 2px 6px!important;
  width:100%!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
body .blog-topic-row::-webkit-scrollbar{
  display:none!important;
}
body .blog-topic-row a{
  flex:0 0 auto!important;
  height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#1f1f1f!important;
  border:1px solid rgba(28,28,28,.10)!important;
  box-shadow:0 8px 22px rgba(38,31,22,.055)!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:760!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body .blog-topic-row a.active{
  background:#151515!important;
  color:#fff!important;
  border-color:#151515!important;
  box-shadow:0 13px 30px rgba(0,0,0,.16)!important;
}
body .blog-topic-icon{
  width:24px!important;
  height:24px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#9c8c78!important;
}
body .blog-topic-row a.active .blog-topic-icon{
  color:#e9d3a5!important;
}
body .blog-topic-icon svg{
  width:18px!important;
  height:18px!important;
  fill:currentColor!important;
}
body .blog-target-grid{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:start!important;
  margin:0!important;
}
body .blog-target-grid .blog-feed-card{
  min-height:0!important;
  border:1px solid rgba(30,30,30,.10)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
  color:#151515!important;
  box-shadow:0 14px 34px rgba(30,25,18,.07)!important;
  transform:none!important;
}
body .blog-target-grid .blog-feed-card:hover{
  transform:none!important;
  border-color:rgba(196,141,56,.32)!important;
  box-shadow:0 18px 42px rgba(30,25,18,.10)!important;
}
body .blog-target-grid .blog-feed-card>a{
  display:block!important;
  color:inherit!important;
  text-decoration:none!important;
}
body .blog-target-grid .blog-card-image{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1.58/1!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  background:#ddd!important;
}
body .blog-target-grid .blog-card-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  max-width:none!important;
}
body .blog-target-grid .blog-card-image span{
  position:absolute!important;
  left:16px!important;
  top:16px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#d0a35d,#b98532)!important;
  color:#fff!important;
  border:0!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:0 10px 22px rgba(77,50,12,.18)!important;
}
body .blog-target-grid .blog-card-body{
  display:block!important;
  padding:20px 20px 18px!important;
  background:#fff!important;
  color:#151515!important;
}
body .blog-target-grid .blog-card-meta{
  display:grid!important;
  grid-template-columns:32px auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 14px!important;
}
body .blog-target-grid .blog-avatar-mini{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#111!important;
  color:#d9a54e!important;
  border:1px solid rgba(218,165,76,.58)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
body .blog-target-grid .blog-card-meta b{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  color:#171717!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  padding:0!important;
}
body .blog-target-grid .blog-card-meta b i{
  width:8px!important;
  height:8px!important;
  display:inline-block!important;
  border-radius:50%!important;
  background:#c6943f!important;
  box-shadow:0 0 0 2px rgba(198,148,63,.18)!important;
}
body .blog-target-grid .blog-card-meta em{
  justify-self:end!important;
  min-width:0!important;
  color:#9a9a9a!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:650!important;
  line-height:1.2!important;
  text-align:right!important;
  white-space:nowrap!important;
}
body .blog-target-grid .blog-card-body h2{
  margin:0 0 11px!important;
  padding:0!important;
  color:#111!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-size:22px!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  font-weight:850!important;
}
body .blog-target-grid .blog-card-body p{
  margin:0!important;
  color:#686868!important;
  font-size:15px!important;
  line-height:1.62!important;
  font-weight:500!important;
}
body .blog-target-grid .blog-card-body footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:24px 0 0!important;
  padding:0!important;
  color:#b78434!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
}
body .blog-target-grid .blog-card-body footer strong{
  color:#b78434!important;
  font-size:14px!important;
  font-weight:800!important;
}
body .blog-bookmark{
  width:18px!important;
  height:24px!important;
  display:inline-block!important;
  position:relative!important;
}
body .blog-bookmark:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  border:2px solid #a6a6a6!important;
  border-bottom:0!important;
  border-radius:4px 4px 2px 2px!important;
}
body .blog-bookmark:after{
  content:''!important;
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:-1px!important;
  height:10px!important;
  background:#fff!important;
  border-left:2px solid #a6a6a6!important;
  border-bottom:2px solid #a6a6a6!important;
  transform:rotate(-45deg)!important;
  transform-origin:center!important;
}
body .blog-load-more{
  display:flex!important;
  justify-content:center!important;
  margin:42px 0 0!important;
}
body .blog-load-more button{
  height:48px!important;
  min-width:210px!important;
  border-radius:14px!important;
  border:1px solid rgba(30,30,30,.10)!important;
  background:#fff!important;
  color:#151515!important;
  box-shadow:0 12px 30px rgba(30,25,18,.07)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  font-size:15px!important;
  font-weight:800!important;
  padding:0 22px!important;
}
body .blog-empty-state{
  background:#fff!important;
  color:#171717!important;
  border:1px solid rgba(30,30,30,.10)!important;
  border-radius:16px!important;
  padding:28px!important;
  font-weight:800!important;
}
@media(max-width:1120px){
  body .blog-target-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:720px){
  body .blog-feed-shell{
    width:calc(100% - 24px)!important;
    padding-top:22px!important;
  }
  body .blog-topic-row a{
    height:42px!important;
    padding:0 16px!important;
    font-size:13px!important;
  }
  body .blog-target-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body .blog-target-grid .blog-card-body h2{
    font-size:20px!important;
  }
  body .blog-target-grid .blog-card-meta{
    grid-template-columns:30px auto!important;
  }
  body .blog-target-grid .blog-card-meta em{
    grid-column:1/-1!important;
    justify-self:start!important;
    text-align:left!important;
  }
}

/* ZS 2026-06-09: premium modern homepage refresh */
body.home-premium-page{
  --home-ink:#19120a;
  --home-muted:#6e6256;
  --home-line:rgba(168,128,62,.20);
  --home-gold:#c18a2c;
  --home-gold-strong:#e2bd72;
  --home-blue:#2d5874;
  --home-green:#58715c;
  background:#f8f5ef!important;
}
body.home-premium-page .layout{
  padding-top:var(--zs-pinned-header-h,72px)!important;
  background:
    linear-gradient(180deg,#fffdf8 0,#f8f4ec 46%,#efe6d7 100%)!important;
}
body.home-premium-page .home-premium-main{
  padding-top:0!important;
  overflow:hidden!important;
  color:var(--home-ink)!important;
  background:
    linear-gradient(90deg,rgba(45,88,116,.055) 0 1px,transparent 1px 100%),
    linear-gradient(180deg,#fffdf8 0,#f6f1e8 50%,#efe5d5 100%)!important;
  background-size:84px 84px,auto!important;
}
body.home-premium-page .home-premium-main :where(h1,h2,h3,b,strong){
  color:var(--home-ink)!important;
  letter-spacing:0!important;
}
body.home-premium-page .home-premium-main :where(p,small){
  color:var(--home-muted)!important;
}
body.home-premium-page .home-premium-hero{
  min-height:clamp(540px,68vh,720px)!important;
  margin:0!important;
  padding:
    clamp(56px,7vw,104px)
    max(28px,calc((100vw - min(1500px,calc(100vw - 56px))) / 2))
    clamp(44px,6vw,88px)!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid rgba(193,138,44,.26)!important;
  background-size:cover!important;
  background-position:center right!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
body.home-premium-page .home-premium-hero:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 68%,rgba(248,245,239,.84) 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 96px)!important;
  pointer-events:none!important;
}
body.home-premium-page .home-premium-hero:after{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:120px!important;
  background:linear-gradient(0deg,#f8f5ef 0,rgba(248,245,239,0) 100%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
body.home-premium-page .home-hero-inner{
  position:relative!important;
  z-index:1!important;
  width:min(760px,100%)!important;
  max-width:760px!important;
}
body.home-premium-page .home-kicker,
body.home-premium-page .home-section-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 16px!important;
  color:var(--home-gold-strong)!important;
  font-size:13px!important;
  font-weight:950!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.home-premium-page .home-kicker span,
body.home-premium-page .home-section-kicker span{
  width:9px!important;
  height:9px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--home-gold-strong),var(--home-gold))!important;
  box-shadow:0 0 0 6px rgba(226,189,114,.14)!important;
  flex:0 0 auto!important;
}
body.home-premium-page .home-premium-hero h1{
  max-width:720px!important;
  margin:0 0 24px!important;
  color:#fffaf0!important;
  font:clamp(58px,7.2vw,112px)/.92 Georgia,serif!important;
  text-shadow:0 24px 70px rgba(0,0,0,.58)!important;
}
body.home-premium-page .home-hero-copy{
  max-width:720px!important;
  margin:0!important;
  color:rgba(255,250,239,.94)!important;
  font-size:clamp(17px,1.35vw,22px)!important;
  line-height:1.65!important;
  font-weight:650!important;
  text-shadow:0 14px 44px rgba(0,0,0,.52)!important;
}
body.home-premium-page .home-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:28px!important;
}
body.home-premium-page .home-hero-actions .btn{
  min-height:52px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 18px 44px rgba(0,0,0,.26)!important;
  transform:none!important;
}
body.home-premium-page .home-primary-action{
  background:linear-gradient(135deg,#f4d790,#b87919)!important;
  border-color:rgba(255,235,184,.72)!important;
  color:#1a1006!important;
}
body.home-premium-page .home-secondary-action{
  background:rgba(255,255,255,.10)!important;
  color:#fff4df!important;
  border-color:rgba(255,255,255,.28)!important;
  backdrop-filter:blur(14px)!important;
}
body.home-premium-page .home-metric-row{
  width:min(680px,100%)!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:30px!important;
}
body.home-premium-page .home-metric{
  min-height:82px!important;
  padding:14px 12px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.055))!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.18)!important;
}
body.home-premium-page .home-metric b{
  display:block!important;
  color:#fff9ed!important;
  font-size:clamp(24px,2.4vw,38px)!important;
  line-height:1!important;
}
body.home-premium-page .home-metric span{
  display:block!important;
  margin-top:7px!important;
  color:rgba(255,249,235,.78)!important;
  font-size:12px!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}
body.home-premium-page .home-premium-main > .section{
  width:min(1500px,calc(100% - 56px))!important;
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:clamp(54px,6vw,82px) 0!important;
  border-bottom:1px solid rgba(168,128,62,.18)!important;
}
body.home-premium-page .home-about-section{
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.58fr)!important;
  gap:clamp(26px,5vw,72px)!important;
  align-items:center!important;
}
body.home-premium-page .home-about-section h2,
body.home-premium-page .section-head h2{
  font:clamp(36px,4.4vw,64px)/1.02 Georgia,serif!important;
  margin:0!important;
}
body.home-premium-page .home-about-copy p:not(.eyebrow){
  max-width:900px!important;
  margin:18px 0 0!important;
  font-size:17px!important;
  line-height:1.85!important;
}
body.home-premium-page .home-about-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:24px!important;
}
body.home-premium-page .home-about-tags span{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 14px!important;
  border:1px solid rgba(193,138,44,.24)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--home-ink)!important;
  font-weight:900!important;
  box-shadow:0 12px 30px rgba(41,31,18,.055)!important;
}
body.home-premium-page .home-about-section .panel-img{
  width:100%!important;
  aspect-ratio:4/3!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:22px!important;
  border:1px solid rgba(193,138,44,.18)!important;
  box-shadow:0 28px 90px rgba(41,31,18,.14)!important;
}
body.home-premium-page .section-head{
  margin:0 0 28px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.home-premium-page .section-head span{
  max-width:420px!important;
  color:#a87319!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:950!important;
  text-align:right!important;
}
body.home-premium-page .home-card-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
@media(min-width:1320px){
  body.home-premium-page .home-albums-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  body.home-premium-page .home-sites-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  body.home-premium-page .home-service-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}
body.home-premium-page .home-premium-card{
  min-height:0!important;
  border-radius:18px!important;
  border:1px solid rgba(25,18,10,.08)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 24px 70px rgba(42,32,19,.10)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.home-premium-page .home-premium-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(193,138,44,.34)!important;
  box-shadow:0 32px 86px rgba(42,32,19,.16)!important;
}
body.home-premium-page .home-premium-card .card-link{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  text-decoration:none!important;
  color:inherit!important;
}
body.home-premium-page .home-premium-card .card-link img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
  display:block!important;
  background:#111!important;
}
body.home-premium-page .home-premium-card .card-link b{
  padding:17px 17px 0!important;
  font-size:16px!important;
  line-height:1.24!important;
  font-weight:950!important;
  color:var(--home-ink)!important;
}
body.home-premium-page .home-premium-card .card-link small{
  padding:8px 17px 16px!important;
  min-height:48px!important;
  color:var(--home-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
body.home-premium-page .home-premium-card .interaction-box{
  padding:12px 17px 16px!important;
  background:linear-gradient(180deg,rgba(247,241,230,0),rgba(239,229,213,.72))!important;
  border-top:1px solid rgba(193,138,44,.14)!important;
}
body.home-premium-page .home-service-grid{
  display:grid!important;
  gap:22px!important;
  align-items:stretch!important;
}
body.home-premium-page .home-service-card{
  min-height:260px!important;
  border-radius:18px!important;
  padding:24px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(250,247,241,.86))!important;
  border:1px solid rgba(25,18,10,.08)!important;
  box-shadow:0 24px 72px rgba(42,32,19,.09)!important;
  position:relative!important;
  overflow:hidden!important;
}
body.home-premium-page .home-service-card:before{
  content:''!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--home-gold),var(--home-blue),var(--home-green))!important;
}
body.home-premium-page .home-service-card .service-icon{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  color:#9b6613!important;
  background:#fff8ea!important;
  border:1px solid rgba(193,138,44,.26)!important;
  box-shadow:0 14px 30px rgba(193,138,44,.12)!important;
}
body.home-premium-page .home-service-card h3{
  margin:14px 0 8px!important;
  font-size:17px!important;
  line-height:1.3!important;
}
body.home-premium-page .home-service-card p{
  margin:0 0 18px!important;
  line-height:1.7!important;
  color:var(--home-muted)!important;
}
body.home-premium-page .home-latest-section{
  width:min(1500px,calc(100% - 56px))!important;
  padding-top:clamp(54px,6vw,82px)!important;
}
body.home-premium-page .home-latest-panel{
  border-radius:18px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(25,18,10,.08)!important;
  box-shadow:0 24px 70px rgba(42,32,19,.09)!important;
}
body.home-premium-page .home-latest-item{
  background:#fffaf2!important;
  border-color:rgba(193,138,44,.15)!important;
}
body.home-premium-page .home-content-block{
  grid-template-columns:minmax(0,1fr) minmax(300px,.48fr)!important;
}
body.home-premium-page .site-footer.footer-upgraded{
  background:linear-gradient(180deg,#fffdf8 0,#f3eadb 100%)!important;
  border-top:1px solid rgba(193,138,44,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
body.home-premium-page .site-footer.footer-upgraded .footer-inner,
body.home-premium-page .site-footer.footer-upgraded .footer-bottom{
  width:min(1500px,calc(100% - 56px))!important;
  max-width:1500px!important;
}
body.home-premium-page .footer-contact-card{
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(25,18,10,.08)!important;
  box-shadow:0 24px 70px rgba(42,32,19,.10)!important;
}
@media(max-width:1220px){
  body.home-premium-page .home-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(520px,100%)!important;}
  body.home-premium-page .home-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.home-premium-page .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.home-premium-page .home-about-section,
  body.home-premium-page .home-content-block{grid-template-columns:1fr!important;}
}
@media(max-width:820px){
  body.home-premium-page .layout{padding-top:var(--zs-pinned-header-h,64px)!important;}
  body.home-premium-page .home-premium-hero{
    min-height:560px!important;
    padding:46px 18px 42px!important;
    background-position:center right!important;
  }
  body.home-premium-page .home-premium-hero h1{
    font-size:clamp(42px,12vw,68px)!important;
  }
  body.home-premium-page .home-hero-copy{
    font-size:16px!important;
  }
  body.home-premium-page .home-premium-main > .section,
  body.home-premium-page .home-latest-section,
  body.home-premium-page .site-footer.footer-upgraded .footer-inner,
  body.home-premium-page .site-footer.footer-upgraded .footer-bottom{
    width:calc(100% - 32px)!important;
  }
  body.home-premium-page .section-head{
    display:block!important;
  }
  body.home-premium-page .section-head span{
    display:block!important;
    max-width:none!important;
    text-align:left!important;
    margin-top:8px!important;
  }
  body.home-premium-page .home-card-grid,
  body.home-premium-page .home-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  body.home-premium-page .home-premium-hero{
    min-height:600px!important;
    padding:38px 14px 36px!important;
  }
  body.home-premium-page .home-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.home-premium-page .home-metric-row,
  body.home-premium-page .home-card-grid,
  body.home-premium-page .home-service-grid{
    grid-template-columns:1fr!important;
  }
  body.home-premium-page .home-metric{
    min-height:70px!important;
  }
  body.home-premium-page .home-premium-main > .section,
  body.home-premium-page .home-latest-section,
  body.home-premium-page .site-footer.footer-upgraded .footer-inner,
  body.home-premium-page .site-footer.footer-upgraded .footer-bottom{
    width:calc(100% - 24px)!important;
  }
}

/* ZS 2026-06-09 URGENT RESTORE: remove the white band between fixed header and page */
:root{--zs-fixed-header-final-h:70px!important;}
html,body{
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
body > .layout,
.layout{
  margin:0!important;
  padding-top:0!important;
}
body .sidebar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:99999!important;
}
body .main,
.main,
body .sidebar + .main,
body .sidebar + main{
  margin-top:0!important;
  padding-top:0!important;
}
body .main > .hero:first-child,
body main > .hero:first-child{
  margin-top:0!important;
  padding-top:clamp(76px,8vw,120px)!important;
}
body .main > :first-child:not(.hero){
  margin-top:0!important;
}
body.home-premium-page .home-premium-main,
body.home-premium-page .layout{
  padding-top:0!important;
  background:inherit!important;
}
@media(max-width:760px){
  :root{--zs-fixed-header-final-h:64px!important;}
  body .main,
  .main,
  body .sidebar + .main,
  body .sidebar + main{
    padding-top:0!important;
  }
  body .main > .hero:first-child,
  body main > .hero:first-child{
    padding-top:64px!important;
  }
}

/* ZS 2026-06-09: clean news page after encoding repair */
body .news-page-main{
  padding-top:0!important;
  background:linear-gradient(180deg,#fbfaf7 0,#f3eadc 100%)!important;
}
body .news-page-main > .news-hero:first-child{
  margin-top:0!important;
  padding-top:clamp(82px,8vw,118px)!important;
}
body .news-breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:14px!important;
  color:#f4d38a!important;
  font-weight:900!important;
}
body .news-breadcrumb a{
  color:#f4d38a!important;
  text-decoration:none!important;
}
body .news-breadcrumb span,
body .news-breadcrumb b{
  color:rgba(255,248,236,.72)!important;
}
body .news-page-main .news-feature-card h2,
body .news-page-main .news-feature-card h3,
body .news-page-main .news-list-card h3,
body .news-page-main .news-widget h3{
  letter-spacing:0!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body .news-page-main .news-list-card p,
body .news-page-main .news-widget p{
  line-height:1.7!important;
}

/* ZS 2026-06-09: clean contact page after encoding repair */
body.contact-page-body .contact-page-main{
  padding-top:0!important;
  background:linear-gradient(180deg,#fbfaf7 0,#f2e8d9 100%)!important;
}
body.contact-page-body .contact-hero{
  margin-top:0!important;
  min-height:390px!important;
  padding-top:clamp(82px,8vw,118px)!important;
  padding-bottom:62px!important;
  background-size:cover!important;
  background-position:center!important;
}
body.contact-page-body .contact-hero .kicker{
  display:inline-flex!important;
  margin-bottom:12px!important;
  color:#d7a340!important;
  font-weight:950!important;
}
body.contact-page-body .contact-hero h1{
  color:#fff!important;
  font:clamp(54px,6.4vw,92px)/.96 Georgia,serif!important;
  letter-spacing:0!important;
  margin:0 0 18px!important;
}
body.contact-page-body .contact-hero p{
  max-width:850px!important;
  color:rgba(255,248,236,.88)!important;
  font-size:18px!important;
  line-height:1.65!important;
  font-weight:700!important;
}
body.contact-page-body .contact-page-section{
  width:min(1380px,calc(100% - 48px))!important;
  max-width:1380px!important;
  padding:58px 0 70px!important;
  grid-template-columns:minmax(320px,.72fr) minmax(430px,560px)!important;
}
body.contact-page-body .contact-info-panel h2,
body.contact-page-body .contact-page-form h2{
  color:#15120e!important;
  letter-spacing:0!important;
}
body.contact-page-body .contact-info-item a,
body.contact-page-body .contact-info-item b{
  color:#15120e!important;
}
body.contact-page-body .contact-info-item span{
  color:#b47b1f!important;
  background:rgba(180,123,31,.12)!important;
  border:1px solid rgba(180,123,31,.20)!important;
  border-radius:12px!important;
}
body.contact-page-body .contact-page-form{
  background:#fff!important;
  color:#15120e!important;
  border:1px solid rgba(154,116,50,.22)!important;
  box-shadow:0 24px 70px rgba(61,45,20,.12)!important;
}
body.contact-page-body .contact-page-form input,
body.contact-page-body .contact-page-form textarea{
  background:#fff!important;
  color:#15120e!important;
  border:1px solid rgba(154,116,50,.22)!important;
}
body.contact-page-body .contact-page-form input::placeholder,
body.contact-page-body .contact-page-form textarea::placeholder{
  color:#817568!important;
}
body.contact-page-body .contact-file-control span{
  background:#25344b!important;
  color:#fff!important;
}
body.contact-page-body .contact-file-control em,
body.contact-page-body .contact-page-form small{
  color:#6c6258!important;
}
body.contact-page-body .contact-privacy{
  color:#15120e!important;
}
body.contact-page-body .contact-page-form button{
  background:linear-gradient(135deg,#5a360c,#2b1806)!important;
  color:#fff7e9!important;
}
@media(max-width:980px){
  body.contact-page-body .contact-page-section{
    grid-template-columns:1fr!important;
    width:calc(100% - 32px)!important;
    padding-top:42px!important;
  }
}
@media(max-width:560px){
  body.contact-page-body .contact-hero{
    min-height:340px!important;
    padding:70px 16px 44px!important;
  }
  body.contact-page-body .contact-page-section{
    width:calc(100% - 24px)!important;
  }
}

/* ZS 2026-06-09: blog detail page matched to the proposed clean white article layout */
body .old-blog-detail-hidden{
  display:none!important;
}
body .blog-magazine-main{
  background:#fff!important;
  color:#121212!important;
}
body .blog-article-clean-shell{
  width:min(1160px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:calc(var(--zs-fixed-header-final-h,70px) + 28px) 0 72px!important;
  background:#fff!important;
}
body .blog-article-clean-grid{
  display:grid!important;
  grid-template-columns:minmax(0,760px) 360px!important;
  gap:46px!important;
  align-items:start!important;
}
body .blog-article-clean-reader{
  min-width:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#141414!important;
}
body .blog-clean-breadcrumb{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin:0 0 26px!important;
  color:#8d96a3!important;
  font:600 12px/1.5 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-breadcrumb a,
body .blog-clean-breadcrumb b,
body .blog-clean-breadcrumb span{
  color:inherit!important;
  text-decoration:none!important;
  letter-spacing:0!important;
}
body .blog-clean-breadcrumb b{
  font-weight:700!important;
  max-width:360px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body .blog-clean-category{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:#c8933f!important;
  color:#fff!important;
  font:800 12px/1 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:0!important;
  margin-bottom:18px!important;
}
body .blog-article-clean-reader h1{
  margin:0 0 16px!important;
  max-width:740px!important;
  color:#111!important;
  font:900 clamp(36px,4.7vw,58px)/1.04 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:0!important;
}
body .blog-clean-lead{
  max-width:700px!important;
  margin:0 0 20px!important;
  color:#5c6370!important;
  font:500 17px/1.65 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:11px!important;
  margin:0 0 24px!important;
  color:#8a9099!important;
  font:700 13px/1.4 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-meta b{
  color:#171717!important;
  font-weight:800!important;
}
body .blog-clean-avatar{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#050505!important;
  color:#c8933f!important;
  font:900 10px/1 Inter,Segoe UI,Arial,sans-serif!important;
  flex:0 0 auto!important;
}
body .blog-clean-meta i{
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  background:#c8933f!important;
  position:relative!important;
  flex:0 0 auto!important;
}
body .blog-clean-meta i:after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:2px!important;
  width:4px!important;
  height:7px!important;
  border:solid #fff!important;
  border-width:0 1.5px 1.5px 0!important;
  transform:rotate(45deg)!important;
}
body .blog-clean-cover,
body .blog-clean-inline-image{
  display:block!important;
  width:100%!important;
  object-fit:cover!important;
  border-radius:10px!important;
  border:1px solid rgba(20,20,20,.08)!important;
  box-shadow:none!important;
}
body .blog-clean-cover{
  aspect-ratio:16/9!important;
  margin:0 0 26px!important;
}
body .blog-clean-inline-image{
  aspect-ratio:16/8.6!important;
  margin:28px 0 22px!important;
}
body .blog-clean-content{
  max-width:760px!important;
  color:#3f4650!important;
  font:500 16px/1.78 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-content p{
  margin:0 0 19px!important;
  letter-spacing:0!important;
}
body .blog-clean-content h2{
  margin:30px 0 12px!important;
  color:#151515!important;
  font:850 25px/1.22 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:0!important;
}
body .blog-clean-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:28px 0 0!important;
  padding:18px 0!important;
  border-top:1px solid #ececec!important;
  border-bottom:1px solid #ececec!important;
}
body .blog-clean-actions .reaction-row,
body .blog-clean-interactions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body .blog-clean-share{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#8a9099!important;
  font:700 12px/1 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-share a,
body .blog-clean-share button{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e7e7e7!important;
  background:#fff!important;
  color:#111!important;
  text-decoration:none!important;
  font:800 11px/1 Inter,Segoe UI,Arial,sans-serif!important;
  cursor:pointer!important;
}
body .blog-article-clean-sidebar{
  position:sticky!important;
  top:calc(var(--zs-fixed-header-final-h,70px) + 18px)!important;
  display:grid!important;
  gap:22px!important;
  min-width:0!important;
}
body .blog-clean-side-card{
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  border-radius:13px!important;
  padding:18px!important;
  box-shadow:0 12px 34px rgba(22,28,36,.04)!important;
}
body .blog-clean-side-card h3{
  margin:0 0 14px!important;
  color:#151515!important;
  font:850 16px/1.2 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:0!important;
}
body .blog-clean-side-post{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:12px!important;
  padding:12px 0!important;
  border-top:1px solid #f0f0f0!important;
  color:#111!important;
  text-decoration:none!important;
}
body .blog-clean-side-post:first-of-type{
  border-top:0!important;
  padding-top:0!important;
}
body .blog-clean-side-post img{
  width:92px!important;
  height:72px!important;
  object-fit:cover!important;
  border-radius:8px!important;
  background:#f4f4f4!important;
}
body .blog-clean-side-post span{
  min-width:0!important;
  display:block!important;
}
body .blog-clean-side-post small,
body .blog-clean-side-post em{
  display:block!important;
  color:#8b9098!important;
  font:650 11px/1.35 Inter,Segoe UI,Arial,sans-serif!important;
  font-style:normal!important;
}
body .blog-clean-side-post b{
  display:block!important;
  margin:4px 0 5px!important;
  color:#111!important;
  font:850 13px/1.25 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:0!important;
}
body .blog-clean-popular a{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:12px 0!important;
  border-top:1px solid #f0f0f0!important;
  color:#111!important;
  text-decoration:none!important;
}
body .blog-clean-popular a:first-of-type{
  border-top:0!important;
  padding-top:0!important;
}
body .blog-clean-popular i{
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(200,147,63,.45)!important;
  color:#c8933f!important;
  font:850 12px/1 Inter,Segoe UI,Arial,sans-serif!important;
  font-style:normal!important;
}
body .blog-clean-popular span{
  display:block!important;
  color:#111!important;
  font:850 13px/1.32 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-popular small{
  display:block!important;
  margin-top:4px!important;
  color:#8b9098!important;
  font:650 11px/1.35 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-comments{
  margin-top:24px!important;
}
body .blog-clean-comments-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:14px!important;
}
body .blog-clean-comments h2{
  margin:0!important;
  color:#111!important;
  font:850 22px/1.2 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:0!important;
}
body .blog-clean-comments select{
  height:34px!important;
  border:1px solid #e6e6e6!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#7a8088!important;
  font:700 12px/1 Inter,Segoe UI,Arial,sans-serif!important;
  padding:0 10px!important;
}
body .blog-clean-comment-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:#f5f6f8!important;
  border:1px solid #eceef1!important;
  margin-bottom:18px!important;
}
body .blog-clean-comment-form textarea{
  min-height:36px!important;
  max-height:120px!important;
  resize:vertical!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#151515!important;
  font:600 13px/1.4 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-comment-form button{
  width:34px!important;
  height:34px!important;
  border:0!important;
  border-radius:50%!important;
  background:#aeb5c2!important;
  color:#fff!important;
  font:900 17px/1 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-login-comment{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  padding:12px 14px!important;
  margin-bottom:18px!important;
  border-radius:12px!important;
  background:#f5f6f8!important;
  color:#59616c!important;
  font:700 13px/1.5 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-login-comment p{
  margin:0!important;
  flex:1 1 260px!important;
}
body .blog-clean-login-comment a{
  color:#111!important;
  text-decoration:none!important;
  font-weight:850!important;
}
body .blog-clean-comment-stream{
  display:grid!important;
  gap:16px!important;
}
body .blog-clean-comment{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:12px!important;
}
body .blog-clean-comment-avatar{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#c8933f!important;
  color:#fff!important;
  font:900 14px/1 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-comment-top{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:4px!important;
}
body .blog-clean-comment-top strong{
  color:#111!important;
  font:850 13px/1.3 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-comment-top small,
body .blog-clean-comment p,
body .blog-clean-comment-actions{
  color:#777f88!important;
  font:600 12px/1.55 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-comment p{
  margin:0 0 6px!important;
  color:#515963!important;
  font-size:13px!important;
}
body .blog-clean-comment-actions{
  display:flex!important;
  gap:12px!important;
}
body .blog-clean-comment-actions a{
  color:#c8933f!important;
  text-decoration:none!important;
  font-weight:800!important;
}
@media(max-width:1060px){
  body .blog-article-clean-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body .blog-article-clean-sidebar{
    position:static!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body .blog-clean-popular{
    grid-column:1/-1!important;
  }
}
@media(max-width:700px){
  body .blog-article-clean-shell{
    width:calc(100% - 24px)!important;
    padding-top:calc(var(--zs-fixed-header-final-h,64px) + 18px)!important;
    padding-bottom:44px!important;
  }
  body .blog-article-clean-reader h1{
    font-size:34px!important;
  }
  body .blog-clean-breadcrumb b{
    max-width:220px!important;
  }
  body .blog-clean-actions,
  body .blog-clean-comments-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  body .blog-article-clean-sidebar{
    grid-template-columns:1fr!important;
  }
  body .blog-clean-side-post{
    grid-template-columns:86px minmax(0,1fr)!important;
  }
  body .blog-clean-side-post img{
    width:86px!important;
    height:68px!important;
  }
}

/* ZS 2026-06-09: blog detail background and collapsed comments correction */
body .blog-magazine-main{
  background:
    radial-gradient(circle at 50% 0, rgba(255,255,255,.78), rgba(255,255,255,0) 36%),
    linear-gradient(180deg,#fffaf2 0,#f5ecdc 58%,#eadcc4 100%)!important;
  color:#121212!important;
}
body .blog-article-clean-shell{
  background:transparent!important;
}
body .blog-article-clean-reader{
  background:transparent!important;
}
body .blog-clean-side-card{
  background:rgba(255,255,255,.92)!important;
}
body .blog-clean-comments .hidden-extra-comment,
body .blog-clean-comment-stream .hidden-extra-comment,
body .blog-clean-comment.hidden-extra-comment,
body .blog-comment-stream .hidden-extra-comment,
body .blog-stream-comment.hidden-extra-comment{
  display:none!important;
}
body .blog-more-comments-wrap{
  text-align:center!important;
  padding-top:10px!important;
}
body .blog-more-comments-btn{
  min-height:42px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,132,48,.28)!important;
  background:#fff!important;
  color:#24170b!important;
  font:850 13px/1 Inter,Segoe UI,Arial,sans-serif!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(82,57,24,.08)!important;
}

/* ZS 2026-06-09: polish blog detail reactions and comments area */
body .blog-clean-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  margin:30px 0 26px!important;
  padding:18px 0!important;
  border-top:1px solid rgba(121,91,45,.14)!important;
  border-bottom:1px solid rgba(121,91,45,.14)!important;
  background:transparent!important;
}
body .blog-clean-interactions,
body .blog-clean-interactions .interaction-box,
body .blog-clean-interactions .interaction-top,
body .blog-clean-interactions .clean-actions{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body .blog-clean-interactions .interaction-top{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body .blog-clean-interactions .like-form,
body .blog-clean-interactions .comment-popover{
  margin:0!important;
}
body .blog-clean-interactions .heart-btn,
body .blog-clean-interactions .comment-counter{
  min-width:74px!important;
  height:42px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,132,48,.34)!important;
  background:rgba(255,255,255,.76)!important;
  color:#1b1309!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font:850 14px/1 Inter,Segoe UI,Arial,sans-serif!important;
  box-shadow:0 8px 22px rgba(84,59,24,.06)!important;
}
body .blog-clean-interactions .heart-btn.active,
body .blog-clean-interactions .heart-btn:hover,
body .blog-clean-interactions .comment-counter:hover{
  background:#f2bf55!important;
  border-color:#f2bf55!important;
  color:#111!important;
}
body .blog-clean-interactions svg{
  width:17px!important;
  height:17px!important;
  fill:currentColor!important;
}
body .blog-clean-share{
  justify-self:end!important;
  padding:0!important;
  color:#8b8f98!important;
  font:800 13px/1 Inter,Segoe UI,Arial,sans-serif!important;
}
body .blog-clean-share a,
body .blog-clean-share button{
  width:40px!important;
  height:40px!important;
  border:1px solid rgba(184,132,48,.16)!important;
  background:#fff!important;
  color:#121212!important;
  box-shadow:0 10px 26px rgba(80,64,42,.08)!important;
}
body .blog-clean-share a:hover,
body .blog-clean-share button:hover{
  background:#f2bf55!important;
  border-color:#f2bf55!important;
}
body .blog-clean-comments{
  margin-top:24px!important;
  padding-top:0!important;
}
body .blog-clean-comments-head{
  margin-bottom:14px!important;
}
body .blog-clean-comments h2{
  font-size:26px!important;
  font-weight:900!important;
}
body .blog-clean-comments select{
  min-width:160px!important;
  height:40px!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid rgba(184,132,48,.18)!important;
  color:#6e7480!important;
  box-shadow:0 8px 20px rgba(80,64,42,.04)!important;
}
body .blog-clean-comment-form{
  grid-template-columns:minmax(0,1fr) 48px!important;
  min-height:78px!important;
  padding:12px 12px 12px 18px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(184,132,48,.14)!important;
  box-shadow:0 12px 34px rgba(80,64,42,.05)!important;
}
body .blog-clean-comment-form textarea{
  min-height:48px!important;
  font-size:14px!important;
  color:#28231c!important;
}
body .blog-clean-comment-form textarea,
body .blog-clean-comment-form textarea:focus{
  resize:none!important;
  overflow:hidden!important;
  box-shadow:none!important;
  outline:0!important;
}
body .blog-clean-comment-form button{
  width:42px!important;
  height:42px!important;
  background:#b9c0cf!important;
  color:#fff!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  line-height:1!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
body .blog-clean-comment-form button svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:currentColor!important;
  transform:translateX(1px)!important;
}
body .blog-clean-comment-form button:hover{
  background:#c8933f!important;
}
body .blog-clean-comment-stream{
  gap:18px!important;
  margin-top:18px!important;
}
body .blog-clean-comment{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:14px!important;
}

/* ZS 2026-06-09: real clean comment emoji picker and Telegram submit icon */
body .blog-clean-comment-form{
  position:relative!important;
  overflow:visible!important;
  grid-template-columns:minmax(0,1fr) auto!important;
}
body .blog-clean-comment-tools{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  align-self:center!important;
}
body .blog-clean-comment-form .emoji-trigger,
body .blog-clean-comment-form .blog-clean-submit{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(184,132,48,.14)!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 8px 20px rgba(80,64,42,.06)!important;
  cursor:pointer!important;
}
body .blog-clean-comment-form .emoji-trigger svg,
body .blog-clean-comment-form .blog-clean-submit svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
  fill:currentColor!important;
  transform:none!important;
}
body .blog-clean-comment-form .blog-clean-submit{
  background:#fff!important;
  color:#050505!important;
}
body .blog-clean-comment-form .emoji-trigger:hover,
body .blog-clean-comment-form .blog-clean-submit:hover{
  background:#f2bf55!important;
  border-color:#f2bf55!important;
  color:#111!important;
}
body .blog-clean-comment-form .blog-emoji-panel{
  right:8px!important;
  bottom:58px!important;
  z-index:1000!important;
}
body .blog-clean-comment-avatar{
  width:42px!important;
  height:42px!important;
  background:#cf9634!important;
  color:#fff!important;
  font-size:15px!important;
}
body .blog-clean-comment-top{
  margin-bottom:5px!important;
}
body .blog-clean-comment-top strong{
  color:#0f0f0f!important;
  font-size:14px!important;
}
body .blog-clean-comment-top small{
  color:#747b86!important;
  font-size:13px!important;
}
body .blog-clean-comment p{
  margin:0 0 8px!important;
  color:#3d362e!important;
  font-size:14px!important;
}
body .blog-clean-comment-actions{
  gap:14px!important;
  color:#7c746b!important;
}
body .blog-clean-comment-actions a{
  color:#c48727!important;
}
body .blog-more-comments-wrap{
  padding:18px 0 0!important;
}
body .blog-more-comments-btn{
  min-width:260px!important;
  height:48px!important;
  background:#fff!important;
  color:#111!important;
  border-color:rgba(184,132,48,.2)!important;
  box-shadow:0 16px 40px rgba(84,59,24,.10)!important;
}
body .blog-more-comments-btn:hover{
  background:#f2bf55!important;
  border-color:#f2bf55!important;
}
@media(max-width:700px){
  body .blog-clean-actions{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  body .blog-clean-share{
    justify-self:start!important;
  }
  body .blog-clean-comments-head{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  body .blog-clean-comments select{
    width:100%!important;
  }
  body .blog-more-comments-btn{
    width:100%!important;
    min-width:0!important;
  }
}