*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--accent:#1267ff;--navy:#071a32;--bg:#f5f7fb;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--red:#e11d48;--green:#059669}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{max-width:1240px;margin:auto;padding:0 20px}
.top-strip{background:var(--navy);color:#cbd5e1;font-size:13px}.top-strip .wrap{height:36px;display:flex;align-items:center;justify-content:space-between}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav{height:74px;display:flex;align-items:center;gap:26px}.brand{font-size:25px;font-weight:950;color:var(--navy)}.brand b{color:var(--accent)}.nav nav{display:flex;gap:20px;flex:1;font-size:14px;font-weight:850}.nav nav a:hover{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--accent);color:#fff;padding:12px 18px;font-weight:900;cursor:pointer}.btn.ghost{background:#eef4ff;color:var(--accent)}.btn.dark{background:var(--navy)}
.hero{background:linear-gradient(135deg,#071a32,#154a91);color:#fff;padding:56px 0 84px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.hero h1{font-size:52px;line-height:1.05;margin:10px 0 16px}.hero p{font-size:18px;line-height:1.7;color:#dbeafe;max-width:680px}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.1em;color:var(--accent)}.hero .eyebrow{color:#93c5fd}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:20px}.hero-stat b{display:block;font-size:30px}
.search-panel{margin-top:-38px;position:relative;z-index:5}.search-box{background:#fff;padding:18px;border-radius:20px;box-shadow:0 18px 50px rgba(15,23,42,.12);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:10px}.search-box input,.search-box select,.filters input,.filters select{width:100%;border:1px solid #dbe3ec;border-radius:11px;padding:12px;background:#fff}
.section{padding:44px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:30px;margin:5px 0}.section-head p{margin:0;color:var(--muted)}
.quick-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-cat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center;cursor:pointer;transition:.2s}.quick-cat:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.06);border-color:#c8d8ff}.quick-cat b{display:block;margin-top:7px}
.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.listing-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.listing-img{position:relative}.listing-img img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#eef2f7}.badge{position:absolute;top:12px;left:12px;background:#fff;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.fav{position:absolute;top:12px;right:12px;width:35px;height:35px;border-radius:50%;border:0;background:#fff;cursor:pointer;font-size:18px}.listing-body{padding:16px}.listing-title{display:block;font-size:18px;line-height:1.4;font-weight:900;margin:6px 0}.listing-price{font-size:21px;font-weight:950;color:var(--red)}.listing-meta{display:flex;gap:10px;flex-wrap:wrap;color:#475569;font-size:13px;margin:10px 0}.listing-location{font-size:13px;color:var(--muted)}.listing-footer{display:flex;justify-content:space-between;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.news-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.news-card .body{padding:15px}
.content-layout{display:grid;grid-template-columns:1fr 330px;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 30px rgba(15,23,42,.035)}.sidebar{display:grid;gap:16px}.filters{display:grid;gap:10px}
.property-page{padding:30px 0}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:16px}.property-gallery{display:grid;grid-template-columns:2fr 1fr;gap:10px}.property-gallery img{width:100%;height:100%;object-fit:cover;border-radius:14px;background:#eef2f7}.property-gallery .main{min-height:460px}.property-gallery .side{display:grid;grid-template-rows:1fr 1fr;gap:10px}.property-head{display:flex;justify-content:space-between;gap:24px;margin:22px 0}.property-head h1{font-size:34px;line-height:1.2;margin:0 0 8px}.property-price{font-size:30px;color:var(--red);font-weight:950;white-space:nowrap}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.fact{background:#f8fbff;border:1px solid #dbeafe;border-radius:13px;padding:14px}.fact span{display:block;font-size:12px;color:var(--muted)}.fact b{font-size:17px}.article-body{font-size:17px;line-height:1.85;color:#334155}.agent-card{position:sticky;top:94px}.agent-row{display:flex;gap:12px;align-items:center}.avatar{width:58px;height:58px;border-radius:50%;background:#eef2f7;display:flex;align-items:center;justify-content:center;font-weight:950}.contact-stack{display:grid;gap:9px;margin-top:14px}.share-row{display:flex;gap:8px;flex-wrap:wrap}.share-row button{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:9px;cursor:pointer}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:24px}.pagination button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px}.empty{padding:26px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cbd5e1;border-radius:14px}
footer{background:#071426;color:#94a3b8;margin-top:48px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px;padding:40px 20px}.footer-grid h4{color:#fff}
.admin-bg{background:#edf2f8}.admin-shell{max-width:1180px;margin:auto;padding:24px 18px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-grid{display:grid;grid-template-columns:235px 1fr;gap:18px}.menu{height:max-content;display:grid;gap:6px}.menu button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.menu .active{background:#eef4ff;color:var(--accent);font-weight:900}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;font-size:13px;font-weight:800}.form input,.form select,.form textarea{width:100%;border:1px solid #d8e1eb;border-radius:12px;padding:12px}.form textarea{min-height:185px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.kpi{background:#f8fbff;border:1px solid #e1ebfa;padding:18px;border-radius:15px}.kpi b{font-size:28px;display:block}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px;font-size:13px}.smallbtn{border:0;border-radius:8px;padding:7px 9px;cursor:pointer}.soft{background:#eef4ff;color:#174ea6}.danger{background:#fee2e2;color:#991b1b}.hidden{display:none!important}.success,.error{margin-top:12px;padding:12px;border-radius:10px}.success{background:#ecfdf5;color:#047857}.error{background:#fef2f2;color:#b91c1c}.wide{width:100%}.status-pill{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.status-published{background:#ecfdf5;color:#047857}.status-draft{background:#fff7ed;color:#c2410c}
@media(max-width:1000px){.hero-grid,.content-layout{grid-template-columns:1fr}.search-box{grid-template-columns:1fr 1fr}.quick-cats{grid-template-columns:repeat(3,1fr)}.listing-grid,.news-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.property-gallery{grid-template-columns:1fr}.property-gallery .side{grid-template-columns:1fr 1fr;grid-template-rows:none}.agent-card{position:static}}
@media(max-width:720px){.nav nav{display:none}.hero h1{font-size:36px}.search-box,.quick-cats,.listing-grid,.news-grid,.facts,.two,.three,.four,.kpis{grid-template-columns:1fr}.property-head{display:block}.property-price{margin-top:14px}.admin-grid{grid-template-columns:1fr}.menu{display:none}.footer-grid{grid-template-columns:1fr}.top-strip .wrap{font-size:11px}}

.image-upload-box{border:1px solid #dbe5f1;border-radius:16px;padding:18px;background:#f8fbff}
.image-upload-box h3{margin:0 0 4px}.muted{color:#64748b;font-size:13px}
.upload-drop{display:flex!important;min-height:110px;border:2px dashed #9db8dc;border-radius:14px;align-items:center;justify-content:center;flex-direction:column;gap:7px;cursor:pointer;background:white;margin-top:12px}
.upload-drop:hover{border-color:#1463ff;background:#f3f7ff}.upload-drop b{font-size:16px;color:#1463ff}.upload-drop span{font-weight:400;color:#64748b}
.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:14px}
.upload-thumb{border:1px solid #dbe5f1;border-radius:12px;background:white;padding:7px}
.upload-thumb img{width:100%;height:110px;object-fit:cover;border-radius:8px;display:block;margin-bottom:7px}
.upload-thumb div{display:flex;gap:5px;flex-wrap:wrap}

.req{color:#dc2626}.form-errors{border:1px solid #fecaca;background:#fff1f2;color:#9f1239;border-radius:14px;padding:14px 16px;margin:12px 0 16px}
.form-errors ul{margin:8px 0 0;padding-left:20px}.field-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.08)!important}
.field-error-text{color:#dc2626;font-size:12px;font-weight:700;margin-top:5px}
#submitPostBtn:disabled{opacity:.6;cursor:not-allowed}

/* ===== NewsReal V6.2 Homepage ===== */
.topbar{background:#071426;color:#cbd5e1;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}
.header .wrap{display:flex;align-items:center;gap:22px;padding-top:14px;padding-bottom:14px}.logo{font-weight:950;font-size:24px;letter-spacing:-.6px}.logo b{color:var(--accent)}
.actions{display:flex;gap:10px}.btn.primary{background:var(--accent);color:#fff}.btn.soft{background:#eef4ff;color:var(--accent)}
.hero-home{padding:28px 0 16px}.hero-home .hero-grid{display:grid;grid-template-columns:1.75fr .85fr;gap:18px;align-items:stretch}
.hero-slider{height:430px;border-radius:24px;overflow:hidden;position:relative;background:#111;box-shadow:0 12px 35px rgba(15,23,42,.08)}
#heroSlides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;pointer-events:none;transition:opacity .45s ease}.hero-slide.active{opacity:1;pointer-events:auto}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(2,8,23,.9))}
.hero-content{position:absolute;left:28px;right:70px;bottom:28px;color:#fff;z-index:2}.hero-content h1{font-size:36px;line-height:1.08;margin:0 0 9px;max-width:820px}.badge{display:inline-block;background:var(--accent);color:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;margin-bottom:10px}.meta{font-size:13px;color:#dbeafe}
.slider-arrow,.mini-arrow{position:absolute;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}.slider-arrow{top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);font-size:30px;color:#0f172a;box-shadow:0 4px 12px rgba(0,0,0,.15)}.slider-arrow.prev{left:14px}.slider-arrow.next{right:14px}
.slider-dots{position:absolute;z-index:6;left:50%;transform:translateX(-50%);bottom:14px;display:flex;gap:7px}.slider-dots button{width:8px;height:8px;border-radius:50%;padding:0;border:0;background:rgba(255,255,255,.55);cursor:pointer}.slider-dots button.active{width:22px;border-radius:8px;background:white}
.side-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.side-title span{font-size:12px;font-weight:950;color:var(--accent)}.side-title a{font-size:12px;color:var(--muted)}
.side-stack{display:grid;gap:11px}.side-card{display:grid;grid-template-columns:128px 1fr;gap:12px;background:#fff;padding:10px;border-radius:18px;border:1px solid var(--line);min-height:122px}.side-card .thumb{height:100px;border-radius:13px;overflow:hidden}.side-card img{width:100%;height:100%;object-fit:cover}.side-card h3{font-size:15px;line-height:1.35;margin:5px 0 7px}.side-card small{color:var(--muted)}
.searchbox{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{border:0;border-radius:999px;padding:9px 13px;font-weight:850;background:#f1f5f9;cursor:pointer}.tab.active{background:var(--navy);color:#fff}.filters{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:10px}.input,.select{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#fff;color:#334155}
.section-kicker{color:var(--accent);font-weight:950}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.08)}
.card-img{height:180px;position:relative;overflow:hidden}.card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s}.price{position:absolute;bottom:10px;left:10px;background:#fff;color:#0f172a;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:950;z-index:3}.fav-card{position:absolute;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.93);font-size:18px;cursor:pointer;z-index:4}
.mini-arrow{top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.88);font-size:22px;color:#0f172a;opacity:0;transition:.2s}.property-media:hover .mini-arrow{opacity:1}.mini-arrow.prev{left:8px}.mini-arrow.next{right:8px}.image-count{position:absolute;right:10px;bottom:10px;background:rgba(7,20,38,.72);color:#fff;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;z-index:3}
.card-body{padding:14px}.pill{font-size:11px;font-weight:900;color:var(--accent);background:#eef4ff;padding:5px 8px;border-radius:999px;display:inline-block}.card h3{font-size:16px;line-height:1.35;margin:9px 0}.props{display:flex;gap:12px;flex-wrap:wrap;color:#64748b;font-size:12px}
.alt-section{background:#eef3f9}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.area-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;justify-content:space-between;align-items:center}.area-card b{display:block;font-size:18px;margin-bottom:4px}.area-card span{font-size:12px;color:var(--muted)}.area-card strong{color:var(--accent);font-size:22px}
.news-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.news-lead-img{height:300px}.news-lead h3{font-size:22px}.news-lead p{color:#64748b;line-height:1.6}.news-list{display:grid;gap:12px}.news-row{display:grid;grid-template-columns:150px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px}.news-row .thumb{height:95px;border-radius:12px;overflow:hidden}.news-row img{width:100%;height:100%;object-fit:cover}.news-row h3{margin:5px 0 7px;font-size:16px}.news-row small{color:var(--muted)}
.cta{background:linear-gradient(135deg,#0b1f3a,#123b77);color:#fff;border-radius:24px;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.cta h2{margin:0 0 8px;font-size:27px}.cta p{margin:0;color:#cbd5e1}.cta-btn{background:#fff!important;color:#0b1f3a!important}
.footer{margin-top:30px;background:#071426;color:#94a3b8}.footer .wrap{padding-top:30px;padding-bottom:30px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:24px}.footer h4{color:#fff;margin:0 0 10px}.footer a{display:block;margin:7px 0;font-size:13px}.footer-logo{color:white}
@media(max-width:1000px){.hero-home .hero-grid,.news-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(3,1fr)}.side-card{grid-template-columns:1fr}.side-card .thumb{height:130px}.filters{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}.area-grid{grid-template-columns:repeat(2,1fr)}.footer .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.topbar .wrap span:last-child{display:none}.actions .soft{display:none}.hero-slider{height:350px}.hero-content{left:20px;right:20px;bottom:24px}.hero-content h1{font-size:27px}.side-stack{grid-template-columns:1fr}.side-card{grid-template-columns:110px 1fr}.side-card .thumb{height:90px}.filters,.cards,.area-grid{grid-template-columns:1fr}.news-row{grid-template-columns:120px 1fr}.cta{align-items:flex-start;flex-direction:column}.footer .wrap{grid-template-columns:1fr}.mini-arrow{opacity:1}}

/* V6.3 homepage fixes */
.hero-content{display:flex!important;align-items:flex-end!important;left:0!important;right:0!important;bottom:0!important;padding:0 28px 34px!important}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:84%;position:relative;z-index:4}
.hero-copy .badge{position:static!important;margin:0!important;line-height:1!important}
.hero-copy h1{position:static!important;margin:0!important;line-height:1.12!important}
.hero-slide{z-index:1}.hero-slide.active{z-index:2}.slider-arrow{z-index:20!important;pointer-events:auto!important}.slider-dots{z-index:21!important}
.category-section{padding-top:20px}.category-block{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;margin-bottom:18px}
.category-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.category-heading>div{display:flex;align-items:center;gap:12px}.category-heading small{color:var(--accent);font-weight:900}.category-heading h3{margin:2px 0 0;font-size:22px}.category-heading>a{font-size:13px;color:var(--accent);font-weight:800}
.category-icon{width:42px;height:42px;border-radius:13px;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-size:20px}.category-empty{grid-column:1/-1;border:1px dashed #cbd5e1;border-radius:14px;padding:22px;color:#64748b;text-align:center;background:#f8fafc}
@media(max-width:680px){.hero-content{padding:0 18px 27px!important}.hero-copy{max-width:90%}.hero-copy h1{font-size:25px!important}.category-block{padding:14px}}

/* ===== V6.4 category homepage ===== */
.category-links-section{padding:24px 0 8px}
.category-link-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}
.category-link-grid a{padding:16px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:82px}
.category-link-grid a:hover{background:#f7faff;color:var(--accent)}
.category-link-grid b{display:block;font-size:15px;margin-bottom:6px}
.category-link-grid span{font-size:12px;color:var(--muted);line-height:1.35}
.square-block{border-radius:0!important}
.card,.property-card,.news-lead,.news-row{border-radius:0!important}
.card-img,.property-media,.news-lead-img,.news-row .thumb,.side-card .thumb{border-radius:0!important}
.property-media img,.card-img img,.news-row img,.side-card img{border-radius:0!important}
.category-block{border-radius:0!important}
.category-icon{border-radius:0!important}
.area-card{border-radius:0!important}
.news-home-section{background:#fff}
@media(max-width:1050px){.category-link-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.category-link-grid{grid-template-columns:1fr 1fr}.category-link-grid a{min-height:auto}}

/* V7 role separation */
.master-page{background:#f5f7fb}.master-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.master-kpis>div{background:#fff;border:1px solid var(--line);padding:18px}.master-kpis span{display:block;color:var(--muted);font-size:12px}.master-kpis b{display:block;font-size:27px;margin-top:6px}.master-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}.master-table{width:100%;border-collapse:collapse}.master-table th,.master-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.master-table td small{display:block;color:var(--muted);margin-top:3px}.status{font-weight:800}.status.ok{color:#15803d}.status.off{color:#b91c1c}@media(max-width:900px){.master-kpis{grid-template-columns:1fr 1fr}}

/* ===== V7.1 hard fixes ===== */
.card,.property-card,.side-card,.news-row,.news-lead,.category-block,.category-link-grid a,
.property-gallery-slider,.property-main-media,.property-main-media img,.property-thumbs,
.property-thumb,.property-thumb img{border-radius:0!important}
.card-img,.card-img img,.property-media,.property-media img,.side-card .thumb,.side-card .thumb img,
.news-row .thumb,.news-row .thumb img,.news-lead-img,.news-lead-img img{border-radius:0!important}
.property-gallery-slider{margin-bottom:22px}.property-main-media{position:relative;height:560px;background:#e5e7eb;overflow:hidden}
.property-main-media>img{width:100%;height:100%;object-fit:cover;display:block}
.property-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border:0;background:rgba(255,255,255,.92);font-size:30px;cursor:pointer}
.property-arrow.prev{left:14px}.property-arrow.next{right:14px}.property-count{position:absolute;right:14px;bottom:14px;background:rgba(2,8,23,.72);color:#fff;padding:6px 10px;font-size:12px}
.property-thumbs{display:flex;gap:8px;overflow-x:auto;padding-top:8px}.property-thumb{border:2px solid transparent;padding:0;background:none;cursor:pointer;flex:0 0 120px;height:82px}.property-thumb.active{border-color:var(--accent)}
.property-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:700px){.property-main-media{height:330px}.property-thumb{flex-basis:88px;height:60px}}

/* ===== V7.3 detail + square system ===== */
.hero-slider,.hero-slide,.hero-slide img,.searchbox,.side-card,.side-card .thumb,.side-card img,
.card,.property-card,.card-img,.card-img img,.property-media,.property-media img,
.category-block,.category-link-grid a,.news-row,.news-row .thumb,.news-row img,
.property-gallery-slider,.property-main-media,.property-main-media img,
.property-thumbs,.property-thumb,.property-thumb img,.panel.square-panel,.related-card,.related-card img{border-radius:0!important}
.hero-slider{overflow:hidden}
.property-gallery-slider{margin-bottom:24px}
.property-main-media{position:relative;height:560px;background:#e5e7eb;overflow:hidden}
.property-main-media>img{width:100%;height:100%;object-fit:cover;display:block}
.property-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border:0;border-radius:0!important;background:rgba(255,255,255,.94);font-size:30px;cursor:pointer}
.property-arrow.prev{left:0}.property-arrow.next{right:0}.property-count{position:absolute;right:0;bottom:0;background:rgba(2,8,23,.76);color:#fff;padding:7px 11px;font-size:12px}
.property-thumbs{display:flex;gap:6px;overflow-x:auto;padding-top:6px}.property-thumb{border:2px solid transparent;padding:0;background:none;cursor:pointer;flex:0 0 115px;height:78px}.property-thumb.active{border-color:var(--accent)}
.property-thumb img{width:100%;height:100%;object-fit:cover}
.share-row{display:flex;flex-wrap:wrap;gap:8px}.share-row button{border:1px solid var(--line);background:#fff;padding:10px 13px;cursor:pointer;border-radius:0!important;font-weight:750}.share-row button:hover{border-color:var(--accent);color:var(--accent)}
.related-section{margin-top:28px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-card{display:grid;grid-template-columns:130px 1fr;background:#fff;border:1px solid var(--line);overflow:hidden}.related-card img{width:130px;height:115px;object-fit:cover}.related-card>div{padding:10px}.related-card span,.related-card small{font-size:11px;color:var(--muted)}.related-card h3{font-size:14px;line-height:1.35;margin:5px 0}.related-card p{font-size:12px;margin:5px 0;color:#475569}
@media(max-width:850px){.related-grid{grid-template-columns:1fr 1fr}.property-main-media{height:420px}}
@media(max-width:600px){.related-grid{grid-template-columns:1fr}.property-main-media{height:300px}.property-thumb{flex-basis:82px;height:58px}}

/* ===== V7.4 richer property cards ===== */
.cards{grid-template-columns:repeat(3,1fr)!important;gap:18px}
.rich-card{display:flex;flex-direction:column;min-width:0}
.rich-card .card-img{height:205px}
.card-topline,.listing-headline{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fav-card-inline{border:0;background:#f1f5f9;width:32px;height:32px;cursor:pointer;font-size:18px;border-radius:0!important}
.featured-label{position:absolute;top:0;left:0;background:#f59e0b;color:#fff;padding:6px 8px;font-size:10px;font-weight:950;z-index:3}
.card-price-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:10px;margin-top:8px}
.card-price-line b{font-size:18px;color:#dc2626}.card-price-line span{font-size:11px;color:var(--muted)}
.rich-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:10px}
.rich-facts span{padding:8px 5px;text-align:center;border-right:1px solid var(--line)}.rich-facts span:last-child{border-right:0}
.rich-facts b,.rich-facts small{display:block}.rich-facts b{font-size:13px}.rich-facts small{font-size:9px;color:var(--muted);margin-top:2px}
.rich-extra{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:11px;color:#475569;margin:9px 0}.rich-extra b{color:#0f172a}
.rich-card .listing-location{font-size:12px;line-height:1.45;min-height:35px}
.rich-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:10px;padding-top:9px;font-size:10px;color:var(--muted)}
.rich-listing-card{border-radius:0!important}.rich-listing-card .listing-img{border-radius:0!important;display:block}.rich-listing-card .listing-img img{border-radius:0!important}
.rich-listing-meta{display:grid!important;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);gap:0!important}
.rich-listing-meta span{text-align:center;padding:8px 4px;border-right:1px solid var(--line)}.rich-listing-meta span:last-child{border-right:0}
.rich-listing-meta b,.rich-listing-meta small{display:block}.rich-listing-meta small{font-size:9px;color:var(--muted);margin-top:2px}
.listing-specs{display:flex;flex-wrap:wrap;gap:6px 12px;margin:10px 0;font-size:11px;color:#475569}
.listing-price small{font-size:11px;font-weight:500;color:var(--muted)}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:650px){.cards{grid-template-columns:1fr!important}.rich-facts,.rich-listing-meta{grid-template-columns:repeat(4,1fr)}}

/* ===== V7.6 Professional Client Admin ===== */
.admin-bg{background:#f3f6fb;color:#0f172a}
.admin-shell{max-width:1240px;margin:auto;padding:0 24px 42px}
.admin-top-pro{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde5ef;margin-bottom:22px}
.admin-top-pro>div{display:flex;align-items:center;gap:12px}
.admin-badge{font-size:10px;font-weight:900;letter-spacing:.12em;background:#e8f0ff;color:#1762e8;padding:6px 8px}
.admin-top-actions{gap:8px!important}.admin-link{border:0;background:#fff;padding:9px 12px;font-size:12px;font-weight:750;cursor:pointer;color:#334155;border:1px solid #dbe3ee}.danger-link{color:#b91c1c}
.admin-grid{grid-template-columns:235px minmax(0,1fr)!important;gap:18px!important;align-items:start}
.admin-sidebar{padding:14px!important;position:sticky;top:18px;border:1px solid #dce4ee!important;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.sidebar-title{padding:8px 10px 16px;border-bottom:1px solid #e5eaf1;margin-bottom:8px}.sidebar-title b,.sidebar-title small{display:block}.sidebar-title b{font-size:14px}.sidebar-title small{font-size:10px;color:#94a3b8;margin-top:4px}
.admin-sidebar .menu-btn{display:flex!important;align-items:center;gap:10px;width:100%;padding:11px 10px!important;border:0!important;background:transparent;text-align:left;font-weight:700;color:#475569;cursor:pointer}
.admin-sidebar .menu-btn span{width:22px;text-align:center;color:#64748b}.admin-sidebar .menu-btn:hover{background:#f4f7fb;color:#0f172a}
.admin-sidebar .menu-btn.active{background:#eaf1ff!important;color:#1762e8!important}.admin-sidebar .menu-btn.active span{color:#1762e8}
.menu-divider{height:1px;background:#e5eaf1;margin:8px 0}
.admin-content{padding:28px 30px!important;border:1px solid #dce4ee!important;box-shadow:0 8px 22px rgba(15,23,42,.04);min-height:560px}
.admin-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.admin-page-head.compact{margin-bottom:14px}.admin-page-head h1{margin:5px 0 6px}.admin-page-head p,.admin-subtext{margin:0;color:#64748b;font-size:13px;line-height:1.55}
.admin-kpis{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin:18px 0 20px}.admin-kpis .kpi{background:#f8faff;border:1px solid #dfe7f2;padding:18px!important}.admin-kpis .kpi small{display:block;color:#94a3b8;font-size:9px;font-weight:900;letter-spacing:.12em}.admin-kpis .kpi b{font-size:29px;margin:7px 0 2px}.admin-kpis .kpi span{font-size:11px;color:#64748b}
.demo-callout{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#f8fbff;border:1px solid #cfe0fa;border-left:4px solid #1762e8;padding:17px 18px;margin-top:12px}.demo-icon{width:40px;height:40px;background:#1762e8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.demo-copy b{font-size:14px}.demo-copy p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.55}.demo-copy strong{color:#334155}
.form-section-title{font-size:11px;font-weight:900;letter-spacing:.1em;color:#1762e8;border-bottom:1px solid #e1e8f1;padding:18px 0 7px;margin:2px 0 13px;text-transform:uppercase}
.content-type-picker{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:14px;align-items:end;background:#f8fafc;border:1px solid #e0e7ef;padding:14px;margin-bottom:12px}.type-hint{font-size:12px;color:#64748b;padding-bottom:10px}
.admin-content .form label{font-size:12px;font-weight:750;color:#334155}.admin-content .form input,.admin-content .form select,.admin-content .form textarea{background:#fff;border:1px solid #cfd9e6!important;border-radius:0!important;min-height:42px}.admin-content .form input:focus,.admin-content .form select:focus,.admin-content .form textarea:focus{outline:2px solid rgba(23,98,232,.14);border-color:#1762e8!important}
.admin-content .form textarea{min-height:190px}
.image-upload-box{background:#f8fafc!important;border:1px solid #dbe4ef!important;border-radius:0!important}
.upload-drop{border-radius:0!important;background:#fff!important}
.admin-content .btn{border-radius:0!important;font-weight:850}.admin-content .btn.primary,.admin-content #submitPostBtn{background:#1762e8;color:#fff}
.table{font-size:12px}.table th{background:#f5f7fa;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.table td,.table th{padding:11px 10px!important}
.status-pill,.smallbtn{border-radius:0!important}
@media(max-width:850px){.admin-shell{padding:0 12px 30px}.admin-grid{grid-template-columns:1fr!important}.admin-sidebar{position:static}.admin-sidebar .menu-btn{display:inline-flex!important;width:auto}.admin-content{padding:20px 16px!important}.admin-kpis{grid-template-columns:1fr!important}.demo-callout{grid-template-columns:1fr}.demo-icon{display:none}.content-type-picker{grid-template-columns:1fr}}

/* ===== V7.7 Brand identity + Master demo control ===== */
/* Tên website tùy chỉnh: biến text đơn giản thành wordmark có biểu tượng */
.logo,.brand{
  display:inline-flex!important;align-items:center;gap:10px;
  position:relative;text-decoration:none!important;
  font-weight:950!important;letter-spacing:-.55px!important;
  color:#0b1f3a!important;line-height:1!important;
}
.logo::before,.brand::before{
  content:"⌂";flex:0 0 38px;width:38px;height:38px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#0d63f3,#0845b7);
  color:#fff;font-size:22px;font-weight:900;letter-spacing:0;
  box-shadow:0 5px 14px rgba(13,99,243,.22);
}
.logo::after,.brand::after{
  content:"";position:absolute;left:48px;bottom:-7px;
  width:34px;height:3px;background:#0d63f3;
}
.header .logo{font-size:23px!important;white-space:nowrap}
.admin-top .brand{font-size:20px!important}
.admin-top .brand::before{width:32px;height:32px;flex-basis:32px;font-size:18px}
.admin-top .brand::after{left:42px;bottom:-5px;width:26px;height:2px}
@media(max-width:650px){
  .header .logo{font-size:19px!important;gap:7px}
  .logo::before{width:32px;height:32px;flex-basis:32px;font-size:18px}
  .logo::after{left:39px}
}

/* Super Admin */
.master-main{padding-top:28px}
.master-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;margin-bottom:20px}
.master-head h1{margin:6px 0 8px;font-size:30px}
.master-head p{margin:0;color:#64748b;max-width:720px}
.master-note{background:#eff6ff;border-left:4px solid #1762e8;padding:13px 16px;min-width:280px}
.master-note b,.master-note span{display:block}.master-note b{font-size:12px}.master-note span{font-size:11px;color:#64748b;margin-top:4px}
.master-kpis{grid-template-columns:repeat(5,1fr)!important;gap:10px!important;margin:18px 0 22px!important}
.master-kpis>div{background:#fff;border:1px solid #dce4ee;padding:16px!important}
.master-kpis span{font-size:10px!important;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8!important;font-weight:800}
.master-kpis b{font-size:27px!important}
.master-table-wrap{border:1px solid #dce4ee!important;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.master-table th{background:#f6f8fb;font-size:10px!important;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.master-table td{vertical-align:middle}
.master-site-name{display:flex;align-items:center;gap:9px;min-width:170px}
.site-mini-mark{width:31px;height:31px;background:#eaf2ff;color:#1762e8;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px}
.master-site-name b,.master-site-name small{display:block}.master-site-name small{font-size:9px;color:#94a3b8;margin-top:3px}
.domain-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f8fafc;border:1px solid #e2e8f0;padding:5px 7px;font-size:10px;white-space:nowrap}
.demo-count{display:inline-flex;padding:5px 8px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:900}
.demo-count.has-demo{background:#ecfdf3;color:#15803d}
.master-actions{display:flex;gap:5px;flex-wrap:wrap;min-width:210px}
.master-actions .smallbtn{border:1px solid #d6deea;background:#fff;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer;border-radius:0!important}
.master-actions .smallbtn:disabled{opacity:.4;cursor:not-allowed}
.master-actions .primary-mini{background:#1762e8;color:#fff;border-color:#1762e8}
.master-actions .danger{color:#b91c1c;border-color:#fecaca}
@media(max-width:900px){
  .master-head{grid-template-columns:1fr}.master-note{min-width:0}
  .master-kpis{grid-template-columns:1fr 1fr!important}
}

/* ===== V7.8 News detail + admin refinements ===== */
.field-help{display:block;font-size:10px;color:#94a3b8;margin-top:6px;font-weight:500}
.admin-content input[type="checkbox"]{min-height:0!important;width:18px!important;height:18px!important;accent-color:#1762e8;vertical-align:middle}
.admin-content .three>label:has(input[type="checkbox"]){display:flex;align-items:center;gap:8px;min-height:42px}
.news-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.news-article{background:#fff;border:1px solid var(--line)}
.news-article-head{padding:28px 30px 20px;border-bottom:1px solid var(--line)}
.news-article-head h1{font-size:36px;line-height:1.18;margin:8px 0 10px;letter-spacing:-.5px}
.news-meta{font-size:12px;color:#64748b}
.news-cover{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:0!important}
.news-article-body{padding:30px;font-size:16px;line-height:1.85;color:#243244}
.news-article .share-panel{margin:0 30px 30px}
.news-sidebar{display:grid;gap:16px;position:sticky;top:18px}
.news-side-box{background:#fff;border:1px solid var(--line);padding:0}
.news-side-title{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;padding:14px 15px;border-bottom:1px solid var(--line);color:#0f172a}
.news-side-item{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.news-side-item:last-child{border-bottom:0}.news-side-item img{width:92px;height:72px;object-fit:cover;border-radius:0!important}
.news-side-item span{display:block;font-size:9px;color:#1762e8;font-weight:850;text-transform:uppercase}.news-side-item b{display:block;font-size:12px;line-height:1.35;margin:3px 0}.news-side-item small{font-size:9px;color:#94a3b8}
.news-category-list{display:grid}.news-category-list a{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:12px;color:#334155;text-decoration:none}.news-category-list a:last-child{border-bottom:0}.news-category-list span{color:#94a3b8}
@media(max-width:900px){.news-detail-layout{grid-template-columns:1fr}.news-sidebar{position:static;grid-template-columns:1fr 1fr}.news-side-box:first-child{grid-column:1/-1}}
@media(max-width:620px){.news-article-head h1{font-size:28px}.news-article-head,.news-article-body{padding:20px}.news-article .share-panel{margin:0 20px 20px}.news-sidebar{grid-template-columns:1fr}}

/* ===== V7.9 Customer onboarding ===== */
.master-create-btn{align-self:start;border-radius:0!important}
.master-info-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.master-info-strip>div{background:#fff;border:1px solid #dce4ee;padding:13px 15px}.master-info-strip b,.master-info-strip span{display:block}.master-info-strip b{font-size:11px}.master-info-strip span{font-size:10px;color:#64748b;margin-top:4px;line-height:1.5}
.customer-cell b,.customer-cell small{display:block}.customer-cell b{font-size:11px}.customer-cell small{font-size:9px;color:#94a3b8;margin-top:3px}
.onboard{display:inline-flex;padding:5px 8px;font-size:9px;font-weight:900;white-space:nowrap}.onboard.activated{background:#ecfdf3;color:#15803d}.onboard.pending{background:#fff7ed;color:#c2410c}.onboard.not_created{background:#f1f5f9;color:#64748b}
.master-modal{position:fixed;inset:0;background:rgba(2,8,23,.58);z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px}.master-modal.hidden{display:none!important}.master-modal-card{background:#fff;width:min(820px,96vw);max-height:92vh;overflow:auto;border:1px solid #cfd9e6;padding:24px;box-shadow:0 24px 70px rgba(2,8,23,.22)}.compact-modal{width:min(680px,96vw)}
.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #e5eaf1;padding-bottom:15px;margin-bottom:14px}.modal-head h2{margin:5px 0 4px}.modal-head p{margin:0;color:#64748b;font-size:12px}.modal-close{border:0;background:#f1f5f9;width:36px;height:36px;font-size:23px;cursor:pointer}
.master-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.master-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#334155}.master-form input{height:42px;border:1px solid #cfd9e6;padding:0 11px;border-radius:0!important}.activation-explain{background:#f8fbff;border-left:4px solid #1762e8;padding:12px 14px;margin:15px 0}.activation-explain b,.activation-explain span{display:block}.activation-explain b{font-size:11px}.activation-explain span{font-size:10px;color:#64748b;margin-top:4px;line-height:1.5}
.activation-result{margin-top:16px;padding:15px;background:#ecfdf3;border:1px solid #bbf7d0}.activation-result b{font-size:13px}.activation-result p,.activation-result small{font-size:10px;color:#475569;line-height:1.5}.activation-link-box{display:grid;grid-template-columns:1fr auto;margin:10px 0}.activation-link-box input{height:40px;border:1px solid #bbf7d0;padding:0 9px;font-size:10px}.activation-link-box button{border:0;background:#15803d;color:#fff;padding:0 14px;font-weight:800;cursor:pointer}
.customer-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-profile-grid>div{background:#f8fafc;border:1px solid #e2e8f0;padding:11px}.customer-profile-grid .wide{grid-column:1/-1}.customer-profile-grid span,.customer-profile-grid b{display:block}.customer-profile-grid span{font-size:9px;color:#94a3b8;text-transform:uppercase;font-weight:900}.customer-profile-grid b{font-size:12px;margin-top:4px}

/* Customer activation */
.activation-page{background:#f4f7fb;min-height:100vh}.activation-header{height:72px;background:#fff;border-bottom:1px solid #dce4ee;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 980px)/2));font-size:10px;font-weight:900;letter-spacing:.1em;color:#64748b}.activation-wrap{max-width:900px;margin:38px auto;padding:0 18px}.activation-card{background:#fff;border:1px solid #dce4ee;padding:30px;box-shadow:0 12px 36px rgba(15,23,42,.05)}.activation-title h1{font-size:32px;margin:7px 0 8px}.activation-title p{color:#64748b;line-height:1.6;font-size:13px;max-width:680px}.activation-site{display:grid;grid-template-columns:1fr 1fr;background:#f8fbff;border:1px solid #d9e7fb;margin:20px 0;padding:13px 15px}.activation-site span,.activation-site b{display:block}.activation-site span{font-size:9px;color:#94a3b8;text-transform:uppercase;font-weight:900}.activation-site b{font-size:13px;margin-top:4px}.activation-form .two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.activation-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#334155}.activation-form input{height:44px;border:1px solid #ccd7e5;padding:0 11px;border-radius:0!important}.activation-form label small{font-weight:500;color:#94a3b8}.activation-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;margin:18px 0;font-weight:600!important;line-height:1.5}.activation-consent input{width:17px!important;height:17px!important;min-height:0!important;margin-top:1px}.activation-submit{width:100%;height:46px;border-radius:0!important}.activation-success,.activation-error{text-align:center;max-width:620px;margin:auto}.success-mark{width:58px;height:58px;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 15px}.activation-success h1,.activation-error h1{margin:5px 0}.activation-success p,.activation-error p{color:#64748b}.loading-dot{width:34px;height:34px;border:4px solid #dbeafe;border-top-color:#1762e8;border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}#activationLoading{text-align:center}
@media(max-width:700px){.master-info-strip,.master-form .two,.customer-profile-grid,.activation-form .two,.activation-site{grid-template-columns:1fr}.master-head{grid-template-columns:1fr}.customer-profile-grid .wide{grid-column:auto}.activation-card{padding:20px}.activation-title h1{font-size:27px}}

.master-page .msg{margin-top:12px;padding:10px 12px;background:#fff1f2;border:1px solid #fecdd3;color:#b91c1c;font-size:12px}.master-page .msg.hidden{display:none!important}

/* ===== V8 Managed Website Service ===== */
.domain-stack b,.domain-stack span,.service-cell b,.service-cell small,.expiry-cell small,.block-mini{display:block}
.domain-stack b{font-size:10px}.domain-state{font-size:8px;font-weight:900;margin-top:4px}.domain-state.active{color:#15803d}.domain-state.pending{color:#c2410c}.domain-state.not_configured{color:#64748b}
.service-cell b{font-size:10px}.service-cell small,.expiry-cell small,.block-mini{font-size:8px;color:#94a3b8;margin-top:3px}
.pay-state{font-size:8px;font-weight:900;padding:5px 7px;white-space:nowrap}.pay-state.paid{background:#ecfdf3;color:#15803d}.pay-state.partial{background:#fff7ed;color:#c2410c}.pay-state.unpaid{background:#fff1f2;color:#be123c}
.service-edit-form{margin-top:18px;border-top:1px solid #e2e8f0;padding-top:4px}.service-edit-form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-edit-form label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#475569;margin-bottom:9px}.service-edit-form input,.service-edit-form select,.service-edit-form textarea{border:1px solid #cfd9e6;border-radius:0!important;min-height:39px;padding:8px;font:inherit}.service-edit-form textarea{min-height:70px;resize:vertical}.renew-check{display:flex!important;align-items:center;gap:8px!important}.renew-check input{width:17px!important;height:17px!important;min-height:0!important}.profit-box{display:flex;justify-content:space-between;align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;padding:11px 13px;margin:5px 0 12px}.profit-box span{font-size:10px;color:#166534}.profit-box b{font-size:14px;color:#15803d}
.master-form select{height:42px;border:1px solid #cfd9e6;padding:0 11px;border-radius:0!important;background:#fff}
@media(max-width:700px){.service-edit-form .two{grid-template-columns:1fr}}

/* ===== V8.1 Auto Order Code ===== */
.auto-code-field{height:42px;display:flex;align-items:center;padding:0 11px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;font-size:10px;font-weight:700}
.created-order-code{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #bbf7d0;padding:10px 12px;margin:10px 0}
.created-order-code span{font-size:9px;text-transform:uppercase;color:#64748b;font-weight:900}
.created-order-code strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:#15803d}

/* ===== V8.2 Domain Management ===== */
.domain-input-row{display:grid;grid-template-columns:1fr auto}.domain-input-row input{min-width:0}.domain-input-row button{border:0;background:#0f172a;color:#fff;padding:0 14px;font-size:10px;font-weight:850;cursor:pointer}.domain-input-row button:disabled{opacity:.55}
.domain-check-result{margin:10px 0 2px;padding:11px 13px;border:1px solid #dce4ee;display:grid;gap:4px}.domain-check-result.hidden{display:none!important}.domain-check-result b{font-size:11px}.domain-check-result span{font-size:10px;color:#64748b}.domain-check-result.success{background:#f0fdf4;border-color:#bbf7d0}.domain-check-result.success b{color:#15803d}.domain-check-result.danger{background:#fff1f2;border-color:#fecdd3}.domain-check-result.danger b{color:#be123c}.domain-check-result.warning{background:#fff7ed;border-color:#fed7aa}.domain-check-result.warning b{color:#c2410c}
.registrar-status{margin-bottom:10px;padding:10px 13px;border-left:4px solid #94a3b8;background:#fff;font-size:10px;color:#475569}.registrar-status.connected{border-color:#16a34a;background:#f0fdf4}.registrar-status.not-connected{border-color:#f59e0b;background:#fff7ed}.registrar-status b{font-weight:900}
.domain-manager-box{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:2px}.domain-manager-box.hidden{display:none!important}.domain-manager-grid{display:grid;grid-template-columns:1fr 180px;gap:10px}.domain-manager-grid label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#475569}.domain-manager-grid input,.domain-manager-grid select{height:39px;border:1px solid #cfd9e6;border-radius:0!important;padding:0 9px;background:#fff}.domain-manager-actions{display:flex;gap:7px;margin-top:9px}
@media(max-width:700px){.domain-manager-grid{grid-template-columns:1fr}.domain-input-row{grid-template-columns:1fr}.domain-input-row button{height:40px}}

/* ===== V8.3 Domain Purchase Automation ===== */
.domain-buy-trigger{margin-top:7px;width:max-content;border:0;background:#1762e8;color:#fff;padding:8px 11px;font-size:9px;font-weight:900;cursor:pointer}
.premium-note{color:#b45309!important;font-weight:800}
.purchase-modal-card{width:min(620px,96vw)}
.purchase-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:5px 0 15px}.purchase-summary>div{background:#f8fafc;border:1px solid #e2e8f0;padding:11px}.purchase-summary .wide{grid-column:1/-1}.purchase-summary span,.purchase-summary b{display:block}.purchase-summary span{font-size:9px;color:#94a3b8;text-transform:uppercase;font-weight:900}.purchase-summary b{font-size:13px;margin-top:4px}
.purchase-confirm-label{display:grid;gap:7px;font-size:11px;font-weight:850;color:#334155}.purchase-confirm-label input{height:44px;border:2px solid #cfd9e6;border-radius:0!important;padding:0 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.purchase-renew{margin:13px 0!important;background:#f8fafc;border:1px solid #e2e8f0;padding:11px!important}
.purchase-warning{background:#fff7ed;border-left:4px solid #f59e0b;padding:12px 14px;margin:12px 0}.purchase-warning b,.purchase-warning span{display:block}.purchase-warning b{font-size:11px;color:#9a3412}.purchase-warning span{font-size:10px;color:#7c2d12;line-height:1.5;margin-top:4px}
.purchase-btn{width:100%;height:46px;border-radius:0!important}.purchase-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:620px){.purchase-summary{grid-template-columns:1fr}.purchase-summary .wide{grid-column:auto}}

/* ===== V8.4 Semi-auto Domain Workflow ===== */
.semi-auto-note{margin:8px 0 12px;padding:11px 13px;background:#eff6ff;border-left:4px solid #2563eb;font-size:10px;line-height:1.55;color:#334155}
.semi-auto-note b{color:#1d4ed8}
.domain-manager-grid{grid-template-columns:1fr 180px 180px 180px!important}
@media(max-width:900px){.domain-manager-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.domain-manager-grid{grid-template-columns:1fr!important}}

#dmCompleteDomain{font-weight:800}.domain-check-result input{width:100%;margin-top:6px;padding:8px;border:1px solid #cbd5e1;background:#fff}

#dmDomain + small{display:block;margin-top:5px;color:#64748b;font-size:9px;line-height:1.4}

.handover-card{max-width:650px}
.handover-status{margin:14px 0;padding:11px 13px;border-left:4px solid #94a3b8;background:#f8fafc;font-size:12px}
.handover-status.ok{border-color:#16a34a;background:#f0fdf4;color:#166534}
.handover-status.pending{border-color:#2563eb;background:#eff6ff;color:#1e40af}
.handover-status.warn{border-color:#f59e0b;background:#fffbeb;color:#92400e}
.auto-sync-label{font-weight:500;color:#64748b;margin-left:8px;text-transform:none}

/* V8.7.5 visible provisioning result */
.provision-notice{margin:12px 0 16px;padding:12px 14px;display:flex;gap:12px;align-items:center;border:1px solid #cbd5e1;background:#fff}
.provision-notice.hidden{display:none}
.provision-notice.ok{border-left:5px solid #16a34a;background:#f0fdf4}
.provision-notice.pending{border-left:5px solid #2563eb;background:#eff6ff}
.provision-notice.error{border-left:5px solid #dc2626;background:#fef2f2}
.provision-notice-icon{width:34px;height:34px;display:grid;place-items:center;font-weight:900;font-size:18px;border:1px solid currentColor}
.provision-notice-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.provision-notice-body strong{font-size:12px}
.provision-notice-body span{font-size:10px;line-height:1.45;color:#475569}
.provision-notice-actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:760px){.provision-notice{align-items:flex-start;flex-direction:column}.provision-notice-actions{width:100%}}

/* V8.8.11 — promotion + renewal */
.promo-summary{border:1px solid #cfe0ff;background:#f4f8ff;padding:11px 13px;border-radius:10px;color:#31507f;font-size:13px;margin:8px 0 14px}.promo-summary b{color:#0e56d8}.renewal-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dbe4f2;background:#fff;padding:13px;border-radius:12px;margin:10px 0 14px}.renewal-panel>div{display:grid;gap:3px}.renewal-panel span,.renewal-panel small{font-size:12px;color:#6b7a90}.renewal-choice{display:inline-block;margin-top:5px;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800}.renewal-choice.yes{background:#e7f8ee;color:#087a37}.renewal-choice.no{background:#fff0f0;color:#b42318}.expiry-warning{color:#b54708!important;font-weight:800}.renewal-page{min-height:100vh;background:#f4f7fb;display:grid;place-items:center;padding:24px}.renewal-card{width:min(620px,100%);background:#fff;border:1px solid #dbe4f2;padding:34px;border-radius:18px;text-align:center;box-shadow:0 18px 50px rgba(15,23,42,.08)}.renewal-mark{width:60px;height:60px;margin:0 auto 14px;display:grid;place-items:center;background:#1769ff;color:white;font-size:30px;border-radius:12px}.renewal-card h1{font-size:28px;margin:8px 0 10px}.renewal-card>p{color:#667085}.renewal-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dbe4f2;border:1px solid #dbe4f2;margin:22px 0}.renewal-info div{background:#f8fbff;padding:14px 10px;display:grid;gap:5px}.renewal-info span{font-size:10px;color:#8592a6;text-transform:uppercase;font-weight:800}.renewal-info b{font-size:13px}.renewal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.renewal-note{font-size:12px!important;margin-top:18px}.renewal-card .msg{margin-top:18px;padding:13px;background:#eff8f2;border:1px solid #b8e0c4;color:#176b36;border-radius:10px}.block-mini{display:block}.service-cell small{display:block}@media(max-width:620px){.renewal-info{grid-template-columns:1fr}.renewal-actions{flex-direction:column}.renewal-panel{align-items:flex-start;flex-direction:column}}

/* V8.8.12 — client service center */
.client-service-hero{display:flex;justify-content:space-between;gap:20px;padding:22px;border:1px solid #dbe4f2;background:#f7faff;border-radius:16px;margin:18px 0}.client-service-hero small,.service-grid span,.client-promo span,.client-renew span{font-size:11px;font-weight:900;color:#1769ff;letter-spacing:.06em}.client-service-hero h2{margin:5px 0}.service-expiry{text-align:right;display:grid;gap:4px}.service-expiry strong{font-size:22px}.service-expiry span{font-size:12px;color:#667085}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.service-grid>div{border:1px solid #e0e7f0;border-radius:12px;padding:14px;display:grid;gap:5px}.service-grid b{font-size:14px}.service-grid small{color:#16803d}.client-promo{display:grid;grid-template-columns:1fr 1.3fr;gap:22px;border:1px solid #cfe0ff;background:#f5f9ff;border-radius:16px;padding:20px;margin:18px 0}.client-promo h3{margin:6px 0}.price-lines p{display:flex;justify-content:space-between;gap:15px;margin:8px 0}.price-lines .first-price{padding-top:9px;border-top:1px solid #dbe4f2}.price-lines .first-price strong{color:#0e56d8;font-size:18px}.client-renew{display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid #dbe4f2;border-radius:16px;padding:20px;margin-top:18px}.client-renew h3{margin:5px 0}.client-renew p{max-width:680px;color:#667085;margin:4px 0}.client-renew .btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:760px){.client-service-hero,.client-renew{align-items:flex-start;flex-direction:column}.service-expiry{text-align:left}.service-grid{grid-template-columns:1fr}.client-promo{grid-template-columns:1fr}}

.master-renewal-alert{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 18px;padding:16px 18px;border:1px solid #f5c36a;background:#fff8e8;border-radius:14px}.master-renewal-alert>div{display:grid;gap:4px}.master-renewal-alert span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#b86b00}.master-renewal-alert b{font-size:17px;color:#7a4300}.master-renewal-alert small{color:#805f2d}.renewal-choice.yes{font-weight:900}.renewal-choice.no{opacity:.75}@media(max-width:700px){.master-renewal-alert{align-items:flex-start;flex-direction:column}}


/* ===== V8.8.20 Client Support Center ===== */
.client-support-card{margin-top:18px;border:1px solid #dbe4f2;border-radius:16px;background:#fff;padding:22px}.support-owner{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #e6ebf2}.support-avatar{width:54px;height:54px;border-radius:14px;background:#1769ff;color:#fff;display:grid;place-items:center;font-weight:950;font-size:18px;flex:0 0 auto}.support-owner small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#1769ff}.support-owner h2{margin:4px 0 3px}.support-owner p{margin:0;color:#667085;font-size:12px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.support-item{display:grid;gap:5px;padding:16px;border:1px solid #dfe6ef;border-radius:13px;text-decoration:none;color:#0f172a;background:#f8fbff;transition:.15s ease}.support-item:hover{border-color:#8eb5ff;background:#f1f6ff;transform:translateY(-1px)}.support-item span{font-size:10px;font-weight:900;color:#1769ff;text-transform:uppercase;letter-spacing:.05em}.support-item strong{font-size:15px;overflow-wrap:anywhere}.support-item small{font-size:11px;color:#667085}.support-note{margin-top:14px;padding:13px 15px;border-left:4px solid #1769ff;background:#f5f9ff;display:grid;gap:3px}.support-note b{font-size:11px}.support-note span{font-size:11px;line-height:1.5;color:#5d6b7d}@media(max-width:700px){.support-grid{grid-template-columns:1fr}.client-support-card{padding:16px}.support-owner{align-items:flex-start}}

.domain-pages-watch{border:1px solid #dbe7ff;background:#f7faff;padding:14px;margin-top:12px}
.domain-pages-watch-title{font-weight:800;color:#0b57d0;margin-bottom:5px}
.domain-pages-watch-status{font-weight:800}
.domain-pages-watch-status[data-state="active"]{color:#0a7a2f}
.domain-pages-watch-status[data-state="pending"]{color:#9a5b00}
.domain-pages-watch-status[data-state="error"]{color:#c62828}
.domain-pages-watch-note{font-size:12px;color:#667085;margin-top:4px}

/* V8.8.15 renewal payment workflow */
.renewal-panel .renewal-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.renewal-panel .renewal-actions .smallbtn{white-space:nowrap}
@media(max-width:760px){.renewal-panel .renewal-actions{width:100%;justify-content:flex-start}.renewal-panel .renewal-actions .smallbtn{flex:1 1 180px}}

.smallbtn.danger-lite{border-color:#f0b8b8;color:#9f2f2f;background:#fff8f8}
.smallbtn.danger-lite:hover{background:#fff0f0}

/* V8.9 finance + CRM */
.finance-dashboard{margin:20px 0;padding:20px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.04)}
.finance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.finance-head h2{margin:2px 0 4px;font-size:22px}.finance-head p{margin:0;color:#64748b;font-size:13px}
.finance-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.finance-kpis>div,.finance-mini{padding:13px;border:1px solid #e8edf3;border-radius:13px;background:#f8fafc}.finance-kpis span,.finance-mini span{display:block;color:#64748b;font-size:12px;margin-bottom:5px}.finance-kpis b{font-size:19px}.finance-split{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}.finance-mini b{font-size:15px}
.ledger-card{margin-top:14px;border-top:1px solid #edf0f4;padding-top:12px}.ledger-card summary{cursor:pointer;font-weight:800}.ledger-wrap{overflow:auto;margin-top:10px}.ledger-table{width:100%;border-collapse:collapse;min-width:900px;font-size:12px}.ledger-table th,.ledger-table td{padding:9px 8px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:top}.ledger-table th{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.tx-kind{display:inline-block;padding:3px 7px;border-radius:999px;background:#eef2ff;font-weight:700}.tx-void{opacity:.45;text-decoration:line-through}.tx-profit{font-weight:800}.customer-ledger{margin-top:18px;border-top:1px solid #e5e7eb;padding-top:15px}.customer-ledger h3{margin:0 0 10px}.timeline-list{display:grid;gap:8px}.timeline-item{display:grid;grid-template-columns:110px 1fr auto;gap:10px;padding:9px 10px;border:1px solid #e8edf3;border-radius:10px;background:#fafafa}.timeline-item small{color:#64748b}.timeline-item b{font-size:13px}.timeline-money{font-weight:800;white-space:nowrap}
@media(max-width:1000px){.finance-kpis,.finance-split{grid-template-columns:repeat(2,minmax(0,1fr))}}
able th,.ledger-table td{padding:9px 8px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:top}.ledger-table th{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.tx-kind{display:inline-block;padding:3px 7px;border-radius:999px;background:#eef2ff;font-weight:700}.tx-void{opacity:.45;text-decoration:line-through}.tx-profit{font-weight:800}.customer-ledger{margin-top:18px;border-top:1px solid #e5e7eb;padding-top:15px}.customer-ledger h3{margin:0 0 10px}.timeline-list{display:grid;gap:8px}.timeline-item{display:grid;grid-template-columns:110px 1fr auto;gap:10px;padding:9px 10px;border:1px solid #e8edf3;border-radius:10px;background:#fafafa}.timeline-item small{color:#64748b}.timeline-item b{font-size:13px}.timeline-money{font-weight:800;white-space:nowrap}
@media(max-width:1000px){.finance-kpis,.finance-split{grid-template-columns:repeat(2,minmax(0,1fr))}}
.master-filterbar,.ledger-filterbar,.expense-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.master-filterbar input,.ledger-filterbar input{min-width:260px;flex:1}.master-filterbar input,.master-filterbar select,.ledger-filterbar input,.ledger-filterbar select,.expense-form input,.expense-form select{border:1px solid #dfe5ec;border-radius:10px;padding:10px 12px;background:#fff;color:#172033}.filter-count{font-size:12px;color:#64748b;margin-left:auto}.expense-form{padding:12px;background:#f8fafc;border:1px solid #e7edf3;border-radius:12px}.expense-form input{min-width:150px;flex:1}.expense-form #expenseTitle{min-width:240px}.expense-card summary{display:flex;align-items:center;gap:8px}@media(max-width:780px){.master-filterbar>*{width:100%}.filter-count{margin-left:0}.ledger-filterbar>*{width:100%}.expense-form>*{width:100%!important;min-width:0!important}}


/* ===== V9.0 Public UI Polish / responsive PR release ===== */
:root{--site-max:1240px}
body{overflow-x:hidden}.wrap{width:min(100%,var(--site-max));max-width:var(--site-max)}
.header{box-shadow:0 3px 18px rgba(15,23,42,.035)}
.header .wrap.nav,.header>.wrap{min-height:72px;padding-top:0!important;padding-bottom:0!important}
.header .nav,.header nav{min-width:0}.header nav a{white-space:nowrap}
.menu-toggle,.mobile-menu{display:none;border:0;background:#eef4ff;color:var(--accent);width:42px;height:42px;border-radius:10px;font-size:20px;font-weight:900;cursor:pointer}
.section{padding:38px 0}.section-head{margin-bottom:20px}.section-head h2{font-size:29px;letter-spacing:-.4px}
.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px}.rich-card{height:100%}.rich-card .card-body{display:flex;flex-direction:column;flex:1}.rich-card .rich-footer{margin-top:auto}
.rich-card .card-img{height:220px}.category-block{padding:20px!important;margin-bottom:24px!important}.category-heading{margin-bottom:18px}
#propertyCards{margin-bottom:6px}.news-home-section{padding-bottom:48px}
.footer,.footer-grid,footer{background:#071426!important;color:#cbd5e1!important}.footer .brand,footer .brand,.footer-detail-brand,.footer-logo{color:#fff!important}.footer p,.footer-copy{color:#94a3b8!important;line-height:1.65}.footer a,footer a{color:#cbd5e1}.footer a:hover,footer a:hover{color:#fff}

/* listing archive: filter above grid, never as a broken sidebar */
.listings-page{padding-top:30px}.listings-title{align-items:center}.filter-toggle{display:none}.listing-filter-panel{padding:14px;margin:0 0 22px;border-radius:14px;box-shadow:none}
.listing-filters{display:grid!important;grid-template-columns:1.45fr repeat(4,minmax(120px,.8fr)) auto auto!important;gap:10px!important;align-items:center}.listing-filters input,.listing-filters select{min-width:0;height:44px;padding:0 11px}.listing-filters #fmin,.listing-filters #fmax{display:none}
.listing-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rich-listing-card{min-width:0;height:100%}.rich-listing-card .listing-img{height:220px}.rich-listing-card .listing-body{display:flex;flex-direction:column;min-height:340px}.rich-listing-card .listing-footer{margin-top:auto}

/* property page sidebar fills unused space with useful locality navigation */
.property-sidebar{align-content:start}.property-sidebar .agent-card{position:static}.market-links{padding:0!important;overflow:hidden}.market-links-title{background:#f59e0b;color:#fff;font-weight:950;text-align:center;padding:13px 12px;letter-spacing:.02em}.market-link-grid{display:grid;grid-template-columns:1fr 1fr;padding:8px 14px 12px;gap:0 18px}.market-link-grid a{font-size:13px;padding:8px 2px;border-bottom:1px solid #eef2f7;color:#334155}.market-link-grid a:hover{color:var(--accent)}.market-all{display:block;border-top:1px solid var(--line);padding:12px 14px;color:var(--accent);font-size:12px;font-weight:900}
.property-page .content-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.article-body{overflow-wrap:anywhere}.facts{grid-template-columns:repeat(4,minmax(0,1fr))}.fact{min-width:0}.fact b{overflow-wrap:anywhere}

/* Better homepage completeness / stable card heights */
#propertyCards .card,#apartmentCards .card,#saleCards .card,#rentCards .card,#warehouseCards .card,#landCards .card{min-height:510px}.card h3,.listing-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rich-extra{min-height:23px}.news-grid{align-items:stretch}.news-list{grid-auto-rows:1fr}.news-row{height:100%}

@media(max-width:1050px){
 .header .wrap.nav,.header>.wrap{gap:14px}.header nav{gap:13px!important;font-size:13px!important}.header-post-btn{padding:10px 13px}
 .cards,.listing-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .listing-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important}.listing-filters .btn{height:44px}
 .property-page .content-layout{grid-template-columns:minmax(0,1fr) 300px}.market-link-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
 .top-strip .wrap,.topbar .wrap{padding-left:14px;padding-right:14px}.header .wrap.nav,.header>.wrap{padding-left:14px!important;padding-right:14px!important}
 .header nav,.header .nav{display:none!important}.header nav.mobile-open,.header .nav.mobile-open{display:flex!important;position:absolute;top:72px;left:0;right:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(15,23,42,.1);padding:12px 16px;flex-direction:column;gap:0!important;z-index:50}
 .header nav.mobile-open a,.header .nav.mobile-open a{display:block;padding:12px 8px;border-bottom:1px solid #f1f5f9}.menu-toggle,.mobile-menu{display:inline-flex;align-items:center;justify-content:center}.header-post-btn{margin-left:auto}.actions{margin-left:auto}
 .hero-home .hero-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(3,1fr)}
 .property-page .content-layout{grid-template-columns:1fr}.property-sidebar{grid-template-columns:1fr 1fr;display:grid}.agent-card{position:static!important}.market-link-grid{grid-template-columns:1fr 1fr}
 .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 body{font-size:15px}.wrap{padding-left:14px;padding-right:14px}.top-strip .wrap,.topbar .wrap{min-height:34px;height:auto;padding-top:8px;padding-bottom:8px}.top-strip .wrap span:last-child{display:none}
 .brand,.logo,.header .logo{font-size:20px!important;max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-post-btn{display:none}.actions .btn.primary{display:none}.actions{gap:6px}
 .hero-home{padding-top:16px}.hero-slider{height:320px;border-radius:16px}.hero-copy h1{font-size:24px!important}.side-stack{grid-template-columns:1fr}.side-card{grid-template-columns:105px 1fr}.side-card .thumb{height:82px}
 .searchbox{border-radius:14px;padding:12px}.tabs{overflow-x:auto;padding-bottom:2px}.tab{white-space:nowrap}.filters{grid-template-columns:1fr!important}.filters .btn{width:100%}
 .section{padding:28px 0}.section-head{align-items:flex-start}.section-head h2{font-size:24px}.section-head>a{font-size:12px;white-space:nowrap}
 .cards,.listing-grid-wide{grid-template-columns:1fr!important}.rich-card .card-img,.rich-listing-card .listing-img{height:230px}.category-block{padding:14px!important;margin-left:-2px;margin-right:-2px}.category-heading h3{font-size:19px}.category-heading>a{font-size:11px}
 .category-link-grid{grid-template-columns:1fr 1fr}.category-link-grid a{min-height:72px}
 .news-grid{grid-template-columns:1fr}.news-row{grid-template-columns:108px 1fr}.news-row .thumb{height:80px}
 .filter-toggle{display:inline-flex}.listing-filter-panel{display:none;padding:12px}.listing-filter-panel.mobile-show{display:block}.listing-filters{grid-template-columns:1fr!important}.listing-filters #fmin,.listing-filters #fmax{display:block}.listings-title{align-items:center}.listings-title h2{font-size:26px}
 .property-gallery-slider,.property-main-media{max-width:100%;overflow:hidden}.property-main-media img{max-width:100%}.property-head h1{font-size:27px}.property-price{font-size:25px}.property-sidebar{grid-template-columns:1fr}.market-link-grid{grid-template-columns:1fr 1fr}.contact-stack .btn{width:100%}
 .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fact{padding:11px}.fact b{font-size:14px}.article-body{font-size:15px;line-height:1.75}
 .footer .wrap,.footer-grid{grid-template-columns:1fr!important;padding-left:16px;padding-right:16px}.footer .brand,footer .brand{font-size:21px!important;max-width:100%;color:#fff!important}
 #propertyCards .card,#apartmentCards .card,#saleCards .card,#rentCards .card,#warehouseCards .card,#landCards .card{min-height:0}
}
@media(max-width:420px){
 .category-link-grid,.market-link-grid{grid-template-columns:1fr}.rich-facts,.rich-listing-meta{grid-template-columns:repeat(2,1fr)!important}.property-head h1{font-size:24px}.hero-slider{height:285px}.section-head{gap:10px}.footer-grid{padding:30px 14px}
}

/* ===== V9.0.1 Public archive spacing + professional footer ===== */
.listing-card,.rich-listing-card,.card.property-card{background:#fff}
.rich-listing-card .listing-img{display:block;border-bottom:1px solid #eef2f7}
.rich-listing-card .listing-body{padding:20px 19px 18px!important}
.rich-listing-card .listing-headline{margin-bottom:7px}
.rich-listing-card .listing-title{margin:7px 0 12px!important;line-height:1.45}
.rich-listing-card .listing-price{margin-bottom:13px;line-height:1.25}
.rich-listing-card .rich-listing-meta{margin:14px 0 12px!important}
.rich-listing-card .listing-specs{margin:3px 0 12px}
.rich-listing-card .listing-location{margin-top:8px;line-height:1.5}
.card.property-card .card-img{border-bottom:1px solid #eef2f7}
.card.property-card .card-body{padding:18px 18px 17px!important}
.card.property-card h3{margin:10px 0 12px!important;line-height:1.45}
.card.property-card .card-price-line{margin-bottom:12px}
.listings-page .listing-grid-wide{align-items:stretch}

.public-footer{margin-top:56px!important;background:#071426!important;border-top:4px solid #1769ff}
.public-footer-grid{display:grid!important;grid-template-columns:1.5fr repeat(3,minmax(160px,1fr))!important;gap:42px!important;padding:48px 20px 38px!important}
.public-footer .footer-logo{font-size:25px!important;font-weight:950;margin-bottom:13px;color:#fff!important}
.public-footer .footer-desc{max-width:390px;margin:0 0 18px;color:#aab8ca!important;font-size:13px;line-height:1.75}
.public-footer h4{font-size:14px;color:#fff!important;margin:3px 0 15px;text-transform:uppercase;letter-spacing:.045em}
.public-footer a{color:#cbd5e1!important;text-decoration:none;display:block;margin:9px 0;font-size:13px;line-height:1.5}
.public-footer a:hover{color:#fff!important}
.public-footer .footer-contact-list{display:grid;gap:7px}.public-footer .footer-contact-list a{margin:0;overflow-wrap:anywhere}
.public-footer .footer-note{font-size:12px;line-height:1.65;color:#94a3b8!important;margin:0 0 12px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);background:#05101f}
.footer-bottom .wrap{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;color:#7f91a8;font-size:11px}
.footer-bottom b{color:#aebdd0}

@media(max-width:1000px){.public-footer-grid{grid-template-columns:1.4fr 1fr 1fr!important}.public-footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:720px){
 .rich-listing-card .listing-body,.card.property-card .card-body{padding:17px 16px!important}
 .rich-listing-card .listing-title{font-size:17px;margin-bottom:10px!important}
 .public-footer{margin-top:38px!important}.public-footer-grid{grid-template-columns:1fr!important;gap:24px!important;padding:34px 16px 28px!important}
 .public-footer-grid>div:last-child{grid-column:auto}.public-footer h4{margin-bottom:10px}.public-footer a{margin:7px 0}
 .footer-bottom .wrap{display:grid;gap:5px;justify-content:stretch;text-align:left;padding:14px 16px;min-height:0}
}


/* ===== V9.0.3 Archive spacing + real mobile navigation + discovery ===== */
/* Listing cards now use the same breathing rhythm as homepage cards */
.listings-page .rich-listing-card{box-shadow:0 8px 28px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease}
.listings-page .rich-listing-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.075)}
.listings-page .rich-listing-card .listing-img{border-bottom:0!important}
.listings-page .rich-listing-card .listing-body{position:relative;padding:24px 20px 20px!important;border-top:10px solid #fff}
.listings-page .rich-listing-card .listing-headline{margin-bottom:10px!important}
.listings-page .rich-listing-card .listing-title{margin:8px 0 13px!important;line-height:1.5!important}
.listings-page .rich-listing-card .listing-price{margin:0 0 15px!important}
.listings-page .rich-listing-card .rich-listing-meta{margin:15px 0 13px!important}
.listings-page .rich-listing-card .listing-specs{margin:5px 0 13px!important}
.listings-page .rich-listing-card .listing-location{margin-top:10px!important}

/* Correct the old mobile rule that accidentally hid the whole header wrapper. */
@media(max-width:820px){
 .header>.wrap,.header .wrap.nav{display:flex!important;align-items:center!important;position:relative!important;min-height:64px!important}
 .header>.wrap>nav,.header .wrap.nav>nav{display:none!important}
 .header>.wrap>nav.mobile-open,.header .wrap.nav>nav.mobile-open{display:flex!important;position:absolute!important;top:64px!important;left:14px!important;right:14px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(15,23,42,.14)!important;padding:8px!important;flex-direction:column!important;gap:0!important;z-index:120!important}
 .header>.wrap>nav.mobile-open a,.header .wrap.nav>nav.mobile-open a{display:block!important;padding:13px 12px!important;border-bottom:1px solid #eef2f7!important;width:100%!important}
 .header>.wrap>nav.mobile-open a:last-child,.header .wrap.nav>nav.mobile-open a:last-child{border-bottom:0!important}
 .menu-toggle,.mobile-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important}
 .header .logo,.header .brand{min-width:0}
}
@media(max-width:720px){
 .listings-page .rich-listing-card .listing-body{padding:22px 17px 18px!important;border-top-width:8px}
 .listings-page .rich-listing-card .listing-title{font-size:18px!important;line-height:1.48!important}
 .listing-filter-panel.mobile-show{margin-bottom:18px}
}

/* Richer related-property discovery */
.property-discovery{margin:22px 0 18px;padding:18px;border:1px solid var(--line);background:#fff;border-radius:16px}
.property-discovery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}
.property-discovery-head h3{margin:0;font-size:18px}.property-discovery-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.property-discovery-links{display:flex;flex-wrap:wrap;gap:9px}
.property-discovery-links a{display:inline-flex;align-items:center;min-height:38px;padding:9px 12px;border:1px solid #dbe5f0;border-radius:999px;background:#f8fbff;color:#24415f;font-size:12px;font-weight:800}
.property-discovery-links a:hover{border-color:#1769ff;color:#1769ff;background:#eef5ff}
.property-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.property-related-grid .related-card{display:flex!important;flex-direction:column!important;min-width:0;border-radius:14px!important;overflow:hidden;box-shadow:0 7px 24px rgba(15,23,42,.04)}
.property-related-grid .related-card img{width:100%!important;height:165px!important;object-fit:cover!important}
.property-related-grid .related-card>div{padding:14px 14px 15px!important;display:flex;flex-direction:column;flex:1}
.property-related-grid .related-card h3{font-size:15px!important;line-height:1.45!important;margin:7px 0 10px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.property-related-grid .related-card p{margin-top:auto!important;font-size:13px!important}.property-related-grid .related-card small{margin-top:5px}
.related-section .section-head{margin-bottom:14px}
@media(max-width:900px){.property-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){
 .property-discovery{padding:15px;margin:18px 0 14px}.property-discovery-head{display:block}.property-discovery-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-discovery-links a{border-radius:10px;justify-content:center;text-align:center}
 .property-related-grid{grid-template-columns:1fr!important}.property-related-grid .related-card{display:grid!important;grid-template-columns:118px 1fr!important}.property-related-grid .related-card img{width:118px!important;height:118px!important}.property-related-grid .related-card>div{padding:11px 12px!important}.property-related-grid .related-card h3{font-size:14px!important;margin:5px 0 7px!important}
}


/* ===== V9.0.4 FINAL public-card + mobile-nav repair ===== */
/* Remove the artificial white seam between listing image and content. */
.listings-page .rich-listing-card .listing-img{
  display:block!important;
  height:auto!important;
  line-height:0!important;
  overflow:hidden!important;
  background:#e9eef5!important;
}
.listings-page .rich-listing-card .listing-img img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
  margin:0!important;
  padding:0!important;
  background:#e9eef5!important;
}
.listings-page .rich-listing-card .listing-body{
  border-top:0!important;
  padding:20px 18px 18px!important;
  margin:0!important;
}
.listings-page .rich-listing-card .listing-headline{margin:0 0 9px!important}
.listings-page .rich-listing-card .listing-title{margin:7px 0 12px!important}

/* Archive image labels follow the homepage visual language. */
.listing-image-tags{position:absolute;left:10px;top:10px;z-index:4;display:flex;gap:6px;flex-wrap:wrap;line-height:1}
.listing-image-tag{display:inline-flex;align-items:center;min-height:25px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.01em;box-shadow:0 4px 12px rgba(15,23,42,.10)}
.listing-image-tag.transaction{background:#071a32;color:#fff}
.listing-image-tag.verified{background:#1769ff;color:#fff}
.listing-image-tag.featured{background:#f59e0b;color:#fff;border-radius:0}
.listings-page .rich-listing-card>.listing-img>.badge{display:none!important}

/* Stronger verification treatment across public cards/detail. */
.verified-status{display:inline-flex!important;align-items:center!important;gap:4px!important;color:#0866e5!important;font-weight:950!important}
.verified-status::before{content:'✓';display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1769ff;color:#fff;font-size:10px;line-height:1}
.detail-verified{display:inline-flex!important;align-items:center;gap:6px;color:#0866e5!important;font-weight:900!important;margin-top:4px}
.detail-verified::before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#1769ff;color:#fff;font-size:11px}

/* Compact, predictable mobile navigation. Overrides all older nav rules. */
@media(max-width:820px){
  .header{overflow:visible!important}
  .header>.wrap,.header .wrap.nav{display:flex!important;align-items:center!important;min-height:64px!important;height:64px!important;padding:0 14px!important;gap:10px!important;position:relative!important}
  .header .logo,.header .brand{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 58px)!important;font-size:21px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .header .actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:6px!important}
  .header-post-btn,.header .actions>.btn:not(.mobile-menu){display:none!important}
  .menu-toggle,.mobile-menu{display:inline-flex!important;width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;margin-left:auto!important;border:0!important;border-radius:12px!important;background:#eef4ff!important;color:#1769ff!important;font-size:23px!important;line-height:1!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:302!important}
  .header nav,.header>.wrap>nav,.header .wrap.nav>nav,.header>.wrap>.nav{display:none!important;height:auto!important;min-height:0!important;margin:0!important}
  .header nav.mobile-open,.header>.wrap>nav.mobile-open,.header .wrap.nav>nav.mobile-open,.header>.wrap>.nav.mobile-open{
    display:block!important;position:absolute!important;top:calc(100% + 8px)!important;left:14px!important;right:14px!important;width:auto!important;max-height:min(70vh,420px)!important;overflow:auto!important;background:#fff!important;border:1px solid #dfe6ef!important;border-radius:14px!important;box-shadow:0 18px 44px rgba(15,23,42,.18)!important;padding:6px!important;z-index:300!important;font-size:15px!important
  }
  .header nav.mobile-open a,.header>.wrap>nav.mobile-open a,.header .wrap.nav>nav.mobile-open a,.header>.wrap>.nav.mobile-open a{
    display:flex!important;align-items:center!important;min-height:46px!important;width:100%!important;padding:11px 13px!important;margin:0!important;border:0!important;border-bottom:1px solid #eef2f7!important;border-radius:8px!important;color:#0f172a!important;font-size:15px!important;font-weight:800!important;line-height:1.25!important;background:#fff!important;white-space:normal!important
  }
  .header nav.mobile-open a:last-child,.header>.wrap>nav.mobile-open a:last-child,.header .wrap.nav>nav.mobile-open a:last-child,.header>.wrap>.nav.mobile-open a:last-child{border-bottom:0!important}
  .header nav.mobile-open a:active,.header nav.mobile-open a:hover{background:#f3f7ff!important;color:#1769ff!important}
}
@media(max-width:600px){
  .listings-page .rich-listing-card .listing-body{padding:17px 15px 16px!important}
  .listings-page .rich-listing-card .listing-img img{aspect-ratio:16/10!important}
  .listing-image-tags{left:8px;top:8px;gap:5px}.listing-image-tag{font-size:9px;padding:5px 8px;min-height:23px}
}


/* ===== V9.2.2 Refined HOME mark =====
   Replaces the old heavy text-glyph house with a clean inline SVG line icon.
   Public header/footer stay crisp on desktop, Retina and mobile. */
.header .logo::before,
.header .brand::before,
.public-footer .brand::before {
  content:""!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border-radius:10px!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M3.8%2010.4%2012%203.5l8.2%206.9v8.1a2%202%200%200%201-2%202h-4.1v-6.1H9.9v6.1H5.8a2%202%200%200%201-2-2z%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E"),linear-gradient(145deg,#176cff 0%,#0b55d7 100%)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center,center!important;
  background-size:21px 21px,100% 100%!important;
  box-shadow:0 5px 14px rgba(13,99,243,.20)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  font-size:0!important;
  line-height:0!important;
}
.header .logo::after,
.header .brand::after {
  left:48px!important;
  width:30px!important;
  height:2px!important;
  bottom:-7px!important;
  border-radius:999px!important;
}
.public-footer .brand::after{display:none!important}
@media(max-width:650px){
  .header .logo::before,
  .header .brand::before {
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:9px!important;
    background-size:19px 19px,100% 100%!important;
  }
  .header .logo::after,
  .header .brand::after {
    left:41px!important;
    width:26px!important;
  }
}

/* ===== V9.3.0 Password Recovery ===== */
.auth-panel{padding:34px!important}.auth-sub{color:#66758b;margin:-8px 0 22px}.auth-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.auth-row .btn{flex:1;min-width:190px}.auth-link-btn{border:0;background:transparent;color:#1769ff;font-weight:800;cursor:pointer;padding:10px 4px}.auth-link-btn:hover{text-decoration:underline}.forgot-box{margin-top:22px;padding-top:24px;border-top:1px solid #e2e8f0}.forgot-box h2{margin:5px 0 8px;font-size:25px}.forgot-box>p{color:#66758b;line-height:1.6}.reset-shell{width:min(620px,calc(100% - 28px));margin:0 auto;padding:56px 0}.reset-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.reset-brand b{font-size:20px}.reset-brand small{color:#748198}.reset-home{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#1463ff;color:#fff;font-size:22px;box-shadow:0 6px 16px rgba(20,99,255,.2)}.reset-card{padding:34px!important}.reset-card h1{font-size:34px;margin:8px 0}.reset-card>p{color:#66758b;line-height:1.65}.reset-login-link{display:inline-block;margin-top:18px;color:#1769ff;font-weight:800;text-decoration:none}.reset-card .success,.forgot-box .success{margin-top:16px;padding:13px 15px;border-radius:10px;background:#ecfdf3;color:#087443;border:1px solid #b7ebcd}.reset-card .error{margin-top:16px;padding:13px 15px;border-radius:10px;background:#fff1f2;color:#b42318;border:1px solid #fecdd3}.security-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;margin:14px 0 18px;border:1px solid #dbe6f5;border-radius:12px;background:#f7faff}.security-tools div{display:flex;flex-direction:column;gap:3px}.security-tools span{font-size:12px;color:#65758d}.security-tools b{font-size:14px}.security-tools button{white-space:nowrap}@media(max-width:650px){.auth-panel{padding:24px!important}.auth-row{align-items:stretch;flex-direction:column}.auth-row .btn,.auth-link-btn{width:100%}.reset-shell{padding:28px 0}.reset-card{padding:24px!important}.reset-card h1{font-size:29px}.security-tools{align-items:stretch;flex-direction:column}.security-tools button{width:100%}}

/* ===== V9.3.5 Master contact sync + Client edit mode ===== */
.settings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:15px 16px;border:1px solid #dbe5f2;border-radius:12px;background:#f8fbff}.settings-toolbar>div{display:flex;flex-direction:column;gap:3px}.settings-toolbar small{color:#718097}.settings-readonly input:disabled{opacity:1!important;color:#17243a!important;background:#f6f8fb!important;border-color:#e2e8f0!important;cursor:default!important}.settings-edit-actions{display:flex;gap:10px}.settings-edit-actions .btn{flex:1}.btn.secondary{background:#eef3fb!important;color:#1764dc!important;border:1px solid #d6e2f2!important;box-shadow:none!important}.master-contact-box{margin:14px 0;padding:15px;border:1px solid #d7e4f4;border-radius:12px;background:#f8fbff}.master-contact-box>b,.master-contact-box>small{display:block}.master-contact-box>small{margin:4px 0 12px;color:#64748b;line-height:1.45}@media(max-width:650px){.settings-toolbar{align-items:stretch;flex-direction:column}.settings-toolbar .btn{width:100%}.settings-edit-actions{flex-direction:column}}


/* ===== V9.4.0 THEME 2: ESTATE GREEN ===== */
body.theme-estate-green{--g:#168b4d;--gd:#0d6e3b;--navy:#071b31;--soft:#eef7f1;--line:#dce8e1;background:#f6f9f7;color:#102033}
.theme-estate-green .topbar,.theme-estate-green .top-strip{background:var(--navy)!important;color:#dbe8ef!important;border:0!important}
.theme-estate-green .header{background:#fff!important;border-bottom:1px solid #e0ebe4!important;box-shadow:0 4px 18px rgba(4,30,45,.06)}
.theme-estate-green .header .logo,.theme-estate-green .header .brand,.theme-estate-green #brandName{color:var(--navy)!important}
.theme-estate-green .header nav a{color:#263a4b!important}.theme-estate-green .header nav a:hover{color:var(--g)!important}
.theme-estate-green .header .logo::before,.theme-estate-green .header .brand::before{content:"⌂"!important;background:var(--g)!important;color:#fff!important;border-radius:50%!important;font:700 20px/38px system-ui!important;text-align:center!important;background-image:none!important;box-shadow:none!important}
.theme-estate-green .btn.primary,.theme-estate-green .header-post-btn,.theme-estate-green #searchBtn,.theme-estate-green .listing-filter-panel .btn:not(.ghost){background:var(--g)!important;border-color:var(--g)!important;color:#fff!important;box-shadow:0 8px 18px rgba(22,139,77,.18)!important}
.theme-estate-green .btn.soft{background:var(--soft)!important;color:var(--gd)!important}

/* Home transforms from magazine/news layout into real-estate portal layout */
.theme-estate-green .hero-home{padding:24px 0 0!important;background:linear-gradient(180deg,#eef6f1,#f6f9f7)!important}
.theme-estate-green .hero-home .hero-grid{display:block!important}
.theme-estate-green .hero-home .hero-grid>div:last-child{display:none!important}
.theme-estate-green .hero-slider{height:470px!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 18px 50px rgba(6,36,56,.18)!important}
.theme-estate-green .hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,43,.82),rgba(4,25,43,.38) 52%,rgba(4,25,43,.08))!important}
.theme-estate-green .hero-slide .hero-content{z-index:2!important;justify-content:center!important;align-items:flex-start!important;padding:52px!important}
.theme-estate-green .hero-slide .hero-copy{max-width:630px!important}
.theme-estate-green .hero-slide .badge{background:var(--g)!important;border-radius:999px!important;padding:7px 12px!important}
.theme-estate-green .hero-slide h1{font-size:40px!important;line-height:1.12!important;max-width:620px!important;margin:14px 0!important}
.theme-estate-green .hero-slide .meta{font-size:15px!important;color:#dbe8ef!important}
.theme-estate-green .searchbox{position:relative!important;z-index:5!important;width:calc(100% - 72px)!important;margin:-94px auto 0!important;background:#fff!important;border:0!important;border-radius:16px!important;padding:18px!important;box-shadow:0 22px 55px rgba(5,31,50,.17)!important}
.theme-estate-green .searchbox .tabs{margin:0 0 12px!important;gap:8px!important}
.theme-estate-green .searchbox .tab{border:1px solid #dfe8e3!important;border-radius:999px!important;background:#f3f7f5!important;color:#405264!important}
.theme-estate-green .searchbox .tab.active{background:var(--g)!important;border-color:var(--g)!important;color:#fff!important}
.theme-estate-green .searchbox .filters{display:grid!important;grid-template-columns:1.5fr repeat(4,1fr) auto!important;gap:8px!important}
.theme-estate-green .searchbox .input,.theme-estate-green .searchbox .select,.theme-estate-green .listing-filter-panel input,.theme-estate-green .listing-filter-panel select{min-height:44px!important;border:1px solid #dbe6df!important;border-radius:10px!important;background:#fff!important}
.theme-estate-green .hero-home + .section{padding-top:78px!important}

/* Sections & cards */
.theme-estate-green .section{background:#f6f9f7!important}
.theme-estate-green .section-kicker,.theme-estate-green .eyebrow{color:var(--g)!important}
.theme-estate-green .section-head h2{color:var(--navy)!important;font-size:30px!important}
.theme-estate-green .section-head>a,.theme-estate-green .category-heading>a{color:var(--gd)!important;font-weight:800!important}
.theme-estate-green .cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.theme-estate-green .property-card,.theme-estate-green .card,.theme-estate-green .listing-card,.theme-estate-green .rich-listing-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(10,45,40,.06)!important;transition:.2s ease!important}
.theme-estate-green .property-card:hover,.theme-estate-green .card:hover,.theme-estate-green .listing-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 34px rgba(10,45,40,.11)!important}
.theme-estate-green .price,.theme-estate-green .listing-price{color:var(--gd)!important}
.theme-estate-green .category-link-grid{grid-template-columns:repeat(5,1fr)!important;gap:12px!important}
.theme-estate-green .category-link-grid a{background:#fff!important;border:1px solid var(--line)!important;border-radius:13px!important;box-shadow:0 6px 20px rgba(10,45,40,.04)!important}
.theme-estate-green .category-link-grid a:hover{background:var(--soft)!important;border-color:#a4d3b8!important}
.theme-estate-green .category-block{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:22px!important;margin-bottom:22px!important}
.theme-estate-green .category-icon{background:var(--soft)!important;color:var(--gd)!important;border-radius:50%!important}
.theme-estate-green .news-home-section{background:#edf5f0!important}
.theme-estate-green .listing-filter-panel{background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(7,36,50,.08)!important}
.theme-estate-green .listing-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.theme-estate-green .property-page,.theme-estate-green .listings-page{background:#f6f9f7!important}
.theme-estate-green .property-page h1,.theme-estate-green .property-title,.theme-estate-green .listings-title h2{color:var(--navy)!important}
.theme-estate-green .public-footer{background:var(--navy)!important;border-top:4px solid var(--g)!important}
.theme-estate-green .public-footer a{color:#c5d6df!important}.theme-estate-green .public-footer a:hover{color:#72d39d!important}
.theme-estate-green .footer-bottom{background:#051426!important}

@media(max-width:1000px){
 .theme-estate-green .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .theme-estate-green .listing-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .theme-estate-green .category-link-grid{grid-template-columns:repeat(2,1fr)!important}
 .theme-estate-green .searchbox .filters{grid-template-columns:1fr 1fr!important}
 .theme-estate-green .searchbox .filters #searchBtn{grid-column:1/-1!important}
}
@media(max-width:700px){
 .theme-estate-green .hero-slider{height:390px!important;border-radius:0!important}
 .theme-estate-green .hero-slide .hero-content{padding:28px 20px 110px!important}
 .theme-estate-green .hero-slide h1{font-size:29px!important}
 .theme-estate-green .searchbox{width:calc(100% - 24px)!important;margin:-92px auto 0!important;padding:12px!important}
 .theme-estate-green .searchbox .filters{grid-template-columns:1fr!important}
 .theme-estate-green .searchbox .filters #searchBtn{grid-column:auto!important}
 .theme-estate-green .cards,.theme-estate-green .listing-grid-wide,.theme-estate-green .category-link-grid{grid-template-columns:1fr!important}
}


/* ===== V9.4.1 THEME 2 EXACT PORTAL COMPOSITION ===== */
.theme-estate-green.theme2-portal-ready main{background:#fff!important}
.theme-estate-green .t2-hero{min-height:392px;background-image:linear-gradient(90deg,rgba(5,27,48,.86) 0%,rgba(5,27,48,.48) 47%,rgba(5,27,48,.10) 100%),var(--t2-hero);background-size:cover;background-position:center 50%;position:relative;color:#fff}
.theme-estate-green .t2-hero-inner{height:392px;display:flex;align-items:center;position:relative}
.theme-estate-green .t2-hero-copy{width:54%;padding:0 30px 54px}
.theme-estate-green .t2-kicker{display:inline-block;color:#a6e8bf;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:9px}
.theme-estate-green .t2-hero h1{font:800 38px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;margin:0 0 13px;letter-spacing:-.02em}
.theme-estate-green .t2-hero p{font-size:17px;color:#e7eef4;margin:0}
.theme-estate-green .t2-search{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:calc(100% - 180px);display:grid;grid-template-columns:1.05fr 1.05fr 1fr .9fr 168px;background:#fff;border-radius:9px;padding:0;box-shadow:0 14px 34px rgba(2,20,36,.25);overflow:hidden;color:#13263c}
.theme-estate-green .t2-search-field{display:flex;align-items:center;gap:10px;padding:14px 17px;border-right:1px solid #e4ebe7;min-width:0}
.theme-estate-green .t2-search-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#edf8f1;color:#168b4d;font-weight:900;font-size:17px}
.theme-estate-green .t2-search-field label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#657384;min-width:0;width:100%}
.theme-estate-green .t2-search-field select{appearance:auto;border:0;background:transparent;font-weight:800;color:#101f31;font-size:14px;outline:0;padding:0;width:100%}
.theme-estate-green .t2-search-btn{border:0;background:linear-gradient(180deg,#16934f,#087039);color:#fff;font:800 16px system-ui;cursor:pointer;margin:10px;border-radius:7px}
.theme-estate-green .t2-search-btn:hover{background:#096735}
.theme-estate-green .t2-benefits{background:#fff}
.theme-estate-green .t2-benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #e5ece8;border-right:1px solid #e5ece8;box-shadow:0 8px 22px rgba(10,45,40,.05)}
.theme-estate-green .t2-benefit{display:flex;align-items:center;gap:14px;min-height:108px;padding:18px 20px;border-right:1px solid #e5ece8}
.theme-estate-green .t2-benefit:last-child{border-right:0}
.theme-estate-green .t2-benefit>span{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#edf8f1;color:#15904d;font-size:24px;font-weight:900}
.theme-estate-green .t2-benefit b{display:block;font-size:14px;color:#172638;margin-bottom:4px}
.theme-estate-green .t2-benefit small{display:block;color:#6e7988;line-height:1.45;font-size:12px}
.theme-estate-green .t2-featured-section,.theme-estate-green .t2-latest-section,.theme-estate-green .t2-news-section,.theme-estate-green .t2-quick-categories{padding:34px 0;background:#fff}
.theme-estate-green .t2-latest-section,.theme-estate-green .t2-news-section{background:#f7faf8}
.theme-estate-green .t2-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.theme-estate-green .t2-section-head h2{font-size:25px;line-height:1.2;color:#11233b;margin:0;font-weight:900}
.theme-estate-green .t2-section-head h2 em{font-style:normal;color:#168b4d}
.theme-estate-green .t2-section-head>a{background:#168b4d;color:#fff;border-radius:6px;padding:8px 13px;font-size:12px;font-weight:800;text-decoration:none}
.theme-estate-green .t2-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.theme-estate-green .t2-card-grid-latest{grid-template-columns:repeat(4,minmax(0,1fr))}
.theme-estate-green .t2-card{background:#fff;border:1px solid #e1e8e4;border-radius:8px;overflow:hidden;box-shadow:0 5px 16px rgba(4,38,35,.05);min-width:0;transition:.18s}
.theme-estate-green .t2-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(4,38,35,.10)}
.theme-estate-green .t2-card-media{display:block;position:relative;height:154px;overflow:hidden;background:#eaf1ed}
.theme-estate-green .t2-card-media img{width:100%;height:100%;object-fit:cover;transition:.25s}
.theme-estate-green .t2-card:hover .t2-card-media img{transform:scale(1.03)}
.theme-estate-green .t2-featured,.theme-estate-green .t2-type{position:absolute;top:8px;padding:4px 7px;border-radius:4px;color:#fff;font-size:10px;font-weight:900;z-index:2}
.theme-estate-green .t2-featured{left:8px;background:#15904d}.theme-estate-green .t2-type{right:8px;background:#1d5fa4}
.theme-estate-green .t2-img-meta{position:absolute;left:0;right:0;bottom:0;padding:22px 9px 7px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-estate-green .t2-img-meta i{float:right;font-style:normal;display:flex;gap:6px}
.theme-estate-green .t2-card-body{padding:11px 12px 13px}
.theme-estate-green .t2-card-body h3{font-size:13px;line-height:1.42;margin:0 0 8px;min-height:38px}
.theme-estate-green .t2-card-body h3 a{color:#14253a;text-decoration:none}
.theme-estate-green .t2-price{color:#15904d;font-size:18px;font-weight:900}
.theme-estate-green .t2-dots{display:flex;justify-content:center;gap:8px;padding-top:15px}
.theme-estate-green .t2-dots i{width:8px;height:8px;border-radius:50%;background:#dfe5e2}.theme-estate-green .t2-dots i.active{background:#168b4d}
.theme-estate-green .t2-quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.theme-estate-green .t2-quick-grid a{display:flex;flex-direction:column;align-items:flex-start;padding:18px;background:#fff;border:1px solid #dde8e1;border-radius:10px;text-decoration:none;color:#16263a}
.theme-estate-green .t2-quick-grid a>span{display:grid;place-items:center;width:42px;height:42px;background:#edf8f1;color:#168b4d;border-radius:50%;font-size:20px;margin-bottom:10px}
.theme-estate-green .t2-quick-grid b{font-size:14px}.theme-estate-green .t2-quick-grid small{color:#718091;margin-top:3px}
.theme-estate-green .t2-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.theme-estate-green .t2-news-card{display:grid;grid-template-columns:126px 1fr;background:#fff;border:1px solid #e1e9e5;border-radius:9px;overflow:hidden;text-decoration:none;color:#14253a}
.theme-estate-green .t2-news-card img{width:126px;height:105px;object-fit:cover}
.theme-estate-green .t2-news-card div{padding:11px}.theme-estate-green .t2-news-card small{color:#168b4d;font-weight:800}.theme-estate-green .t2-news-card h3{font-size:13px;line-height:1.4;margin:5px 0}.theme-estate-green .t2-news-card span{font-size:11px;color:#758296}
.theme-estate-green .t2-bottom-benefits{background:#071b31;color:#fff}
.theme-estate-green .t2-bottom-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;min-height:118px;align-items:center}
.theme-estate-green .t2-bottom-grid>div,.theme-estate-green .t2-call{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:16px 18px;border-right:1px solid rgba(255,255,255,.13);text-decoration:none;color:#fff}
.theme-estate-green .t2-bottom-grid>div>span,.theme-estate-green .t2-call>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0e5e3a;color:#b8f0ce;font-size:20px}
.theme-estate-green .t2-bottom-grid b{font-size:14px}.theme-estate-green .t2-bottom-grid small{color:#c7d4df;margin-top:3px}
.theme-estate-green .t2-call{margin-left:16px;background:#13a550!important;border:0!important;border-radius:8px!important}.theme-estate-green .t2-call b{font-size:22px}.theme-estate-green .t2-call small{color:#fff}
.theme-estate-green .header .wrap{min-height:74px}
.theme-estate-green .header .logo{font-size:23px!important;font-weight:900!important}
.theme-estate-green .header nav.nav{gap:27px!important}
.theme-estate-green .header nav.nav a{font-weight:700!important}
.theme-estate-green .public-footer{margin-top:0!important}

@media(max-width:1050px){
 .theme-estate-green .t2-search{width:calc(100% - 40px);grid-template-columns:1fr 1fr 1fr 1fr 145px}
 .theme-estate-green .t2-benefit-grid{grid-template-columns:repeat(3,1fr)}
 .theme-estate-green .t2-benefit:nth-child(3){border-right:0}
 .theme-estate-green .t2-card-grid{grid-template-columns:repeat(3,1fr)}
 .theme-estate-green .t2-card-grid-latest{grid-template-columns:repeat(3,1fr)}
 .theme-estate-green .t2-quick-grid{grid-template-columns:repeat(3,1fr)}
 .theme-estate-green .t2-bottom-grid{grid-template-columns:repeat(2,1fr)}
 .theme-estate-green .t2-call{margin:12px 0;grid-column:1/-1}
}
@media(max-width:720px){
 .theme-estate-green .t2-hero{min-height:500px}
 .theme-estate-green .t2-hero-inner{height:500px;align-items:flex-start;padding-top:50px}
 .theme-estate-green .t2-hero-copy{width:100%;padding:0 20px}
 .theme-estate-green .t2-hero h1{font-size:31px}
 .theme-estate-green .t2-search{bottom:18px;width:calc(100% - 24px);grid-template-columns:1fr 1fr;overflow:visible;padding:8px;border-radius:10px}
 .theme-estate-green .t2-search-field{border:1px solid #e0e8e3!important;border-radius:8px;padding:10px}
 .theme-estate-green .t2-search-btn{grid-column:1/-1;height:45px;margin:0}
 .theme-estate-green .t2-benefit-grid{grid-template-columns:1fr}
 .theme-estate-green .t2-benefit{border-right:0;border-bottom:1px solid #e5ece8}
 .theme-estate-green .t2-card-grid,.theme-estate-green .t2-card-grid-latest{grid-template-columns:1fr 1fr;gap:10px}
 .theme-estate-green .t2-card-media{height:140px}
 .theme-estate-green .t2-quick-grid{grid-template-columns:1fr 1fr}
 .theme-estate-green .t2-news-grid{grid-template-columns:1fr}
 .theme-estate-green .t2-bottom-grid{grid-template-columns:1fr}
 .theme-estate-green .t2-bottom-grid>div{border-bottom:1px solid rgba(255,255,255,.12);border-right:0}
}
@media(max-width:480px){
 .theme-estate-green .t2-hero{min-height:560px}
 .theme-estate-green .t2-hero-inner{height:560px;padding-top:38px}
 .theme-estate-green .t2-hero h1{font-size:27px}
 .theme-estate-green .t2-search{grid-template-columns:1fr}
 .theme-estate-green .t2-search-btn{grid-column:auto}
 .theme-estate-green .t2-card-grid,.theme-estate-green .t2-card-grid-latest{grid-template-columns:1fr}
 .theme-estate-green .t2-quick-grid{grid-template-columns:1fr}
}


/* ===== V9.4.2 THEME 2: RICH HOME + REAL FEATURED CAROUSEL ===== */
.theme-estate-green .t2-carousel-shell{
  position:relative;
  padding:0 18px;
}
.theme-estate-green .t2-carousel-viewport{
  overflow:hidden;
  width:100%;
}
.theme-estate-green .t2-card-track{
  display:flex;
  gap:15px;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.theme-estate-green .t2-card-track>.t2-card{
  flex:0 0 calc((100% - 60px)/5);
}
.theme-estate-green .t2-carousel-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:42px;
  height:42px;
  border:1px solid #dce8e1;
  border-radius:50%;
  background:#fff;
  color:#10233d;
  font:600 30px/1 system-ui;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(4,38,35,.14);
}
.theme-estate-green .t2-carousel-btn:hover{
  background:#168b4d;
  color:#fff;
  border-color:#168b4d;
}
.theme-estate-green .t2-carousel-btn:disabled{opacity:.28;cursor:default}
.theme-estate-green .t2-carousel-btn.prev{left:-5px}
.theme-estate-green .t2-carousel-btn.next{right:-5px}
.theme-estate-green .t2-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding-top:17px;
}
.theme-estate-green .t2-dots button{
  width:8px;height:8px;
  padding:0;border:0;border-radius:50%;
  background:#dce4e0;
  cursor:pointer;
}
.theme-estate-green .t2-dots button.active{
  width:22px;
  border-radius:99px;
  background:#168b4d;
}
.theme-estate-green .t2-market-section,
.theme-estate-green .t2-rent-section,
.theme-estate-green .t2-local-section{
  padding:38px 0;
}
.theme-estate-green .t2-market-section{background:#f5f9f6}
.theme-estate-green .t2-rent-section{background:#fff}
.theme-estate-green .t2-local-section{
  background:linear-gradient(180deg,#edf7f1,#f8faf9);
  border-top:1px solid #e0ece5;
  border-bottom:1px solid #e0ece5;
}
.theme-estate-green .t2-card-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.theme-estate-green .t2-card-grid-3 .t2-card-media{
  height:205px;
}
.theme-estate-green .t2-card-grid-3 .t2-card-body h3{
  font-size:15px;
  min-height:42px;
}
.theme-estate-green .t2-card-grid-3 .t2-price{
  font-size:20px;
}
.theme-estate-green .t2-featured-section{
  padding-top:42px!important;
  padding-bottom:38px!important;
}
.theme-estate-green .t2-quick-categories{
  padding-top:42px!important;
  padding-bottom:42px!important;
}
.theme-estate-green .t2-latest-section{
  padding-top:42px!important;
  padding-bottom:42px!important;
}
.theme-estate-green .t2-news-section{
  padding-top:42px!important;
  padding-bottom:48px!important;
}
.theme-estate-green .t2-section-head{
  margin-bottom:22px!important;
}
.theme-estate-green .t2-section-head h2{
  font-size:27px!important;
}
.theme-estate-green .t2-news-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.theme-estate-green .t2-news-card img{
  height:122px!important;
}
.theme-estate-green .t2-news-card{
  min-height:122px;
}
.theme-estate-green .t2-news-card h3{
  font-size:14px!important;
}

/* slightly larger breathing room so Theme 2 feels like a substantial portal */
.theme-estate-green .t2-featured-section .wrap,
.theme-estate-green .t2-market-section .wrap,
.theme-estate-green .t2-rent-section .wrap,
.theme-estate-green .t2-local-section .wrap,
.theme-estate-green .t2-latest-section .wrap,
.theme-estate-green .t2-quick-categories .wrap,
.theme-estate-green .t2-news-section .wrap{
  max-width:1220px;
}

@media(max-width:1050px){
  .theme-estate-green .t2-card-track>.t2-card{flex-basis:calc((100% - 30px)/3)}
  .theme-estate-green .t2-card-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .theme-estate-green .t2-card-track>.t2-card{flex-basis:calc((100% - 10px)/2)}
  .theme-estate-green .t2-carousel-shell{padding:0 8px}
  .theme-estate-green .t2-carousel-btn{width:36px;height:36px;font-size:25px}
  .theme-estate-green .t2-carousel-btn.prev{left:-4px}
  .theme-estate-green .t2-carousel-btn.next{right:-4px}
  .theme-estate-green .t2-card-grid-3{grid-template-columns:1fr!important}
  .theme-estate-green .t2-card-grid-3 .t2-card-media{height:220px}
  .theme-estate-green .t2-section-head h2{font-size:23px!important}
}
@media(max-width:480px){
  .theme-estate-green .t2-card-track>.t2-card{flex-basis:100%}
  .theme-estate-green .t2-carousel-shell{padding:0 12px}
}


/* ===== V9.4.3 Accurate property filters ===== */
.listing-filter-panel .listing-filters{
  grid-template-columns:minmax(210px,1.35fr) repeat(5,minmax(125px,.8fr)) auto!important;
}
.listing-filter-panel #fprice{min-width:135px}
.filter-empty{
  grid-column:1/-1;
  min-height:190px;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:#fff;
  border:1px dashed #cad8d0;
  border-radius:14px;
  color:#64748b;
}
.filter-empty b{font-size:18px;color:#1b2d42}
.theme-estate-green .filter-empty{border-color:#bed8c8;background:#fbfdfc}
@media(max-width:1100px){
 .listing-filter-panel .listing-filters{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:720px){
 .listing-filter-panel .listing-filters{grid-template-columns:1fr 1fr!important}
 .listing-filter-panel .listing-filters .btn{min-height:44px}
}
@media(max-width:480px){
 .listing-filter-panel .listing-filters{grid-template-columns:1fr!important}
}

/* V9.5 Demo Center */
.nr-demo-bar{position:relative;z-index:9999;background:#071b33;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.nr-demo-inner{max-width:1200px;margin:auto;min-height:46px;padding:7px 18px;display:flex;align-items:center;gap:16px}
.nr-demo-inner>b{font-size:12px;letter-spacing:.08em;color:#6ee7a0}.nr-demo-inner>span{font-size:12px;color:#b8c7d9}
.nr-demo-actions{margin-left:auto;display:flex;gap:7px}.nr-demo-actions a{color:#fff;text-decoration:none;padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:12px;font-weight:800}.nr-demo-actions .nr-demo-cta{background:#159653;border-color:#159653}
.demo-center-page{margin:0;background:#f4f8f6;color:#071b33;font-family:Arial,sans-serif}.demo-center{max-width:1120px;margin:auto;padding:72px 24px}.demo-center-head{text-align:center;max-width:760px;margin:0 auto 40px}.demo-eyebrow{color:#159653;font-weight:900;font-size:12px;letter-spacing:.12em}.demo-center h1{font-size:42px;margin:10px 0 12px}.demo-center-head p{color:#64748b;font-size:16px;line-height:1.7}
.demo-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-choice{position:relative;display:block;text-decoration:none;color:#071b33;background:#fff;border:1px solid #dbe5df;border-radius:22px;padding:20px;box-shadow:0 16px 42px rgba(10,40,30,.08);transition:.2s}.demo-choice:hover{transform:translateY(-5px)}.demo-no{position:absolute;right:22px;top:20px;font-size:12px;font-weight:900;color:#159653}.demo-preview{height:245px;border-radius:15px;overflow:hidden;margin-bottom:20px;position:relative;background:#edf2f7}.demo-preview:before{content:"";display:block;height:32px;background:#fff;border-bottom:1px solid #dce5e0}.demo-preview b{display:block;margin:22px;width:63%;height:110px;border-radius:10px;background:linear-gradient(135deg,#122b49,#48647f)}.demo-preview-two{background:#eff8f2}.demo-preview-two b{width:88%;height:125px;background:linear-gradient(135deg,#0b2d53,#159653)}.demo-choice h2{font-size:23px;margin:4px 0 8px}.demo-choice p{color:#64748b;line-height:1.6;min-height:50px}.demo-choice strong{color:#159653}.demo-back{display:block;text-align:center;margin-top:30px;color:#536579;text-decoration:none;font-weight:700}
@media(max-width:720px){.nr-demo-inner{flex-wrap:wrap;gap:6px;padding:8px 12px}.nr-demo-inner>span{display:none}.nr-demo-actions{width:100%;margin:0}.nr-demo-actions a{flex:1;text-align:center;padding:7px 4px}.demo-center{padding:38px 15px}.demo-center h1{font-size:30px}.demo-choice-grid{grid-template-columns:1fr}.demo-preview{height:190px}}


/* ===== V9.5.1 PROFESSIONAL TEMPLATE SHOWROOM ===== */
.demo-showroom-v2{background:
  radial-gradient(circle at 15% 0%,rgba(21,150,83,.08),transparent 28%),
  linear-gradient(180deg,#f8fbf9 0,#f3f7f5 100%);
  min-height:100vh;
}
.demo-showroom-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #dfe8e3}
.demo-showroom-nav{max-width:1160px;margin:auto;min-height:66px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}
.demo-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0a2039}
.demo-brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#159653;color:#fff;font-size:19px}
.demo-brand b{font-size:16px;letter-spacing:.02em}
.demo-showroom-nav>div{display:flex;align-items:center;gap:18px}
.demo-showroom-nav>div a{font-size:13px;font-weight:800;text-decoration:none;color:#44566b}
.demo-showroom-nav .demo-contact-btn{padding:10px 15px;background:#0b2e53;color:#fff;border-radius:9px}
.demo-showroom-v2 .demo-center{max-width:1160px;padding:64px 22px 80px}
.demo-showroom-v2 .demo-center-head{max-width:820px;margin-bottom:38px}
.demo-showroom-v2 .demo-center-head h1{font-size:46px;line-height:1.08;margin:12px 0 14px;letter-spacing:-.045em}
.demo-showroom-v2 .demo-center-head p{max-width:760px;margin:0 auto;color:#657487;font-size:16px;line-height:1.75}
.demo-mini-trust{margin-top:20px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.demo-mini-trust span{padding:8px 11px;border:1px solid #dbe7e0;background:#fff;border-radius:999px;color:#395064;font-size:12px;font-weight:800}
.demo-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.demo-pro-card{background:#fff;border:1px solid #dce7e1;border-radius:20px;overflow:hidden;box-shadow:0 14px 42px rgba(11,44,37,.07);transition:.22s}
.demo-pro-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(11,44,37,.12)}
.demo-pro-shot{height:315px;position:relative;overflow:hidden;background:#eaf0ed}
.demo-pro-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:.35s}
.demo-pro-card:hover .demo-pro-shot img{transform:scale(1.025)}
.demo-pro-shot:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(2,18,31,.24));pointer-events:none}
.demo-pro-badge,.demo-pro-number{position:absolute;z-index:2;top:16px;font-size:10px;font-weight:900;letter-spacing:.08em;border-radius:999px}
.demo-pro-badge{left:16px;padding:8px 11px;background:#fff;color:#0b2e53;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.demo-pro-card.green .demo-pro-badge{background:#159653;color:#fff}
.demo-pro-number{right:16px;padding:7px 9px;background:rgba(4,25,43,.82);color:#fff}
.demo-pro-hover{position:absolute;z-index:3;inset:0;display:grid;place-items:center;background:rgba(4,24,41,.22);opacity:0;transition:.22s}
.demo-pro-card:hover .demo-pro-hover{opacity:1}
.demo-pro-hover a{padding:11px 16px;background:#fff;color:#0a2745;text-decoration:none;border-radius:9px;font-size:13px;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.demo-pro-body{padding:22px 22px 24px}
.demo-pro-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.demo-pro-title-row h2{margin:0;font-size:22px;color:#0b223e}
.demo-pro-title-row>span{font-size:10px;font-weight:900;color:#159653;background:#edf9f2;padding:6px 8px;border-radius:999px}
.demo-pro-body>p{color:#697889;line-height:1.6;font-size:14px;min-height:67px}
.demo-pro-body ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:0;margin:16px 0 20px;list-style:none}
.demo-pro-body li{font-size:12px;color:#344a5e;font-weight:700}
.demo-pro-body li::first-letter{color:#159653}
.demo-pro-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.demo-pro-actions a{text-align:center;text-decoration:none;padding:12px 13px;border-radius:9px;font-size:13px;font-weight:900}
.demo-view{background:#0b2e53;color:#fff}
.demo-choose{background:#edf8f2;color:#108448;border:1px solid #cfe9da}
.demo-pro-card.green .demo-view{background:#159653}
.demo-compare{margin-top:28px;padding:24px 26px;border-radius:17px;background:#071d34;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}
.demo-compare span{font-size:11px;font-weight:900;color:#77e2a1;letter-spacing:.08em}
.demo-compare h3{margin:5px 0 0;font-size:19px}
.demo-compare>a{flex:0 0 auto;background:#159653;color:#fff;text-decoration:none;font-size:13px;font-weight:900;padding:12px 16px;border-radius:9px}
.demo-coming{text-align:center;padding:55px 20px 5px}
.demo-coming>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#159653}
.demo-coming h3{margin:9px 0 7px;font-size:21px;color:#0b223e}
.demo-coming p{color:#758393;font-size:13px}

/* More compact demo toolbar while viewing a theme */
.nr-demo-inner{min-height:38px!important;padding-top:4px!important;padding-bottom:4px!important}
.nr-demo-actions a{padding:5px 10px!important}
.nr-demo-inner>b,.nr-demo-inner>span{font-size:11px!important}

@media(max-width:760px){
 .demo-showroom-nav{min-height:58px;padding:0 14px}
 .demo-showroom-nav>div>a:first-child{display:none}
 .demo-showroom-v2 .demo-center{padding:40px 14px 60px}
 .demo-showroom-v2 .demo-center-head h1{font-size:32px}
 .demo-showroom-v2 .demo-center-head p{font-size:14px}
 .demo-mini-trust{gap:6px}
 .demo-mini-trust span{font-size:10px;padding:7px 9px}
 .demo-pro-grid{grid-template-columns:1fr}
 .demo-pro-shot{height:235px}
 .demo-pro-title-row{align-items:flex-start}
 .demo-pro-title-row h2{font-size:20px}
 .demo-pro-body>p{min-height:0}
 .demo-pro-body ul{grid-template-columns:1fr}
 .demo-compare{flex-direction:column;align-items:flex-start}
 .demo-compare>a{width:100%;box-sizing:border-box;text-align:center}
}


/* ===== V9.6 TEMPLATE MARKETPLACE ===== */
.template-marketplace .demo-center-head{max-width:900px}
.template-categories{margin:25px auto 16px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.template-categories a,.template-categories span{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #dce7e1;background:#fff;border-radius:999px;color:#536579;text-decoration:none;font-size:12px;font-weight:900}
.template-categories .active{background:#0b2e53;border-color:#0b2e53;color:#fff}
.template-categories b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#159653;color:#fff;font-size:10px}
.template-categories em{font-style:normal;font-size:9px;color:#8a98a7;background:#f1f4f6;border-radius:999px;padding:3px 6px}
.market-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:42px 0 16px}
.market-section-head>div>span{font-size:10px;letter-spacing:.11em;color:#159653;font-weight:900}
.market-section-head h2{font-size:26px;margin:6px 0 0;color:#0b223e}
.market-section-head p{font-size:12px;color:#718091;margin:0;max-width:380px;text-align:right}
.future-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.future-template-grid>div{padding:22px;border:1px dashed #cbd9d1;border-radius:15px;background:rgba(255,255,255,.55)}
.future-template-grid b{font-size:9px;letter-spacing:.12em;color:#159653}
.future-template-grid h3{font-size:17px;margin:8px 0 5px;color:#0b223e}
.future-template-grid p{font-size:12px;color:#718091;margin:0 0 14px}
.future-template-grid span{display:inline-block;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#eef2f4;color:#718091}
@media(max-width:760px){
 .demo-brand b{font-size:12px}
 .template-categories{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}
 .template-categories a,.template-categories span{flex:0 0 auto}
 .market-section-head{align-items:flex-start;flex-direction:column;gap:5px}
 .market-section-head p{text-align:left}
 .future-template-grid{grid-template-columns:1fr}
}

/* V9.6.1 domain separation: visual showroom intentionally preserved */
.template-marketplace .demo-brand{white-space:nowrap}
@media(max-width:520px){
 .template-marketplace .demo-brand b{max-width:210px;overflow:hidden;text-overflow:ellipsis}
}

/* V10 Master template pricing */
.template-price-admin{margin-top:24px;padding:22px;border:1px solid #dce5f0;border-radius:18px;background:#fff}
.template-price-admin .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.template-price-admin .panel-head h2{margin:5px 0 4px}.template-price-admin .panel-head p{margin:0;color:#718097;max-width:720px}
.template-price-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.template-price-admin-card{border:1px solid #dce5ef;border-radius:15px;padding:18px;background:#f9fbfe}
.tp-title{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:14px}.tp-title h3{margin:3px 0}.tp-title small{color:#78869a;font-weight:800;text-transform:uppercase}.tp-title>span{font-size:11px;background:#eaf2ff;color:#1768ff;border-radius:999px;padding:5px 8px;font-weight:900}
.template-price-admin-card label{display:grid;grid-template-columns:1fr 150px;gap:8px 12px;align-items:center;margin:11px 0;font-weight:800;font-size:12px}.template-price-admin-card input{border:1px solid #d5dfeb;border-radius:9px;padding:10px}.template-price-admin-card em{grid-column:2;font-style:normal;font-size:11px;color:#1768ff;margin-top:-5px}
.template-price-admin-card .tp-save{margin-top:7px;width:100%}
@media(max-width:800px){.template-price-admin-grid{grid-template-columns:1fr}.template-price-admin .panel-head{flex-direction:column}.template-price-admin-card label{grid-template-columns:1fr}.template-price-admin-card em{grid-column:auto}}

/* V10.2 Template Manager */
.tm-shell{margin-top:26px;padding:24px;border:1px solid #dce5ef;border-radius:20px;background:#fff}
.tm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.tm-head h2{margin:5px 0 5px;font-size:26px}.tm-head p{margin:0;color:#728098;max-width:760px;line-height:1.55}.tm-head-actions{display:flex;gap:9px;flex-wrap:wrap}
.tm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.tm-stats>div{padding:16px;border:1px solid #e0e7f0;border-radius:14px;background:#f8fbff}.tm-stats small{display:block;color:#78869a;font-weight:900;font-size:10px;letter-spacing:.06em}.tm-stats strong{display:block;font-size:26px;margin-top:5px;color:#10284a}
.tm-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 160px auto;gap:10px;margin-bottom:18px}.tm-toolbar input,.tm-toolbar select{border:1px solid #d6e0eb;border-radius:10px;padding:11px 12px;background:#fff}
.tm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tm-card{display:grid;grid-template-columns:170px 1fr;border:1px solid #dfe7f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(28,56,95,.04)}.tm-card.is-hidden{opacity:.72}.tm-thumb{position:relative;min-height:210px;background:#eef3f8}.tm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tm-thumb-empty{height:100%;display:grid;place-items:center;color:#8996a8;font-size:12px}.tm-state{position:absolute;left:10px;top:10px;padding:6px 8px;border-radius:999px;background:#e6f8ef;color:#087a43;font-size:9px;font-weight:950}.tm-card.is-hidden .tm-state{background:#eef1f5;color:#69778a}
.tm-card-body{padding:17px}.tm-card-title{display:flex;justify-content:space-between;gap:12px}.tm-card-title small{font-size:10px;color:#7c899a;font-weight:850}.tm-card-title h3{margin:4px 0 2px;font-size:17px}.tm-card-title code{font-size:10px;color:#58708e}.tm-badge{height:max-content;padding:5px 7px;border-radius:999px;background:#edf4ff;color:#1768ff;font-size:9px;font-weight:900}.tm-card-body>p{font-size:12px;line-height:1.55;color:#718097;min-height:38px}
.tm-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.tm-prices>div{padding:10px;border-radius:10px;background:#f6f9fd}.tm-prices small{display:block;font-size:9px;color:#8190a4;font-weight:900}.tm-prices strong{font-size:15px;color:#10284a}.tm-card-actions{display:flex;gap:7px;flex-wrap:wrap}.tm-card-actions .btn{font-size:11px;padding:9px 11px}.btn.warning{background:#fff5e8;color:#b76600;border-color:#f3d8b4}
.tm-modal-card{width:min(900px,calc(100% - 28px));max-height:92vh;overflow:auto}.tm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tm-form-grid .wide{grid-column:1/-1}.tm-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:850}.tm-form-grid input,.tm-form-grid select,.tm-form-grid textarea{border:1px solid #d6e0eb;border-radius:10px;padding:11px;font:inherit;background:#fff}.tm-switch-row{display:flex;align-items:center;gap:9px;height:42px}.tm-switch-row input{width:18px;height:18px}.tm-form-preview{margin-top:14px;padding:14px 16px;border-radius:12px;background:#eef5ff;display:flex;align-items:center;gap:12px}.tm-form-preview span{font-size:11px;color:#6f7f95;font-weight:850}.tm-form-preview strong{font-size:20px;color:#1768ff}.tm-form-preview small{margin-left:auto;color:#7b899b}
.market-empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed #cfdbe8;border-radius:16px;background:#fff}.market-empty h3{margin:0 0 8px}.market-empty p{margin:0;color:#78869a}.demo-view.disabled{opacity:.55;pointer-events:none}
@media(max-width:1050px){.tm-list{grid-template-columns:1fr}.tm-toolbar{grid-template-columns:1fr 1fr}.tm-card{grid-template-columns:150px 1fr}}
@media(max-width:700px){.tm-head{flex-direction:column}.tm-stats{grid-template-columns:1fr 1fr}.tm-toolbar{grid-template-columns:1fr}.tm-card{grid-template-columns:1fr}.tm-thumb{height:180px;min-height:0}.tm-form-grid{grid-template-columns:1fr}.tm-form-grid .wide{grid-column:auto}.tm-form-preview{align-items:flex-start;flex-direction:column}.tm-form-preview small{margin-left:0}}

/* V10.3 — Commercial package cards + simplified manager */
.commercial-card .demo-pro-title-row{margin-bottom:14px}
.commercial-card .demo-pro-title-row>span{background:#eef5ff;color:#1768ff}
.commercial-pricing{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin:8px 0 12px}
.commercial-price-main,.commercial-price-renew{border-radius:13px;padding:14px;background:#f5f9ff;border:1px solid #dbe7f5}
.commercial-price-main small,.commercial-price-renew small{display:block;font-size:9px;font-weight:950;letter-spacing:.06em;color:#718196}
.commercial-price-main strong{display:block;font-size:27px;line-height:1.15;color:#0d63d8;margin:4px 0}
.commercial-price-main em{display:inline-block;font-style:normal;font-size:10px;font-weight:900;color:#087a43;background:#eaf8f0;border-radius:999px;padding:5px 8px}
.commercial-price-renew b{display:block;font-size:18px;margin-top:7px;color:#10284a}.commercial-price-renew span{font-size:10px;color:#75849a}
.commercial-includes{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:12px 0;font-size:12px;font-weight:750;color:#30445e}
.commercial-includes span::first-letter{color:#0a9d55}.commercial-note{font-size:10.5px;line-height:1.45;color:#6f7f93;background:#fff8e9;border:1px solid #f3e3bc;border-radius:9px;padding:9px 10px;margin:11px 0 13px}
.commercial-card .demo-pro-actions{margin-top:0}
.te-section-title{padding:12px 14px;border-radius:10px;background:#f5f8fc;border-left:3px solid #1768ff;display:flex;align-items:center;justify-content:space-between;gap:12px}
.te-section-title b{font-size:13px}.te-section-title span{font-size:10px;color:#7b899c;font-weight:600}
.te-discount-preview{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:11px 13px;border-radius:10px;background:#eaf8f0;border:1px solid #c8ead7}
.te-discount-preview span{font-size:11px;font-weight:900;color:#45705b}.te-discount-preview strong{font-size:18px;color:#087a43}.te-discount-preview small{text-align:right;color:#6e7e91}
.package-preview{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
.package-preview>div:not(.package-preview-includes){padding:10px;border-radius:9px;background:#fff;border:1px solid #d9e4f1;display:flex;align-items:baseline;gap:8px}
.package-preview>div span{font-size:10px;color:#718096;font-weight:900}.package-preview>div strong{font-size:19px;color:#1768ff}.package-preview>div small{font-size:9px;color:#7f8da0}
.package-preview-includes{grid-column:1/-1;font-size:10.5px;color:#5f7087;line-height:1.5}
.tm-prices.commercial-admin-prices{grid-template-columns:1fr 1fr 1fr}.tm-save-value strong{color:#087a43}.tm-package-mini{font-size:10px;color:#738299;padding:8px 9px;border-radius:8px;background:#f8fafc;margin-bottom:10px}
@media(max-width:700px){.commercial-pricing,.commercial-includes{grid-template-columns:1fr}.te-section-title{align-items:flex-start;flex-direction:column}.te-discount-preview{grid-template-columns:1fr}.te-discount-preview small{text-align:left}.package-preview{grid-template-columns:1fr!important}.tm-prices.commercial-admin-prices{grid-template-columns:1fr 1fr}}

/* V10.4 — Make included services unmistakably visible */
.commercial-gift-box{margin:13px 0;border:1.5px solid #b9e7ca;background:linear-gradient(180deg,#f0fbf4 0%,#fbfffc 100%);border-radius:13px;padding:11px 12px}
.commercial-gift-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #d7efdf}
.commercial-gift-title b{font-size:12px;color:#087a43;letter-spacing:.02em}
.commercial-gift-title span{font-size:9.5px;font-weight:800;color:#668074}
.commercial-gift-box .commercial-includes{margin:0;gap:8px 10px}
.commercial-gift-box .commercial-includes span{position:relative;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;column-gap:5px;align-items:center;padding:7px 8px;background:#fff;border:1px solid #dcefe3;border-radius:9px;color:#1e344c}
.commercial-gift-box .commercial-includes i{grid-row:1/3;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#0a9d55;color:#fff;font-style:normal;font-size:10px;font-weight:950}
.commercial-gift-box .commercial-includes b{font-size:11.5px;line-height:1.2}
.commercial-gift-box .commercial-includes small{font-size:9.5px;color:#718196;margin-top:2px}
@media(max-width:700px){.commercial-gift-title{align-items:flex-start;flex-direction:column}.commercial-gift-box .commercial-includes{grid-template-columns:1fr}}

/* V10.5 Lead CRM */
.lead-crm{margin-top:26px;padding:24px;border:1px solid #dce5ef;border-radius:20px;background:#fff}
.lead-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.lead-head h2{font-size:26px;margin:5px 0}.lead-head p{margin:0;max-width:760px;color:#718097;line-height:1.55}
.lead-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.lead-stats>div{padding:15px;border-radius:13px;border:1px solid #dfe7f0;background:#f8fbff}.lead-stats small{display:block;font-size:9.5px;font-weight:950;color:#7a889b}.lead-stats strong{display:block;font-size:25px;margin-top:4px;color:#10284a}
.lead-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:16px}.lead-toolbar input,.lead-toolbar select{padding:11px 12px;border:1px solid #d5dfeb;border-radius:10px;background:#fff}
.lead-list{display:grid;gap:12px}.lead-card{display:grid;grid-template-columns:1fr auto;gap:18px;padding:17px;border:1px solid #dfe7f0;border-radius:15px;background:#fff}.lead-card-new{border-left:4px solid #1768ff;background:#fbfdff}
.lead-title-row{display:flex;justify-content:space-between;align-items:start;gap:15px}.lead-title-row small{font-size:10px;color:#8592a4}.lead-title-row h3{font-size:18px;margin:4px 0}.lead-status{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:950;white-space:nowrap}.lead-status-new{background:#eaf2ff;color:#1768ff}.lead-status-contacted{background:#fff6df;color:#9d6900}.lead-status-qualified{background:#eef8f3;color:#087a43}.lead-status-won{background:#e5f8ec;color:#087a43}.lead-status-lost{background:#f0f2f5;color:#6e7887}
.lead-contact{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#53667f}.lead-contact a{color:#1768ff;text-decoration:none}.lead-request{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:8px;margin:12px 0}.lead-request>div{padding:10px;border-radius:9px;background:#f6f9fd}.lead-request small{display:block;font-size:8.5px;color:#8190a4;font-weight:950}.lead-request b{font-size:12px}.lead-site{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#60728a}.lead-note{margin-top:9px;padding:9px 10px;border-radius:8px;background:#fff9ed;color:#66563b;font-size:11px}.lead-converted{margin-top:9px;color:#087a43;font-size:11px;font-weight:900}
.lead-card-actions{display:flex;flex-direction:column;gap:7px;min-width:145px;justify-content:center}.lead-card-actions .btn{font-size:10.5px;padding:9px 11px}.lead-lost{color:#a33;background:#fff;border-color:#efd1d1}
@media(max-width:800px){.lead-stats{grid-template-columns:1fr 1fr}.lead-card{grid-template-columns:1fr}.lead-card-actions{flex-direction:row;flex-wrap:wrap}.lead-request{grid-template-columns:1fr}.lead-toolbar{grid-template-columns:1fr}}

/* V10.5.2 — Live lead notifications */
.lead-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.lead-live-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#eaf8f0;color:#087a43;font-size:10px;font-weight:900;border:1px solid #c8ead7}
.lead-live-status i{width:7px;height:7px;border-radius:50%;background:#12a35d;box-shadow:0 0 0 4px rgba(18,163,93,.11);animation:leadPulse 1.8s infinite}
.lead-live-status.offline{background:#fff0f2;color:#b42343;border-color:#efc7d0}.lead-live-status.offline i{background:#d34a63;box-shadow:none;animation:none}
@keyframes leadPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.55}}
.master-lead-toast{position:fixed;right:24px;bottom:24px;z-index:99999;width:min(390px,calc(100vw - 32px));display:grid;grid-template-columns:42px 1fr 28px;gap:11px;align-items:center;padding:15px;border-radius:15px;background:#0d294c;color:#fff;box-shadow:0 18px 60px rgba(7,30,62,.28);border:1px solid rgba(255,255,255,.12);cursor:pointer;transform:translateY(15px);opacity:0;transition:.2s ease}
.master-lead-toast.show{transform:none;opacity:1}.master-lead-toast.hidden{display:none}.master-lead-toast-icon{width:40px;height:40px;border-radius:12px;background:#1768ff;display:grid;place-items:center;font-size:19px}.master-lead-toast b{display:block;font-size:13px;margin-bottom:3px}.master-lead-toast span{display:block;font-size:10.5px;line-height:1.45;color:#bcd0ea}.master-lead-toast button{border:0;background:transparent;color:#fff;font-size:21px;cursor:pointer;opacity:.8}
.lead-attention{animation:leadPanelFlash .8s ease 0s 5}
@keyframes leadPanelFlash{0%,100%{box-shadow:0 0 0 0 rgba(23,104,255,0)}50%{box-shadow:0 0 0 5px rgba(23,104,255,.16)}}
@media(max-width:650px){.master-lead-toast{right:16px;bottom:16px}}

/* V10.6 dynamic template picker + partial payment */
.dynamic-theme-picker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:10px 0 16px}
.dynamic-theme-card{display:grid!important;grid-template-columns:86px 1fr!important;align-items:center!important;gap:10px!important;padding:10px!important;border:1px solid #d9e4f0!important;border-radius:12px!important;background:#fff!important;cursor:pointer;position:relative}
.dynamic-theme-card>input{position:absolute!important;right:10px!important;top:10px!important;width:18px!important;height:18px!important}
.dynamic-theme-card.active{border:2px solid #1768ff!important;background:#f6f9ff!important;box-shadow:0 0 0 3px rgba(23,104,255,.07)}
.dynamic-theme-preview{display:block;width:86px;height:58px;border-radius:8px;overflow:hidden;background:#eef3f8}.dynamic-theme-preview img{width:100%;height:100%;object-fit:cover;display:block}.dynamic-theme-preview b{height:100%;display:grid;place-items:center;color:#718097;font-size:10px}
.dynamic-theme-info{display:flex;flex-direction:column;gap:5px;padding-right:26px}.dynamic-theme-info b{font-size:12px;line-height:1.3;color:#10284a}.dynamic-theme-info small{font-size:9.5px;line-height:1.35;color:#6d7e94}
.theme-picker-loading{grid-column:1/-1;padding:18px;border:1px dashed #ccd9e8;border-radius:11px;color:#748399;text-align:center}
.partial-payment-row{padding:12px;border-radius:11px;background:#fff8e9;border:1px solid #f0dfb7;margin-top:-2px}.partial-payment-row.hidden{display:none!important}
@media(max-width:760px){.dynamic-theme-picker{grid-template-columns:1fr}.dynamic-theme-card{grid-template-columns:72px 1fr!important}.dynamic-theme-preview{width:72px;height:52px}}

/* V10.7 — Scalable Master Control */
.master-pagination{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:14px 0 4px;padding-top:10px;border-top:1px solid #edf1f6}
.master-pagination span{font-size:10.5px;color:#66778d;font-weight:800;min-width:120px;text-align:center}
.master-pagination select{border:1px solid #d7e0eb;border-radius:8px;padding:7px 9px;background:#fff;font-size:10.5px}
.lead-care-modal-card{width:min(720px,calc(100% - 28px))}
.lead-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.lead-care-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:850}.lead-care-grid .wide{grid-column:1/-1}.lead-care-grid input,.lead-care-grid select,.lead-care-grid textarea{border:1px solid #d6e0eb;border-radius:10px;padding:11px;font:inherit;background:#fff}
.lead-marketing-box{display:grid!important;grid-template-columns:20px 1fr!important;align-items:start;padding:12px;border:1px solid #d7e9df;border-radius:11px;background:#f2fbf6}.lead-marketing-box input{width:17px;height:17px}.lead-marketing-box span{display:flex;flex-direction:column;gap:3px}.lead-marketing-box small{font-size:9.5px;color:#6c7c91;font-weight:600}
.lead-care-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;padding:8px 10px;background:#f7f9fc;border-radius:8px;font-size:10px;color:#5d7088}.lead-care-meta small{width:100%;color:#6a788b}.lead-care-meta .email-ok{color:#087a43;font-weight:900}
.marketing-consent{padding:10px 12px;border:1px solid #dce6f1;border-radius:10px;background:#f9fbfd}.marketing-consent-row{display:flex;align-items:flex-start;gap:8px!important;font-size:11px!important;font-weight:700!important}.marketing-consent-row input{width:16px!important;height:16px!important;margin-top:1px}.marketing-consent>small{font-size:9.5px;color:#7a899d;font-weight:500}
.renewal-attention{animation:renewalPulseAlert .8s ease 0s 6}
@keyframes renewalPulseAlert{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 5px rgba(238,164,37,.20)}}
@media(max-width:700px){.master-pagination{justify-content:center;flex-wrap:wrap}.lead-care-grid{grid-template-columns:1fr}.lead-care-grid .wide{grid-column:auto}}

/* V10.8 — Simple one-person Master workflow */
.simple-leads{margin-top:26px;padding:22px;border:1px solid #dce5ef;border-radius:18px;background:#fff}
.simple-lead-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.simple-lead-head h2{margin:5px 0;font-size:25px}.simple-lead-head p{margin:0;color:#718097;max-width:680px;line-height:1.5}
.simple-lead-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.simple-lead-tools{display:grid;grid-template-columns:1fr 190px;gap:10px;margin:18px 0 14px}
.simple-lead-tools input,.simple-lead-tools select{padding:11px 12px;border:1px solid #d6e0eb;border-radius:10px;background:#fff}
.simple-lead-list{display:grid;gap:10px}
.simple-lead-card{display:grid;grid-template-columns:1fr auto;gap:16px;padding:15px;border:1px solid #dfe7f0;border-radius:13px;background:#fff}
.simple-lead-card.is-new{border-left:4px solid #1768ff;background:#fbfdff}
.simple-lead-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.simple-lead-title small{font-size:9.5px;color:#8391a3}.simple-lead-title h3{font-size:17px;margin:3px 0}
.simple-lead-contact{display:flex;gap:12px;flex-wrap:wrap;margin-top:5px;font-size:11px;color:#52657c}.simple-lead-contact a{color:#1768ff;text-decoration:none}
.simple-lead-package{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding:9px 10px;border-radius:9px;background:#f5f8fc;font-size:10.5px}
.simple-lead-package b{font-size:11.5px;color:#10284a}.simple-lead-package span{color:#607188}
.simple-lead-site{margin-top:8px;font-size:10.5px;color:#65768b}
.simple-lead-note{margin-top:8px;padding:8px 9px;border-radius:8px;background:#fff9ed;color:#6a593d;font-size:10.5px}
.simple-lead-actions{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:125px}
.simple-lead-actions .btn{font-size:10px;padding:9px 11px}.simple-skip{background:#fff;color:#9b4651;border:1px solid #efd1d5}
@media(max-width:760px){.simple-lead-head{flex-direction:column}.simple-lead-tools{grid-template-columns:1fr}.simple-lead-card{grid-template-columns:1fr}.simple-lead-actions{flex-direction:row;flex-wrap:wrap}}

/* V11 — Theme 2 favorites + carousel controls aligned to image center */
.theme-estate-green .t2-carousel-shell{--t2-card-image-height:154px}
.theme-estate-green .t2-carousel-btn{
  top:calc(var(--t2-card-image-height) / 2)!important;
  transform:translateY(-50%)!important;
}
.theme-estate-green .t2-fav-btn{
 position:absolute;right:8px;bottom:28px;z-index:4;
 width:31px;height:31px;border:1px solid rgba(255,255,255,.85);border-radius:50%;
 display:grid;place-items:center;background:rgba(255,255,255,.94);color:#0d6e3b;
 font:800 18px/1 system-ui;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15)
}
.theme-estate-green .t2-fav-btn:hover,.theme-estate-green .t2-fav-btn.saved{background:#168b4d;color:#fff;border-color:#168b4d}
.theme-estate-green.theme2-favorites-page main.section{background:#f7faf8;min-height:62vh;padding:34px 0}
.theme-estate-green.theme2-favorites-page .section-head{margin-bottom:20px}
.theme-estate-green .theme2-favorites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.theme-estate-green .theme2-empty{grid-column:1/-1;padding:44px;text-align:center;border:1px dashed #cfe0d5;border-radius:12px;background:#fff;color:#6d7e74}
@media(max-width:980px){.theme-estate-green .theme2-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.theme-estate-green .theme2-favorites-grid{grid-template-columns:1fr}.theme-estate-green .t2-carousel-shell{--t2-card-image-height:154px}}

body.theme-news-portal{--n3:#0d2b4f;--n3a:#e53935;--n3line:#e6eaf0;background:#fff;color:#172033}
.theme-news-portal .topbar{background:#071c33;color:#dbe5ef}.theme-news-portal .header{background:#fff;border-bottom:1px solid var(--n3line)}
.theme-news-portal .header .logo:before{content:"N";display:grid;place-items:center;width:38px;height:38px;background:var(--n3a);color:#fff;border-radius:8px;font-weight:900}
.theme-news-portal .header nav a{color:#27364a;font-weight:700}.theme-news-portal .btn.primary{background:var(--n3a);border-color:var(--n3a)}
.theme-news-portal .n3-breaking{border-bottom:1px solid var(--n3line);background:#fafbfc}.theme-news-portal .n3-breaking .wrap{display:flex;gap:18px;align-items:center;min-height:42px;overflow:hidden}.theme-news-portal .n3-breaking b{background:var(--n3a);color:#fff;padding:6px 10px;border-radius:4px;font-size:11px}.theme-news-portal .n3-breaking div{display:flex;gap:12px;white-space:nowrap;overflow:hidden}.theme-news-portal .n3-breaking a{color:#364152;font-size:13px}
.theme-news-portal .n3-hero{padding:28px 0 22px}.theme-news-portal .n3-hero-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:22px}.theme-news-portal .n3-lead>a{position:relative;display:block;height:460px;border-radius:10px;overflow:hidden;background:#111}.theme-news-portal .n3-lead img{width:100%;height:100%;object-fit:cover}.theme-news-portal .n3-lead>a:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(4,14,28,.94))}.theme-news-portal .n3-overlay{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;color:#fff}.theme-news-portal .n3-overlay span,.theme-news-portal .n3-card span,.theme-news-portal .n3-row span,.theme-news-portal .n3-cat-lead span{font-size:11px;font-weight:900;color:var(--n3a);text-transform:uppercase}.theme-news-portal .n3-overlay span{background:var(--n3a);color:#fff;padding:5px 8px;border-radius:4px}.theme-news-portal .n3-overlay h1{font-size:34px;line-height:1.14;margin:12px 0 8px}.theme-news-portal .n3-overlay p{color:#dbe2ea}
.theme-news-portal .n3-side{border-top:3px solid var(--n3)}.theme-news-portal .n3-row{display:grid;grid-template-columns:112px 1fr;gap:13px;padding:14px 0;border-bottom:1px solid var(--n3line);color:inherit}.theme-news-portal .n3-row img{width:112px;height:82px;object-fit:cover;border-radius:6px}.theme-news-portal .n3-row h3{font-size:15px;line-height:1.32;margin:4px 0}
.theme-news-portal .n3-section{padding:34px 0}.theme-news-portal .n3-title{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--n3);padding-bottom:11px;margin-bottom:20px}.theme-news-portal .n3-title small{color:var(--n3a);font-weight:900}.theme-news-portal .n3-title h2{font-size:27px;margin:3px 0;color:var(--n3)}.theme-news-portal .n3-layout{display:grid;grid-template-columns:1fr 330px;gap:34px}.theme-news-portal .n3-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 20px}.theme-news-portal .n3-card{display:grid;grid-template-columns:180px 1fr;gap:15px;color:inherit}.theme-news-portal .n3-card img{width:180px;height:125px;object-fit:cover;border-radius:7px}.theme-news-portal .n3-card h3{font-size:17px;margin:5px 0}.theme-news-portal .n3-card p{font-size:13px;color:#667085}
.theme-news-portal .n3-popular{border:1px solid var(--n3line);border-radius:8px;padding:18px}.theme-news-portal .n3-aside-title{font-weight:900;border-bottom:3px solid var(--n3a);padding-bottom:12px}.theme-news-portal .n3-popular>a{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--n3line);color:inherit}.theme-news-portal .n3-popular>a>b{font-size:28px;color:#d8dee7}.theme-news-portal .n3-popular h3{font-size:14px;margin:3px 0}
.theme-news-portal .n3-category:nth-of-type(even){background:#f7f9fb}.theme-news-portal .n3-cat-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:0 22px}.theme-news-portal .n3-cat-lead{grid-row:span 2;color:inherit}.theme-news-portal .n3-cat-lead img{width:100%;height:280px;object-fit:cover;border-radius:8px}.theme-news-portal .n3-cat-lead h3{font-size:24px;margin:8px 0}
.theme-news-portal .n3-newsletter{background:var(--n3);color:#fff;padding:36px 0}.theme-news-portal .n3-newsletter .wrap{display:flex;justify-content:space-between;align-items:center}.theme-news-portal .n3-newsletter a{background:var(--n3a);color:#fff;padding:13px 18px;border-radius:6px;font-weight:800}.theme-news-portal .public-footer{background:#081b30}
@media(max-width:1000px){.theme-news-portal .n3-hero-grid,.theme-news-portal .n3-layout{grid-template-columns:1fr}.theme-news-portal .n3-grid{grid-template-columns:1fr}.theme-news-portal .n3-cat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.theme-news-portal .n3-lead>a{height:390px}.theme-news-portal .n3-overlay h1{font-size:27px}.theme-news-portal .n3-card{grid-template-columns:125px 1fr}.theme-news-portal .n3-card img{width:125px;height:100px}.theme-news-portal .n3-card p{display:none}.theme-news-portal .n3-cat-grid{grid-template-columns:1fr}.theme-news-portal .n3-newsletter .wrap{display:block}}

/* V12.2 richer news demo */
.theme-news-portal .n3-topics{border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;background:#fff}
.theme-news-portal .n3-topics .wrap{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.theme-news-portal .n3-topics a{padding:7px 11px;border:1px solid #dde3ea;border-radius:999px;color:#344054;font-size:12px;font-weight:800;background:#f8fafc}
.theme-news-portal .n3-topics a:hover{color:#fff;background:#0d2b4f;border-color:#0d2b4f}
.theme-news-portal .n3-wide-list{padding:38px 0;background:#f7f9fb}
.theme-news-portal .n3-wide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.theme-news-portal .n3-category{scroll-margin-top:90px}
@media(max-width:760px){.theme-news-portal .n3-wide-grid{grid-template-columns:1fr}.theme-news-portal .n3-topics .wrap{flex-wrap:nowrap;overflow-x:auto}.theme-news-portal .n3-topics a{white-space:nowrap}}

/* V12.3 — denser news categories + isolated demo article detail */
.theme-news-portal .n3-cat-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.55fr);gap:26px}
.theme-news-portal .n3-cat-lead{grid-row:auto}
.theme-news-portal .n3-cat-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.theme-news-portal .n3-cat-side .n3-row{grid-template-columns:105px 1fr;padding:10px 0}
.theme-news-portal .n3-cat-side .n3-row img{width:105px;height:74px}
.theme-news-portal .n3-cat-side .n3-row h3{font-size:14px;line-height:1.3;margin:3px 0 4px}
.theme-news-portal .n3-newsletter-light{background:#f5f7fa;color:#172033;border-top:1px solid #e7ebf0;border-bottom:1px solid #e7ebf0}
.theme-news-portal .n3-newsletter-light small{color:#e53935}
.theme-news-portal .n3-newsletter-light p{color:#667085}
.theme-news-portal .n3-newsletter-light a{background:#e53935;color:#fff}
.theme-news-portal .n3-article-page{padding:38px 0 44px;background:#fff}
.theme-news-portal .n3-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:42px}
.theme-news-portal .n3-breadcrumb{display:flex;gap:8px;color:#667085;font-size:13px;margin-bottom:20px}
.theme-news-portal .n3-breadcrumb a{color:#667085}
.theme-news-portal .n3-article-cat{display:inline-block;color:#e53935;font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:10px}
.theme-news-portal .n3-article-main>h1{font-size:40px;line-height:1.18;color:#0d2b4f;margin:0 0 12px;letter-spacing:-.5px}
.theme-news-portal .n3-article-meta{font-size:13px;color:#7b8794;margin-bottom:20px}
.theme-news-portal .n3-article-lead{font-size:19px;line-height:1.65;color:#344054;font-weight:600}
.theme-news-portal .n3-article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:10px;margin:14px 0 26px}
.theme-news-portal .n3-article-content{font-size:17px;line-height:1.82;color:#27364a}
.theme-news-portal .n3-article-content h2{color:#0d2b4f;font-size:25px;margin:30px 0 10px}
.theme-news-portal .n3-related{margin-top:38px}
.theme-news-portal .n3-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.theme-news-portal .n3-article-aside{border-left:1px solid #e6eaf0;padding-left:20px}
.theme-news-portal .n3-article-aside>a{display:grid;grid-template-columns:40px 1fr;gap:10px;color:inherit;padding:14px 0;border-bottom:1px solid #e6eaf0}
.theme-news-portal .n3-article-aside>a>b{font-size:24px;color:#d3d9e1}
.theme-news-portal .n3-article-aside span{font-size:10px;color:#e53935;font-weight:900;text-transform:uppercase}
.theme-news-portal .n3-article-aside h3{font-size:14px;line-height:1.35;margin:3px 0}
.theme-news-portal .n3-more-news{padding:38px 0;background:#f7f9fb}
@media(max-width:1000px){
 .theme-news-portal .n3-cat-grid,.theme-news-portal .n3-article-layout{grid-template-columns:1fr}
 .theme-news-portal .n3-article-aside{border-left:0;padding-left:0;border-top:1px solid #e6eaf0;padding-top:24px}
}
@media(max-width:700px){
 .theme-news-portal .n3-cat-side{grid-template-columns:1fr}
 .theme-news-portal .n3-article-main>h1{font-size:30px}
 .theme-news-portal .n3-article-lead{font-size:17px}
 .theme-news-portal .n3-related-grid{grid-template-columns:1fr}
}

/* V12.5 — dedicated News footer */
.theme-news-portal .public-footer{background:#071c33;color:#d9e4ef;border-top:4px solid #e53935}
.theme-news-portal .public-footer .footer-logo{color:#fff}
.theme-news-portal .public-footer h4{color:#fff}
.theme-news-portal .public-footer a{color:#d9e4ef}
.theme-news-portal .public-footer a:hover{color:#fff}
.theme-news-portal .public-footer .footer-desc,.theme-news-portal .public-footer .footer-note{color:#aebdcb}
.theme-news-portal .public-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.12)}
.theme-news-portal .public-footer .footer-bottom span{color:#9fb0c0}
.theme-news-portal .news-footer-grid{grid-template-columns:1.35fr .8fr .8fr 1fr}
@media(max-width:900px){.theme-news-portal .news-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.theme-news-portal .news-footer-grid{grid-template-columns:1fr}}

/* V12.6 — template-aware Client Admin */
.template-form-notice{display:flex;gap:10px;align-items:center;padding:13px 15px;margin:0 0 18px;border:1px solid #cfe0ff;background:#f5f9ff;color:#31445f}
.template-form-notice b{color:#1769ff}.template-form-notice span{font-size:13px}
.admin-template-news #tab-newpost .property-only{display:none!important}
.admin-template-news #tab-newpost .content-type-picker{display:none!important}
.admin-template-news #tab-newpost #editorTitle{color:#0d2b4f}
.admin-template-news #tab-newpost .form-section-title{border-color:#e53935}

/* V13 — profile-driven content form + rich text editor */
.rich-editor-field{display:block;margin:16px 0 20px}
.rich-editor-label{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px;color:#27364a}
.rich-editor-label>small{width:100%;font-weight:400;color:#748196}
.rich-editor-shell{border:1px solid #cbd7e6;background:#fff}
.rich-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #dbe3ed;background:#f7f9fc;position:sticky;top:0;z-index:2}
.rich-toolbar button,.rich-toolbar select{min-height:34px;border:1px solid #cbd7e6;background:#fff;border-radius:5px;padding:5px 9px;font:inherit;color:#27364a;cursor:pointer}
.rich-toolbar button:hover{background:#edf4ff;border-color:#9ebcf5}
.rich-toolbar .rich-sep{width:1px;height:24px;background:#d5deea;margin:0 2px}
.rich-editor{min-height:360px;padding:22px 24px;font-size:16px;line-height:1.75;color:#26364a;outline:none;overflow-wrap:anywhere}
.rich-editor:empty:before{content:attr(data-placeholder);color:#9aa7b5;pointer-events:none}
.rich-editor h2{font-size:26px;line-height:1.3;margin:26px 0 10px}.rich-editor h3{font-size:21px;margin:22px 0 8px}
.rich-editor p{margin:0 0 14px}.rich-editor blockquote{border-left:4px solid #1769ff;margin:18px 0;padding:10px 16px;background:#f5f8fc;color:#536276}
.rich-editor img{max-width:100%;height:auto;border-radius:6px}.rich-editor figure{margin:20px auto;text-align:center}.rich-editor figcaption{font-size:13px;color:#7b8794;margin-top:6px}
.rich-status{min-height:28px;padding:5px 10px;color:#667085;font-size:12px}
.profile-fields-host{margin:14px 0}.profile-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-field-wide{grid-column:1/-1}
.template-form-notice{margin-bottom:18px}
.news-article-body img,.article-body img{max-width:100%;height:auto;border-radius:8px}.news-article-body figure,.article-body figure{text-align:center;margin:22px auto}.news-article-body figcaption,.article-body figcaption{color:#7b8794;font-size:13px}
.news-article-body h2,.article-body h2{margin-top:28px}.news-article-body h3,.article-body h3{margin-top:22px}
@media(max-width:700px){.profile-fields-grid{grid-template-columns:1fr}.rich-editor{min-height:300px;padding:16px}.rich-toolbar{position:static}}

/* V13.2 — Template-specific category/profile editor */
.tm-profile-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tm-form textarea#teCategories,.tm-form textarea#teSaleCategories,.tm-form textarea#teRentCategories{min-height:120px;resize:vertical;line-height:1.45}
@media(max-width:760px){.tm-profile-two{grid-template-columns:1fr}}

/* V13.3 — sample content managed by Template Manager */
.tm-sample-state{margin-top:10px;padding:8px 10px;border-radius:7px;font-size:12px;display:flex;gap:5px;align-items:center}
.tm-sample-state.on{background:#edf9f1;color:#14733c}.tm-sample-state.off{background:#f4f6f8;color:#788493}
.tm-sample-help{align-self:end;border:1px solid #d9e4f0;background:#f8fbff;border-radius:8px;padding:11px 12px;display:flex;flex-direction:column;gap:3px}
.tm-sample-help b{font-size:12px;color:#1769ff}.tm-sample-help span{font-size:11px;color:#68778b}

@media(max-width:1000px) and (min-width:701px){
 .theme-news-portal .n3-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V13.5 — Tin tức Mẫu 2: Báo điện tử */
body.theme-news-paper{--np:#9c1519;--ink:#152334;background:#fff;color:var(--ink)}
.theme-news-paper .topbar{background:#152334}.theme-news-paper .header{border-bottom:1px solid #ddd}.theme-news-paper .header .logo:before{background:var(--np)}
.theme-news-paper .btn.primary{background:var(--np);border-color:var(--np)}.theme-news-paper .np-ticker{border-bottom:1px solid #e5e5e5;background:#fafafa}
.theme-news-paper .np-ticker .wrap{height:42px;display:flex;align-items:center;gap:15px;white-space:nowrap;overflow:hidden}.theme-news-paper .np-ticker b{background:var(--np);color:#fff;padding:5px 9px;font-size:11px}.theme-news-paper .np-ticker a{font-size:13px;color:#344054}.theme-news-paper .np-ticker i{color:#aaa}
.theme-news-paper .np-main{padding:24px 0}.theme-news-paper .np-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr) 280px;gap:24px}
.theme-news-paper .np-lead img{width:100%;height:330px;object-fit:cover}.theme-news-paper .np-lead span,.theme-news-paper .np-row span{color:var(--np);font-size:11px;font-weight:900;text-transform:uppercase}.theme-news-paper .np-lead h1{font-size:32px;line-height:1.2;margin:10px 0}.theme-news-paper .np-lead p{color:#667085}
.theme-news-paper .np-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #e7e7e7;color:inherit}.theme-news-paper .np-row img{width:120px;height:82px;object-fit:cover}.theme-news-paper .np-row h3{font-size:15px;margin:4px 0;line-height:1.32}.theme-news-paper .np-row small{color:#8a94a3;font-size:11px}
.theme-news-paper .np-most{border-top:4px solid #152334;padding-top:12px}.theme-news-paper .np-most h3{font-size:15px}.theme-news-paper .np-most a{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:12px 0;border-bottom:1px solid #eee;color:inherit;font-size:13px;font-weight:700}.theme-news-paper .np-most b{color:#bbb;font-size:20px}
.theme-news-paper .np-section{padding:28px 0;border-top:1px solid #eee}.theme-news-paper .np-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid #152334;padding-bottom:8px;margin-bottom:14px}.theme-news-paper .np-heading h2{margin:0;font-size:25px}.theme-news-paper .np-heading span,.theme-news-paper .np-heading a{font-size:12px;color:#667085}.theme-news-paper .np-list,.theme-news-paper .np-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 25px}
.theme-news-paper .public-footer{background:#152334;border-top:4px solid var(--np)}

/* V13.5 — Tin tức Mẫu 3: Magazine */
body.theme-news-magazine{--nm:#ff5b37;--nmink:#16141a;background:#fff;color:var(--nmink)}
.theme-news-magazine .topbar{background:#16141a}.theme-news-magazine .header{border:0}.theme-news-magazine .header .logo:before{background:var(--nm)}.theme-news-magazine .btn.primary{background:var(--nm);border-color:var(--nm)}
.theme-news-magazine .nm-hero{padding:30px 0;background:#f7f3ef}.theme-news-magazine .nm-kicker{font-size:11px;letter-spacing:1.5px;font-weight:900;color:var(--nm);margin-bottom:14px}.theme-news-magazine .nm-mosaic{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:245px 245px;gap:14px}.theme-news-magazine .nm-tile{position:relative;overflow:hidden;border-radius:12px;color:#fff}.theme-news-magazine .nm-tile.big{grid-row:1/3}.theme-news-magazine .nm-tile img{width:100%;height:100%;object-fit:cover}.theme-news-magazine .nm-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.theme-news-magazine .nm-tile>div{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}.theme-news-magazine .nm-tile span,.theme-news-magazine .nm-card span{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--nm)}.theme-news-magazine .nm-tile span{color:#fff;background:var(--nm);padding:4px 6px;border-radius:3px}.theme-news-magazine .nm-tile h3{font-size:17px;margin:8px 0 0}.theme-news-magazine .nm-tile.big h3{font-size:30px}
.theme-news-magazine .nm-strip{padding:20px 0;border-bottom:1px solid #eee}.theme-news-magazine .nm-strip .wrap{display:grid;grid-template-columns:170px 1fr;gap:20px}.theme-news-magazine .nm-strip h2{font-size:22px;margin:0}.theme-news-magazine .nm-strip div{display:flex;gap:18px;overflow:hidden}.theme-news-magazine .nm-strip a{font-size:13px;color:#4b5563;min-width:170px}
.theme-news-magazine .nm-section{padding:42px 0}.theme-news-magazine .nm-section:nth-of-type(even){background:#faf9f7}.theme-news-magazine .nm-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.theme-news-magazine .nm-title span{font-size:38px;color:#e5dfd8;font-weight:900}.theme-news-magazine .nm-title h2{font-size:28px;margin:0}.theme-news-magazine .nm-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.theme-news-magazine .nm-card{color:inherit}.theme-news-magazine .nm-card img{width:100%;height:150px;object-fit:cover;border-radius:10px}.theme-news-magazine .nm-card h3{font-size:16px;line-height:1.35;margin:7px 0}.theme-news-magazine .nm-card p{font-size:12px;color:#6b7280}
.theme-news-magazine .nm-dark{background:#16141a;color:#fff;padding:42px 0}.theme-news-magazine .nm-dark>.wrap>div:first-child small{color:var(--nm)}.theme-news-magazine .nm-dark h2{font-size:30px}.theme-news-magazine .nm-dark-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.theme-news-magazine .public-footer{background:#16141a;border-top:4px solid var(--nm)}

/* V13.5 — Tin tức Mẫu 4: Minimal SEO */
body.theme-news-minimal{--min:#111827;--ming:#eef0f3;background:#fff;color:#202733}
.theme-news-minimal .topbar{background:#fff;color:#697386;border-bottom:1px solid #eee}.theme-news-minimal .header{box-shadow:none;border-bottom:1px solid #e8e8e8}.theme-news-minimal .header .logo:before{background:#111827}.theme-news-minimal .btn.primary{background:#111827;border-color:#111827}
.theme-news-minimal .nmin-intro{padding:56px 0 38px;border-bottom:1px solid #eee}.theme-news-minimal .nmin-intro span{font-size:11px;letter-spacing:2px;color:#667085}.theme-news-minimal .nmin-intro h1{font-family:Georgia,serif;font-size:46px;line-height:1.12;max-width:860px;margin:12px 0 0;font-weight:500}
.theme-news-minimal .nmin-lead{padding:34px 0}.theme-news-minimal .nmin-lead-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.theme-news-minimal .nmin-lead img{width:100%;height:380px;object-fit:cover}.theme-news-minimal .nmin-lead span,.theme-news-minimal .nmin-line span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#667085}.theme-news-minimal .nmin-lead h2{font-family:Georgia,serif;font-size:36px;line-height:1.18;margin:10px 0}.theme-news-minimal .nmin-lead p{color:#667085;line-height:1.7}
.theme-news-minimal .nmin-main{padding:30px 0 45px;border-top:1px solid #eee}.theme-news-minimal .nmin-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:54px}.theme-news-minimal .nmin-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid #111827}.theme-news-minimal .nmin-title h2{font-family:Georgia,serif;font-size:28px}.theme-news-minimal .nmin-line{display:grid;grid-template-columns:1fr 155px;gap:22px;padding:20px 0;border-bottom:1px solid #e9e9e9;color:inherit}.theme-news-minimal .nmin-line img{width:155px;height:104px;object-fit:cover}.theme-news-minimal .nmin-line h3{font-family:Georgia,serif;font-size:20px;margin:5px 0}.theme-news-minimal .nmin-line p{font-size:13px;color:#667085}
.theme-news-minimal .nmin-layout aside{border-top:2px solid #111827}.theme-news-minimal .nmin-layout aside h3{font-family:Georgia,serif;font-size:22px}.theme-news-minimal .nmin-layout aside a{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #eee;color:inherit}.theme-news-minimal .nmin-layout aside b{font-size:20px;color:#c4c7cc}.theme-news-minimal .nmin-topic{padding:40px 0;background:#fafafa;border-top:1px solid #eee}.theme-news-minimal .nmin-topic h2{font-family:Georgia,serif;font-size:30px}.theme-news-minimal .nmin-topic>div>div{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}.theme-news-minimal .public-footer{background:#111827;border-top:0}

/* Shared detail layout for News 2/3/4 */
.nvar-article{padding:38px 0}.nvar-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:42px}.nvar-article h1{font-size:40px;line-height:1.18;margin:0 0 12px}.nvar-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.nvar-related-card{color:inherit}.nvar-related-card img{width:100%;height:135px;object-fit:cover}.nvar-related-card span{font-size:10px;color:#e53935;font-weight:900;text-transform:uppercase}.nvar-related-card h3{font-size:15px;line-height:1.35;margin:6px 0}

@media(max-width:1050px){
 .theme-news-paper .np-grid{grid-template-columns:1fr 1fr}.theme-news-paper .np-most{grid-column:1/-1}
 .theme-news-magazine .nm-cards{grid-template-columns:repeat(3,1fr)}.theme-news-magazine .nm-dark-grid{grid-template-columns:repeat(2,1fr)}
 .nvar-article-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 .theme-news-paper .np-grid,.theme-news-paper .np-list,.theme-news-paper .np-category-grid{grid-template-columns:1fr}
 .theme-news-magazine .nm-mosaic{grid-template-columns:1fr;grid-template-rows:auto}.theme-news-magazine .nm-tile,.theme-news-magazine .nm-tile.big{height:260px;grid-row:auto}.theme-news-magazine .nm-cards{grid-template-columns:1fr 1fr}.theme-news-magazine .nm-strip .wrap{grid-template-columns:1fr}
 .theme-news-minimal .nmin-intro h1{font-size:34px}.theme-news-minimal .nmin-lead-grid,.theme-news-minimal .nmin-layout{grid-template-columns:1fr}.theme-news-minimal .nmin-topic>div>div{grid-template-columns:1fr}.theme-news-minimal .nmin-line{grid-template-columns:1fr 120px}.theme-news-minimal .nmin-line img{width:120px;height:90px}
 .nvar-related-grid{grid-template-columns:1fr}
}

/* V13.6 — News article detail system */
.theme-news-portal .n3-article-layout,.nvar-article-grid{align-items:start}
.theme-news-portal .n3-article-main,.nvar-article-main{min-width:0}
.theme-news-portal .n3-article-cover,.nvar-article .n3-article-cover{
 display:block!important;width:100%!important;height:auto!important;max-height:560px!important;
 object-fit:cover!important;position:static!important;float:none!important;margin:18px 0 28px!important;border-radius:10px;
}
.nvar-article{padding:36px 0 48px;background:#fff}
.nvar-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px}
.nvar-article h1{font-size:40px;line-height:1.18;letter-spacing:-.5px;margin:0 0 12px;max-width:900px}
.nvar-article .n3-article-lead{font-size:18px;line-height:1.65;color:#475467;margin:16px 0}
.nvar-article .n3-article-content,.theme-news-portal .n3-article-content{font-size:17px;line-height:1.82;color:#27364a}
.nvar-article .n3-article-content p,.theme-news-portal .n3-article-content p{margin:0 0 18px}
.nvar-article .n3-article-content h2,.theme-news-portal .n3-article-content h2{font-size:25px;line-height:1.3;margin:32px 0 12px;color:#0d2b4f}
.nvar-article .n3-article-content blockquote,.theme-news-portal .n3-article-content blockquote{margin:24px 0;padding:14px 18px;border-left:4px solid #d92d20;background:#f8fafc;color:#475467}
.theme-news-portal .n3-article-content ul,.nvar-article .n3-article-content ul{padding-left:22px;margin:0 0 20px}
.theme-news-portal .n3-article-content li,.nvar-article .n3-article-content li{margin:7px 0}

/* Related: image on top, title underneath only. No excerpt. */
.news-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}
.news-related-card{display:block;min-width:0;color:inherit;text-decoration:none}
.news-related-card img{display:block;width:100%;height:145px;object-fit:cover;border-radius:8px;margin:0 0 9px}
.news-related-card span{display:block;font-size:10px;font-weight:900;letter-spacing:.35px;text-transform:uppercase;color:#e53935;margin-bottom:5px}
.news-related-card h3{font-size:15px;line-height:1.38;margin:0;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-related-card:hover h3{text-decoration:underline}

/* Sidebar: richer + sticky while article scrolls */
.n3-article-aside{min-width:0;align-self:stretch}
.news-sticky-sidebar{
 position:sticky;
 top:86px;
 display:flex;
 flex-direction:column;
 gap:18px;
 height:max-content;
 max-height:none;
 overflow:visible;
 padding-right:0;
}
.news-side-box{border:1px solid #e4e9ef;border-radius:9px;padding:15px;background:#fff}
.news-side-box .n3-aside-title{margin-bottom:5px}
.news-side-rank{display:grid;grid-template-columns:36px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid #edf0f3;color:inherit}
.news-side-rank:last-child{border-bottom:0}.news-side-rank>b{font-size:21px;color:#c5cbd3}
.news-side-rank span{font-size:9px;color:#e53935;font-weight:900;text-transform:uppercase}
.news-side-rank h3{font-size:13px;line-height:1.35;margin:3px 0}
.news-side-categories>div:last-child{display:flex;flex-wrap:wrap;gap:7px;padding-top:10px}
.news-side-categories a{padding:6px 8px;border:1px solid #e1e6ed;border-radius:999px;color:#344054;font-size:11px;font-weight:700;background:#f8fafc}
.news-side-latest{display:grid;grid-template-columns:72px 1fr;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f3;color:inherit}
.news-side-latest:last-child{border-bottom:0}.news-side-latest img{width:72px;height:52px;object-fit:cover;border-radius:5px}
.news-side-latest span{font-size:12px;line-height:1.35;font-weight:700}

/* More category blocks below every news detail */
.news-detail-category,.news-detail-more{padding:36px 0;border-top:1px solid #edf0f3;background:#fff}
.news-detail-category.alt{background:#f7f9fb}
.news-detail-more{background:#fafafa}
.news-detail-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.news-detail-category-grid .news-related-card img{height:155px}

/* Mẫu 1 related no longer inherits n3-card two-column dimensions */
.theme-news-portal .n3-related .news-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Variant-specific article accents only; structural layout stays safe */
.theme-news-paper .nvar-article .n3-article-cat{color:#9c1519}
.theme-news-paper .news-side-box .n3-aside-title{border-bottom-color:#9c1519}
.theme-news-magazine .nvar-article h1{font-size:44px}.theme-news-magazine .nvar-article .n3-article-cat{color:#ff5b37}
.theme-news-magazine .news-related-card img{border-radius:12px}.theme-news-magazine .news-side-box{border-radius:12px}
.theme-news-minimal .nvar-article h1{font-family:Georgia,serif;font-weight:500;font-size:43px}
.theme-news-minimal .nvar-article .n3-article-content h2{font-family:Georgia,serif;color:#111827}
.theme-news-minimal .news-related-card h3{font-family:Georgia,serif;font-weight:600}
.theme-news-minimal .news-side-box{border-radius:0;border-left:0;border-right:0}

/* Desktop widths must never allow image/sidebar overlap */
@media(min-width:1001px){
 .theme-news-portal .n3-article-layout,.nvar-article-grid{grid-template-columns:minmax(0,calc(100% - 358px)) 320px}
}
@media(max-width:1000px){
 .theme-news-portal .n3-article-layout,.nvar-article-grid{grid-template-columns:1fr!important}
 .news-sticky-sidebar{position:static;max-height:none;overflow:visible}
 .news-detail-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .news-related-grid,.theme-news-portal .n3-related .news-related-grid,.news-detail-category-grid{grid-template-columns:1fr}
 .news-related-card{display:grid;grid-template-columns:115px 1fr;column-gap:12px;align-items:start}
 .news-related-card img{grid-row:1/3;width:115px;height:82px;margin:0}
 .news-related-card span{margin-top:1px}.news-related-card h3{font-size:14px}
 .nvar-article h1,.theme-news-magazine .nvar-article h1,.theme-news-minimal .nvar-article h1{font-size:30px}
 .nvar-article .n3-article-content,.theme-news-portal .n3-article-content{font-size:16px}
}

/* V13.6.1 — detail category header parity across News 1–4 */
.news-detail-category .n3-title,
.news-detail-more .n3-title{
 display:flex!important;
 align-items:flex-end!important;
 justify-content:space-between!important;
 gap:18px!important;
 margin-bottom:18px!important;
 padding-bottom:11px!important;
 border-bottom:2px solid #0d2b4f!important;
}
.news-detail-category .n3-title>div,
.news-detail-more .n3-title>div{min-width:0}
.news-detail-category .n3-title small,
.news-detail-more .n3-title small{
 display:block;
 margin-bottom:5px;
 font-size:11px;
 line-height:1.2;
 font-weight:900;
 letter-spacing:.25px;
 color:#e53935;
}
.news-detail-category .n3-title h2,
.news-detail-more .n3-title h2{
 margin:0!important;
 font-size:27px;
 line-height:1.2;
 color:#0d2b4f;
}
.news-detail-category .n3-title>a,
.news-detail-more .n3-title>a{
 flex:0 0 auto;
 align-self:flex-end;
 margin:0 0 2px!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 color:#172033!important;
 font-size:13px!important;
 font-weight:500!important;
 line-height:1.35;
 text-decoration:none!important;
 white-space:nowrap;
}
.news-detail-category .n3-title>a:hover,
.news-detail-more .n3-title>a:hover{color:#e53935!important}

/* Sidebar should follow the article with normal page scrolling. */
.n3-article-aside{overflow:visible!important}
.news-sticky-sidebar::-webkit-scrollbar{display:none}

/* Theme-specific heading accents while keeping the same clean layout */
.theme-news-paper .news-detail-category .n3-title,
.theme-news-paper .news-detail-more .n3-title{border-bottom-color:#152334!important}
.theme-news-paper .news-detail-category .n3-title small{color:#9c1519}
.theme-news-magazine .news-detail-category .n3-title,
.theme-news-magazine .news-detail-more .n3-title{border-bottom-color:#16141a!important}
.theme-news-magazine .news-detail-category .n3-title small{color:#ff5b37}
.theme-news-minimal .news-detail-category .n3-title,
.theme-news-minimal .news-detail-more .n3-title{border-bottom-color:#111827!important}
.theme-news-minimal .news-detail-category .n3-title h2,
.theme-news-minimal .news-detail-more .n3-title h2{font-family:Georgia,serif;color:#111827}

@media(max-width:700px){
 .news-detail-category .n3-title,
 .news-detail-more .n3-title{align-items:center!important;gap:10px!important}
 .news-detail-category .n3-title h2,
 .news-detail-more .n3-title h2{font-size:23px}
 .news-detail-category .n3-title>a,
 .news-detail-more .n3-title>a{font-size:12px!important}
}

/* V13.7 — true PC / Tablet / Mobile demo preview */
.nr-demo-devices{display:flex;align-items:center;gap:4px}
.nr-demo-devices button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.nr-demo-devices button:hover,.nr-demo-devices button.active{background:#fff;color:#0d2b4f;border-color:#fff}
body.nr-device-open{overflow:hidden!important}
.nr-device-stage{position:fixed;z-index:9998;left:0;right:0;top:54px;bottom:0;background:#dfe4ea;overflow:auto;padding:42px 22px 28px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}
.nr-device-label{position:sticky;top:-28px;z-index:2;margin:0 auto 10px;padding:6px 11px;border-radius:999px;background:#172033;color:#fff;font-size:11px;font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.nr-device-frame{display:block;flex:0 0 auto;border:0;background:#fff;box-shadow:0 14px 44px rgba(17,24,39,.2);min-height:calc(100vh - 128px)}
.nr-device-tablet .nr-device-frame{width:820px;height:calc(100vh - 128px);border-radius:12px}
.nr-device-mobile .nr-device-frame{width:390px;height:calc(100vh - 128px);border-radius:18px}
.nr-demo-framed .nr-demo-bar{display:none!important}
.nr-demo-framed{padding-top:0!important}
@media(max-width:900px){
 .nr-demo-devices button span{display:none}
 .nr-demo-devices button{width:32px;padding:0}
 .nr-device-stage{padding-left:10px;padding-right:10px}
}

.tm-layout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tm-sidebar-config{padding:12px;border:1px solid #dbe4ef;background:#f8fbff;border-radius:9px}
.news-configurable-grid{grid-template-columns:repeat(var(--news-cols,4),minmax(0,1fr))!important}
.theme-news-paper .np-category-grid.news-configurable-grid,.theme-news-magazine .nm-cards.news-configurable-grid,.theme-news-minimal .nmin-topic .news-configurable-grid{display:grid!important}
@media(max-width:950px){.tm-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-configurable-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.tm-layout-grid{grid-template-columns:1fr}.news-configurable-grid{grid-template-columns:1fr!important}}

/* V13.9 — live Master layout profile */
.n3-config-category-grid{display:grid!important;gap:20px}
.n3-config-category-grid .n3-card{display:block!important;min-width:0}
.n3-config-category-grid .n3-card img{width:100%;height:155px;object-fit:cover;border-radius:8px}
.n3-config-category-grid .n3-card>div{padding-top:8px}
.n3-config-category-grid .n3-card h3{font-size:15px;line-height:1.35;margin:5px 0}
.n3-config-category-grid .n3-card p{font-size:12px;line-height:1.5;color:#667085;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-home-sidebar{align-self:start}
.news-home-sidebar .news-side-box{padding:14px}
.news-home-sidebar .news-side-rank{display:grid!important}
.news-home-sidebar .news-side-latest{display:grid!important}
.news-home-sidebar .news-side-categories>div:last-child{display:flex!important}
.theme-news-paper .np-most.news-home-sidebar{border-top:0;padding-top:0}
.theme-news-paper .np-most.news-home-sidebar .news-side-box>h3{margin:0 0 6px;font-size:15px}
@media(max-width:1000px){
 .news-home-sidebar{position:static}
}

/* V13.9.1 — safe configurable news grid */
.news-configurable-grid{
 display:grid!important;
 grid-template-columns:repeat(var(--news-cols,4),minmax(0,1fr))!important;
 gap:22px 18px!important;
 width:100%!important;
 min-width:0!important;
}
.news-layout-card{
 display:block!important;
 min-width:0!important;
 width:100%!important;
 color:inherit!important;
 text-decoration:none!important;
 overflow:hidden;
}
.news-layout-card img{
 display:block!important;
 width:100%!important;
 aspect-ratio:16/10!important;
 height:auto!important;
 object-fit:cover!important;
 border-radius:8px;
 margin:0 0 9px!important;
}
.news-layout-card>div{min-width:0!important}
.news-layout-card span{
 display:block;
 margin-bottom:5px;
 font-size:10px!important;
 line-height:1.2;
 font-weight:900;
 text-transform:uppercase;
 letter-spacing:.25px;
 color:#e53935;
}
.news-layout-card h3{
 margin:0!important;
 font-size:14px!important;
 line-height:1.38!important;
 font-weight:800!important;
 overflow-wrap:normal!important;
 word-break:normal!important;
 hyphens:none!important;
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 overflow:hidden;
}
.news-layout-card small{display:block;margin-top:7px;color:#7b8798;font-size:10px}
.theme-news-magazine .news-layout-card img{border-radius:11px}
.theme-news-magazine .news-layout-card span{color:#ff5b37}
.theme-news-minimal .news-layout-card h3{font-family:Georgia,serif;font-weight:600!important;color:#111827}
.theme-news-minimal .news-layout-card span{color:#667085}

/* Never let layout controls shrink the entire site container. */
.theme-news-paper .wrap,
.theme-news-magazine .wrap,
.theme-news-minimal .wrap,
.theme-news-portal .wrap{
 width:min(100% - 32px,1200px)!important;
 max-width:1200px!important;
 margin-left:auto!important;
 margin-right:auto!important;
}

/* Six-column mode is intentionally compact, but remains legible. */
.news-configurable-grid[style*="--news-cols:6"]{gap:18px 14px!important}
.news-configurable-grid[style*="--news-cols:6"] .news-layout-card h3{font-size:13px!important}
.news-configurable-grid[style*="--news-cols:5"] .news-layout-card h3{font-size:13.5px!important}

@media(max-width:1050px){
 .news-configurable-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
 .news-configurable-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
 /* Mobile news categories: 2 cards per row for a denser, more balanced layout */
 .news-configurable-grid{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:16px 10px!important;
 }
 .news-layout-card{
   display:block!important;
   min-width:0!important;
 }
 .news-layout-card img{
   width:100%!important;
   height:auto!important;
   aspect-ratio:16/10!important;
   object-fit:cover!important;
   margin:0 0 7px!important;
   border-radius:7px!important;
 }
 .news-layout-card span{
   font-size:9px!important;
   margin-bottom:4px!important;
 }
 .news-layout-card h3{
   font-size:12.5px!important;
   line-height:1.32!important;
   -webkit-line-clamp:3!important;
 }
 .news-layout-card small{
   font-size:9px!important;
   margin-top:5px!important;
 }
}

/* Ensure old M2/M3/M4 card rules cannot override configurable grids. */
.theme-news-paper .np-category-grid.news-configurable-grid .news-layout-card,
.theme-news-magazine .nm-cards.news-configurable-grid .news-layout-card,
.theme-news-minimal .nmin-topic .news-configurable-grid .news-layout-card{
 display:block!important;
 grid-template-columns:none!important;
}

@media(max-width:340px){
 .news-configurable-grid{grid-template-columns:1fr!important}
 .news-layout-card h3{font-size:13px!important}
}

/* V13.9.3 — safe desktop news header */
body.theme-news-portal .header .wrap,
body.theme-news-paper .header .wrap,
body.theme-news-magazine .header .wrap,
body.theme-news-minimal .header .wrap{
 display:grid!important;
 grid-template-columns:auto minmax(0,1fr) auto!important;
 align-items:center!important;
 column-gap:16px!important;
}
body.theme-news-portal .header .brand,
body.theme-news-paper .header .brand,
body.theme-news-magazine .header .brand,
body.theme-news-minimal .header .brand{white-space:nowrap!important;min-width:max-content!important}
body.theme-news-portal .header nav.nav,
body.theme-news-paper .header nav.nav,
body.theme-news-magazine .header nav.nav,
body.theme-news-minimal .header nav.nav{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 flex-wrap:nowrap!important;gap:16px!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important
}
body.theme-news-portal .header nav.nav a,
body.theme-news-paper .header nav.nav a,
body.theme-news-magazine .header nav.nav a,
body.theme-news-minimal .header nav.nav a{flex:0 0 auto!important;font-size:14px!important}
body.theme-news-portal .header .actions,
body.theme-news-paper .header .actions,
body.theme-news-magazine .header .actions,
body.theme-news-minimal .header .actions{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;min-width:max-content!important}

@media(max-width:1280px) and (min-width:901px){
 body.theme-news-portal .header nav.nav,
 body.theme-news-paper .header nav.nav,
 body.theme-news-magazine .header nav.nav,
 body.theme-news-minimal .header nav.nav{gap:11px!important}
 body.theme-news-portal .header nav.nav a,
 body.theme-news-paper .header nav.nav a,
 body.theme-news-magazine .header nav.nav a,
 body.theme-news-minimal .header nav.nav a{font-size:13px!important}
 body.theme-news-portal .header .actions .btn,
 body.theme-news-paper .header .actions .btn,
 body.theme-news-magazine .header .actions .btn,
 body.theme-news-minimal .header .actions .btn{padding-left:11px!important;padding-right:11px!important}
}
@media(max-width:1080px) and (min-width:901px){
 body.theme-news-portal .header nav.nav a:nth-of-type(n+7):not(:last-child),
 body.theme-news-paper .header nav.nav a:nth-of-type(n+7):not(:last-child),
 body.theme-news-magazine .header nav.nav a:nth-of-type(n+7):not(:last-child),
 body.theme-news-minimal .header nav.nav a:nth-of-type(n+7):not(:last-child){display:none!important}
}

/* Real category archive used by Xem thêm */
.news-category-archive{padding:38px 0 55px;background:#fff}
.news-archive-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:14px;margin-bottom:22px;border-bottom:2px solid #0d2b4f}
.news-archive-head small{font-size:11px;font-weight:900;color:#e53935}
.news-archive-head h1{font-size:34px;line-height:1.2;margin:5px 0 6px;color:#0d2b4f}
.news-archive-head p{margin:0;color:#667085}
.news-archive-head>a{white-space:nowrap;color:#172033;font-size:13px;font-weight:700}
.news-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}
.news-archive-card{display:block;color:inherit;text-decoration:none;min-width:0}
.news-archive-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;margin-bottom:8px}
.news-archive-card span{font-size:10px;font-weight:900;color:#e53935;text-transform:uppercase}
.news-archive-card h3{font-size:15px;line-height:1.38;margin:5px 0}
.news-archive-card p{font-size:12px;line-height:1.5;color:#667085;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-archive-card small{font-size:10px;color:#7b8798}
.nm-title{position:relative}.nm-title .nm-more{margin-left:auto;font-size:12px;color:#4b5563}
.nmin-topic-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}
.nmin-topic-head h2{margin:0!important}.nmin-topic-head a{font-size:12px;color:#4b5563;white-space:nowrap}
@media(max-width:900px){.news-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){
 .news-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
 .news-archive-head h1{font-size:27px}
 .news-archive-card h3{font-size:12.5px}
 .news-archive-card p{display:none}
}

/* V13.9.4 — news template stability */
.news-archive-empty{
 grid-column:1/-1;
 padding:28px;
 border:1px dashed #ccd5df;
 border-radius:8px;
 color:#667085;
 text-align:center;
 background:#fafbfc;
}

/* Header must never overlap on desktop/laptop. */
@media(min-width:901px){
 body.theme-news-portal .header,
 body.theme-news-paper .header,
 body.theme-news-magazine .header,
 body.theme-news-minimal .header{overflow:hidden!important}

 body.theme-news-portal .header .wrap,
 body.theme-news-paper .header .wrap,
 body.theme-news-magazine .header .wrap,
 body.theme-news-minimal .header .wrap{
   width:min(100% - 28px,1220px)!important;
   max-width:1220px!important;
   min-width:0!important;
 }

 body.theme-news-portal .header nav.nav,
 body.theme-news-paper .header nav.nav,
 body.theme-news-magazine .header nav.nav,
 body.theme-news-minimal .header nav.nav{
   max-width:100%!important;
   min-width:0!important;
 }

 body.theme-news-portal .header .actions,
 body.theme-news-paper .header .actions,
 body.theme-news-magazine .header .actions,
 body.theme-news-minimal .header .actions{
   position:relative!important;
   z-index:2!important;
   background:#fff;
 }
}

/* 1180px laptop: trim secondary category links before collision. */
@media(max-width:1180px) and (min-width:901px){
 body.theme-news-portal .header nav.nav a:nth-of-type(7),
 body.theme-news-paper .header nav.nav a:nth-of-type(7),
 body.theme-news-magazine .header nav.nav a:nth-of-type(7),
 body.theme-news-minimal .header nav.nav a:nth-of-type(7){display:none!important}
}

/* 1040px laptop: trim one more secondary category item. */
@media(max-width:1040px) and (min-width:901px){
 body.theme-news-portal .header nav.nav a:nth-of-type(6),
 body.theme-news-paper .header nav.nav a:nth-of-type(6),
 body.theme-news-magazine .header nav.nav a:nth-of-type(6),
 body.theme-news-minimal .header nav.nav a:nth-of-type(6){display:none!important}
}

/* V13.9.5 — Tin tức Mẫu 2 balanced professional homepage */
.theme-news-paper .np-main{padding:24px 0 18px!important}
.theme-news-paper .np-top-grid{
 display:grid!important;
 grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr)!important;
 gap:26px!important;
 align-items:start!important;
}
.theme-news-paper .np-lead{min-width:0}
.theme-news-paper .np-lead>a{display:block;color:inherit}
.theme-news-paper .np-lead img{
 display:block!important;
 width:100%!important;
 height:365px!important;
 object-fit:cover!important;
 margin:0 0 11px!important;
}
.theme-news-paper .np-lead h1{font-size:31px!important;line-height:1.18!important;margin:8px 0!important}
.theme-news-paper .np-lead p{margin:8px 0 7px!important;line-height:1.55!important}
.theme-news-paper .np-lead small{font-size:11px;color:#7b8798}

.theme-news-paper .np-top-side{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:0!important;
 border-top:3px solid #152334;
}
.theme-news-paper .np-top-story{
 display:grid!important;
 grid-template-columns:120px minmax(0,1fr)!important;
 gap:13px!important;
 padding:13px 0!important;
 border-bottom:1px solid #e5e7eb!important;
 color:inherit!important;
 min-width:0!important;
}
.theme-news-paper .np-top-story img{
 width:120px!important;height:82px!important;object-fit:cover!important;margin:0!important
}
.theme-news-paper .np-top-story span{font-size:9px;font-weight:900;color:#9c1519;text-transform:uppercase}
.theme-news-paper .np-top-story h3{font-size:14px;line-height:1.35;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.theme-news-paper .np-top-story small{font-size:10px;color:#8a94a3}

.theme-news-paper .np-latest-zone{background:#f8fafc}
.theme-news-paper .np-content-layout{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 320px!important;
 gap:30px!important;
 align-items:start!important;
}
.theme-news-paper .np-list{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:0 24px!important;
 min-width:0!important;
}
.theme-news-paper .np-list .np-row{
 display:grid!important;
 grid-template-columns:145px minmax(0,1fr)!important;
 gap:13px!important;
 padding:14px 0!important;
}
.theme-news-paper .np-list .np-row img{width:145px!important;height:94px!important}
.theme-news-paper .np-home-sidebar{
 position:sticky!important;
 top:88px!important;
 display:flex!important;
 flex-direction:column!important;
 gap:18px!important;
 height:max-content!important;
 max-height:none!important;
 overflow:visible!important;
}
.theme-news-paper .np-home-sidebar .news-side-box{
 border:1px solid #e1e6ec!important;
 border-radius:8px!important;
 background:#fff!important;
 padding:14px!important;
}
.theme-news-paper .np-home-sidebar .news-side-rank{
 grid-template-columns:34px minmax(0,1fr)!important;
}
.theme-news-paper .np-home-sidebar .news-side-rank h3{font-size:12.5px!important}
.theme-news-paper .np-home-sidebar .news-side-latest{
 grid-template-columns:72px minmax(0,1fr)!important;
}

/* M2 top area must end at its content, never at sidebar height. */
.theme-news-paper .np-main .news-home-sidebar,
.theme-news-paper .np-main .np-most{display:none!important}

/* Preserve full-width professional layout */
.theme-news-paper main>.np-main>.wrap,
.theme-news-paper main>.np-section>.wrap,
.theme-news-paper main>.np-ticker>.wrap{
 width:min(calc(100% - 32px),1200px)!important;
 max-width:1200px!important;
 box-sizing:border-box!important;
}

/* Laptop */
@media(max-width:1050px){
 .theme-news-paper .np-top-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr)!important}
 .theme-news-paper .np-content-layout{grid-template-columns:minmax(0,1fr) 285px!important;gap:22px!important}
 .theme-news-paper .np-list{grid-template-columns:1fr!important}
}

/* Tablet/mobile */
@media(max-width:820px){
 .theme-news-paper .np-top-grid{grid-template-columns:1fr!important}
 .theme-news-paper .np-top-side{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px!important}
 .theme-news-paper .np-content-layout{grid-template-columns:1fr!important}
 .theme-news-paper .np-home-sidebar{position:static!important}
}
@media(max-width:560px){
 .theme-news-paper .np-lead img{height:240px!important}
 .theme-news-paper .np-lead h1{font-size:25px!important}
 .theme-news-paper .np-top-side{grid-template-columns:1fr!important}
 .theme-news-paper .np-list .np-row{grid-template-columns:118px minmax(0,1fr)!important}
 .theme-news-paper .np-list .np-row img{width:118px!important;height:82px!important}
}

/* V13.9.6 — category navigation consistency */
.news-category-archive .news-archive-head>a:hover{text-decoration:underline}
.news-category-archive .news-archive-card:hover h3{text-decoration:underline}

/* V13.9.7 — Tin tức Mẫu 1 shell consistency */
.theme-news-portal .news-category-archive{background:#fff}
.theme-news-portal .news-category-archive .wrap{
 width:min(calc(100% - 32px),1200px)!important;
 max-width:1200px!important;
 margin-left:auto!important;
 margin-right:auto!important;
}

/* V14 — shared News Core guards */
body.theme-news-portal .header .wrap,
body.theme-news-paper .header .wrap,
body.theme-news-magazine .header .wrap,
body.theme-news-minimal .header .wrap{
 display:grid!important;
 grid-template-columns:auto minmax(0,1fr) auto!important;
 align-items:center!important;
 min-width:0!important;
 column-gap:14px!important;
}
body.theme-news-portal .header nav.nav,
body.theme-news-paper .header nav.nav,
body.theme-news-magazine .header nav.nav,
body.theme-news-minimal .header nav.nav{
 min-width:0!important;
 overflow:hidden!important;
 white-space:nowrap!important;
 flex-wrap:nowrap!important;
}
body.theme-news-portal .header .actions,
body.theme-news-paper .header .actions,
body.theme-news-magazine .header .actions,
body.theme-news-minimal .header .actions{
 min-width:max-content!important;
 white-space:nowrap!important;
}
body.theme-news-portal .news-sticky-sidebar,
body.theme-news-paper .news-sticky-sidebar,
body.theme-news-magazine .news-sticky-sidebar,
body.theme-news-minimal .news-sticky-sidebar{
 position:sticky!important;
 top:92px!important;
 height:max-content!important;
 max-height:none!important;
 overflow:visible!important;
}
@media(max-width:900px){
 body.theme-news-portal .news-sticky-sidebar,
 body.theme-news-paper .news-sticky-sidebar,
 body.theme-news-magazine .news-sticky-sidebar,
 body.theme-news-minimal .news-sticky-sidebar{position:static!important}
}

/* =========================================================
   V14.1 — Shared Real Estate Core
   ========================================================= */
body.theme-estate-luxe,body.theme-estate-minimal,body.theme-estate-urban{background:#fff;color:#14233a}
body.theme-estate-luxe .header .wrap,body.theme-estate-minimal .header .wrap,body.theme-estate-urban .header .wrap{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px
}
body.theme-estate-luxe .header nav.nav,body.theme-estate-minimal .header nav.nav,body.theme-estate-urban .header nav.nav{
 display:flex;gap:22px;white-space:nowrap;overflow:hidden;min-width:0
}
body.theme-estate-luxe .header .actions,body.theme-estate-minimal .header .actions,body.theme-estate-urban .header .actions{display:flex;gap:10px;white-space:nowrap}
.estate-core-search{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;background:#fff;border-radius:12px;padding:10px;box-shadow:0 12px 35px rgba(12,31,54,.14)}
.estate-core-search label{padding:4px 14px;border-right:1px solid #e5e9ef;min-width:0}.estate-core-search small{display:block;color:#758195;font-size:10px;margin-bottom:4px}.estate-core-search select,.estate-core-search input{border:0!important;outline:0;width:100%;font-weight:700;background:transparent;padding:4px 0}.estate-core-search button{height:48px;border:0;border-radius:9px;padding:0 24px;font-weight:800;cursor:pointer}
.estate-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.estate-section-head small{font-size:10px;font-weight:900;letter-spacing:.08em}.estate-section-head h2{font-size:30px;margin:5px 0 0}.estate-section-head>a{font-size:13px;color:inherit}
.estate-core-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.estate-core-categories a{display:flex;align-items:center;gap:10px;padding:17px;border:1px solid #e4e8ed;border-radius:10px;color:inherit}.estate-core-categories span{font-size:20px}.estate-core-categories b{font-size:13px}
.estate-core-card{background:#fff;min-width:0}.estate-core-media{display:block;position:relative}.estate-core-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.estate-core-featured{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:4px;background:#118e51;color:#fff;font-size:9px;font-weight:900}.estate-core-fav{position:absolute;right:10px;top:10px;border:0;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);font-size:17px;cursor:pointer}.estate-core-body{padding:13px 0}.estate-core-meta{display:flex;gap:8px;font-size:9px;font-weight:900;color:#118e51}.estate-core-body h3{font-size:16px;line-height:1.38;margin:7px 0}.estate-core-body h3 a{color:inherit}.estate-core-loc{font-size:11px;color:#778296}.estate-core-facts{font-size:11px;color:#4b596c;margin-top:8px}.estate-core-price{font-size:18px;font-weight:900;margin-top:9px;color:#118e51}
.estate-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.estate-news-grid a{color:inherit}.estate-news-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}.estate-news-grid small{display:block;margin-top:8px;font-size:9px;font-weight:900;color:#118e51}.estate-news-grid h3{font-size:14px;line-height:1.4;margin:5px 0}

/* Mẫu 3 — Luxe editorial */
.theme-estate-luxe .header .btn.primary,.theme-estate-luxe .estate-core-search button{background:#c6a15b;color:#0b1c2e}.theme-estate-luxe .header .btn.soft{background:#f2eee6;color:#0b1c2e}
.e3-hero{min-height:590px;background:linear-gradient(90deg,rgba(5,18,32,.88),rgba(5,18,32,.25)),var(--hero) center/cover;display:flex;align-items:center;color:#fff}.e3-hero>.wrap{width:min(calc(100% - 40px),1200px)}.e3-copy{max-width:610px;padding:70px 0 45px}.e3-copy small{color:#e1c07c;font-weight:900;letter-spacing:.14em}.e3-copy h1{font-family:Georgia,serif;font-size:58px;line-height:1.02;margin:13px 0 18px;font-weight:500}.e3-copy p{font-size:17px;line-height:1.65;color:#dce4eb;max-width:560px}.estate-search-luxe{margin-bottom:-34px}.e3-intro{padding:68px 0 20px}.e3-section{padding:52px 0}.e3-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.estate-card-luxe .estate-core-media img{aspect-ratio:4/3;border-radius:2px}.estate-card-luxe .estate-core-price{color:#a37c32}.e3-dual{padding:52px 0;background:#f6f3ed}.e3-dual>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px}.e3-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.estate-card-compact .estate-core-body h3{font-family:Georgia,serif}.e3-news{padding:52px 0}
.theme-estate-luxe .public-footer{background:#071a2c}

/* Mẫu 4 — Minimal */
.theme-estate-minimal .header .btn.primary,.theme-estate-minimal .estate-core-search button{background:#111827;color:#fff}.theme-estate-minimal .header .btn.soft{background:#f2f4f7;color:#111827}
.e4-intro{padding:58px 0 25px}.e4-intro>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.e4-intro small{font-size:10px;font-weight:900;letter-spacing:.14em;color:#667085}.e4-intro h1{font-size:54px;line-height:1.04;letter-spacing:-2px;margin:10px 0 18px}.e4-intro p{font-size:16px;line-height:1.65;color:#667085}.e4-intro img{width:100%;height:390px;object-fit:cover}.e4-search-wrap{padding:18px 0 36px}.estate-search-minimal{box-shadow:none;border:1px solid #dce2e9;border-radius:0}.estate-search-minimal button{border-radius:0}.e4-cats{padding:0 0 30px}.e4-cats .estate-core-categories a{border-radius:0}.e4-section{padding:45px 0;background:#f8f9fb}.e4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px}.estate-card-minimal{background:transparent}.estate-card-minimal .estate-core-media img{border-radius:0}.estate-card-minimal .estate-core-price{color:#111827}.e4-band{padding:38px 0}.e4-band>.wrap{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dfe4ea;border-bottom:1px solid #dfe4ea}.e4-band .wrap>div{padding:25px;border-right:1px solid #dfe4ea}.e4-band b{display:block;font-size:27px}.e4-band span{font-size:11px;color:#667085}.e4-news{padding:45px 0}
.theme-estate-minimal .public-footer{background:#111827}

/* Mẫu 5 — Urban */
.theme-estate-urban .header .btn.primary,.theme-estate-urban .estate-core-search button{background:#ff5b3d;color:#fff}.theme-estate-urban .header .btn.soft{background:#eef1f5;color:#15233a}
.e5-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:565px;background:#10263d}.e5-hero-img{background-size:cover;background-position:center}.e5-hero-panel{padding:78px 8vw 55px 55px;color:#fff;display:flex;flex-direction:column;justify-content:center}.e5-hero-panel>small{color:#ff755c;font-weight:900;letter-spacing:.12em}.e5-hero-panel h1{font-size:55px;line-height:1.02;margin:12px 0 18px}.e5-hero-panel p{color:#c9d4df;line-height:1.65;max-width:500px}.estate-search-urban{grid-template-columns:1fr 1fr;margin-top:26px;background:#fff;padding:13px}.estate-search-urban label{border-right:0;border-bottom:1px solid #e5e9ef}.estate-search-urban button{grid-column:1/-1;background:#ff5b3d;color:#fff}.e5-area{padding:55px 0}.e5-area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.e5-area-grid a{padding:24px;background:#f4f6f8;color:#13253a;display:grid;grid-template-columns:auto 1fr;gap:5px 12px}.e5-area-grid span{grid-row:1/3;font-size:23px;color:#ff5b3d}.e5-area-grid b{font-size:17px}.e5-area-grid small{font-size:11px;color:#67768a}.e5-section{padding:55px 0;background:#f6f8fa}.e5-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.estate-card-urban .estate-core-media img{border-radius:6px}.estate-card-urban .estate-core-price{color:#ff5b3d}.e5-split{padding:55px 0}.e5-split>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px}.estate-card-row{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #e6e9ed}.estate-card-row .estate-core-media img{height:100px;aspect-ratio:auto;border-radius:5px}.estate-card-row .estate-core-body{padding:2px 0}.estate-card-row .estate-core-body h3{font-size:14px}.estate-card-row .estate-core-loc,.estate-card-row .estate-core-facts{display:none}.estate-card-row .estate-core-price{font-size:15px;color:#ff5b3d}.e5-news{padding:55px 0;background:#f8fafc}
.theme-estate-urban .public-footer{background:#0c1f33}

/* responsive estate core */
@media(max-width:1050px){
 .estate-core-search{grid-template-columns:repeat(2,1fr)}.estate-core-search button{grid-column:1/-1}
 .e3-feature-grid,.e4-grid,.e5-grid{grid-template-columns:repeat(2,1fr)}
 .e3-dual>.wrap,.e5-split>.wrap{grid-template-columns:1fr}
 .e5-hero{grid-template-columns:1fr}.e5-hero-img{height:390px}.e5-hero-panel{padding:50px 6vw}
}
@media(max-width:820px){
 body.theme-estate-luxe .header .wrap,body.theme-estate-minimal .header .wrap,body.theme-estate-urban .header .wrap{grid-template-columns:auto auto}.theme-estate-luxe .header nav.nav,.theme-estate-minimal .header nav.nav,.theme-estate-urban .header nav.nav{display:none}
 .estate-core-categories{grid-template-columns:repeat(2,1fr)}
 .estate-news-grid{grid-template-columns:repeat(2,1fr)}
 .e4-intro>.wrap{grid-template-columns:1fr}.e4-intro h1,.e3-copy h1,.e5-hero-panel h1{font-size:40px}.e4-intro img{height:300px}
 .e5-area-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
 .estate-core-search{grid-template-columns:1fr}.estate-core-search button{grid-column:auto}
 .e3-feature-grid,.e4-grid,.e5-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
 .estate-core-body h3{font-size:13px}.estate-core-price{font-size:15px}
 .estate-core-meta,.estate-core-facts{font-size:8px}.estate-core-loc{font-size:9px}
 .e3-list{grid-template-columns:1fr 1fr}.e5-area-grid{grid-template-columns:1fr 1fr}
 .e4-band>.wrap{grid-template-columns:repeat(2,1fr)}
}

/* ==========================================================
   V14.2 — Estate Core across HOME + LISTINGS + PROPERTY + SAVED
   ========================================================== */
body[data-estate-demo] .header .wrap.nav,
body[data-estate-demo] .header .wrap{
 max-width:1200px;
}
body[data-estate-demo] #mainNav,
body[data-estate-demo] #detailNav,
body[data-estate-demo] #favoritesNav{
 display:flex;
 align-items:center;
 gap:20px;
 min-width:0;
 white-space:nowrap;
}
body[data-estate-demo] #mainNav a,
body[data-estate-demo] #detailNav a,
body[data-estate-demo] #favoritesNav a{font-weight:700;font-size:13px}
body[data-estate-demo] .header-post-btn{white-space:nowrap}
body[data-estate-demo] .listing-card,
body[data-estate-demo] .property-content-card,
body[data-estate-demo] .panel{transition:none}

/* Mẫu 1 — portal blue */
body.theme-estate-default .header .btn,
body.theme-estate-default .header-post-btn{background:#1769ff;color:#fff}
body.theme-estate-default .eyebrow,
body.theme-estate-default .listing-price{color:#1769ff}

/* Mẫu 2 — green portal */
body.theme-estate-green .header .btn,
body.theme-estate-green .header-post-btn{background:#14924f;color:#fff}
body.theme-estate-green .eyebrow,
body.theme-estate-green .listing-price,
body.theme-estate-green .property-price{color:#14924f}

/* Mẫu 3 — luxury */
body.theme-estate-luxe{background:#fbfaf7}
body.theme-estate-luxe .top-strip{background:#071a2c;color:#fff}
body.theme-estate-luxe .header{background:#fff;border-bottom:1px solid #e8e0d2}
body.theme-estate-luxe #brandName{font-family:Georgia,serif;letter-spacing:.02em}
body.theme-estate-luxe .header-post-btn,
body.theme-estate-luxe .header .btn.primary{background:#c6a15b!important;color:#071a2c!important}
body.theme-estate-luxe .listing-price,
body.theme-estate-luxe .property-price,
body.theme-estate-luxe .eyebrow{color:#9b742d}
body.theme-estate-luxe .listing-card{border-radius:2px;background:#fff}
body.theme-estate-luxe .listing-img img{border-radius:0}
body.theme-estate-luxe .listing-title,
body.theme-estate-luxe .property-page h1{font-family:Georgia,serif}

/* Mẫu 4 — minimal */
body.theme-estate-minimal{background:#fff;color:#111827}
body.theme-estate-minimal .top-strip{background:#111827;color:#fff}
body.theme-estate-minimal .header{box-shadow:none;border-bottom:1px solid #e5e7eb}
body.theme-estate-minimal .header-post-btn,
body.theme-estate-minimal .header .btn.primary{background:#111827!important;color:#fff!important;border-radius:0!important}
body.theme-estate-minimal .listing-card,
body.theme-estate-minimal .panel{border-radius:0!important;box-shadow:none!important}
body.theme-estate-minimal .listing-price,
body.theme-estate-minimal .property-price{color:#111827}
body.theme-estate-minimal .listing-img img{border-radius:0!important}

/* Mẫu 5 — urban */
body.theme-estate-urban{background:#f6f8fa}
body.theme-estate-urban .top-strip{background:#10263d;color:#fff}
body.theme-estate-urban .header{background:#fff}
body.theme-estate-urban .header-post-btn,
body.theme-estate-urban .header .btn.primary{background:#ff5b3d!important;color:#fff!important}
body.theme-estate-urban .listing-price,
body.theme-estate-urban .property-price,
body.theme-estate-urban .eyebrow{color:#ff5b3d}
body.theme-estate-urban .listing-card{border-top:3px solid #ff5b3d}

@media(max-width:980px){
 body[data-estate-demo] #mainNav,
 body[data-estate-demo] #detailNav,
 body[data-estate-demo] #favoritesNav{display:none}
 body[data-estate-demo] #mainNav.mobile-open,
 body[data-estate-demo] #detailNav.mobile-open,
 body[data-estate-demo] #favoritesNav.mobile-open{display:flex}
}

/* ==========================================================
   V14.4 — richer BĐS homepages Mẫu 3/4/5
   ========================================================== */
.estate-rich-section{padding:52px 0}
.estate-rich-section:nth-of-type(even){background:#f7f9fb}
.estate-rich-grid{display:grid;gap:22px 18px}
.estate-rich-standard,.estate-rich-luxe,.estate-rich-minimal,.estate-rich-urban{grid-template-columns:repeat(4,minmax(0,1fr))}
.estate-rich-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.estate-rich-compact .estate-core-card{display:grid;grid-template-columns:1fr;min-width:0}
.estate-rich-compact .estate-core-media img{aspect-ratio:16/10}
.estate-rich-compact .estate-core-body h3{font-size:14px}
.estate-project-strip{padding:48px 0;background:#10263d;color:#fff}
.estate-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.estate-project-grid a{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding:20px;background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.09)}
.estate-project-grid span{grid-row:1/3;font-size:24px;font-weight:900;opacity:.55}
.estate-project-grid b{font-size:15px}
.estate-project-grid small{font-size:10px;opacity:.72}
.estate-service-band{padding:30px 0;border-top:1px solid #e5e8ec;border-bottom:1px solid #e5e8ec;background:#fff}
.estate-service-band>.wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.estate-service-band .wrap>div{padding:8px 22px;border-right:1px solid #e5e8ec}
.estate-service-band .wrap>div:last-child{border-right:0}
.estate-service-band b{display:block;font-size:13px;margin-bottom:5px}
.estate-service-band span{font-size:11px;color:#718096}

/* M3 density */
.e3-soft{background:#f6f2eb}
.e3-soft .estate-section-head small{color:#9f7c39}
.e3-section .estate-section-head small{color:#9f7c39}

/* M4 density */
.e4-white{background:#fff}
.e4-white .estate-rich-grid,.e4-section .estate-rich-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.e4-white .estate-core-card,.e4-section .estate-core-card{background:transparent}

/* M5 density */
.e5-white{background:#fff}
.e5-white .estate-section-head small,.e5-section .estate-section-head small{color:#ff5b3d}

@media(max-width:1050px){
 .estate-rich-standard,.estate-rich-luxe,.estate-rich-minimal,.estate-rich-urban,.estate-rich-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
 .estate-project-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .estate-rich-standard,.estate-rich-luxe,.estate-rich-minimal,.estate-rich-urban,.estate-rich-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
 .estate-project-grid{grid-template-columns:repeat(2,1fr)}
 .estate-service-band>.wrap{grid-template-columns:repeat(2,1fr)}
 .estate-service-band .wrap>div:nth-child(2){border-right:0}
 .estate-service-band .wrap>div{border-bottom:1px solid #e5e8ec}
}
@media(max-width:480px){
 .estate-rich-section{padding:34px 0}
 .estate-project-grid{grid-template-columns:1fr 1fr}
 .estate-project-grid a{padding:14px}
 .estate-project-grid b{font-size:12px}
 .estate-section-head h2{font-size:24px}
}

/* V14.4.1 — Mẫu 3 Luxury card spacing */
body.theme-estate-luxe .estate-core-card{
 background:#fff;
 border:1px solid #ece6da;
 box-sizing:border-box;
 overflow:hidden;
}
body.theme-estate-luxe .estate-core-body{
 padding:14px 15px 17px!important;
}
body.theme-estate-luxe .estate-core-meta{
 margin-bottom:6px;
}
body.theme-estate-luxe .estate-core-body h3{
 margin:5px 0 9px!important;
 line-height:1.42;
}
body.theme-estate-luxe .estate-core-loc{
 line-height:1.45;
 margin-top:2px;
}
body.theme-estate-luxe .estate-core-facts{
 margin-top:7px;
}
body.theme-estate-luxe .estate-core-price{
 margin-top:10px;
 padding-top:9px;
 border-top:1px solid #f0ece4;
}
body.theme-estate-luxe .estate-card-compact .estate-core-body{
 padding:12px 13px 15px!important;
}
@media(max-width:520px){
 body.theme-estate-luxe .estate-core-body{
   padding:10px 10px 13px!important;
 }
 body.theme-estate-luxe .estate-card-compact .estate-core-body{
   padding:9px 9px 12px!important;
 }
}

/* ==========================================================
   V14.4.2 — Estate card spacing shared for Mẫu 3, 4, 5
   ========================================================== */

/* Shared card box model */
body.theme-estate-luxe .estate-core-card,
body.theme-estate-minimal .estate-core-card,
body.theme-estate-urban .estate-core-card{
  box-sizing:border-box;
  overflow:hidden;
}

/* Shared readable inner spacing */
body.theme-estate-luxe .estate-core-body,
body.theme-estate-minimal .estate-core-body,
body.theme-estate-urban .estate-core-body{
  padding:14px 15px 17px!important;
  box-sizing:border-box;
}

/* Shared text rhythm */
body.theme-estate-luxe .estate-core-meta,
body.theme-estate-minimal .estate-core-meta,
body.theme-estate-urban .estate-core-meta{
  margin-bottom:6px;
}
body.theme-estate-luxe .estate-core-body h3,
body.theme-estate-minimal .estate-core-body h3,
body.theme-estate-urban .estate-core-body h3{
  margin:5px 0 9px!important;
  line-height:1.42;
}
body.theme-estate-luxe .estate-core-loc,
body.theme-estate-minimal .estate-core-loc,
body.theme-estate-urban .estate-core-loc{
  line-height:1.45;
  margin-top:2px;
}
body.theme-estate-luxe .estate-core-facts,
body.theme-estate-minimal .estate-core-facts,
body.theme-estate-urban .estate-core-facts{
  margin-top:7px;
}
body.theme-estate-luxe .estate-core-price,
body.theme-estate-minimal .estate-core-price,
body.theme-estate-urban .estate-core-price{
  margin-top:10px;
  padding-top:9px;
}

/* Mẫu 3 Luxury */
body.theme-estate-luxe .estate-core-card{
  background:#fff;
  border:1px solid #ece6da;
}
body.theme-estate-luxe .estate-core-price{
  border-top:1px solid #f0ece4;
}

/* Mẫu 4 Minimal */
body.theme-estate-minimal .estate-core-card{
  background:#fff;
  border:1px solid #e5e7eb;
}
body.theme-estate-minimal .estate-core-price{
  border-top:1px solid #eceff2;
}

/* Mẫu 5 Urban */
body.theme-estate-urban .estate-core-card{
  background:#fff;
  border:1px solid #e2e7ec;
}
body.theme-estate-urban .estate-core-price{
  border-top:1px solid #edf0f3;
}

/* Compact cards keep same padding logic */
body.theme-estate-luxe .estate-card-compact .estate-core-body,
body.theme-estate-minimal .estate-card-compact .estate-core-body,
body.theme-estate-urban .estate-card-compact .estate-core-body{
  padding:12px 13px 15px!important;
}

/* Row cards need horizontal breathing room too */
body.theme-estate-luxe .estate-card-row .estate-core-body,
body.theme-estate-minimal .estate-card-row .estate-core-body,
body.theme-estate-urban .estate-card-row .estate-core-body{
  padding:10px 12px!important;
}

/* Image must align flush with card box */
body.theme-estate-luxe .estate-core-media,
body.theme-estate-minimal .estate-core-media,
body.theme-estate-urban .estate-core-media{
  margin:0!important;
}

/* Mobile stays compact but never touches the edge */
@media(max-width:520px){
  body.theme-estate-luxe .estate-core-body,
  body.theme-estate-minimal .estate-core-body,
  body.theme-estate-urban .estate-core-body{
    padding:10px 10px 13px!important;
  }
  body.theme-estate-luxe .estate-card-compact .estate-core-body,
  body.theme-estate-minimal .estate-card-compact .estate-core-body,
  body.theme-estate-urban .estate-card-compact .estate-core-body{
    padding:9px 9px 12px!important;
  }
}

/* ==========================================================
   V14.5 — Client Simulation View
   ========================================================== */
.nr-client-simulation{padding-top:58px!important}
.nr-client-simbar{
 position:fixed;z-index:999999;left:0;right:0;top:0;height:58px;
 display:flex;align-items:center;gap:18px;padding:7px 18px;
 background:#101827;color:#fff;box-shadow:0 3px 18px rgba(0,0,0,.22);
 font-family:Arial,Helvetica,sans-serif
}
.nr-client-simbar *{box-sizing:border-box}
.nr-sim-brand{display:flex;flex-direction:column;min-width:210px}
.nr-sim-brand b{font-size:12px;letter-spacing:.08em}
.nr-sim-brand span{font-size:10px;color:#aeb9c9;margin-top:2px}
.nr-sim-state{display:flex;align-items:center;gap:7px;flex:1}
.nr-sim-state>span{font-size:11px;color:#b8c2d1;margin-right:3px}
.nr-client-simbar button,.nr-client-simbar a{
 border:1px solid #445066;background:#1d293a;color:#fff;border-radius:8px;
 min-height:34px;padding:8px 12px;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer
}
.nr-client-simbar button.active{background:#fff;color:#111827;border-color:#fff}
.nr-sim-actions{display:flex;gap:8px;align-items:center}
.nr-sim-actions a{background:#1677ff;border-color:#1677ff}
.nr-sim-actions button{background:transparent}
@media(max-width:760px){
 .nr-client-simulation{padding-top:94px!important}
 .nr-client-simbar{height:94px;flex-wrap:wrap;padding:7px 10px;gap:5px 8px}
 .nr-sim-brand{min-width:150px;flex:1}
 .nr-sim-state{order:3;width:100%;flex:none}
 .nr-sim-actions a{display:none}
 .nr-client-simbar button{min-height:30px;padding:6px 9px}
}

/* V15.3 — Structure Geometry: structure_profile owns row/column geometry. */
.nr-structure-placeholder{pointer-events:none;user-select:none;opacity:.72}
.nr-structure-placeholder .nr-placeholder-media{min-height:120px;border:1px dashed #ccd5e2;background:linear-gradient(135deg,#f5f7fa,#eef2f7);border-radius:inherit}
.nr-structure-placeholder .nr-placeholder-body{padding:12px;color:#7a8799}
.nr-structure-placeholder .nr-placeholder-body span{display:block;width:34%;height:7px;border-radius:99px;background:#e4e9f0;margin-bottom:10px}
.nr-structure-placeholder .nr-placeholder-body b{display:block;font-size:13px;color:#7a8799;margin-bottom:5px}
.nr-structure-placeholder .nr-placeholder-body small{color:#a0a9b7}
.nr-structure-grid{grid-template-columns:repeat(var(--nr-cols-desktop,4),minmax(0,1fr))!important}
@media(max-width:900px){.nr-structure-grid{grid-template-columns:repeat(var(--nr-cols-tablet,2),minmax(0,1fr))!important}}
@media(max-width:620px){.nr-structure-grid{grid-template-columns:repeat(var(--nr-cols-mobile,1),minmax(0,1fr))!important}}

/* V15.3 — protect original template geometry */
.tm-locked-field{background:#f5f7fa!important;color:#667085!important;border-style:dashed!important;cursor:not-allowed}
#templateEditorModal select:disabled,#templateEditorModal input:disabled{background:#f5f7fa;color:#667085;cursor:not-allowed}

/* V15.6 — Structure Contract V4: sidebar is part of the template frame. */
.nr-sidebar-placeholder{pointer-events:none;user-select:none;opacity:.72;color:#94a3b8!important;border-bottom:1px solid #eef2f7;min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 0;font-size:12px}
.nr-sidebar-rank-placeholder{display:grid!important;grid-template-columns:34px 1fr;gap:10px}
.nr-sidebar-rank-placeholder b{font-size:20px;color:#d5dbe4}
.nr-sidebar-item-placeholder{display:grid!important;grid-template-columns:48px 1fr}
.nr-sidebar-thumb{display:block;width:48px;height:34px;border-radius:5px;background:#eef2f7}
.nr-sidebar-category-placeholder{display:inline-flex!important;min-height:0!important;padding:6px 8px!important;border:1px dashed #d8e0ea!important;border-radius:999px!important;margin:3px!important;color:#94a3b8!important;background:#fafcff!important}
body.theme-news-minimal #doc-nhieu>.nr-sidebar-placeholder{display:grid!important;grid-template-columns:35px 1fr;padding:14px 0}

/* V16.1 — Tin tức Mẫu 2: compact four-column category newsroom grid */
@media(min-width:1051px){
 body.theme-news-paper .np-category-grid.news-configurable-grid{gap:24px 16px!important}
 body.theme-news-paper .np-category-grid.news-configurable-grid .news-layout-card img{aspect-ratio:16/9!important;border-radius:6px!important;margin-bottom:7px!important}
 body.theme-news-paper .np-category-grid.news-configurable-grid .news-layout-card h3{font-size:13px!important;line-height:1.34!important;-webkit-line-clamp:2!important}
 body.theme-news-paper .np-category-grid.news-configurable-grid .news-layout-card span{font-size:9px!important;margin-bottom:4px!important}
 body.theme-news-paper .np-category-grid.news-configurable-grid .news-layout-card small{font-size:9px!important;margin-top:5px!important}
}


/* V16.4 — Long showroom performance without reducing homepage density */
body.nr-demo-performance .nm-section,
body.nr-demo-performance .nm-dark,
body.nr-demo-performance .np-section,
body.nr-demo-performance .nmin-topic,
body.nr-demo-performance .n3-section,
body.nr-demo-performance .n3-wide-list,
body.nr-demo-performance .news-category-archive {
  content-visibility:auto;
  contain-intrinsic-size:auto 720px;
}
body.nr-demo-performance img { background:#eef2f7; }

/* V16.5 — Article-first UX + title-only cards + Mẫu 4 compact newsroom */
/* Card surfaces must never expose body/excerpt text. Detail pages remain unchanged. */
.news-archive-card p,
.theme-news-portal .n3-card p,
.theme-news-portal .n3-overlay p,
.theme-news-paper .np-lead p,
.theme-news-minimal .nmin-line p,
.theme-news-minimal .nmin-lead p{display:none!important}

/* Mẫu 4: shorter intro and stronger but compact lead. */
body.theme-news-minimal .nmin-intro{padding:38px 0 28px!important}
body.theme-news-minimal .nmin-intro h1{font-size:40px!important;max-width:760px!important}
body.theme-news-minimal .nmin-lead{padding:28px 0 30px!important}
body.theme-news-minimal .nmin-lead-grid{grid-template-columns:1.35fr .85fr!important;gap:30px!important}
body.theme-news-minimal .nmin-lead img{height:315px!important;border-radius:8px!important}
body.theme-news-minimal .nmin-lead h2{font-size:31px!important;line-height:1.16!important}
body.theme-news-minimal .nmin-lead small{font-size:11px;color:#7b8798}

/* Mẫu 4 latest: 3-column newsroom cards instead of one very long vertical list. */
body.theme-news-minimal .nmin-main{padding:30px 0 42px!important}
body.theme-news-minimal .nmin-layout{grid-template-columns:minmax(0,1fr) 285px!important;gap:36px!important;align-items:start}
body.theme-news-minimal .nmin-latest-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px 18px!important;padding-top:18px}
body.theme-news-minimal .nmin-latest-card{display:block;color:inherit;text-decoration:none;min-width:0}
body.theme-news-minimal .nmin-latest-card img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;border-radius:7px;margin-bottom:8px}
body.theme-news-minimal .nmin-latest-card span{display:block;font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#667085;font-weight:800;margin-bottom:5px}
body.theme-news-minimal .nmin-latest-card h3{font-family:Georgia,serif;font-size:16px;line-height:1.32;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.theme-news-minimal .nmin-latest-card small{display:block;margin-top:7px;font-size:9px;color:#8a94a3}

/* Mẫu 4 categories: compact four-column sections, still dense enough to avoid a thin homepage. */
body.theme-news-minimal .nmin-topic{padding:34px 0!important}
body.theme-news-minimal .nmin-topic .news-configurable-grid{grid-template-columns:repeat(var(--news-cols,4),minmax(0,1fr))!important;gap:22px 16px!important}
body.theme-news-minimal .nmin-topic .news-layout-card img{aspect-ratio:16/9!important;border-radius:6px!important}
body.theme-news-minimal .nmin-topic .news-layout-card h3{font-size:13.5px!important;line-height:1.34!important;-webkit-line-clamp:2!important}
body.theme-news-minimal .nmin-topic .news-layout-card small{font-size:9px!important}

@media(max-width:1050px){
 body.theme-news-minimal .nmin-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.theme-news-minimal .nmin-layout{grid-template-columns:minmax(0,1fr) 260px!important}
}
@media(max-width:760px){
 body.theme-news-minimal .nmin-lead-grid,body.theme-news-minimal .nmin-layout{grid-template-columns:1fr!important}
 body.theme-news-minimal .nmin-lead img{height:auto!important;aspect-ratio:16/10}
 body.theme-news-minimal .nmin-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.theme-news-minimal .nmin-topic .news-configurable-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
 body.theme-news-minimal .nmin-latest-grid{grid-template-columns:1fr!important}
}


/* V16.6 — Article isolation + absolute title-only cards + compact M4 latest */
/* Card/list surfaces never show article body/excerpt. Only article detail may show body text. */
.n3-card p,.n3-row p,.news-layout-card p,.news-archive-card p,
.np-row p,.np-top-story p,.nmin-latest-card p,.news-related-card p,
.news-side-rank p,.news-side-latest p,.nm-tile p,
.n3-card .excerpt,.n3-row .excerpt,.news-layout-card .excerpt,.news-archive-card .excerpt,
.np-row .excerpt,.np-top-story .excerpt,.nmin-latest-card .excerpt,.news-related-card .excerpt,
.n3-card .summary,.news-layout-card .summary,.news-archive-card .summary{display:none!important}

/* Mẫu 4 latest is a compact 4 x 2 newsroom grid on desktop. */
body.theme-news-minimal .nmin-latest-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 14px!important}
body.theme-news-minimal .nmin-latest-card img{aspect-ratio:16/9!important}
body.theme-news-minimal .nmin-latest-card h3{font-size:14px!important;line-height:1.32!important;-webkit-line-clamp:2!important}
@media(max-width:1050px){body.theme-news-minimal .nmin-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.theme-news-minimal .nmin-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:430px){body.theme-news-minimal .nmin-latest-grid{grid-template-columns:1fr!important}}

/* =========================================================
   V16.7 — Unified News Article Contract V1
   Rich sticky sidebar, page scroll only (never inner sidebar scroll)
   ========================================================= */
.n3-article-aside{display:block!important;min-width:0!important;overflow:visible!important;align-self:stretch!important}
.news-article-sidebar{position:sticky!important;top:92px!important;max-height:none!important;height:max-content!important;overflow:visible!important;overscroll-behavior:auto!important;scrollbar-width:auto!important}
.news-article-sidebar .news-side-box{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:15px;margin:0}
.news-article-sidebar .news-side-latest{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid #edf0f3!important;color:inherit!important;text-decoration:none!important}
.news-article-sidebar .news-side-latest:last-of-type{border-bottom:0!important}
.news-article-sidebar .news-side-latest img{width:72px!important;height:52px!important;object-fit:cover!important;border-radius:6px!important;margin:0!important}
.news-article-sidebar .news-side-latest span{font-size:12px!important;line-height:1.35!important;font-weight:750!important;color:#111827!important;text-transform:none!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.news-article-sidebar .news-side-more{display:block;margin-top:11px;padding-top:10px;border-top:1px solid #edf0f3;font-size:12px;font-weight:800;color:#1769ff;text-decoration:none}
.news-article-sidebar .news-side-categories>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.news-article-sidebar .news-side-categories a{font-size:11px!important;padding:6px 9px!important;border:1px solid #dfe5ec!important;border-radius:999px!important;text-decoration:none!important;color:#334155!important}
body.theme-news-minimal .news-article-sidebar .news-side-box{border-color:#dfe3e8}
body.theme-news-minimal .news-article-sidebar .n3-aside-title{font-family:Georgia,serif;font-size:18px;letter-spacing:0;color:#111827}
@media(max-width:900px){
 .news-article-sidebar{position:static!important;top:auto!important}
 .news-article-sidebar .news-side-box{margin-bottom:14px}
}

/* ==========================================================
   V16.8 — Unified News Routing + Article Sidebar + M4 Top
   ========================================================== */
.news-article-sidebar{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;visibility:visible!important;opacity:1!important}
.news-article-sidebar .news-side-note{font-size:12px;line-height:1.5;color:#667085;padding:10px 0}
.n3-article-aside{display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important}
@media(min-width:1051px){
  body[class*="theme-news-"] .nvar-article-grid{grid-template-columns:minmax(0,1fr) 340px!important;gap:42px!important;align-items:start!important}
  body[class*="theme-news-"] .n3-article-aside{position:relative!important}
  body[class*="theme-news-"] .news-article-sidebar{position:sticky!important;top:88px!important;height:max-content!important;max-height:none!important;overflow:visible!important}
}

/* Mẫu 4: top-home must feel like a complete front page, not one lonely hero. */
body.theme-news-minimal .nmin-feature-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr)!important;gap:28px!important;align-items:stretch!important}
body.theme-news-minimal .nmin-feature-main>a{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;height:100%!important;color:inherit!important;text-decoration:none!important}
body.theme-news-minimal .nmin-feature-main img{width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important;border-radius:8px!important}
body.theme-news-minimal .nmin-feature-main> a > div{padding-top:13px!important}
body.theme-news-minimal .nmin-feature-main span,body.theme-news-minimal .nmin-top-card span{font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#667085!important}
body.theme-news-minimal .nmin-feature-main h2{font-family:Georgia,serif!important;font-size:32px!important;line-height:1.15!important;margin:6px 0 4px!important}
body.theme-news-minimal .nmin-feature-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body.theme-news-minimal .nmin-top-card{display:block!important;color:inherit!important;text-decoration:none!important;border-bottom:1px solid #e8ebef!important;padding-bottom:10px!important}
body.theme-news-minimal .nmin-top-card img{width:100%!important;aspect-ratio:16/10!important;height:auto!important;object-fit:cover!important;border-radius:6px!important;margin-bottom:8px!important}
body.theme-news-minimal .nmin-top-card h3{font-family:Georgia,serif!important;font-size:16px!important;line-height:1.25!important;margin:4px 0 0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
@media(max-width:1050px){
 body.theme-news-minimal .nmin-feature-grid{grid-template-columns:1fr!important}
 body.theme-news-minimal .nmin-feature-side{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
 body.theme-news-minimal .nmin-feature-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.theme-news-minimal .nmin-feature-main h2{font-size:26px!important}
}
@media(max-width:430px){body.theme-news-minimal .nmin-feature-side{grid-template-columns:1fr!important}}

/* V17.0 Estate Navigation Contract */
.nr-route-anchor{display:block;position:relative;top:-92px;visibility:hidden;height:0;pointer-events:none}
#categories,#news{scroll-margin-top:96px}

.admin-trial-bar{position:sticky;top:0;z-index:9999;background:#05233f;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:9px 18px;font-family:Arial,sans-serif}.admin-trial-bar>div{display:flex;align-items:center;gap:12px}.admin-trial-bar a,.admin-trial-bar button{padding:8px 12px;border:0;border-radius:8px;text-decoration:none;font-weight:800}.admin-trial-bar a{background:#fff;color:#05233f}.admin-trial-bar button{background:#16a066;color:#fff}.admin-trial-expired{position:fixed;inset:0;z-index:12000;background:#071525e5;display:grid;place-items:center}.admin-trial-expired>div{background:#fff;border-radius:18px;padding:36px;text-align:center;max-width:520px}.admin-trial-expired button{background:#1463ff;color:white;border:0;border-radius:10px;padding:12px 18px;font-weight:900}

/* V17.4 — Trial CTA belongs to each marketplace template card. */
.demo-pro-actions{grid-template-columns:1fr 1fr!important;gap:10px!important}
.demo-pro-actions .demo-trial-start{grid-column:1/-1;width:100%;border:1px solid #b8e3cb;background:#0fa663;color:#fff;text-align:center;padding:12px 13px;border-radius:9px;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 5px 16px rgba(15,166,99,.12)}
.demo-pro-actions .demo-trial-start:hover{background:#0b9156;transform:translateY(-1px)}
.demo-pro-actions .demo-trial-start:focus-visible{outline:3px solid rgba(15,166,99,.22);outline-offset:2px}
body.market-trial-open{overflow:hidden}
.market-trial-modal{position:fixed;inset:0;z-index:20000;background:rgba(4,20,35,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;overflow:auto}
.market-trial-card{position:relative;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:20px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.3);color:#102a43}
.market-trial-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:999px;background:#eef3f8;color:#102a43;font-size:25px;line-height:1;cursor:pointer}
.market-trial-badge{font-size:11px;letter-spacing:.08em;font-weight:900;color:#0b8f58;margin-bottom:7px}
.market-trial-card h2{font-size:28px;margin:0 42px 6px 0;color:#0b223e}
.market-trial-card>p{margin:6px 0;color:#637387;line-height:1.55}
.market-trial-template{padding:9px 12px!important;background:#f3f8ff;border:1px solid #dce9f7;border-radius:9px;color:#23415d!important}
.market-trial-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.market-trial-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#34495e}
.market-trial-form label.full,.market-trial-form .full{grid-column:1/-1}
.market-trial-form input,.market-trial-form textarea{width:100%;box-sizing:border-box;border:1px solid #ced9e4;border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;background:#fff;color:#102a43;outline:none}
.market-trial-form input:focus,.market-trial-form textarea:focus{border-color:#1b73e8;box-shadow:0 0 0 3px rgba(27,115,232,.1)}
.market-trial-consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;font-weight:600!important;line-height:1.45;color:#66778a!important}
.market-trial-consent input{width:16px!important;height:16px!important;padding:0!important;margin-top:2px;flex:0 0 auto}
.market-trial-submit{border:0;border-radius:11px;padding:13px 16px;background:#0fa663;color:#fff;font-weight:900;font-size:14px;cursor:pointer}
.market-trial-submit:disabled{opacity:.65;cursor:wait}
.market-trial-msg{min-height:18px;font-size:13px;font-weight:700;color:#607086}
.market-trial-msg.error{color:#c32929}.market-trial-msg.info{color:#164f8f}.market-trial-msg a{color:inherit;font-weight:900}
.market-trial-foot{text-align:center;color:#8290a0;font-size:11px;margin-top:12px}
.market-trial-success{text-align:center}.market-trial-success-icon{margin:0 auto 10px;width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:#e6f8ef;color:#0a9b5b;font-size:26px;font-weight:900}
.market-trial-credentials{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin:18px 0}.market-trial-credentials span{padding:12px;background:#f5f8fb;border:1px solid #e2e9f0;border-radius:10px;color:#708093;font-size:11px}.market-trial-credentials b,.market-trial-credentials code{display:block;margin-top:5px;color:#102a43;font-size:14px;overflow-wrap:anywhere}
.market-trial-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-trial-success-actions a{text-decoration:none;padding:12px;border-radius:10px;border:1px solid #cfdae5;color:#133b61;font-weight:900}.market-trial-success-actions a.primary{background:#0fa663;border-color:#0fa663;color:#fff}.market-trial-done{margin-top:12px;border:0;background:transparent;color:#64748b;font-weight:800;cursor:pointer}
@media(max-width:640px){.market-trial-card{padding:22px 17px}.market-trial-card h2{font-size:23px}.market-trial-form{grid-template-columns:1fr}.market-trial-form label.full,.market-trial-form .full{grid-column:auto}.market-trial-credentials,.market-trial-success-actions{grid-template-columns:1fr}.demo-pro-actions{grid-template-columns:1fr!important}.demo-pro-actions .demo-trial-start{grid-column:auto}}


/* V17.6 — Trial Experience Bar / Conversion UI */
.nr-trial-bar{position:sticky;top:0;z-index:11000;min-height:64px;box-sizing:border-box;background:linear-gradient(135deg,#071b31 0%,#0b2947 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px clamp(14px,4vw,56px);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-shadow:0 8px 24px rgba(4,22,40,.16);border-bottom:1px solid rgba(255,255,255,.1)}
.nr-trial-info,.nr-trial-actions{display:flex;align-items:center;gap:14px}.nr-trial-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(49,211,143,.14);border:1px solid rgba(73,221,158,.3);color:#71e8b4;font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.nr-trial-badge:before{content:"";width:7px;height:7px;border-radius:99px;background:#43df9b;box-shadow:0 0 0 5px rgba(67,223,155,.11)}
.nr-trial-time{display:flex;align-items:center;gap:10px}.nr-trial-time small{font-size:11px;color:#9fb3c8;white-space:nowrap}.nr-trial-time strong,.admin-trial-time strong{display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.nr-trial-time strong span,.admin-trial-time strong span{min-width:30px;text-align:center;padding:5px 6px;border-radius:7px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:16px;line-height:1}.nr-trial-time strong i,.admin-trial-time strong i{font-style:normal;color:#7f9ab2;font-weight:700;animation:nrColonPulse 1s steps(1) infinite}@keyframes nrColonPulse{50%{opacity:.25}}
.nr-trial-actions a,.nr-trial-actions button{appearance:none;text-decoration:none;border:0;border-radius:10px;padding:10px 14px;font:800 13px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:.18s ease;white-space:nowrap}.nr-trial-admin{color:#0b2947!important;background:#fff}.nr-trial-admin:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.16)}.nr-trial-buy{background:#20b875;color:#fff;box-shadow:0 7px 18px rgba(32,184,117,.22)}.nr-trial-buy:hover{background:#19a96a;transform:translateY(-1px)}
.nr-trial-expired-modal{position:fixed;inset:0;z-index:30000;background:rgba(5,19,33,.82);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.nr-trial-expired-card{width:min(520px,100%);box-sizing:border-box;background:#fff;border-radius:24px;padding:36px;text-align:center;color:#102a43;box-shadow:0 30px 90px rgba(0,0,0,.35)}.nr-trial-expired-icon,.admin-expired-icon{width:56px;height:56px;margin:0 auto 12px;display:grid;place-items:center;border-radius:99px;background:#fff5df;font-size:28px}.nr-trial-expired-card small,.admin-trial-expired small{font-weight:900;letter-spacing:.08em;color:#0b9f62}.nr-trial-expired-card h2,.admin-trial-expired h2{margin:8px 0 10px;font-size:27px;line-height:1.2}.nr-trial-expired-card p,.admin-trial-expired p{color:#62748a;line-height:1.6}.nr-trial-expired-card button,.admin-trial-expired button{width:100%;border:0;border-radius:12px;padding:13px 18px;background:#11a565;color:#fff;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 8px 22px rgba(17,165,101,.2)}.nr-trial-expired-card a{display:inline-block;margin-top:14px;color:#66788c;text-decoration:none;font-weight:800;font-size:13px}
.admin-trial-bar{position:sticky;top:0;z-index:13000;min-height:64px;box-sizing:border-box;background:linear-gradient(135deg,#071b31,#0b2947);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px 24px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-shadow:0 8px 24px rgba(4,22,40,.16)}.admin-trial-info,.admin-trial-actions{display:flex;align-items:center;gap:14px}.admin-trial-badge{padding:7px 10px;border-radius:999px;background:rgba(49,211,143,.14);border:1px solid rgba(73,221,158,.3);color:#71e8b4;font-size:11px;font-weight:900;letter-spacing:.08em}.admin-trial-time{display:flex;align-items:center;gap:10px}.admin-trial-time small{font-size:11px;color:#9fb3c8}.admin-trial-actions a,.admin-trial-actions button{border:0;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:900;font-size:13px;cursor:pointer}.admin-trial-actions a{background:#fff;color:#0b2947}.admin-trial-actions button{background:#20b875;color:#fff}.admin-trial-expired{position:fixed;inset:0;z-index:32000;background:rgba(5,19,33,.86);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.admin-trial-expired>div{width:min(520px,100%);box-sizing:border-box;background:#fff;border-radius:24px;padding:36px;text-align:center;color:#102a43;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.market-trial-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:760px){.nr-trial-bar,.admin-trial-bar{align-items:stretch;flex-direction:column;gap:8px;padding:9px 12px}.nr-trial-info,.admin-trial-info{justify-content:space-between}.nr-trial-actions,.admin-trial-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nr-trial-actions a,.nr-trial-actions button,.admin-trial-actions a,.admin-trial-actions button{text-align:center}.nr-trial-time small,.admin-trial-time small{display:none}.nr-trial-badge,.admin-trial-badge{font-size:10px}.nr-trial-time strong span,.admin-trial-time strong span{font-size:14px;min-width:27px}}

/* V17.7 unified Control Center refresh feedback */
button.is-refreshing{opacity:.72;cursor:wait;pointer-events:none}


/* V17.8 — Trial Experience Bar V2: one purpose, no showroom duplication */
body.nr-trial-mode .nr-demo-bar{display:none!important}
body.nr-trial-mode .nr-trial-bar{position:sticky;top:0;z-index:16000;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;min-height:70px;padding:10px clamp(16px,4vw,56px);background:linear-gradient(120deg,#061a2e 0%,#0a2c4c 58%,#0c3557 100%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(3,20,36,.18)}
body.nr-trial-mode .nr-trial-info{display:flex;align-items:center;gap:12px;min-width:0}body.nr-trial-mode .nr-trial-badge{font-size:11px;padding:8px 11px}body.nr-trial-mode .nr-trial-context{min-width:0}body.nr-trial-mode .nr-trial-context b{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.nr-trial-mode .nr-trial-context small{display:block;margin-top:3px;color:#96adc2;font-size:10px}
body.nr-trial-mode .nr-trial-time{justify-self:center;display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075)}body.nr-trial-mode .nr-trial-time small{color:#a7bacb;font-size:10px;font-weight:750}body.nr-trial-mode .nr-trial-time strong span{min-width:31px;padding:6px 7px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);font-size:16px}
body.nr-trial-mode .nr-trial-actions{justify-self:end;display:flex;align-items:center;gap:8px}body.nr-trial-mode .nr-trial-actions a,body.nr-trial-mode .nr-trial-actions button{min-height:39px;border-radius:10px;padding:10px 13px;font-size:12px}body.nr-trial-mode .nr-trial-admin{background:rgba(255,255,255,.96)!important;color:#0b2947!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:none!important}body.nr-trial-mode .nr-trial-buy{background:#1ab473;color:#fff;box-shadow:0 6px 16px rgba(26,180,115,.18)}
@media(max-width:920px){body.nr-trial-mode .nr-trial-bar{grid-template-columns:1fr auto;gap:9px 14px}body.nr-trial-mode .nr-trial-time{grid-row:2;grid-column:1/-1;justify-self:start}body.nr-trial-mode .nr-trial-actions{grid-column:2;grid-row:1}}
@media(max-width:640px){body.nr-trial-mode .nr-trial-bar{display:grid;grid-template-columns:1fr;padding:9px 12px}body.nr-trial-mode .nr-trial-info,body.nr-trial-mode .nr-trial-actions,body.nr-trial-mode .nr-trial-time{grid-column:1;justify-self:stretch}body.nr-trial-mode .nr-trial-actions{display:grid;grid-template-columns:1fr 1fr}body.nr-trial-mode .nr-trial-time{justify-content:space-between}body.nr-trial-mode .nr-trial-context small{display:none}}

/* V17.9 — Unified Activation Contract */
.market-trial-credentials.single{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
.market-trial-success-actions.one{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
.market-trial-success-actions.one .primary{display:flex;justify-content:center;align-items:center;min-height:48px}
.trial-wait-activation{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #f0d79e;background:#fff8e8;color:#8a5a00;border-radius:9px;font-size:12px;font-weight:900}
.activation-password-box input[type=email]{background:#f8fbff}

/* V18.2 activation CTA alignment */
.market-trial-success-actions.one{display:flex!important;justify-content:center!important;width:100%!important;max-width:none!important;margin:18px auto 0!important}.market-trial-success-actions.one .primary{width:min(100%,360px)!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}

/* V18.3 Trial conversion clarity */
.nr-trial-expired-price,.admin-trial-expired-price{margin:16px auto 14px;padding:14px 16px;border:1px solid #dbe8f3;border-radius:14px;background:#f6faff;display:grid;gap:4px;max-width:360px}
.nr-trial-expired-price small,.admin-trial-expired-price small{font-size:10px;letter-spacing:.08em;color:#6a7d91!important;font-weight:900}
.nr-trial-expired-price strong,.admin-trial-expired-price strong{font-size:25px;line-height:1.15;color:#0b66d5;font-weight:950}
.nr-trial-expired-price em,.admin-trial-expired-price em{font-size:12px;font-style:normal;color:#60748a;font-weight:800}
body.admin-trial-mode #viewSiteLink{display:none!important}


/* V18.6 — Expanded News taxonomy navigation */
.header .nav .news-nav-more{position:relative;display:inline-flex;align-items:center}
.header .nav .news-nav-more>summary{list-style:none;cursor:pointer;font-weight:700;white-space:nowrap;padding:8px 4px}
.header .nav .news-nav-more>summary::-webkit-details-marker{display:none}
.header .nav .news-nav-more>summary:after{content:' ▾';font-size:.75em;opacity:.6}
.header .nav .news-nav-more>div{display:none;position:absolute;z-index:120;top:calc(100% + 8px);right:0;min-width:390px;max-width:min(560px,80vw);padding:12px;background:#fff;border:1px solid #dbe3ef;border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.header .nav .news-nav-more[open]>div{display:grid}
.header .nav .news-nav-more>div a{display:block;padding:9px 10px;border-radius:8px;white-space:nowrap}
.header .nav .news-nav-more>div a:hover{background:#f1f5f9}
@media(max-width:980px){.header .nav .news-nav-more>div{left:0;right:auto;min-width:min(92vw,420px);grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V18.7 Property Taxonomy Contract */
.property-taxonomy-menu{position:relative;display:inline-flex;align-items:center}.property-taxonomy-menu summary{list-style:none;cursor:pointer;font:inherit;color:inherit;white-space:nowrap}.property-taxonomy-menu summary::-webkit-details-marker{display:none}.property-taxonomy-menu summary:after{content:" ▾";font-size:.72em}.property-taxonomy-dropdown{position:absolute;z-index:80;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:min(620px,82vw);padding:12px;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:4px;background:#fff;border:1px solid #dbe5ef;border-radius:14px;box-shadow:0 18px 50px rgba(15,35,60,.16)}.property-taxonomy-dropdown a{padding:9px 10px!important;border-radius:8px;white-space:normal!important;font-size:13px!important;color:#1b3653!important}.property-taxonomy-dropdown a:hover{background:#f1f6fb}.property-taxonomy-menu:not([open]) .property-taxonomy-dropdown{display:none}@media(max-width:860px){.property-taxonomy-menu{display:block}.property-taxonomy-dropdown{position:static;transform:none;width:auto;grid-template-columns:1fr 1fr;box-shadow:none;margin-top:8px}}


/* V18.9 — Navigation Contract V1: compact first tier + layered mega menu */
@media(min-width:821px){
  body.theme-news-portal .header,
  body.theme-news-paper .header,
  body.theme-news-magazine .header,
  body.theme-news-minimal .header{overflow:visible!important;z-index:420!important}
  body.theme-news-portal .header .wrap,
  body.theme-news-paper .header .wrap,
  body.theme-news-magazine .header .wrap,
  body.theme-news-minimal .header .wrap{overflow:visible!important}
  body.theme-news-portal .header nav.nav,
  body.theme-news-paper .header nav.nav,
  body.theme-news-magazine .header nav.nav,
  body.theme-news-minimal .header nav.nav{overflow:visible!important;position:relative!important;z-index:430!important}
  .header .nav .news-nav-more{position:relative!important;z-index:450!important;flex:0 0 auto!important}
  .header .nav .news-nav-more>summary{display:flex;align-items:center;min-height:40px;padding:8px 7px!important;border-radius:8px;outline:none}
  .header .nav .news-nav-more[open]>summary{background:#f3f6fa}
  .header .nav .news-nav-more>.news-nav-mega{position:absolute!important;display:none!important;z-index:20000!important;top:calc(100% + 10px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(720px,78vw)!important;min-width:600px!important;max-width:none!important;padding:18px!important;background:#fff!important;border:1px solid #dbe3ef!important;border-radius:16px!important;box-shadow:0 22px 60px rgba(15,23,42,.22)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .header .nav .news-nav-more[open]>.news-nav-mega{display:grid!important}
  .header .nav .news-nav-mega section{display:flex;flex-direction:column;min-width:0;gap:2px}
  .header .nav .news-nav-mega section>b{display:block;margin:0 0 7px;padding:0 9px 8px;border-bottom:1px solid #edf1f5;color:#65758a;font-size:10px;line-height:1.2;font-weight:950;letter-spacing:.055em;text-transform:uppercase;white-space:normal}
  .header .nav .news-nav-mega section>a{display:block!important;padding:9px!important;margin:0!important;border-radius:8px!important;font-size:13px!important;line-height:1.25!important;white-space:normal!important;color:#17263a!important}
  .header .nav .news-nav-mega section>a:hover{background:#f2f6fb!important;color:#1769ff!important}
  .property-taxonomy-menu{z-index:450!important}
  .property-taxonomy-dropdown{z-index:20000!important}
  .header:has(.property-taxonomy-menu[open]){overflow:visible!important;z-index:420!important}
}
@media(max-width:1120px) and (min-width:821px){
  .header .nav .news-nav-more>.news-nav-mega{left:auto!important;right:-80px!important;transform:none!important;width:min(650px,82vw)!important;min-width:540px!important}
}
@media(max-width:820px){
  .header nav.mobile-open .news-nav-more,.header .nav.mobile-open .news-nav-more{display:block!important;width:100%!important;border-bottom:1px solid #eef2f7!important}
  .header nav.mobile-open .news-nav-more>summary,.header .nav.mobile-open .news-nav-more>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:46px!important;padding:11px 13px!important;font-size:15px!important;font-weight:900!important;color:#0f172a!important;list-style:none!important}
  .header nav.mobile-open .news-nav-more>.news-nav-mega,.header .nav.mobile-open .news-nav-more>.news-nav-mega{position:static!important;transform:none!important;width:auto!important;min-width:0!important;max-width:none!important;padding:6px 8px 10px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#f8fafc!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .header nav.mobile-open .news-nav-more[open]>.news-nav-mega,.header .nav.mobile-open .news-nav-more[open]>.news-nav-mega{display:grid!important}
  .header nav.mobile-open .news-nav-mega section,.header .nav.mobile-open .news-nav-mega section{display:flex!important;flex-direction:column!important;gap:0!important}
  .header nav.mobile-open .news-nav-mega section>b,.header .nav.mobile-open .news-nav-mega section>b{padding:8px 8px 5px!important;font-size:10px!important;color:#64748b!important;text-transform:uppercase!important}
  .header nav.mobile-open .news-nav-mega section>a,.header .nav.mobile-open .news-nav-mega section>a{min-height:38px!important;padding:8px!important;border-bottom:0!important;background:transparent!important;font-size:13px!important}
  .property-taxonomy-menu .property-taxonomy-dropdown{z-index:20000!important}
}
@media(max-width:520px){
  .header nav.mobile-open .news-nav-more>.news-nav-mega,.header .nav.mobile-open .news-nav-more>.news-nav-mega{grid-template-columns:1fr!important}
}

/* V19.4 semantic article content */
.article-body img,.news-article-body img,.article-content img,.post-content img{max-width:100%!important;width:auto!important;height:auto!important;display:block;margin:18px auto}
.article-body figure,.news-article-body figure,.article-content figure,.post-content figure{max-width:100%!important;margin:22px auto!important}
.article-body figcaption,.news-article-body figcaption,.article-content figcaption,.post-content figcaption{text-align:center;font-size:.88em;color:#697789;margin-top:7px}
.article-body p,.news-article-body p,.article-content p,.post-content p{max-width:100%;margin:0 0 1em;line-height:1.75}


/* V19.5 Quill editor + responsive article media contract */
.nr-quill-ready .legacy-rich-toolbar-hidden{display:none!important}
.nr-quill-ready .rich-editor-shell{overflow:visible}
.nr-quill-ready .rich-editor{min-height:0;padding:0!important;border:0!important;background:#fff}
.nr-quill-ready .rich-editor.ql-container{min-height:360px;border:1px solid #d8e2ef!important;border-radius:0 0 10px 10px!important;font:inherit}
.nr-quill-ready .rich-editor .ql-editor{min-height:360px;padding:24px 28px;font-size:17px;line-height:1.75;color:#182230;overflow-wrap:anywhere}
.nr-quill-ready .rich-editor .ql-editor img{display:block!important;max-width:100%!important;width:auto!important;height:auto!important;margin:18px auto!important;object-fit:contain!important}
.nr-quill-ready .rich-editor .ql-editor p,.nr-quill-ready .rich-editor .ql-editor h2,.nr-quill-ready .rich-editor .ql-editor h3,.nr-quill-ready .rich-editor .ql-editor blockquote{max-width:100%!important}
.nr-quill-ready .rich-editor-shell>.ql-toolbar{position:sticky;top:0;z-index:12;background:#fff;border:1px solid #d8e2ef!important;border-radius:10px 10px 0 0!important}
.n3-article-content,.news-article-content,.news-detail-content,.article-body,.news-article-body,.article-content,.post-content{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
.n3-article-content img,.news-article-content img,.news-detail-content img,.article-body img,.news-article-body img,.article-content img,.post-content img{display:block!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:20px auto!important}
.n3-article-content figure,.news-article-content figure,.news-detail-content figure,.article-body figure,.news-article-body figure,.article-content figure,.post-content figure{display:block!important;max-width:100%!important;width:100%!important;margin:22px auto!important;overflow:hidden!important}
.n3-article-content figure img,.news-article-content figure img,.news-detail-content figure img{max-width:100%!important;width:auto!important;height:auto!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:720px){.nr-quill-ready .rich-editor .ql-editor{padding:18px 15px;font-size:16px}.nr-quill-ready .rich-editor-shell>.ql-toolbar{position:static}}


/* V19.6 TinyMCE HTML editor */
.nr-editor-fallback-hidden{display:none!important}
.nr-tinymce-ready .legacy-rich-toolbar-hidden{display:none!important}
.nr-tinymce-ready #postContent{visibility:hidden}
.tox.tox-tinymce{border:1px solid #d8e2ef!important;border-radius:12px!important;overflow:hidden!important;box-shadow:none!important}
.tox .tox-editor-header{box-shadow:none!important;border-bottom:1px solid #e6edf5!important}
.tox .tox-toolbar__primary{background:#fff!important}
.tox .tox-statusbar{border-top:1px solid #e6edf5!important}
@media(max-width:720px){.tox.tox-tinymce{border-radius:8px!important}.tox .tox-toolbar__group{padding:0 2px!important}}

/* Article media safety contract — all templates */
.n3-article-content img,.news-article-content img,.news-detail-content img,.article-body img,.news-article-body img,.article-content img,.post-content img,
.n1-article-content img,.n2-article-content img,.n4-article-content img{
 display:block!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:20px auto!important
}
.n3-article-content figure,.news-article-content figure,.news-detail-content figure,.article-body figure,.news-article-body figure,.article-content figure,.post-content figure,
.n1-article-content figure,.n2-article-content figure,.n4-article-content figure{
 display:block!important;max-width:100%!important;width:100%!important;margin:22px auto!important;overflow:hidden!important
}

/* V20.0.1.1 automated renewal payment */
.client-renew-pay{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.client-renew-pay select{min-width:180px;border:1px solid #d7e2ef;border-radius:10px;padding:11px 12px;background:#fff;font-weight:700}
.client-renew-modal{position:fixed;inset:0;background:rgba(7,20,38,.66);z-index:99999;display:grid;place-items:center;padding:18px}.client-renew-modal-card{position:relative;width:min(460px,100%);background:#fff;border-radius:18px;padding:24px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28)}.client-renew-close{position:absolute;right:12px;top:10px;border:0;background:#eef3f8;border-radius:50%;width:34px;height:34px;font-size:22px}.client-renew-modal-card>span{font-size:10px;font-weight:900;color:#1769ff;letter-spacing:.09em}.client-renew-modal-card h3{margin:6px 0 12px}.client-renew-qr{width:min(300px,78vw);height:auto;border:1px solid #e2e8f0;border-radius:12px}.client-renew-bank{display:grid;gap:3px;background:#f6f8fb;padding:10px;border-radius:10px;margin-top:10px}.client-renew-bank small{color:#667085}.client-renew-row{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.client-renew-row b{color:#1769ff}.client-renew-wait,.client-renew-ok{margin-top:14px;padding:11px;border-radius:10px;font-size:12px;font-weight:700}.client-renew-wait{background:#fff7e8;color:#876000}.client-renew-ok{background:#eaf8ef;color:#087a43}.client-renew-modal-card>small{display:block;margin-top:12px;color:#667085;line-height:1.5}
.renewal-pay-box{margin-top:16px;padding:18px;border:1px solid #dfe7f2;border-radius:14px;background:#f9fbfe;text-align:center}.renewal-pay-box img{width:min(300px,80vw);height:auto;border-radius:12px;border:1px solid #e4eaf1}.renewal-pay-box>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed #e1e7ef}.renewal-pay-box p{padding:10px;border-radius:9px;background:#fff7e8;font-weight:700}.renewal-pay-box small{color:#667085}.renewal-actions select{padding:10px 12px;border:1px solid #d7e1ee;border-radius:9px;background:#fff;font-weight:700}

.client-renew-qr{width:min(302px,78vw);min-height:302px;margin:0 auto;display:grid;place-items:center}.client-renew-qr canvas,.client-renew-qr img,.payos-qr canvas,.payos-qr img{max-width:100%;height:auto;border:1px solid #e2e8f0;border-radius:12px}.client-renew-checkout,.payos-checkout-link{display:inline-block;margin:8px auto 4px;color:#1769ff;font-weight:800;text-decoration:none}.payos-qr{width:min(302px,80vw);min-height:302px;margin:0 auto 8px;display:grid;place-items:center}


/* V20.4 Renewal checkout — same visual language as purchase checkout */
.renewal-pay-modal{
  position:fixed;inset:0;z-index:10020;background:rgba(15,23,42,.72);
  backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px
}
.renewal-pay-modal[hidden]{display:none!important}
.renewal-pay-card{
  position:relative;width:min(1080px,calc(100vw - 48px));max-height:calc(100vh - 48px);
  overflow:auto;background:#fff;border-radius:22px;padding:30px 34px 28px;
  box-shadow:0 28px 80px rgba(15,23,42,.30)
}
.renewal-pay-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);border-top:1px solid #e5eaf1}
.renewal-pay-summary,.renewal-pay-qr{padding:24px 28px 20px;background:#fff}
.renewal-pay-summary{border-right:1px solid #e5eaf1}
.renewal-years{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 20px
}
.renewal-year-option{
  border:1px solid #dbe3ee;background:#fff;border-radius:10px;padding:11px 8px;
  text-align:center;font-weight:800;color:#344054;cursor:pointer
}
.renewal-year-option.active{border-color:#1769ff;background:#eff6ff;color:#1769ff}
.renewal-line{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px dashed #dbe3ee;font-size:13px}
.renewal-line span{color:#64748b}.renewal-line b{color:#0f172a;text-align:right}
.renewal-total{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:6px;border-top:1px solid #e5eaf1}
.renewal-total strong{font-size:30px;color:#1769ff}
.renewal-pay-qr{text-align:center}
.renewal-payment-status{
  width:100%;margin:20px auto 0;min-height:78px;padding:14px 22px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none;user-select:none
}
.renewal-payment-status.pending{border:1px solid #f5cf82;background:#fff9ed;color:#a96300}
.renewal-payment-status.success{border:1px solid #86d7ad;background:#ecfdf3;color:#067647}
@media(max-width:760px){
 .renewal-pay-modal{padding:10px}.renewal-pay-card{width:100%;padding:22px 14px 18px}
 .renewal-pay-grid{grid-template-columns:1fr}.renewal-pay-summary{border-right:0;border-bottom:1px solid #e5eaf1}
 .renewal-pay-summary,.renewal-pay-qr{padding:20px 8px}.renewal-years{grid-template-columns:repeat(2,1fr)}
}

/* V20.5.0 — Service template 1: telecom / Internet / TV / Camera */
body.theme-service-fpt{background:#fff;color:#10233f}.theme-service-fpt .topbar,.theme-service-fpt .header{display:none}.svc1{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.svc1 .svc-wrap{width:min(1180px,calc(100% - 32px));margin:auto}.svc1-nav{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #e7edf5}.svc1-nav .svc-wrap{height:76px;display:flex;align-items:center;gap:28px}.svc1-brand{font-size:24px;font-weight:900;color:#0b5fff}.svc1-brand span{color:#f37021}.svc1-links{display:flex;gap:22px;margin-left:auto}.svc1-links a{font-weight:700;color:#334155;text-decoration:none}.svc1-call{background:#0b5fff!important;color:#fff!important;padding:12px 18px;border-radius:12px}.svc1-hero{background:linear-gradient(135deg,#eff6ff,#fff7ed);padding:76px 0 58px}.svc1-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.svc1-kicker{font-size:13px;font-weight:900;letter-spacing:.12em;color:#0b5fff}.svc1 h1{font-size:54px;line-height:1.05;margin:14px 0 18px;max-width:720px}.svc1-hero p{font-size:18px;line-height:1.7;color:#52647a;max-width:650px}.svc1-hero-actions{display:flex;gap:12px;margin-top:26px}.svc1-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;font-weight:900;text-decoration:none;border:1px solid #d8e1ee;color:#17304f;background:#fff}.svc1-btn.primary{background:#0b5fff;border-color:#0b5fff;color:#fff}.svc1-visual{min-height:330px;border-radius:28px;background:#092f6e;padding:30px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:14px;box-shadow:0 24px 70px #0b5fff25}.svc1-visual div{border-radius:18px;background:#ffffff14;padding:22px}.svc1-visual b{display:block;font-size:38px;margin-top:28px}.svc1-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-24px;position:relative}.svc1-trust div{background:#fff;border:1px solid #e5ebf3;border-radius:16px;padding:18px;box-shadow:0 10px 30px #1231  }.svc1-section{padding:68px 0}.svc1-section.alt{background:#f7f9fc}.svc1-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.svc1-head small{color:#0b5fff;font-weight:900;letter-spacing:.1em}.svc1-head h2{font-size:34px;margin:7px 0 0}.svc1-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.svc1-card{border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:24px;min-height:280px;display:flex;flex-direction:column;box-shadow:0 8px 28px #1230000a}.svc1-card .tag{align-self:flex-start;background:#eaf2ff;color:#0b5fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.svc1-card h3{font-size:21px;line-height:1.3;margin:16px 0 8px}.svc1-card .spec{font-size:28px;font-weight:900;color:#0b5fff;margin:6px 0}.svc1-card p{color:#64748b;line-height:1.6}.svc1-card .price{margin-top:auto;font-size:18px;font-weight:900}.svc1-card .price strong{font-size:27px;color:#f05a28}.svc1-card a{margin-top:16px}.svc1-empty{border:1px dashed #cbd5e1;border-radius:18px;min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#64748b;background:#fff}.svc1-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.svc1-benefits div{padding:22px;border-radius:18px;background:#fff;border:1px solid #e5eaf1}.svc1-benefits b{display:block;font-size:18px;margin:10px 0}.svc1-cta{background:#082d67;color:#fff;border-radius:28px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:24px}.svc1-cta h2{font-size:34px;margin:0 0 8px}.svc1-footer{background:#061b38;color:#cbd5e1;padding:42px 0}.svc1-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.svc1-footer b{color:#fff}.svc1-footer a{color:#cbd5e1;text-decoration:none;display:block;margin:8px 0}
@media(max-width:800px){.svc1-links a:not(.svc1-call){display:none}.svc1-hero{padding-top:42px}.svc1-hero-grid{grid-template-columns:1fr}.svc1 h1{font-size:38px}.svc1-visual{min-height:240px}.svc1-trust{grid-template-columns:1fr 1fr;margin-top:18px}.svc1-cards{grid-template-columns:1fr}.svc1-benefits{grid-template-columns:1fr 1fr}.svc1-cta{display:block}.svc1-cta .svc1-btn{margin-top:18px}.svc1-footer-grid{grid-template-columns:1fr}}

/* V20.5.1 — Service provider template variants */
.svc1-head .svc-note{max-width:520px;font-size:11px;line-height:1.55;color:#8a98aa;text-align:right}.svc1-empty b{display:block;color:#334155;margin-bottom:8px}.svc1-brand strong,.svc1-brand span{display:inline}.svc1-brand strong{font:inherit}.svc1-brand span{margin-left:4px}
body.theme-service-vnpt,body.theme-service-viettel{background:#fff;color:#10233f}.theme-service-vnpt .topbar,.theme-service-vnpt .header,.theme-service-viettel .topbar,.theme-service-viettel .header{display:none}
.theme-service-vnpt .svc1-brand,.theme-service-vnpt .svc1-kicker,.theme-service-vnpt .svc1-head small,.theme-service-vnpt .svc1-card .spec{color:#0878d1}.theme-service-vnpt .svc1-brand span{color:#16a5dc}.theme-service-vnpt .svc1-call,.theme-service-vnpt .svc1-btn.primary{background:#0878d1!important;border-color:#0878d1!important}.theme-service-vnpt .svc1-hero{background:linear-gradient(135deg,#eef9ff,#f7fcff 55%,#edf7ff)}.theme-service-vnpt .svc1-visual{background:linear-gradient(145deg,#005da8,#09a7df);box-shadow:0 24px 70px rgba(0,122,196,.18)}.theme-service-vnpt .svc1-card .tag{background:#e8f7ff;color:#0878d1}.theme-service-vnpt .svc1-card .price strong{color:#0878d1}.theme-service-vnpt .svc1-cta{background:linear-gradient(135deg,#005da8,#0878d1)}.theme-service-vnpt .svc1-footer{background:#053a63}.theme-service-vnpt .svc1-trust div{border-top:3px solid #20a8df}
.theme-service-viettel{color:#202124}.theme-service-viettel .svc1-brand,.theme-service-viettel .svc1-kicker,.theme-service-viettel .svc1-head small,.theme-service-viettel .svc1-card .spec{color:#d71920}.theme-service-viettel .svc1-brand span{color:#2d3439}.theme-service-viettel .svc1-call,.theme-service-viettel .svc1-btn.primary{background:#d71920!important;border-color:#d71920!important}.theme-service-viettel .svc1-hero{background:linear-gradient(135deg,#fff5f5,#ffffff 58%,#f5f6f7)}.theme-service-viettel .svc1-visual{background:linear-gradient(145deg,#a50f14,#d71920);box-shadow:0 24px 70px rgba(215,25,32,.18)}.theme-service-viettel .svc1-card{border-radius:10px}.theme-service-viettel .svc1-card .tag{background:#fff0f0;color:#c31319}.theme-service-viettel .svc1-card .price strong{color:#d71920}.theme-service-viettel .svc1-cta{background:#25282b;border-radius:12px}.theme-service-viettel .svc1-footer{background:#17191b}.theme-service-viettel .svc1-nav{border-bottom:3px solid #d71920}.theme-service-viettel .svc1-trust div{border-radius:10px}.theme-service-viettel .svc1-section.alt{background:#f5f6f7}
@media(max-width:760px){.svc1-head{align-items:flex-start;flex-direction:column}.svc1-head .svc-note{text-align:left}.svc1-links{display:none}.svc1 h1{font-size:38px}.svc1-hero-grid{grid-template-columns:1fr}.svc1-visual{min-height:auto}.svc1-cards{grid-template-columns:1fr}.svc1-trust,.svc1-benefits{grid-template-columns:1fr 1fr}.svc1-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.svc1-trust,.svc1-benefits{grid-template-columns:1fr}.svc1 .svc-wrap{width:min(100% - 22px,1180px)}.svc1-hero{padding-top:48px}.svc1 h1{font-size:32px}}
/* V20.5.2 — service templates: richer editorial cards + provider-specific layouts */
.svc2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.svc2-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 10px 30px #0f172a0d}.svc2-thumb{aspect-ratio:16/9;overflow:hidden;background:#e9eef5}.svc2-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.svc2-card:hover .svc2-thumb img{transform:scale(1.035)}.svc2-body{padding:20px;display:flex;flex-direction:column;min-height:300px}.svc2-body .tag{align-self:flex-start;background:#eaf2ff;color:#0b5fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.svc2-body h3{font-size:21px;line-height:1.3;margin:13px 0 6px}.svc2-body .spec{font-size:25px;font-weight:900;color:#0b5fff}.svc2-body p{color:#64748b;line-height:1.55}.svc2-body .price{margin-top:auto;font-weight:800}.svc2-body .price strong{font-size:23px;color:#f05a28}.svc2-body .svc1-btn{margin-top:14px}
/* FPT: airy ecommerce/service catalog */
.theme-service-fpt .fpt-hero{background:radial-gradient(circle at 78% 15%,#dceaff 0,transparent 30%),linear-gradient(135deg,#f4f8ff,#fff7ef)}.theme-service-fpt .svc2-card{border-radius:22px}.theme-service-fpt .svc1-section:nth-of-type(even){background:#fbfcff}
/* VNPT: editorial / asymmetric portal */
.vnpt-hero{padding:64px 0;background:linear-gradient(115deg,#eaf8ff 0 56%,#0878d1 56%)}.vnpt-hero>.svc-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.vnpt-copy h1{font-size:50px;line-height:1.08;margin:14px 0}.vnpt-copy p{font-size:18px;color:#52647a;line-height:1.7}.vnpt-orbit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vnpt-orbit>div{background:#ffffff18;color:#fff;border:1px solid #ffffff33;border-radius:18px;padding:24px}.vnpt-orbit b{display:block;font-size:30px;margin:20px 0 5px}.vnpt-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.vnpt-feature>.feature .svc2-thumb{aspect-ratio:16/10}.vnpt-feature>.feature .svc2-body h3{font-size:28px}.vnpt-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vnpt-side .compact .svc2-thumb{aspect-ratio:16/8}.vnpt-side .compact .svc2-body{padding:14px;min-height:210px}.vnpt-side .compact h3{font-size:16px}.vnpt-side .compact p{display:none}.vnpt-side .compact .spec{font-size:18px}.vnpt-side .compact .price strong{font-size:17px}.vnpt-side .compact .svc1-btn{padding:9px 12px;font-size:12px}.vnpt-editorial{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vnpt-editorial .wide{grid-column:span 2;display:grid;grid-template-columns:1.05fr .95fr}.vnpt-editorial .wide .svc2-thumb{aspect-ratio:auto;height:100%}.vnpt-editorial .wide .svc2-body{min-height:100%}
/* Viettel: strong campaign + horizontal comparison */
.viettel-hero{background:#f4f4f4;padding:38px 0 0}.viettel-banner{background:#202124;color:#fff;border-radius:6px;display:grid;grid-template-columns:1.05fr .95fr;gap:38px;padding:52px}.viettel-banner h1{font-size:48px;line-height:1.05;margin:14px 0}.viettel-banner p{color:#d6d8db;font-size:18px;line-height:1.6}.viettel-stat{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#4a4d50}.viettel-stat>div{background:#292c2f;padding:22px}.viettel-stat b{display:block;color:#fff;font-size:28px;margin:18px 0 4px}.viettel-hot{background:#fff}.viettel-hot-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.viettel-hot-grid .hero-card{grid-row:span 2}.viettel-hot-grid .hero-card .svc2-thumb{aspect-ratio:4/3}.viettel-hot-grid .hero-card h3{font-size:28px}.viettel-list{display:grid;gap:14px}.viettel-list .row{display:grid;grid-template-columns:250px 1fr}.viettel-list .row .svc2-thumb{height:100%;aspect-ratio:auto}.viettel-list .row .svc2-body{min-height:210px}.theme-service-viettel .svc2-card{border-radius:6px}.theme-service-viettel .svc2-body .tag{background:#fff0f0;color:#c31319}.theme-service-viettel .svc2-body .spec{color:#d71920}.theme-service-viettel .svc2-body .price strong{color:#d71920}
@media(max-width:900px){.svc2-grid,.vnpt-editorial,.viettel-hot-grid{grid-template-columns:1fr 1fr}.vnpt-hero>.svc-wrap,.vnpt-feature,.viettel-banner{grid-template-columns:1fr}.vnpt-editorial .wide{grid-column:auto;display:block}.viettel-hot-grid .hero-card{grid-row:auto}.viettel-list .row{grid-template-columns:180px 1fr}}
@media(max-width:620px){.svc2-grid,.vnpt-editorial,.viettel-hot-grid,.vnpt-side{grid-template-columns:1fr}.vnpt-hero{background:#eef9ff}.vnpt-orbit{background:#0878d1;padding:14px;border-radius:18px}.vnpt-copy h1,.viettel-banner h1{font-size:34px}.viettel-banner{padding:28px 20px}.viettel-list .row{display:block}.viettel-list .row .svc2-thumb{aspect-ratio:16/9}.svc2-body{min-height:0}}
/* V20.6.0 service lead CRM */
.lead-table{display:grid;gap:12px}.lead-row{display:grid;grid-template-columns:1.1fr 1.5fr .8fr 1.3fr auto;gap:14px;align-items:center;padding:16px;border:1px solid #e4eaf2;border-radius:14px;background:#fff}.lead-row>div{display:grid;gap:4px}.lead-row a{font-weight:800;color:#1769ff}.lead-row small{color:#667085}.lead-row label{font-size:12px;font-weight:700;color:#667085}.lead-row select,.lead-row textarea{width:100%;margin-top:5px}.lead-row textarea{min-height:58px}@media(max-width:900px){.lead-row{grid-template-columns:1fr}}
/* V20.6.0 Service Commerce & Lead */
.svc-lead-shell{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:34px;border-radius:24px;background:#fff;border:1px solid #e6ebf2}.svc-lead-copy h2{font-size:34px;margin:7px 0 12px}.svc-contact-quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.svc-contact-quick a{padding:11px 15px;border:1px solid #d9e2ef;border-radius:10px;font-weight:800}.svc-lead-form{display:grid;gap:12px}.svc-lead-form input,.svc-lead-form select{width:100%;padding:14px;border:1px solid #d9e2ef;border-radius:10px;background:#fff;font:inherit}.svc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.svc-picked{padding:10px 12px;border-radius:9px;background:#f0f6ff;font-weight:700}.svc-lead-msg{font-size:14px;font-weight:700}.svc-lead-msg.ok{color:#087443}.svc-lead-msg.error{color:#c62828}.svc-mobile-contact{display:none}.svc2-card .svc1-btn{margin-top:auto}.svc2-body{display:flex;flex-direction:column;height:100%}
@media(max-width:760px){.svc-lead-shell{grid-template-columns:1fr;padding:20px}.svc-form-row{grid-template-columns:1fr}.svc-mobile-contact{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;padding:9px 12px;box-shadow:0 -6px 24px #0002;gap:8px}.svc-mobile-contact a{text-align:center;padding:12px;border-radius:10px;font-weight:900;background:#13233d;color:#fff}.svc-mobile-contact a:last-child{background:#1769ff}.svc1{padding-bottom:72px}}

/* V20.6.1 — Service storefront visual overhaul + full viewport breakout */
.svc1{width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:hidden;background:#fff}
.svc1 .svc-wrap{width:min(1240px,calc(100% - 48px));max-width:none}
.svc1-nav{box-shadow:0 1px 0 rgba(15,23,42,.05)}
.svc1-nav .svc-wrap{height:82px}.svc1-links a{font-size:14px}.svc1-brand{letter-spacing:-.04em}
.svc2-card{transition:transform .2s,box-shadow .2s}.svc2-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(15,23,42,.12)}
.svc2-body p{font-size:14px}.svc1-section{padding:78px 0}.svc1-head h2{letter-spacing:-.03em}.svc-note{max-width:430px!important}

/* FPT — commercial storefront: bright, rounded, product-first */
.theme-service-fpt .svc1-nav{border-top:4px solid #f37021}.theme-service-fpt .fpt-hero{padding:86px 0 72px;background:radial-gradient(circle at 84% 12%,rgba(11,95,255,.16),transparent 27%),radial-gradient(circle at 72% 80%,rgba(243,112,33,.14),transparent 26%),#f7faff}.theme-service-fpt .svc1-hero-grid{grid-template-columns:1.03fr .97fr}.theme-service-fpt .svc1 h1{font-size:64px;letter-spacing:-.055em}.theme-service-fpt .svc1-visual{transform:rotate(1deg);background:linear-gradient(145deg,#062a67,#0b5fff);box-shadow:0 30px 80px rgba(11,95,255,.22)}.theme-service-fpt .svc1-visual div:nth-child(2),.theme-service-fpt .svc1-visual div:nth-child(3){background:rgba(255,255,255,.2)}.theme-service-fpt .svc1-trust{margin-top:-34px}.theme-service-fpt .svc1-trust div{padding:22px;border-radius:22px}.theme-service-fpt .svc2-grid{grid-template-columns:repeat(3,1fr)}.theme-service-fpt .svc2-card{border:0;box-shadow:0 12px 40px rgba(30,64,175,.09)}.theme-service-fpt .svc2-thumb{aspect-ratio:16/10}.theme-service-fpt .svc2-body{padding:22px}.theme-service-fpt #combo{background:linear-gradient(180deg,#fff7ef,#fff)}

/* VNPT — service portal: blue information architecture, editorial density */
.theme-service-vnpt .svc1-nav{border-bottom:1px solid #cfe9fa;background:rgba(255,255,255,.96)}.theme-service-vnpt .svc1-brand{font-size:22px}.vnpt-hero{padding:0;background:#eaf7ff}.vnpt-hero>.svc-wrap{width:100%;max-width:none;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);gap:0}.vnpt-copy{padding:84px max(40px,calc((100vw - 1240px)/2));padding-right:64px}.vnpt-copy h1{font-size:58px;letter-spacing:-.05em}.vnpt-orbit{height:100%;min-height:470px;padding:58px max(40px,calc((100vw - 1240px)/2)) 58px 54px;background:linear-gradient(145deg,#005baa,#0787d4);align-content:center}.vnpt-orbit>div{border-radius:10px;padding:26px;border-color:rgba(255,255,255,.28)}.theme-service-vnpt .svc1-section:nth-of-type(odd){background:#f6fbff}.vnpt-feature{grid-template-columns:1.25fr .75fr}.vnpt-feature>.feature{display:grid;grid-template-columns:1.15fr .85fr}.vnpt-feature>.feature .svc2-thumb{height:100%;aspect-ratio:auto}.vnpt-feature>.feature .svc2-body{min-height:430px}.vnpt-side{grid-template-columns:1fr}.vnpt-side .compact{display:grid;grid-template-columns:180px 1fr}.vnpt-side .compact .svc2-thumb{height:100%;aspect-ratio:auto}.vnpt-editorial{grid-template-columns:1.2fr .8fr .8fr}.theme-service-vnpt .svc2-card{border-radius:10px;box-shadow:none;border-color:#dcebf5}.theme-service-vnpt .svc2-card:hover{box-shadow:0 16px 40px rgba(0,91,170,.12)}

/* Viettel — campaign / conversion: dark hero, red promo blocks, hard edges */
.theme-service-viettel .svc1-nav{border-bottom:0;border-top:5px solid #d71920}.theme-service-viettel .svc1-brand{font-size:23px}.viettel-hero{padding:0;background:#17191b}.viettel-hero>.svc-wrap{width:100%;max-width:none}.viettel-banner{border-radius:0;min-height:520px;padding:84px max(48px,calc((100vw - 1240px)/2));grid-template-columns:1fr .82fr;background:radial-gradient(circle at 80% 30%,rgba(215,25,32,.42),transparent 27%),linear-gradient(125deg,#17191b 0 58%,#24272a 58%)}.viettel-banner h1{font-size:62px;letter-spacing:-.055em;max-width:720px}.viettel-stat{align-self:center;background:transparent;gap:12px}.viettel-stat>div{background:#d71920;border-radius:4px;min-height:145px}.viettel-hot{background:#fff}.viettel-hot-grid{grid-template-columns:1.4fr .8fr .8fr}.theme-service-viettel .svc2-card{border-radius:2px;box-shadow:none}.theme-service-viettel .svc2-card:hover{box-shadow:0 16px 35px rgba(0,0,0,.12)}.theme-service-viettel .viettel-hot-grid .hero-card{background:#202124;color:#fff}.theme-service-viettel .viettel-hot-grid .hero-card p{color:#c8cdd2}.theme-service-viettel .viettel-list .row{grid-template-columns:320px 1fr;border-left:5px solid #d71920}.theme-service-viettel #camera{background:#f3f3f3}

/* Lead conversion is visually prominent on every provider */
#dang-ky{background:linear-gradient(180deg,#f7f9fc,#fff)}.svc-lead-shell{box-shadow:0 24px 70px rgba(15,23,42,.08);padding:46px}.svc-lead-copy small{font-weight:900;letter-spacing:.12em}.svc-lead-copy h2{font-size:42px;letter-spacing:-.04em}.svc-contact-quick a{background:#fff}.svc-lead-form{padding:22px;border-radius:18px;background:#f8fafc}.svc-lead-form input,.svc-lead-form select{min-height:50px}.svc-lead-form .svc1-btn{min-height:52px;font-size:15px}
@media(max-width:900px){.svc1 .svc-wrap{width:min(100% - 28px,1240px)}.theme-service-fpt .svc1 h1,.vnpt-copy h1,.viettel-banner h1{font-size:44px}.vnpt-hero>.svc-wrap{grid-template-columns:1fr}.vnpt-copy{padding:56px 28px}.vnpt-orbit{min-height:auto;padding:34px 28px}.vnpt-feature>.feature{display:block}.vnpt-side .compact{grid-template-columns:150px 1fr}.viettel-banner{padding:56px 28px;background:#202124}.svc-lead-shell{padding:28px}}
@media(max-width:620px){.svc1 .svc-wrap{width:calc(100% - 22px)}.theme-service-fpt .svc1 h1,.vnpt-copy h1,.viettel-banner h1{font-size:36px}.vnpt-side .compact{display:block}.viettel-banner{min-height:auto}.svc-lead-copy h2{font-size:30px}}

/* V20.6.2 Telecom professional storefront visual reset */
.tel-site{width:100vw;margin-left:calc(50% - 50vw);background:#fff;color:#14213d;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}.tel-wrap{width:min(1240px,calc(100% - 48px));margin:auto}.tel-nav{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e8edf4}.tel-nav>.tel-wrap{height:78px;display:flex;align-items:center;gap:34px}.tel-brand{text-decoration:none;font-size:23px;font-weight:950;letter-spacing:-.045em;white-space:nowrap}.tel-brand span{margin-left:5px}.tel-nav nav{display:flex;gap:25px;margin-left:auto}.tel-nav nav a,.tel-footer a{text-decoration:none;color:#334155;font-weight:750;font-size:14px}.tel-nav-actions{display:flex;align-items:center;gap:12px}.tel-hotline{font-size:13px;font-weight:850;text-decoration:none;color:#334155}.tel-btn,.tel-cta,.tel-submit{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:13px 19px;font-weight:900;text-decoration:none;cursor:pointer}.tel-btn.big{padding:16px 24px}.tel-link{font-weight:850;color:#334155;text-decoration:none}.tel-link.light{color:#fff}.eyebrow{display:block;font-size:12px;font-weight:950;letter-spacing:.13em;margin-bottom:12px}.tel-hero{padding:68px 0}.tel-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.tel-hero h1,.vnpt-pro-hero h1,.viettel-pro-hero h1{font-size:64px;line-height:1.02;letter-spacing:-.06em;margin:0 0 20px}.tel-hero h1 em,.vnpt-pro-hero h1 em,.viettel-pro-hero h1 em{font-style:normal}.tel-hero-copy>p,.vnpt-main>p,.viettel-copy>p{font-size:18px;line-height:1.7;color:#5d6b80;max-width:650px}.tel-hero-actions{display:flex;gap:18px;align-items:center;margin-top:28px}.tel-proof{display:flex;gap:28px;margin-top:42px;color:#64748b;font-size:13px}.tel-proof span{display:flex;flex-direction:column}.tel-proof b{font-size:18px;color:#14213d}.tel-hero-photo{position:relative;height:510px;border-radius:32px;overflow:hidden;box-shadow:0 30px 80px #173b7a24}.tel-hero-photo>img{width:100%;height:100%;object-fit:cover}.float-offer{position:absolute;left:24px;right:24px;bottom:24px;padding:22px;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}.float-offer small{font-weight:900;letter-spacing:.1em}.float-offer b{display:block;font-size:23px;margin:5px 0}.float-offer a{font-weight:850;text-decoration:none}.tel-shortcuts{margin-top:-1px;border-bottom:1px solid #e7edf5}.tel-shortcuts>.tel-wrap{display:grid;grid-template-columns:repeat(4,1fr)}.tel-shortcuts a{padding:24px 18px;display:flex;gap:14px;align-items:center;text-decoration:none;color:#14213d;border-right:1px solid #e7edf5}.tel-shortcuts b{font-size:24px}.tel-shortcuts span{font-weight:900}.tel-shortcuts small{display:block;color:#718096;font-weight:500;margin-top:3px}.tel-section{padding:78px 0}.tel-section.soft{background:#fff8f2}.tel-section.blue-soft{background:#eff8ff}.tel-section.red-soft{background:#fff5f5}.tel-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.tel-heading h2,.tel-showcase h2,.tel-consult h2,.tel-advice h2,.vnpt-mytv h2{font-size:38px;line-height:1.12;letter-spacing:-.045em;margin:0}.tel-heading>a{font-weight:850;text-decoration:none}.tel-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tel-card{background:#fff;border:1px solid #e1e7ef;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:.25s}.tel-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px #0f2d5a12}.tel-card-img{display:block;aspect-ratio:16/9;background:#eef2f6;overflow:hidden}.tel-card-img img{width:100%;height:100%;object-fit:cover;transition:.35s}.tel-card:hover img{transform:scale(1.035)}.tel-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.tel-pill{font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.tel-card h3{font-size:20px;line-height:1.3;margin:10px 0 7px}.tel-speed{font-size:25px;font-weight:950;letter-spacing:-.035em}.tel-card p{font-size:13px;line-height:1.55;color:#6b778b}.tel-card-bottom{display:flex;align-items:end;gap:14px;margin-top:auto;padding-top:15px}.tel-price{display:flex;flex-direction:column}.tel-price small{color:#8290a3}.tel-price strong{font-size:19px}.tel-cta{margin-left:auto;padding:10px 14px;font-size:13px}.tel-empty{min-height:260px;border:1px dashed #cad5e2;border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#718096}.tel-empty b{font-size:18px;color:#334155}.tel-empty span{font-weight:800;margin:8px}.tel-empty small{max-width:220px}.tel-showcase{padding:78px 0;background:#0c2340;color:#fff}.tel-showcase>.tel-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:center}.tel-showcase-copy p{color:#c8d4e3;line-height:1.7}.tel-showcase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tel-showcase .tel-card{color:#14213d}.tel-advice{background:#f7f9fc}.tel-advice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tel-advice article{padding:28px;background:#fff;border:1px solid #e2e8f0;border-radius:16px}.tel-advice article>b{font-size:13px}.tel-advice h3{font-size:19px}.tel-advice p{color:#718096;line-height:1.55}.tel-consult{padding:78px 0}.tel-consult-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;padding:46px;border-radius:26px;background:#10243f;color:#fff}.tel-consult p{color:#c9d4e2;line-height:1.7}.tel-contact-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tel-contact-row a{padding:11px 14px;border:1px solid #ffffff33;border-radius:9px;color:#fff;text-decoration:none;font-weight:800}.tel-form{display:grid;gap:12px;padding:22px;border-radius:18px;background:#fff;color:#14213d}.tel-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tel-form input,.tel-form select{width:100%;min-height:50px;padding:12px;border:1px solid #dbe3ec;border-radius:9px;font:inherit}.tel-submit{min-height:52px}.tel-footer{padding:42px 0;background:#071526;color:#cbd5e1}.tel-footer>.tel-wrap{display:flex;align-items:center;gap:25px}.tel-footer p{margin-right:auto}.tel-footer div:last-child{display:flex;gap:20px}.tel-footer a{color:#cbd5e1}
.theme-service-fpt .tel-brand strong,.theme-service-fpt .eyebrow,.theme-service-fpt .tel-pill{color:#1262e9}.theme-service-fpt .tel-brand span{color:#f36b21}.theme-service-fpt .tel-btn,.theme-service-fpt .tel-cta,.theme-service-fpt .tel-submit{background:#1262e9;color:#fff}.theme-service-fpt .tel-speed{color:#1262e9}.fpt-pro{background:radial-gradient(circle at 12% 10%,#e9f2ff,transparent 28%),#f8fbff}.fpt-pro h1 em{color:#1262e9}.theme-service-fpt .float-offer a,.theme-service-fpt .tel-heading>a{color:#1262e9}
.theme-service-vnpt .tel-brand strong,.theme-service-vnpt .eyebrow,.theme-service-vnpt .tel-pill{color:#0877c9}.theme-service-vnpt .tel-brand span{color:#16a5dc}.theme-service-vnpt .tel-btn,.theme-service-vnpt .tel-cta,.theme-service-vnpt .tel-submit{background:#0877c9;color:#fff}.theme-service-vnpt .tel-speed{color:#0877c9}.vnpt-pro-hero{padding:0;background:#eaf7ff}.vnpt-pro-hero>.tel-wrap{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr}.vnpt-main{padding:82px max(40px,calc((100vw - 1240px)/2));padding-right:70px}.vnpt-main h1 em{color:#0877c9}.vnpt-service-board{padding:64px max(40px,calc((100vw - 1240px)/2)) 64px 52px;background:linear-gradient(145deg,#0064ad,#0b94d7);display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#fff}.vnpt-service-board>div{padding:24px;border:1px solid #ffffff3b;border-radius:12px;display:flex;flex-direction:column;justify-content:end;min-height:160px}.vnpt-service-board .big{grid-row:span 2;min-height:330px}.vnpt-service-board b{font-size:30px;margin:8px 0}.vnpt-quick{border-bottom:1px solid #dbeaf5}.vnpt-quick>.tel-wrap{display:grid;grid-template-columns:repeat(4,1fr)}.vnpt-quick div{padding:22px;display:flex;gap:13px;border-right:1px solid #dbeaf5}.vnpt-quick b{color:#0877c9}.vnpt-packages{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.vnpt-feature-pack>.tel-card{height:100%}.vnpt-feature-pack .tel-card-img{aspect-ratio:16/10}.vnpt-feature-pack .tel-card h3{font-size:28px}.vnpt-pack-list{display:grid;gap:12px}.vnpt-pack-list .horizontal{display:grid;grid-template-columns:170px 1fr}.vnpt-pack-list .horizontal .tel-card-img{height:100%;aspect-ratio:auto}.vnpt-pack-list .horizontal .tel-card-body{padding:15px}.vnpt-pack-list .horizontal p{display:none}.vnpt-mytv{padding:78px 0;background:#072f54;color:#fff}.vnpt-mytv>.tel-wrap{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px}.vnpt-mytv-copy p{color:#c3d6e7;line-height:1.7}.vnpt-mytv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.vnpt-mytv .tel-card{color:#14213d}.theme-service-vnpt .tel-heading>a{color:#0877c9}
.theme-service-viettel .tel-brand strong,.theme-service-viettel .eyebrow,.theme-service-viettel .tel-pill{color:#d71920}.theme-service-viettel .tel-brand span{color:#222}.theme-service-viettel .tel-btn,.theme-service-viettel .tel-cta,.theme-service-viettel .tel-submit{background:#d71920;color:#fff;border-radius:5px}.theme-service-viettel .tel-speed{color:#d71920}.viettel-pro-hero{padding:72px 0;background:#17191b;color:#fff}.viettel-pro-hero>.tel-wrap{display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:center}.viettel-copy>p{color:#c9cdd2}.viettel-copy h1 em{color:#ef3340}.viettel-campaign{min-height:430px;padding:42px;background:linear-gradient(145deg,#d71920,#9d0d13);display:flex;flex-direction:column;justify-content:center}.viettel-campaign span{font-weight:900;letter-spacing:.1em}.viettel-campaign strong{font-size:47px;line-height:1.02;margin:20px 0}.viettel-campaign small{color:#ffd7d9}.viettel-campaign a{color:#fff;font-weight:900;margin-top:24px}.viettel-tabs{border-bottom:1px solid #e2e2e2}.viettel-tabs>.tel-wrap{display:flex}.viettel-tabs a{padding:20px 25px;text-decoration:none;color:#222;font-weight:850;border-right:1px solid #e6e6e6}.viettel-combo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.theme-service-viettel .tel-card{border-radius:3px}.viettel-dark{padding:78px 0;background:#202326;color:#fff}.tel-heading.dark h2{color:#fff}.viettel-net-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.viettel-net-list .horizontal{display:grid;grid-template-columns:190px 1fr;color:#14213d}.viettel-net-list .horizontal .tel-card-img{height:100%;aspect-ratio:auto}.theme-service-viettel .tel-heading>a{color:#d71920}
@media(max-width:980px){.tel-nav nav,.tel-hotline{display:none}.tel-hero-grid,.vnpt-pro-hero>.tel-wrap,.viettel-pro-hero>.tel-wrap,.tel-showcase>.tel-wrap,.tel-consult-grid,.vnpt-mytv>.tel-wrap,.vnpt-packages{grid-template-columns:1fr}.tel-hero h1,.vnpt-pro-hero h1,.viettel-pro-hero h1{font-size:48px}.vnpt-main{padding:60px 28px}.vnpt-service-board{padding:34px 28px}.tel-grid3,.viettel-combo-grid{grid-template-columns:1fr 1fr}.tel-showcase-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.tel-wrap{width:calc(100% - 24px)}.tel-nav>.tel-wrap{height:68px}.tel-nav-actions .tel-btn{padding:10px;font-size:12px}.tel-hero{padding:42px 0}.tel-hero h1,.vnpt-pro-hero h1,.viettel-pro-hero h1{font-size:38px}.tel-hero-photo{height:350px}.tel-proof{gap:12px;flex-wrap:wrap}.tel-shortcuts>.tel-wrap,.vnpt-quick>.tel-wrap{grid-template-columns:1fr 1fr}.tel-shortcuts a{border-bottom:1px solid #e7edf5}.tel-section,.tel-showcase,.tel-consult,.tel-advice,.vnpt-mytv,.viettel-dark{padding:52px 0}.tel-heading{align-items:flex-start;flex-direction:column}.tel-heading h2,.tel-showcase h2,.tel-consult h2,.tel-advice h2,.vnpt-mytv h2{font-size:30px}.tel-grid3,.viettel-combo-grid,.tel-showcase-cards,.tel-advice-grid,.vnpt-mytv-grid,.viettel-net-list{grid-template-columns:1fr}.tel-consult-grid{padding:24px}.tel-form-row{grid-template-columns:1fr}.vnpt-service-board{grid-template-columns:1fr 1fr}.vnpt-service-board .big{grid-row:auto;grid-column:span 2;min-height:200px}.vnpt-pack-list .horizontal,.viettel-net-list .horizontal{display:block}.viettel-tabs>.tel-wrap{overflow:auto}.viettel-tabs a{white-space:nowrap;padding:16px}.tel-footer>.tel-wrap{align-items:flex-start;flex-direction:column}.tel-footer div:last-child{flex-wrap:wrap}.tel-site{padding-bottom:70px}}
/* V20.6.3 — telecom brand-language pass. FPT leads with orange, VNPT blue, Viettel red. */
.theme-service-fpt .tel-brand strong{color:#f37021}.theme-service-fpt .tel-brand span{color:#1677d2}.theme-service-fpt .eyebrow,.theme-service-fpt .tel-pill{color:#f37021}.theme-service-fpt .tel-btn,.theme-service-fpt .tel-cta,.theme-service-fpt .tel-submit{background:#f37021;color:#fff}.theme-service-fpt .tel-speed,.theme-service-fpt .tel-heading>a{color:#f37021}.theme-service-fpt .fpt-pro{background:linear-gradient(120deg,#fff7f0 0%,#fff 52%,#eef7ff 100%)}.theme-service-fpt .fpt-pro h1 em{color:#f37021}.theme-service-fpt .tel-shortcuts a:nth-child(1) b{color:#f37021}.theme-service-fpt .tel-shortcuts a:nth-child(2) b{color:#1677d2}.theme-service-fpt .tel-shortcuts a:nth-child(3) b{color:#55a630}.theme-service-fpt .tel-shortcuts a:nth-child(4) b{color:#f37021}
.theme-service-vnpt .tel-brand strong,.theme-service-vnpt .eyebrow,.theme-service-vnpt .tel-pill{color:#0072bc}.theme-service-vnpt .tel-btn,.theme-service-vnpt .tel-cta,.theme-service-vnpt .tel-submit{background:#0072bc;color:#fff}.theme-service-vnpt .vnpt-pro-hero{background:linear-gradient(120deg,#eaf8ff,#fff 48%,#e6f4ff)}
.theme-service-viettel .tel-brand strong,.theme-service-viettel .eyebrow,.theme-service-viettel .tel-pill{color:#e30613}.theme-service-viettel .tel-btn,.theme-service-viettel .tel-cta,.theme-service-viettel .tel-submit{background:#e30613;color:#fff}
.tel-card-img{aspect-ratio:16/9}.tel-card-img img{background:#f4f6f8}.tel-card p{min-height:42px}.tel-grid3 .tel-card{min-height:100%}
/* V20.6.4 — richer package explanation + VNPT visual harmony */
.tel-card-body .tel-desc{font-size:13px;line-height:1.55;color:#5f6f82;margin:10px 0 16px;min-height:40px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tel-card .tel-speed{font-size:15px;font-weight:900;margin-top:7px}
.tel-card-body h3{margin-bottom:4px}
.theme-service-vnpt .vnpt-pro-hero>.tel-wrap{grid-template-columns:1.04fr .96fr;min-height:520px}
.theme-service-vnpt .vnpt-main{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#f5fbff,#e9f7ff);padding-top:64px;padding-bottom:64px}
.theme-service-vnpt .vnpt-main h1{font-size:56px;line-height:1.03;letter-spacing:-.045em;max-width:620px}
.theme-service-vnpt .vnpt-main p{max-width:590px;font-size:17px;line-height:1.7;color:#526b7d}
.theme-service-vnpt .vnpt-service-board{background:linear-gradient(145deg,#0068ad 0%,#008ed3 62%,#18a7dd 100%);padding-top:56px;padding-bottom:56px;align-content:center}
.theme-service-vnpt .vnpt-service-board>div{background:rgba(255,255,255,.07);backdrop-filter:blur(2px);min-height:150px}
.theme-service-vnpt .vnpt-service-board .big{min-height:312px}
.theme-service-vnpt .vnpt-service-board b{font-size:27px;line-height:1.1}
.theme-service-vnpt .vnpt-quick{background:#fff}
.theme-service-vnpt .vnpt-quick div{align-items:center;justify-content:center}
@media(max-width:980px){.theme-service-vnpt .vnpt-main h1{font-size:46px}.theme-service-vnpt .vnpt-pro-hero>.tel-wrap{min-height:auto}}

/* V20.6.5 — VNPT contained hero + guaranteed telecom demo media */
.theme-service-vnpt .vnpt-pro-hero{padding:26px 0 0;background:linear-gradient(180deg,#f7fcff 0,#eaf7ff 100%)}
.theme-service-vnpt .vnpt-pro-hero>.tel-wrap{width:min(1240px,calc(100% - 48px));max-width:1240px;margin:0 auto;grid-template-columns:1.04fr .96fr;min-height:520px;border-radius:28px;overflow:hidden;box-shadow:0 22px 70px rgba(0,90,150,.10)}
.theme-service-vnpt .vnpt-main{min-width:0;padding:64px 56px;background:linear-gradient(135deg,#f7fcff,#eaf7ff)}
.theme-service-vnpt .vnpt-service-board{min-width:0;padding:48px;gap:14px;background:linear-gradient(145deg,#0068ad 0%,#008ed3 62%,#18a7dd 100%)}
.theme-service-vnpt .vnpt-service-board>div{min-width:0;overflow:hidden}
.theme-service-vnpt .vnpt-service-board b{overflow-wrap:anywhere}
.tel-card-img img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:980px){.theme-service-vnpt .vnpt-pro-hero>.tel-wrap{width:min(100% - 28px,760px);grid-template-columns:1fr;border-radius:22px}.theme-service-vnpt .vnpt-main{padding:48px 32px}.theme-service-vnpt .vnpt-service-board{padding:32px}}
@media(max-width:680px){.theme-service-vnpt .vnpt-pro-hero{padding-top:14px}.theme-service-vnpt .vnpt-pro-hero>.tel-wrap{width:calc(100% - 20px);border-radius:18px}.theme-service-vnpt .vnpt-main{padding:38px 22px}.theme-service-vnpt .vnpt-service-board{padding:22px}}

/* V20.6.6 — service showroom recovery + explicit demo prices */
.tel-demo-price-note{margin:14px auto 0;padding:10px 14px;border:1px solid rgba(15,23,42,.10);border-radius:12px;background:#fffdf7;color:#64748b;font-size:12px;line-height:1.5}
.tel-card-img{background:#f1f5f9;overflow:hidden}
.tel-card-img img{display:block;width:100%;height:100%;object-fit:cover}

/* V20.6.7 — telecom package detail + image/brand frame fixes */
.tel-card-img{border:0;padding:0;width:100%;cursor:pointer;text-align:left}
.tel-title-link,.tel-detail-link{border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}
.tel-title-link{width:100%}.tel-title-link h3{transition:color .18s}.tel-title-link:hover h3{color:var(--tel-accent,#0b72d9)}
.tel-detail-link{margin:2px 0 10px;font-size:12px;font-weight:900;color:#2563eb}
.theme-service-fpt .tel-detail-link{color:#f36f21}.theme-service-vnpt .tel-detail-link{color:#0072bc}.theme-service-viettel .tel-detail-link{color:#d71920}

/* FPT showroom must never expose a blank media slot. */
.theme-service-fpt .tel-card-img{background:#fff7ef;min-height:180px}
.theme-service-fpt .tel-card-img img{object-fit:cover;background:#fff7ef}

/* Viettel horizontal package rows: show the whole artwork instead of cutting it into a narrow crop. */
.viettel-net-list .horizontal{display:grid;grid-template-columns:minmax(240px,34%) 1fr;min-height:190px}
.viettel-net-list .horizontal .tel-card-img{height:100%;min-height:190px;background:#fff}
.viettel-net-list .horizontal .tel-card-img img{object-fit:contain;object-position:center;background:#fff;padding:6px}
.viettel-net-list .horizontal .tel-card-body{padding:18px 20px}

/* VNPT hero frame: blue panel stays fully inside the rounded shell on every width. */
.theme-service-vnpt .vnpt-pro-hero{overflow:hidden}
.theme-service-vnpt .vnpt-pro-hero>.tel-wrap{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d9edf8;background:#fff}
.theme-service-vnpt .vnpt-main,.theme-service-vnpt .vnpt-service-board{min-width:0;max-width:100%;box-sizing:border-box}
.theme-service-vnpt .vnpt-service-board{overflow:hidden;border-radius:0 28px 28px 0}
.theme-service-vnpt .vnpt-service-board>div{max-width:100%;box-sizing:border-box}

/* Package detail overlay */
.svc-detail-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:24px}
.svc-detail-modal.open{display:flex}.svc-detail-backdrop{position:absolute;inset:0;background:rgba(7,18,32,.72);backdrop-filter:blur(4px)}
.svc-detail-panel{position:relative;z-index:1;width:min(1040px,100%);max-height:min(860px,calc(100vh - 48px));overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.28)}
.svc-detail-close{position:absolute;right:14px;top:12px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 20px #0002;font-size:28px;line-height:1;cursor:pointer}
.svc-detail-grid{display:grid;grid-template-columns:1fr 1fr;min-height:580px}.svc-detail-media{background:#f4f7fa;min-height:460px}.svc-detail-media img{display:block;width:100%;height:100%;object-fit:contain;background:#f7f9fb}
.svc-detail-copy{padding:48px 44px;display:flex;flex-direction:column}.svc-detail-copy h2{font-size:36px;line-height:1.08;margin:10px 0 18px;letter-spacing:-.035em}.svc-detail-price{display:flex;flex-direction:column;margin-bottom:18px}.svc-detail-price small{color:#738196}.svc-detail-price strong{font-size:28px;margin-top:3px}.svc-detail-summary{font-size:15px;line-height:1.7;color:#536276}
.svc-detail-benefits{display:grid;gap:8px;margin:14px 0 18px}.svc-detail-benefits span{padding:10px 12px;background:#f6f8fb;border-radius:9px;font-size:14px}.svc-detail-promo{padding:16px;border:1px solid #e3e8ef;border-radius:12px;background:#fbfcfe}.svc-detail-promo b{display:block;margin-bottom:7px}.svc-detail-promo p{margin:0;color:#5d6b7f;line-height:1.6;font-size:13px}.svc-detail-actions{display:flex;gap:16px;align-items:center;margin-top:auto;padding-top:22px}.svc-modal-open{overflow:hidden}
.theme-service-fpt .svc-detail-price strong{color:#f36f21}.theme-service-vnpt .svc-detail-price strong{color:#0072bc}.theme-service-viettel .svc-detail-price strong{color:#d71920}

@media(max-width:980px){
 .theme-service-vnpt .vnpt-service-board{border-radius:0 0 22px 22px}
 .viettel-net-list .horizontal{grid-template-columns:220px 1fr}
 .svc-detail-grid{grid-template-columns:1fr}.svc-detail-media{min-height:300px;max-height:380px}.svc-detail-copy{padding:30px}.svc-detail-panel{max-height:calc(100vh - 24px)}
}
@media(max-width:680px){
 .viettel-net-list .horizontal{display:block}.viettel-net-list .horizontal .tel-card-img{min-height:0;aspect-ratio:16/9}.viettel-net-list .horizontal .tel-card-img img{object-fit:contain}
 .svc-detail-modal{padding:8px}.svc-detail-panel{border-radius:16px}.svc-detail-copy{padding:24px 20px}.svc-detail-copy h2{font-size:28px}.svc-detail-actions{align-items:stretch;flex-direction:column}.svc-detail-actions .tel-btn,.svc-detail-actions .tel-link{width:100%;justify-content:center;text-align:center}
}

/* V20.6.8 — VNPT balanced square portal layout */
.theme-service-vnpt .vnpt-pro-hero{padding:28px 0;background:linear-gradient(180deg,#f5fbff 0,#edf8ff 100%)}
.theme-service-vnpt .vnpt-pro-hero>.tel-wrap{
  width:min(1240px,calc(100% - 48px));max-width:1240px;margin:0 auto;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:470px;
  border-radius:0!important;box-shadow:0 18px 55px rgba(0,91,170,.08);border:1px solid #cfe7f5;
}
.theme-service-vnpt .vnpt-main{padding:54px 56px;justify-content:center;background:linear-gradient(135deg,#f9fdff 0,#e9f7ff 100%)}
.theme-service-vnpt .vnpt-main h1{font-size:52px;max-width:560px;margin-bottom:18px}
.theme-service-vnpt .vnpt-main>p{max-width:540px;margin-bottom:0}
.theme-service-vnpt .vnpt-service-board{
  border-radius:0!important;padding:34px;gap:0;
  grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;
  background:linear-gradient(135deg,#0066ad 0%,#008ed1 58%,#13a4d9 100%);
}
.theme-service-vnpt .vnpt-service-board>div{
  border-radius:0!important;min-height:0;padding:28px;
  border:0;border-right:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.045);justify-content:center;position:relative;
}
.theme-service-vnpt .vnpt-service-board>div:nth-child(2){border-right:0}
.theme-service-vnpt .vnpt-service-board>div:nth-child(3){border-right:0;border-bottom:0}
.theme-service-vnpt .vnpt-service-board .big{grid-row:1 / span 2;min-height:0;border-bottom:0;justify-content:center}
.theme-service-vnpt .vnpt-service-board .big:after{content:'XGSPON  •  Wi‑Fi Mesh  •  Phủ sóng đa phòng';display:block;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.88)}
.theme-service-vnpt .vnpt-service-board>div:nth-child(2):after{content:'Ứng dụng • Smart TV • Nội dung theo yêu cầu';display:block;margin-top:12px;font-size:11px;color:rgba(255,255,255,.86)}
.theme-service-vnpt .vnpt-service-board>div:nth-child(3):after{content:'Theo dõi từ xa • Lưu trữ Cloud • Cảnh báo';display:block;margin-top:12px;font-size:11px;color:rgba(255,255,255,.86)}
.theme-service-vnpt .vnpt-service-board b{font-size:30px;margin:8px 0 4px}

/* Internet package block: dense two-column layout without dead space. */
.theme-service-vnpt .vnpt-packages{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.theme-service-vnpt .vnpt-feature-pack{min-width:0;display:flex}
.theme-service-vnpt .vnpt-feature-pack>.tel-card{height:auto;min-height:100%;width:100%;border-radius:0!important}
.theme-service-vnpt .vnpt-feature-pack .tel-card-img{aspect-ratio:auto;min-height:360px;flex:1;background:#fff}
.theme-service-vnpt .vnpt-feature-pack .tel-card-img img{object-fit:contain;object-position:center;background:#fff;padding:8px}
.theme-service-vnpt .vnpt-feature-pack .tel-card-body{flex:0 0 auto;min-height:240px;padding:22px}
.theme-service-vnpt .vnpt-pack-list{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:10px;min-width:0}
.theme-service-vnpt .vnpt-pack-list .horizontal{
  display:grid;grid-template-columns:minmax(210px,42%) minmax(0,1fr);
  min-height:142px;border-radius:0!important;overflow:hidden;
}
.theme-service-vnpt .vnpt-pack-list .horizontal .tel-card-img{height:100%;min-height:142px;aspect-ratio:auto;background:#fff}
.theme-service-vnpt .vnpt-pack-list .horizontal .tel-card-img img{object-fit:contain;object-position:center;background:#fff;padding:5px}
.theme-service-vnpt .vnpt-pack-list .horizontal .tel-card-body{padding:13px 15px;min-width:0}
.theme-service-vnpt .vnpt-pack-list .horizontal h3{font-size:16px;margin:5px 0 3px}
.theme-service-vnpt .vnpt-pack-list .horizontal .tel-speed{font-size:16px}
.theme-service-vnpt .vnpt-pack-list .horizontal .tel-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0;font-size:11px}
.theme-service-vnpt .vnpt-pack-list .horizontal .tel-detail-link{margin:0 0 5px;font-size:10px}
.theme-service-vnpt .vnpt-pack-list .horizontal .tel-card-bottom{padding-top:3px}
.theme-service-vnpt .vnpt-pack-list .horizontal .tel-price strong{font-size:14px}
.theme-service-vnpt .vnpt-pack-list .horizontal .tel-cta{padding:8px 10px;font-size:11px;border-radius:4px}

/* VNPT visual language: square service frames instead of rounded SaaS cards. */
.theme-service-vnpt .tel-card,.theme-service-vnpt .tel-card-img,.theme-service-vnpt .tel-empty,
.theme-service-vnpt .vnpt-mytv .tel-card,.theme-service-vnpt .tel-advice article{border-radius:0!important}
.theme-service-vnpt .tel-card:hover{transform:none;box-shadow:0 10px 28px rgba(0,91,170,.10)}
.theme-service-vnpt .tel-btn,.theme-service-vnpt .tel-cta,.theme-service-vnpt .tel-submit{border-radius:4px}

@media(max-width:980px){
 .theme-service-vnpt .vnpt-pro-hero>.tel-wrap{width:min(100% - 28px,760px);grid-template-columns:1fr;min-height:auto}
 .theme-service-vnpt .vnpt-main{padding:44px 32px}.theme-service-vnpt .vnpt-service-board{padding:24px;min-height:360px}
 .theme-service-vnpt .vnpt-packages{grid-template-columns:1fr}
 .theme-service-vnpt .vnpt-feature-pack .tel-card-img{min-height:300px}
 .theme-service-vnpt .vnpt-feature-pack .tel-card-body{min-height:0}
}
@media(max-width:680px){
 .theme-service-vnpt .vnpt-pro-hero{padding:14px 0}.theme-service-vnpt .vnpt-pro-hero>.tel-wrap{width:calc(100% - 20px)}
 .theme-service-vnpt .vnpt-main{padding:34px 22px}.theme-service-vnpt .vnpt-main h1{font-size:38px}
 .theme-service-vnpt .vnpt-service-board{grid-template-columns:1fr;padding:0;min-height:0}
 .theme-service-vnpt .vnpt-service-board .big{grid-row:auto}.theme-service-vnpt .vnpt-service-board>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.22)!important;min-height:150px}
 .theme-service-vnpt .vnpt-service-board>div:last-child{border-bottom:0!important}
 .theme-service-vnpt .vnpt-pack-list{grid-template-rows:none}
 .theme-service-vnpt .vnpt-pack-list .horizontal{grid-template-columns:1fr;min-height:0}
 .theme-service-vnpt .vnpt-pack-list .horizontal .tel-card-img{min-height:0;aspect-ratio:16/9}
}

/* V20.6.11 — trial website name contract */
.market-trial-site-help{display:block;margin-top:6px;color:#667085;font-size:11px;line-height:1.45;font-weight:500}
\n/* V20.7.0 — Universal Template Layout Contract Engine.\n   The structure profile owns slot count + grid geometry in every content mode. */\n.nr-structure-grid{display:grid!important;grid-template-columns:repeat(var(--nr-cols-desktop,1),minmax(0,1fr))!important}\n@media(max-width:980px){.nr-structure-grid{grid-template-columns:repeat(var(--nr-cols-tablet,2),minmax(0,1fr))!important}}\n@media(max-width:640px){.nr-structure-grid{grid-template-columns:repeat(var(--nr-cols-mobile,1),minmax(0,1fr))!important}}\n

/* V20.7.1 — Camera Store: proof template for Universal Layout Contract */
body.theme-service-camera-store{background:#fff;color:#0c1726}.theme-service-camera-store .topbar,.theme-service-camera-store .header{display:none}.theme-service-camera-store .tel-nav{border-bottom:1px solid #dfe7e4}.theme-service-camera-store .tel-brand strong{color:#071426}.theme-service-camera-store .tel-brand span{color:#0aa06e}.theme-service-camera-store .tel-btn,.theme-service-camera-store .tel-submit,.theme-service-camera-store .tel-cta{background:#0aa06e!important;border-color:#0aa06e!important;color:#fff!important}.camera-store-hero{padding:42px 0;background:linear-gradient(110deg,#f5fbf8 0%,#fff 52%,#eefaf5 100%);border-bottom:1px solid #e2ece8}.camera-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:stretch}.camera-hero-copy{padding:46px 12px 36px 0;display:flex;flex-direction:column;justify-content:center}.camera-hero-copy .eyebrow,.camera-shop-section .eyebrow{color:#0a9a6a}.camera-hero-copy h1{font-size:48px;line-height:1.04;letter-spacing:-2px;margin:12px 0 18px}.camera-hero-copy h1 em{font-style:normal;color:#0aa06e}.camera-hero-copy p{font-size:17px;line-height:1.7;color:#5f6f7c;max-width:650px}.camera-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.camera-proof span{background:#fff;border:1px solid #dbe9e3;padding:9px 11px;font-size:12px;font-weight:800;color:#365147}.camera-hero-art{min-height:390px;position:relative;overflow:hidden;background:#071426}.camera-hero-art>img{width:100%;height:100%;object-fit:cover;display:block}.camera-hero-mini{position:absolute;left:22px;right:22px;bottom:20px;background:rgba(255,255,255,.94);padding:14px 16px;display:flex;justify-content:space-between;gap:14px}.camera-hero-mini b{font-size:13px;color:#071426}.camera-hero-mini small{display:block;color:#687a73;font-weight:700}.camera-brands{border-bottom:1px solid #e5ece9;background:#fff}.camera-brands .tel-wrap{display:grid;grid-template-columns:repeat(6,1fr);align-items:center}.camera-brands span{text-align:center;padding:21px 10px;border-right:1px solid #e5ece9;font-size:13px;font-weight:950;letter-spacing:.05em;color:#51615b}.camera-brands span:last-child{border-right:0}.camera-shop-section{padding:58px 0}.camera-shop-section.camera-alt{background:#f6faf8}.camera-shop-section .tel-heading p{margin:7px 0 0;color:#6b7a76}.camera-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.theme-service-camera-store .tel-card.camera-product{border-radius:0;border:1px solid #dde7e3;box-shadow:none;background:#fff;min-width:0}.theme-service-camera-store .tel-card.camera-product:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(8,54,40,.09)}.theme-service-camera-store .tel-card.camera-product .tel-card-img{height:230px;background:#f7faf9;border-radius:0}.theme-service-camera-store .tel-card.camera-product .tel-card-img img{width:100%;height:100%;object-fit:contain;padding:10px}.theme-service-camera-store .tel-card.camera-product .tel-card-body{padding:17px 18px 18px}.theme-service-camera-store .tel-card.camera-product .tel-pill{background:#e9f8f2;color:#087a55;border-radius:0}.theme-service-camera-store .tel-card.camera-product h3{font-size:18px}.theme-service-camera-store .tel-card.camera-product .tel-speed{font-size:14px;color:#0a8b61}.theme-service-camera-store .tel-card.camera-product .tel-desc{min-height:58px}.theme-service-camera-store .tel-card.camera-product .tel-price strong{color:#e4572e}.camera-pro-section{background:#0a111d;color:#fff}.camera-pro-section .tel-heading p{color:#a9b7c7}.camera-pro-section .tel-card.camera-product{color:#0c1726}.theme-service-camera-store .tel-empty{border-radius:0}.theme-service-camera-store .tel-consult{background:#071426}.theme-service-camera-store .tel-advice article{border-radius:0}.theme-service-camera-store .svc-detail-panel{border-radius:0}.theme-service-camera-store .svc-detail-media img{object-fit:contain;background:#f8faf9}.theme-service-camera-store .tel-demo-price-note{border-color:#cfe6dc;background:#f2fbf7;color:#2a5f4c}
@media(max-width:900px){.camera-hero-grid{grid-template-columns:1fr}.camera-hero-copy{padding:28px 0 10px}.camera-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-brands .tel-wrap{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.camera-hero-copy h1{font-size:36px}.camera-product-grid{grid-template-columns:1fr}.camera-brands .tel-wrap{grid-template-columns:repeat(2,1fr)}.camera-hero-art{min-height:270px}.theme-service-camera-store .tel-card.camera-product .tel-card-img{height:210px}}


/* V20.7.3 — News homepage stability + no-dead-space contract.
   Keep the visual language of each news template, but never allow old card rules,
   stale width rules or tall sidebars to break the showroom geometry. */
body.theme-news-portal main,
body.theme-news-paper main,
body.theme-news-magazine main,
body.theme-news-minimal main{width:100%!important;max-width:none!important;min-width:0!important;overflow-x:hidden!important}

body.theme-news-portal main .wrap,
body.theme-news-paper main .wrap,
body.theme-news-magazine main .wrap,
body.theme-news-minimal main .wrap{
 width:min(1200px,calc(100% - 32px))!important;
 max-width:1200px!important;
 min-width:0!important;
 margin-left:auto!important;
 margin-right:auto!important;
 box-sizing:border-box!important;
}

/* M1: latest cards must never become a 180px image + tiny text sliver. */
body.theme-news-portal .n3-layout{grid-template-columns:minmax(0,1fr) 320px!important;gap:28px!important;align-items:start!important}
body.theme-news-portal .n3-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 18px!important;min-width:0!important}
body.theme-news-portal .n3-grid .n3-card{
 display:block!important;min-width:0!important;width:100%!important;overflow:hidden!important;
}
body.theme-news-portal .n3-grid .n3-card img{
 display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;
 object-fit:cover!important;margin:0 0 9px!important;border-radius:8px!important;
}
body.theme-news-portal .n3-grid .n3-card>div{min-width:0!important}
body.theme-news-portal .n3-grid .n3-card h3{
 font-size:16px!important;line-height:1.38!important;margin:5px 0!important;
 overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body.theme-news-portal .n3-grid .n3-card small{display:block;color:#7b8798;font-size:10px;margin-top:5px}

/* M2: force true desktop width and cap the sidebar so it cannot create a huge empty runway. */
body.theme-news-paper .np-main,
body.theme-news-paper .np-section,
body.theme-news-paper .np-latest-zone{width:100%!important;max-width:none!important}
body.theme-news-paper .np-content-layout{grid-template-columns:minmax(0,1fr) 320px!important;align-items:start!important}
body.theme-news-paper .np-home-sidebar{
 max-height:610px!important;overflow:auto!important;overscroll-behavior:contain!important;
 scrollbar-width:thin;padding-right:4px!important;
}
body.theme-news-paper .np-home-sidebar .news-side-box{padding:12px!important}
body.theme-news-paper .np-home-sidebar .news-side-rank{padding:9px 0!important}
body.theme-news-paper .np-home-sidebar .news-side-latest{padding:8px 0!important}
body.theme-news-paper .np-home-sidebar .news-side-latest img{width:68px!important;height:48px!important;object-fit:cover!important}

/* M3: Trending must use the available width instead of clipping a long one-line flex strip. */
body.theme-news-magazine .nm-strip .wrap{grid-template-columns:150px minmax(0,1fr)!important;align-items:start!important}
body.theme-news-magazine .nm-strip .wrap>div{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:10px 20px!important;overflow:visible!important;min-width:0!important;
}
body.theme-news-magazine .nm-strip a{
 min-width:0!important;font-size:12px!important;line-height:1.45!important;
 display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;
}

/* Configurable category cards: protect readable text at every desktop column count. */
body[class*="theme-news-"] .news-configurable-grid{min-width:0!important}
body[class*="theme-news-"] .news-configurable-grid>*{min-width:0!important}
body[class*="theme-news-"] .news-layout-card h3,
body.theme-news-portal .n3-config-category-grid .n3-card h3{
 overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
}

@media(max-width:1000px){
 body.theme-news-portal .n3-layout{grid-template-columns:1fr!important}
 body.theme-news-paper .np-home-sidebar{max-height:none!important;overflow:visible!important;padding-right:0!important}
 body.theme-news-magazine .nm-strip .wrap>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 body.theme-news-portal .n3-grid{grid-template-columns:1fr!important}
 body.theme-news-magazine .nm-strip .wrap{grid-template-columns:1fr!important}
 body.theme-news-magazine .nm-strip .wrap>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* V20.7.4 — News M1 3-column density + M3 mosaic geometry preservation.
   Universal Layout Contract controls slot COUNT. Complex editorial geometry may opt into
   column_mode=computed/layout_variant so the template keeps its native mosaic shape. */
body.theme-news-portal .n3-grid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:22px 18px!important;
}
body.theme-news-portal .n3-grid .n3-card img{aspect-ratio:16/9!important}
body.theme-news-portal .n3-grid .n3-card h3{font-size:15px!important;line-height:1.36!important}

/* M3 editors-pick must remain 1 featured tile + 4 supporting tiles in a 3-column / 2-row mosaic.
   Do not let .nr-structure-grid flatten the hero into five equal columns. */
body.theme-news-magazine .nm-mosaic{
 display:grid!important;
 grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)!important;
 grid-template-rows:245px 245px!important;
 gap:14px!important;
 align-items:stretch!important;
}
body.theme-news-magazine .nm-mosaic.nr-structure-grid{
 grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)!important;
 grid-template-rows:245px 245px!important;
}
body.theme-news-magazine .nm-mosaic>.nm-tile{min-width:0!important;min-height:0!important;height:100%!important}
body.theme-news-magazine .nm-mosaic>.nm-tile.big{grid-column:1!important;grid-row:1 / span 2!important}
body.theme-news-magazine .nm-mosaic>.nm-tile:nth-child(2){grid-column:2!important;grid-row:1!important}
body.theme-news-magazine .nm-mosaic>.nm-tile:nth-child(3){grid-column:3!important;grid-row:1!important}
body.theme-news-magazine .nm-mosaic>.nm-tile:nth-child(4){grid-column:2!important;grid-row:2!important}
body.theme-news-magazine .nm-mosaic>.nm-tile:nth-child(5){grid-column:3!important;grid-row:2!important}
body.theme-news-magazine .nm-mosaic>.nm-tile img{width:100%!important;height:100%!important;object-fit:cover!important}

@media(max-width:1000px){
 body.theme-news-portal .n3-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.theme-news-magazine .nm-mosaic,
 body.theme-news-magazine .nm-mosaic.nr-structure-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto!important;
 }
 body.theme-news-magazine .nm-mosaic>.nm-tile,
 body.theme-news-magazine .nm-mosaic>.nm-tile.big{
  grid-column:auto!important;grid-row:auto!important;height:260px!important;
 }
 body.theme-news-magazine .nm-mosaic>.nm-tile.big{grid-column:1 / -1!important;height:360px!important}
}
@media(max-width:700px){
 body.theme-news-portal .n3-grid{grid-template-columns:1fr!important}
 body.theme-news-magazine .nm-mosaic,
 body.theme-news-magazine .nm-mosaic.nr-structure-grid{grid-template-columns:1fr!important}
 body.theme-news-magazine .nm-mosaic>.nm-tile,
 body.theme-news-magazine .nm-mosaic>.nm-tile.big{grid-column:auto!important;grid-row:auto!important;height:240px!important}
 body.theme-news-magazine .nm-mosaic>.nm-tile.big{height:320px!important}
}


/* ==========================================================
   V20.7.6 — Universal Sidebar Follow Contract V1
   A public homepage/article sidebar follows the taller content column on desktop.
   The page scroll remains the only scroll container; no sidebar inner-scroll runway.
   ========================================================== */
@media(min-width:901px){
  body[class*="theme-news-"] .news-home-sidebar,
  body[class*="theme-news-"] .news-sticky-sidebar,
  body[class*="theme-news-"] .news-article-sidebar,
  body[class*="theme-news-"] .np-home-sidebar,
  body[class*="theme-news-"] .n3-popular.news-home-sidebar{
    position:sticky!important;
    top:92px!important;
    align-self:start!important;
    height:max-content!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    scrollbar-width:auto!important;
  }
  body.theme-news-paper .np-home-sidebar{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
  .content-layout>.sidebar,
  .content-layout>.news-sidebar{
    position:sticky!important;
    top:92px!important;
    align-self:start!important;
    height:max-content!important;
    max-height:none!important;
    overflow:visible!important;
  }
}
@media(max-width:900px){
  body[class*="theme-news-"] .news-home-sidebar,
  body[class*="theme-news-"] .news-sticky-sidebar,
  body[class*="theme-news-"] .news-article-sidebar,
  body[class*="theme-news-"] .np-home-sidebar,
  .content-layout>.sidebar,
  .content-layout>.news-sidebar{
    position:static!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* ==========================================================
   V20.7.8 — Smart Sidebar Follow Contract V2
   Sticky lives on the grid host. Nested sticky children are made static so the
   parent provides the full article runway. A JS-computed negative top supports
   sidebars taller than the viewport.
   ========================================================== */
@media(min-width:901px){
  .nr-sidebar-follow-host{
    position:sticky!important;
    top:var(--nr-sidebar-sticky-top,92px)!important;
    align-self:start!important;
    height:max-content!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .nr-sidebar-follow-host>.nr-sidebar-follow-inner,
  .nr-sidebar-follow-host>.news-sticky-sidebar{
    position:static!important;top:auto!important;max-height:none!important;overflow:visible!important;
  }
  .n3-article-layout,.nvar-article-grid,.np-content-layout,.content-layout,
  .n3-article-page,.nvar-article,.news-detail-v2,.news-detail-v3,.news-detail-v4{
    overflow:visible!important;align-items:start!important;
  }
}
@media(max-width:900px){
  .nr-sidebar-follow-host{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
}

/* Below-fold sections do not need layout/paint work before the user reaches them. */
@supports(content-visibility:auto){
  body[class*="theme-news-"] main>section:nth-of-type(n+4),
  body[class*="theme-service-"] main>section:nth-of-type(n+4){content-visibility:auto;contain-intrinsic-size:700px}
}


/* ==========================================================
   V20.7.8 — Sidebar Follow Contract V3
   JS owns the vertical travel. This intentionally disables position:sticky on
   the host so tall sidebars never freeze and never start underneath headers.
   ========================================================== */
@media(min-width:901px){
  .nr-sidebar-follow-host{
    position:relative!important;
    top:auto!important;bottom:auto!important;
    align-self:start!important;
    height:max-content!important;
    max-height:none!important;
    overflow:visible!important;
    transform:translate3d(0,var(--nr-sidebar-follow-y,0px),0)!important;
    will-change:transform;
  }
  .nr-sidebar-follow-host>.nr-sidebar-follow-inner,
  .nr-sidebar-follow-host>.news-sticky-sidebar{
    position:static!important;top:auto!important;bottom:auto!important;
    transform:none!important;max-height:none!important;overflow:visible!important;
  }
  .nr-sidebar-follow-host .n3-aside-title{position:relative;z-index:1}
}
@media(max-width:900px){
  .nr-sidebar-follow-host{transform:none!important;will-change:auto!important}
}
\n\n/* V20.7.9 — Homepage Sidebar Balance Contract V1 */\n@media (min-width:1001px){\n  body[class*="theme-news-"] [data-structure-key="latest"] .n3-layout,\n  body[class*="theme-news-"] [data-structure-key="latest"] .np-content-layout,\n  body[class*="theme-news-"] [data-structure-key="latest"] .nmin-layout{align-items:start!important}\n  body[class*="theme-news-"] [data-structure-key="latest"] .n3-grid,\n  body[class*="theme-news-"] [data-structure-key="latest"] .np-list,\n  body[class*="theme-news-"] [data-structure-key="latest"] .nmin-latest-grid{align-content:start!important}\n}\n
/* =========================================================
   V20.8.0 — GAME / CLASH OF CLANS PORTAL
========================================================= */
body.theme-game-clash{background:#08111e;color:#fff}
body.theme-game-clash>.topbar,body.theme-game-clash>.header,body.theme-game-clash>.mainnav{display:none!important}
.coc-site{background:#f3f6fa;color:#111827;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.coc-wrap{width:min(1220px,calc(100% - 36px));margin:auto}
.coc-top{background:#08111e;color:#fff;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.1)}
.coc-top .coc-wrap{min-height:76px;display:flex;align-items:center;gap:30px}
.coc-brand{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:#fff}.coc-brand b{font-size:27px;letter-spacing:-1px;color:#ffb000}.coc-brand span{font-size:14px;font-weight:900;letter-spacing:.12em}
.coc-top nav{display:flex;gap:22px;margin-left:auto}.coc-top nav a{color:#dbe6f2;text-decoration:none;font-size:14px;font-weight:800}.coc-top nav a:hover{color:#ffb000}
.coc-admin{background:#ffb000;color:#111!important;text-decoration:none;padding:11px 15px;font-weight:900;border-radius:8px}
.coc-hero{background:radial-gradient(circle at 83% 25%,#213a58 0,#102239 28%,#08111e 66%);color:#fff;padding:58px 0}
.coc-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:52px;align-items:center}.coc-kicker{color:#ffc545;font-size:12px;font-weight:950;letter-spacing:.12em}.coc-hero h1{font-size:clamp(42px,5.2vw,72px);line-height:.98;margin:14px 0 18px;letter-spacing:-.045em}.coc-hero h1 em{font-style:normal;color:#ffc545}.coc-hero p{font-size:18px;line-height:1.7;color:#c8d5e5;max-width:690px}
.coc-hero-actions{display:flex;gap:12px;margin:26px 0}.coc-hero-actions a{padding:13px 18px;border-radius:8px;background:#ffb000;color:#121212;text-decoration:none;font-weight:950}.coc-hero-actions a.soft{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.26)}
.coc-proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.coc-proof span{min-width:126px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);padding:12px 14px}.coc-proof b,.coc-proof small{display:block}.coc-proof b{font-size:18px}.coc-proof small{color:#9fb0c4;margin-top:3px}
.coc-hero-art{background:#03070c;border:1px solid rgba(255,255,255,.18);padding:12px;box-shadow:0 25px 65px rgba(0,0,0,.38)}.coc-hero-art img{width:100%;aspect-ratio:1.38/1;object-fit:cover;display:block}.coc-hero-art>div{padding:14px 4px 3px;display:flex;justify-content:space-between;gap:15px}.coc-hero-art span{color:#9fb0c4;font-size:12px}
.coc-filter-strip{background:#fff;border-bottom:1px solid #dfe6ee;box-shadow:0 3px 12px rgba(8,17,30,.04)}.coc-filter-strip .coc-wrap{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0}.coc-filter-strip button{border:1px solid #d9e1eb;background:#f8fafc;padding:8px 12px;font-weight:850;border-radius:7px;color:#26364a}
.coc-section{padding:58px 0;background:#f3f6fa}.coc-section.coc-dark{background:#0d1b2b;color:#fff}.coc-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.coc-heading>div>span{font-size:12px;font-weight:950;letter-spacing:.12em;color:#ee8f00}.coc-heading h2{font-size:34px;margin:5px 0 6px;letter-spacing:-.03em}.coc-heading p{margin:0;color:#68798d}.coc-heading.light p{color:#9db0c5}.coc-heading a{color:#d97c00;font-weight:850;text-decoration:none}
.coc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.coc-card{background:#fff;border:1px solid #dfe6ee;min-width:0;box-shadow:0 3px 14px rgba(8,17,30,.05)}.coc-dark .coc-card{border-color:#263b52}.coc-thumb{display:block;position:relative;background:#060b11;overflow:hidden}.coc-thumb img{display:block;width:100%;aspect-ratio:1.27/1;object-fit:cover;transition:transform .28s ease}.coc-card:hover .coc-thumb img{transform:scale(1.025)}.coc-level,.coc-free,.coc-premium{position:absolute;top:9px;font-size:10px;font-weight:950;letter-spacing:.06em;padding:5px 7px}.coc-level{left:9px;background:#fff;color:#111}.coc-free,.coc-premium{right:9px;color:#111}.coc-free{background:#78df86}.coc-premium{background:#ffc545}.coc-card-body{padding:12px}.coc-card-body h3{font-size:15px;line-height:1.35;margin:0 0 10px}.coc-card-body h3 a{color:#111827;text-decoration:none}.coc-tags{display:flex;flex-wrap:wrap;gap:5px}.coc-tags span{font-size:10px;background:#edf2f7;color:#526478;padding:4px 6px}.coc-stats{display:flex;justify-content:space-between;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid #eef2f6;font-size:11px;color:#67788a}.coc-empty{min-height:255px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #aebdcc;background:rgba(255,255,255,.58);color:#718094}.coc-empty-art{font-size:36px;line-height:1}.coc-empty small{margin-top:5px}
.coc-access{padding:58px 0;background:#e7edf4}.coc-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.coc-access-grid>div{background:#fff;padding:32px;border-top:5px solid #64c276}.coc-access-grid>div.premium{background:#0a1523;color:#fff;border-top-color:#ffc545}.coc-access small{font-weight:950;letter-spacing:.12em;color:#278f3c}.coc-access .premium small{color:#ffc545}.coc-access h2{font-size:28px;margin:7px 0 10px}.coc-access p{color:#66788d;line-height:1.6}.coc-access .premium p{color:#a8b7c8}.coc-footer{background:#050b12;color:#9fb0c4;padding:26px 0}.coc-footer .coc-wrap{display:flex;justify-content:space-between}.coc-footer b{color:#fff}
@media(max-width:1000px){.coc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coc-top nav{display:none}.coc-hero-grid{grid-template-columns:1fr}.coc-hero-art{max-width:720px}.coc-access-grid{grid-template-columns:1fr}}
@media(max-width:720px){.coc-wrap{width:min(100% - 22px,1220px)}.coc-top .coc-wrap{min-height:66px}.coc-admin{margin-left:auto;font-size:12px}.coc-hero{padding:38px 0}.coc-hero h1{font-size:42px}.coc-hero p{font-size:15px}.coc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.coc-heading h2{font-size:27px}.coc-heading{align-items:start;flex-direction:column}.coc-card-body{padding:9px}.coc-tags span:nth-child(3){display:none}.coc-section{padding:38px 0}.coc-footer .coc-wrap{gap:8px;flex-direction:column}}
.coc-detail{padding:42px 0 70px}.coc-breadcrumb{font-size:13px;color:#718096;margin-bottom:18px}.coc-breadcrumb a{color:#d77e00;text-decoration:none}.coc-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.coc-detail-grid article{background:#fff;border:1px solid #dfe6ee}.coc-detail-image{width:100%;display:block;max-height:680px;object-fit:contain;background:#050b12}.coc-detail-copy{padding:25px}.coc-detail-copy h1{font-size:38px;line-height:1.12;margin:15px 0}.coc-stats.big{justify-content:flex-start;gap:24px;font-size:14px}.coc-article-body{font-size:17px;line-height:1.75;color:#37495d;margin-top:24px}.coc-article-body h2{color:#172033}.coc-detail-side{position:sticky;top:18px}.coc-access-card,.coc-side-note{background:#fff;border:1px solid #dfe6ee;padding:22px;margin-bottom:14px}.coc-access-card{border-top:5px solid #6bcd76}.coc-access-card.premium{background:#0b1725;color:#fff;border-color:#23384f;border-top-color:#ffc545}.coc-access-card small{font-weight:950;letter-spacing:.12em;color:#23913b}.coc-access-card.premium small{color:#ffc545}.coc-access-card h3{font-size:24px;margin:9px 0}.coc-access-card p{line-height:1.65;color:#66798e}.coc-access-card.premium p{color:#adbdcd}.coc-access-card>a{display:block;text-align:center;background:#ffb000;color:#111;text-decoration:none;font-weight:950;padding:13px;margin-top:18px}.coc-side-note{display:flex;flex-direction:column;gap:8px}.coc-side-note span{color:#66798e;font-size:14px}
.market-seo-desc{margin:8px 0 10px;color:#637083;font-size:13px;line-height:1.55}.market-keywords{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:11px}.market-keywords span{font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px;background:#f2f5f8;color:#5a6879;border:1px solid #e0e6ed}
@media(max-width:900px){.coc-detail-grid{grid-template-columns:1fr}.coc-detail-side{position:static}.coc-detail-copy h1{font-size:30px}}
.market-title-link{color:inherit;text-decoration:none}.market-title-link:hover{text-decoration:underline}.template-seo-detail{background:#f5f7fa;color:#172033}.template-detail-wrap{width:min(1180px,calc(100% - 32px));margin:28px auto 70px}.template-detail-crumb{font-size:13px;color:#768398;margin-bottom:18px}.template-detail-crumb a{color:#3768b2;text-decoration:none}.template-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;background:#fff;border:1px solid #e0e6ed;padding:36px}.template-detail-hero>div>span{font-size:12px;font-weight:950;color:#d77800;letter-spacing:.1em}.template-detail-hero h1{font-size:46px;line-height:1.08;margin:10px 0 14px;letter-spacing:-.035em}.template-detail-hero p{font-size:17px;line-height:1.7;color:#5f6d80}.template-detail-hero>img{width:100%;border:1px solid #dce3eb}.template-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.template-detail-actions a{padding:12px 16px;border:1px solid #ced8e3;text-decoration:none;font-weight:900;color:#172033}.template-detail-actions a.primary{background:#ff9e00;color:#111;border-color:#ff9e00}.template-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:24px}.template-detail-grid article,.template-detail-grid aside{background:#fff;border:1px solid #e0e6ed;padding:28px}.template-detail-grid h2{font-size:27px;margin:0 0 12px}.template-detail-grid p{line-height:1.75;color:#5f6d80}.template-detail-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 30px}.template-detail-features span{padding:10px;background:#f3f6f9;font-weight:800}.template-detail-grid aside{display:flex;flex-direction:column;gap:9px;align-self:start;position:sticky;top:18px}.template-detail-grid aside strong{font-size:32px;color:#e18100}.template-detail-grid aside small{font-weight:950;letter-spacing:.08em;color:#68768a}.template-detail-grid aside span{font-size:13px;line-height:1.5;color:#718096}.template-detail-grid aside hr{width:100%;border:0;border-top:1px solid #e5eaf0;margin:12px 0}
@media(max-width:850px){.template-detail-hero,.template-detail-grid{grid-template-columns:1fr}.template-detail-hero h1{font-size:36px}.template-detail-grid aside{position:static}.template-detail-features{grid-template-columns:1fr}}
/* V20.8.2 — CoC original navigation logic: Hall chooser -> filtered base archive */
.coc-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.coc-level-card{background:#fff;border:1px solid #dfe6ee;text-align:center;padding:12px;box-shadow:0 3px 14px rgba(8,17,30,.05)}.coc-dark .coc-level-card{background:#132338;border-color:#294058}.coc-level-art{display:flex;height:190px;align-items:center;justify-content:center;background:radial-gradient(circle,#f7fbff 0,#eaf2f8 70%,#dce8f0 100%);overflow:hidden}.coc-level-art img{width:100%;height:100%;object-fit:contain!important;padding:8px;box-sizing:border-box;transition:transform .2s}.coc-level-card:hover .coc-level-art img{transform:scale(1.04)}.coc-level-card h3{margin:10px 0 8px}.coc-level-card h3 a{text-decoration:none;color:#172033;font-size:18px}.coc-dark .coc-level-card h3 a{color:#fff}.coc-level-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.coc-level-actions a{padding:7px;background:#61cf76;color:#102016;text-decoration:none;font-size:11px;font-weight:950}.coc-level-actions a.premium{background:#ffc545;color:#241900}.coc-browser{background:#f3f6fa;min-height:70vh;padding:38px 0 70px}.coc-browser-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.coc-browser-head small{font-weight:950;color:#d77e00;letter-spacing:.12em}.coc-browser-head h1{margin:5px 0 0;font-size:34px}.coc-mode-switch{display:flex}.coc-mode-switch a,.coc-filter-row a{border:1px solid #d6e0ea;background:#fff;color:#45586e;text-decoration:none;padding:8px 11px;font-size:12px;font-weight:850}.coc-mode-switch a.active,.coc-filter-row a.active{background:#132338;color:#fff;border-color:#132338}.coc-mode-switch a+ a{margin-left:5px}.coc-filter-panel{background:#fff;border:1px solid #dfe6ee;padding:15px;margin-bottom:16px}.coc-filter-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #edf1f5}.coc-filter-row:last-child{border:0}.coc-filter-row b{width:58px;font-size:12px;color:#22354a}.coc-result-meta{margin:14px 0;color:#68798d}.coc-no-results{grid-column:1/-1;background:#fff;border:1px dashed #aebdcc;padding:45px;text-align:center}.coc-result-grid .coc-stats{display:none!important}
@media(max-width:1000px){.coc-level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.coc-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.coc-level-art{height:150px}.coc-browser-head{align-items:start;flex-direction:column}.coc-filter-row b{width:100%}}

/* V20.8.3 — CoC Community Sharing Contract: all bases free, fast filters, compact mobile detail */
body.theme-game-clash>.public-footer,body.theme-game-clash>footer.public-footer{display:none!important}
body.theme-game-clash{padding-bottom:0}
.coc-main-menu{display:flex;align-items:center;gap:18px;margin-left:auto}.coc-main-menu>a,.coc-more>summary{color:#dbe6f2;text-decoration:none;font-size:13px;font-weight:850;cursor:pointer;list-style:none}.coc-more{position:relative}.coc-more>summary::-webkit-details-marker{display:none}.coc-more-menu{position:absolute;right:0;top:30px;z-index:50;width:210px;background:#fff;border:1px solid #dfe6ee;box-shadow:0 18px 45px rgba(0,0,0,.22);padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.coc-more:not([open]) .coc-more-menu{display:none}.coc-more-menu a{color:#24364a;text-decoration:none;font-size:12px;font-weight:750;padding:8px;border-radius:5px}.coc-more-menu a:hover{background:#eef3f8}
.coc-level-card{padding:10px}.coc-level-card h3{margin:10px 0 2px}.coc-level-card>a,.coc-level-card h3 a{display:block}.coc-level-actions,.coc-mode-switch,.coc-free,.coc-premium{display:none!important}
.coc-browser-head p{margin:7px 0 0;color:#68798d}.coc-filter-row a{cursor:pointer}.coc-result-grid{min-height:180px;contain:layout paint}.coc-result-grid .coc-card{content-visibility:auto;contain-intrinsic-size:280px}.coc-thumb img{content-visibility:auto}
.coc-access-card{border-top-color:#ffb000}.coc-access-card small{color:#d47a00}.coc-detail-image{background:#eef3f8}.coc-detail-grid article{overflow:hidden}
@media(max-width:1000px){.coc-main-menu{display:none}.coc-admin{margin-left:auto}}
@media(max-width:720px){
 body.theme-game-clash{background:#f3f6fa}
 .coc-detail{width:100%;padding:0 0 14px}.coc-breadcrumb{display:none}.coc-detail-grid{display:block}.coc-detail-grid article{border:0;background:transparent}.coc-detail-image{width:100%;max-height:none;object-fit:contain;background:#050b12}.coc-detail-copy{padding:0}.coc-detail-copy .coc-tags,.coc-detail-copy h1,.coc-article-body{display:none!important}.coc-stats.big{display:flex!important;justify-content:space-around;gap:6px;margin:0;padding:11px 8px;background:#fff;border-top:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0;font-size:12px}.coc-detail-side{margin:8px 10px 0}.coc-access-card{padding:0;border:0;background:transparent!important;margin:0}.coc-access-card small,.coc-access-card h3{display:none!important}.coc-access-card>a{margin:0;border-radius:7px;padding:14px}.coc-footer{display:none}.coc-browser{padding:22px 0 40px}.coc-browser-head h1{font-size:27px}.coc-filter-panel{padding:10px}.coc-filter-row{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.coc-filter-row::-webkit-scrollbar{display:none}.coc-filter-row b{position:sticky;left:0;background:#fff;z-index:2;flex:0 0 62px}.coc-filter-row a{flex:0 0 auto}.coc-card-body h3{font-size:13px}.coc-tags{gap:3px}.coc-tags span{font-size:9px}.coc-top .coc-wrap{min-height:58px}.coc-brand b{font-size:22px}.coc-brand span{font-size:11px}.coc-admin{padding:8px 10px;font-size:10px}
}

/* =========================================================
   V20.8.4 — CoC menu, related content, footer & sharp hero
========================================================= */
.coc-hero-art{display:flex;flex-direction:column;justify-content:center;min-height:390px;background:#06101b;padding:14px}
.coc-hero-art img{width:100%;height:340px;aspect-ratio:auto;object-fit:contain!important;object-position:center;image-rendering:auto;background:radial-gradient(circle at 50% 46%,#eff8ff 0,#dceaf3 58%,#c9dbe7 100%)}
.coc-hero-art>div{width:100%;box-sizing:border-box}
.coc-community-section,.coc-tools-section,.coc-mini-section,.coc-info-section{padding:54px 0;background:#fff;color:#172033;scroll-margin-top:84px}
.coc-tools-section,.coc-info-section{background:#eef3f8}.coc-mini-section{background:#0d1b2b;color:#fff}
.coc-community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.coc-community-card{display:block;background:#fff;border:1px solid #dfe6ee;color:#172033;text-decoration:none;overflow:hidden}
.coc-community-card img{width:100%;height:180px;object-fit:cover;display:block;background:#eaf1f7}.coc-community-card b{display:block;padding:13px;font-size:14px;line-height:1.45}
.coc-tool-grid,.coc-mini-grid,.coc-info-grid{display:grid;gap:15px}.coc-tool-grid,.coc-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coc-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.coc-tool-grid article,.coc-mini-grid article,.coc-info-grid article{padding:24px;border:1px solid #dbe4ed;background:#fff;scroll-margin-top:90px}
.coc-mini-grid article{background:#132338;border-color:#294058}.coc-info-grid article{background:#fff}
.coc-tool-grid small,.coc-mini-grid small,.coc-info-grid small{font-size:11px;letter-spacing:.12em;font-weight:950;color:#e48700}.coc-tool-grid h3,.coc-mini-grid h3,.coc-info-grid h3{margin:8px 0;font-size:21px}.coc-tool-grid p,.coc-mini-grid p,.coc-info-grid p{margin:0;line-height:1.65;color:#66798e;font-size:14px}.coc-mini-grid p{color:#9fb0c4}.coc-tool-grid a{display:inline-block;margin-top:14px;color:#d77e00;text-decoration:none;font-weight:900}
.coc-footer-full{display:block;background:#071321;color:#dbe6f2;border-top:3px solid #ffb000;padding:38px 0 0}
.coc-footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:36px;align-items:start}.coc-footer-grid>div{display:flex;flex-direction:column;gap:9px}.coc-footer-grid>div>b{color:#fff;font-size:12px;letter-spacing:.09em;margin-bottom:5px}.coc-footer-grid p{color:#93a6bc;line-height:1.7;font-size:13px;max-width:360px;margin:7px 0}.coc-footer-grid a{color:#aebed0;text-decoration:none;font-size:13px}.coc-footer-grid a:hover{color:#ffbd32}.coc-footer-brand{margin-bottom:5px}.coc-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding:17px 0;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#7f94aa}
.coc-related{margin-top:38px;padding-top:34px;border-top:1px solid #dfe6ee}.coc-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.coc-related .coc-card{background:#fff;border:1px solid #dfe6ee}.coc-related .coc-card .coc-stats{display:none!important}
.coc-main-menu>a,.coc-more>summary{transition:color .15s ease}.coc-main-menu>a:hover,.coc-more>summary:hover{color:#ffb000}
#news,#find-source,#donate-center,#saved,#events,#rankings,#hero-skins,#about,#privacy,#android-app,#ios-app{scroll-margin-top:88px}
@media(max-width:1000px){.coc-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coc-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coc-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.coc-footer-grid>div:last-child{grid-column:2/4}.coc-hero-art{min-height:340px}.coc-hero-art img{height:290px}}
@media(max-width:720px){
 .coc-hero-art{min-height:0;padding:10px}.coc-hero-art img{height:250px;object-fit:contain!important}.coc-community-grid,.coc-tool-grid,.coc-mini-grid,.coc-info-grid,.coc-related-grid{grid-template-columns:1fr 1fr}.coc-community-card img{height:150px}.coc-footer-full{display:block!important;padding-top:28px}.coc-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.coc-footer-grid>div:first-child{grid-column:1/-1}.coc-footer-grid>div:last-child{grid-column:auto}.coc-footer-bottom{flex-direction:column}.coc-detail + .coc-footer{display:none!important}.coc-detail .coc-related{display:none!important}
}
@media(max-width:480px){.coc-community-grid,.coc-tool-grid,.coc-mini-grid,.coc-info-grid{grid-template-columns:1fr}.coc-footer-grid{grid-template-columns:1fr}.coc-footer-grid>div:first-child,.coc-footer-grid>div:last-child{grid-column:auto}.coc-hero-art img{height:220px}}


/* =========================================================
   V20.8.8 — CoC Mobile-first UX, pro hero, smart menu, result focus
========================================================= */
body.theme-game-clash{--coc-nav-h:72px;--coc-accent:#ffb000;--coc-deep:#071321;--coc-panel:#0d1c2d;padding-bottom:0!important}
.coc-nav-shell{position:sticky!important;top:0;z-index:900;background:rgba(6,17,30,.94)!important;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)}
.coc-nav-wrap{min-height:72px;display:flex;align-items:center;gap:22px}.coc-desktop-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.coc-desktop-nav a{color:#dbe6f2;text-decoration:none;font-size:12px;font-weight:850;padding:10px 11px;border-radius:8px;transition:.16s ease}.coc-desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.coc-nav-actions{display:flex;align-items:center;gap:8px}.coc-donate-top{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:9px;background:#ffdd00;color:#151515!important;text-decoration:none;font-weight:950;font-size:12px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.coc-donate-top:hover{transform:translateY(-1px)}
.coc-mobile-nav{display:none}.coc-donate-float{position:fixed;right:20px;bottom:20px;z-index:850;display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:10px 14px;border-radius:14px;background:#ffdd00;color:#111!important;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.28);border:1px solid rgba(0,0,0,.08)}.coc-donate-float>span{grid-row:1/3;font-size:25px}.coc-donate-float strong{font-size:12px;line-height:1.15}.coc-donate-float small{font-size:9px;opacity:.68;line-height:1.15}
.coc-hero{position:relative;overflow:hidden;padding:64px 0;background:radial-gradient(circle at 78% 12%,#25476f 0,#122a45 28%,#08111e 68%)}.coc-hero:after{content:"";position:absolute;inset:auto -10% -45% 40%;height:520px;background:radial-gradient(circle,rgba(255,176,0,.14),transparent 65%);pointer-events:none}.coc-hero-grid{position:relative;z-index:1}.coc-hero-copy{min-width:0}.coc-hero-benefits{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}.coc-hero-benefits span{font-size:11px;font-weight:800;color:#d6e5f5;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);padding:7px 9px;border-radius:999px}
.coc-hero-art{position:relative;min-height:410px;padding:18px 18px 12px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 32px 72px rgba(0,0,0,.38)!important;overflow:hidden}.coc-hero-art:before{content:"";position:absolute;inset:12% 9% 22%;border-radius:50%;background:radial-gradient(circle,rgba(76,170,255,.28),transparent 67%);filter:blur(10px)}.coc-hero-art picture{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:320px}.coc-hero-art picture img{width:auto!important;max-width:100%!important;height:auto!important;max-height:325px!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 20px 22px rgba(0,0,0,.34));transform:none!important}.coc-hero-art-badge{position:absolute!important;z-index:3;top:14px;left:14px;width:auto!important;padding:7px 9px!important;border-radius:999px;background:#ffb000;color:#131313;font-size:10px;font-weight:950;letter-spacing:.08em}.coc-hero-art-meta{position:relative;z-index:2;display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:12px 2px 2px!important;border-top:1px solid rgba(255,255,255,.1)}.coc-hero-art-meta>div{display:block!important;padding:0!important}.coc-hero-art-meta b{display:block;color:#fff;font-size:15px}.coc-hero-art-meta span{display:block;color:#9fb0c4;font-size:10px;margin-top:2px}.coc-hero-art-meta a{color:#ffcb53!important;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap}
.coc-results-toolbar{scroll-margin-top:96px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 12px;padding:13px 15px;background:#10243a;color:#fff;border-radius:10px;box-shadow:0 8px 22px rgba(28,50,72,.12)}.coc-results-toolbar>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.coc-results-toolbar small{font-size:9px;letter-spacing:.12em;color:#ffbf2f;font-weight:950}.coc-results-toolbar strong{font-size:15px}.coc-results-toolbar span{font-size:11px;color:#9fb0c4}.coc-results-toolbar>a{color:#132338;background:#fff;text-decoration:none;padding:8px 10px;border-radius:7px;font-size:10px;font-weight:900}
.coc-result-grid{scroll-margin-top:96px}.coc-filter-panel{border-radius:12px;box-shadow:0 8px 22px rgba(26,45,66,.06)}.coc-filter-row a{border-radius:7px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.coc-filter-row a.active{box-shadow:0 0 0 2px rgba(19,35,56,.08)}
@media(max-width:1100px){.coc-desktop-nav a:nth-child(6),.coc-desktop-nav a:nth-child(7){display:none}.coc-desktop-nav{gap:2px}.coc-desktop-nav a{padding:9px 8px}.coc-donate-float{right:14px}}
@media(max-width:820px){
 body.theme-game-clash{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}.coc-nav-shell{position:sticky!important}.coc-nav-wrap{min-height:60px}.coc-desktop-nav{display:none}.coc-nav-actions .coc-admin{display:none}.coc-donate-top{margin-left:auto;padding:8px 11px}.coc-donate-float{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));grid-template-columns:26px auto;padding:8px 11px;border-radius:12px}.coc-donate-float>span{font-size:20px}.coc-donate-float small{display:none}
 .coc-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:920;display:grid;grid-template-columns:repeat(5,1fr);height:calc(62px + env(safe-area-inset-bottom));padding:3px 5px env(safe-area-inset-bottom);background:rgba(7,19,33,.97);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 30px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.coc-mobile-nav>a,.coc-mobile-more>summary{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#d9e5f2!important;text-decoration:none;list-style:none;font-size:16px;border-radius:9px}.coc-mobile-nav b{font-size:9px;font-weight:800;white-space:nowrap}.coc-mobile-nav .donate{color:#ffdd00!important}.coc-mobile-more>summary::-webkit-details-marker{display:none}.coc-mobile-more{display:contents}.coc-mobile-menu-panel{position:fixed;left:10px;right:10px;bottom:calc(70px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:12px;background:#0b1a2a;border:1px solid rgba(255,255,255,.13);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.coc-mobile-more:not([open]) .coc-mobile-menu-panel{display:none}.coc-mobile-menu-panel a{color:#e4edf6!important;text-decoration:none;padding:12px 10px;background:#13273d;border-radius:9px;font-size:11px;font-weight:850;text-align:center}
 .coc-hero{padding:34px 0 30px}.coc-hero-grid{gap:26px}.coc-hero h1{font-size:clamp(39px,11vw,52px)}.coc-hero p{font-size:15px;line-height:1.65}.coc-hero-actions{margin:20px 0 14px}.coc-hero-actions a{min-height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.coc-hero-benefits{margin:12px 0 18px}.coc-proof{gap:8px}.coc-proof span{min-width:0;flex:1;padding:10px}.coc-hero-art{min-height:0!important;padding:14px!important;border-radius:18px!important}.coc-hero-art picture{min-height:260px}.coc-hero-art picture img{max-height:270px!important}.coc-hero-art-meta{padding-top:10px!important}.coc-hero-art-meta a{font-size:10px}.coc-level-art{height:165px}
 .coc-browser{padding-top:18px}.coc-filter-panel{padding:9px}.coc-filter-row{padding:7px 0;scroll-snap-type:x proximity}.coc-filter-row a{scroll-snap-align:start;min-height:40px;padding:8px 11px}.coc-results-toolbar{scroll-margin-top:76px;margin-top:12px}.coc-result-grid{scroll-margin-top:76px}.coc-card h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.coc-thumb{aspect-ratio:4/3;overflow:hidden}.coc-thumb img{width:100%;height:100%;object-fit:cover}
}
@media(max-width:520px){.coc-wrap{width:min(100% - 18px,1220px)}.coc-hero-art picture{min-height:220px}.coc-hero-art picture img{max-height:230px!important}.coc-hero-art-meta{align-items:flex-end}.coc-hero-art-meta span{display:none}.coc-hero-art-meta a{max-width:42%;white-space:normal;text-align:right}.coc-proof{display:grid;grid-template-columns:repeat(3,1fr)}.coc-proof span{padding:9px 6px}.coc-proof b{font-size:13px}.coc-proof small{font-size:9px}.coc-results-toolbar{padding:11px}.coc-results-toolbar>div{gap:5px}.coc-results-toolbar span{width:100%}.coc-filter-row b{flex-basis:58px}.coc-level-art{height:145px}}

/* =========================================================
   NEWSREAL V20.8.9 — CoC local-first UX contract
   - lean functional menu only
   - equal Admin/Donate CTAs
   - circular floating coffee CTA
   - daily latest Hero Skin showcase
   - local-first Saved Bases
   ========================================================= */
.theme-game-clash .coc-nav-actions .coc-admin,
.theme-game-clash .coc-nav-actions .coc-donate-top{
  min-height:42px!important;height:42px!important;padding:0 16px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;border-radius:10px!important;box-sizing:border-box!important;
  font-size:12px!important;font-weight:950!important;line-height:1!important;
}
.theme-game-clash .coc-nav-actions .coc-admin{background:#ffb000!important;color:#111!important}
.theme-game-clash .coc-nav-actions .coc-donate-top{background:#ffe167!important;color:#141414!important;box-shadow:none!important}
.theme-game-clash .coc-desktop-nav button.coc-saved-nav{
  border:0;background:transparent;color:#dbe6f2;font:inherit;font-size:12px;font-weight:850;
  padding:10px 11px;border-radius:8px;cursor:pointer
}
.theme-game-clash .coc-desktop-nav button.coc-saved-nav:hover{background:rgba(255,255,255,.08);color:#fff}
.theme-game-clash .coc-mobile-nav>button{
  border:0;background:transparent;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;color:#d9e5f2;font:inherit;border-radius:9px;cursor:pointer
}
.theme-game-clash .coc-mobile-nav>button span{font-size:16px}.theme-game-clash .coc-mobile-nav>button b{font-size:9px}
.theme-game-clash .coc-donate-float{
  width:52px!important;height:52px!important;right:18px!important;bottom:18px!important;padding:0!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;background:#ffe167!important;color:#111!important;
  border:2px solid rgba(255,255,255,.7)!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important
}
.theme-game-clash .coc-donate-float>span{font-size:24px!important;line-height:1!important;grid-row:auto!important}
.theme-game-clash .coc-donate-float strong,.theme-game-clash .coc-donate-float small{display:none!important}
.theme-game-clash .coc-donate-float:hover{transform:translateY(-2px) scale(1.03)}

.theme-game-clash .coc-hero-skin{min-height:440px!important}
.theme-game-clash .coc-skin-stage{position:relative;z-index:1;min-height:345px;display:flex;align-items:flex-end;justify-content:center;padding:28px 16px 0;box-sizing:border-box}
.theme-game-clash .coc-skin-stage:before{content:"";position:absolute;inset:14% 10% 7%;border-radius:50%;background:radial-gradient(circle,rgba(80,176,255,.3),rgba(12,34,55,.08) 55%,transparent 72%);filter:blur(12px)}
.theme-game-clash .coc-skin-stage img{position:relative;z-index:1;width:auto!important;height:auto!important;max-width:92%!important;max-height:360px!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 24px 22px rgba(0,0,0,.38));transition:opacity .2s ease,transform .25s ease}
.theme-game-clash .coc-hero-skin.is-ready .coc-skin-stage img{transform:scale(1.03)}
.theme-game-clash .coc-hero-skin.is-fallback .coc-hero-art-badge:after{content:" · BASE ART"}

.theme-game-clash .coc-card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:4px;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f5;color:#66788a;font-size:10px}
.theme-game-clash .coc-card-stats>span{text-align:center;white-space:nowrap}
.theme-game-clash .coc-bookmark-btn{border:0;background:transparent;color:#66788a;cursor:pointer;min-width:32px;min-height:30px;border-radius:7px;font:inherit;padding:4px 5px}
.theme-game-clash .coc-bookmark-btn:hover{background:#f1f5f9}.theme-game-clash .coc-bookmark-btn.is-saved{background:#fff2bb;color:#9b6800}
.theme-game-clash .coc-bookmark-detail{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;background:#f4f7fa}
.theme-game-clash .coc-bookmark-detail b{font-size:11px}

html.coc-saved-open,html.coc-saved-open body{overflow:hidden}
.theme-game-clash .coc-saved-sheet{position:fixed;inset:0;z-index:1200;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.theme-game-clash .coc-saved-sheet.show{opacity:1;visibility:visible;pointer-events:auto}
.theme-game-clash .coc-saved-overlay{position:absolute;inset:0;border:0;background:rgba(2,8,15,.66);backdrop-filter:blur(5px);cursor:pointer}
.theme-game-clash .coc-saved-panel{position:absolute;top:0;right:0;width:min(440px,100%);height:100%;background:#f7f9fc;color:#172033;padding:18px;box-sizing:border-box;box-shadow:-20px 0 70px rgba(0,0,0,.35);transform:translateX(102%);transition:transform .22s ease;overflow:auto}
.theme-game-clash .coc-saved-sheet.show .coc-saved-panel{transform:translateX(0)}
.theme-game-clash .coc-saved-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 16px;border-bottom:1px solid #dde5ed}
.theme-game-clash .coc-saved-panel>header small{font-size:10px;font-weight:900;letter-spacing:.12em;color:#d17d00}.theme-game-clash .coc-saved-panel>header h3{margin:3px 0 0;font-size:22px}
.theme-game-clash .coc-saved-panel>header>button{width:38px;height:38px;border:0;border-radius:50%;background:#e9eef4;font-size:24px;cursor:pointer}
.theme-game-clash .coc-saved-list{display:grid;gap:10px;padding-top:14px}.theme-game-clash .coc-saved-item{position:relative;background:#fff;border:1px solid #dfe6ee;border-radius:12px;overflow:hidden}
.theme-game-clash .coc-saved-item>a{display:grid;grid-template-columns:94px 1fr;gap:11px;align-items:center;color:#172033!important;text-decoration:none}.theme-game-clash .coc-saved-item img{width:94px;height:76px;object-fit:cover;display:block}.theme-game-clash .coc-saved-item span{padding-right:42px;font-size:12px;font-weight:850;line-height:1.35}
.theme-game-clash .coc-saved-item>button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:#eef2f6;cursor:pointer}
.theme-game-clash .coc-saved-empty{text-align:center;padding:42px 14px;color:#65768a}.theme-game-clash .coc-saved-empty b{color:#172033}.theme-game-clash .coc-saved-empty p{font-size:12px;line-height:1.6}
.theme-game-clash .coc-footer-saved{display:block;border:0;background:transparent;color:#c7d5e5;text-align:left;padding:0;font:inherit;font-size:12px;cursor:pointer}.theme-game-clash .coc-footer-saved:hover{color:#fff}
.theme-game-clash .coc-info-grid-simple{grid-template-columns:repeat(2,minmax(0,1fr))!important}

@media(max-width:720px){
  .theme-game-clash .coc-nav-actions .coc-donate-top{min-height:38px!important;height:38px!important;padding:0 12px!important}
  .theme-game-clash .coc-donate-float{width:46px!important;height:46px!important;right:12px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important}
  .theme-game-clash .coc-donate-float>span{font-size:21px!important}
  .theme-game-clash .coc-hero-skin{min-height:0!important}
  .theme-game-clash .coc-skin-stage{min-height:280px;padding:20px 8px 0}
  .theme-game-clash .coc-skin-stage img{max-height:292px!important;max-width:96%!important}
  .theme-game-clash .coc-hero-art-meta{align-items:center!important}
  .theme-game-clash .coc-card-stats{font-size:9px}
  .theme-game-clash .coc-detail-copy .coc-article-body{display:block!important;margin:12px 10px 0!important;padding:13px!important;background:#fff;border:1px solid #e3e8ee;border-radius:10px;font-size:14px!important;line-height:1.65!important;color:#42556a!important}
  .theme-game-clash .coc-stats.big{justify-content:space-between!important;align-items:center!important;gap:4px!important;overflow-x:auto!important}
  .theme-game-clash .coc-stats.big>span{white-space:nowrap}.theme-game-clash .coc-bookmark-detail{white-space:nowrap;min-width:auto!important}
  .theme-game-clash .coc-saved-panel{top:auto;bottom:0;width:100%;height:min(78vh,650px);border-radius:20px 20px 0 0;transform:translateY(102%);box-shadow:0 -20px 70px rgba(0,0,0,.35)}
  .theme-game-clash .coc-saved-sheet.show .coc-saved-panel{transform:translateY(0)}
  .theme-game-clash .coc-info-grid-simple{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .theme-game-clash .coc-skin-stage{min-height:240px}.theme-game-clash .coc-skin-stage img{max-height:252px!important}
  .theme-game-clash .coc-card-stats{gap:1px}.theme-game-clash .coc-card-stats>span{font-size:8.5px}
}


/* =========================================================
   V20.9.0 — CoC Mobile-first navigation, compact filters, Saved feedback
========================================================= */
.theme-game-clash .coc-donate-top{background:#22c55e!important;color:#052e16!important;border:1px solid #34d399!important;box-shadow:0 8px 20px rgba(34,197,94,.16)!important}
.theme-game-clash .coc-donate-top:hover{background:#34d399!important}
.theme-game-clash .coc-menu-toggle{display:none;width:42px;height:40px;padding:9px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#13283f;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.theme-game-clash .coc-menu-toggle span{display:block;width:18px;height:2px;background:#f4f8fc;border-radius:2px;transition:transform .18s ease,opacity .18s ease}
.theme-game-clash .coc-menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.theme-game-clash .coc-menu-toggle.is-open span:nth-child(2){opacity:0}
.theme-game-clash .coc-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.theme-game-clash .coc-mobile-menu{display:none}
.theme-game-clash .coc-mobile-filter-summary,.theme-game-clash .coc-filter-mobile-head,.theme-game-clash .coc-filter-mobile-actions{display:none}
.theme-game-clash .coc-toast-region{position:fixed;left:50%;bottom:24px;z-index:1200;transform:translateX(-50%);display:grid;gap:8px;width:min(92vw,420px);pointer-events:none}
.theme-game-clash .coc-toast{display:flex;align-items:center;gap:9px;margin:auto;padding:11px 14px;border-radius:12px;background:#0d1f31;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 42px rgba(0,0,0,.34);opacity:0;transform:translateY(12px) scale(.98);transition:.2s ease;font-size:12px}
.theme-game-clash .coc-toast.show{opacity:1;transform:none}.theme-game-clash .coc-toast>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#22c55e;color:#052e16;font-weight:950}.theme-game-clash .coc-toast.removed>span{background:#e2e8f0;color:#334155}
.theme-game-clash .coc-mobile-copy-dock{display:none}
@media(max-width:820px){
 body.theme-game-clash{padding-bottom:0!important}
 .theme-game-clash .coc-nav-wrap{min-height:58px!important;gap:8px!important}
 .theme-game-clash .coc-brand{flex:0 0 auto}.theme-game-clash .coc-brand span{max-width:44px;line-height:1.05}
 .theme-game-clash .coc-desktop-nav,.theme-game-clash .coc-mobile-nav{display:none!important}
 .theme-game-clash .coc-nav-actions{margin-left:auto;gap:6px}
 .theme-game-clash .coc-nav-actions .coc-admin{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;min-height:40px!important;height:40px!important;padding:0 10px!important;border-radius:10px!important;font-size:10px!important;white-space:nowrap}
 .theme-game-clash .coc-nav-actions .coc-admin b{font-size:10px}.theme-game-clash .coc-nav-actions .coc-admin span{font-size:15px}
 .theme-game-clash .coc-nav-actions .coc-donate-top{display:inline-flex!important;min-height:40px!important;height:40px!important;padding:0 10px!important;border-radius:10px!important;font-size:10px!important;white-space:nowrap}
 .theme-game-clash .coc-menu-toggle{display:flex}
 .theme-game-clash .coc-mobile-menu{display:block;position:absolute;left:0;right:0;top:100%;z-index:930;background:rgba(7,19,33,.985);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 18px 38px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s ease}
 .theme-game-clash .coc-mobile-menu.show{opacity:1;visibility:visible;transform:none}
 .theme-game-clash .coc-mobile-menu>.coc-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 0 12px}
 .theme-game-clash .coc-mobile-menu a,.theme-game-clash .coc-mobile-menu button{display:flex;align-items:center;min-height:42px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#10263d;color:#e9f1fa!important;text-decoration:none;font:inherit;font-size:11px;font-weight:850;text-align:left;cursor:pointer}
 .theme-game-clash .coc-donate-float{width:44px!important;height:44px!important;right:12px!important;bottom:14px!important;padding:0!important;border-radius:50%!important;background:#22c55e!important;color:#052e16!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important}
 .theme-game-clash .coc-donate-float>span{font-size:20px!important;grid-row:auto!important}
 .theme-game-clash .coc-mobile-filter-summary{display:block;margin:0 0 10px}
 .theme-game-clash .coc-filter-open{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #d9e2eb;border-radius:12px;background:#fff;color:#14283d;box-shadow:0 7px 18px rgba(23,42,62,.06);text-align:left}
 .theme-game-clash .coc-filter-open span{min-width:0}.theme-game-clash .coc-filter-open small{display:block;font-size:8px;letter-spacing:.12em;color:#d17d00;font-weight:950}.theme-game-clash .coc-filter-open b{display:block;margin-top:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-game-clash .coc-filter-open i{font-style:normal;font-size:19px}
 .theme-game-clash .coc-filter-panel{position:fixed;left:10px;right:10px;top:72px;bottom:auto;z-index:1100;max-height:min(74vh,600px);display:flex!important;flex-direction:column;margin:0!important;padding:0!important;border-radius:16px!important;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.35)!important;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);transition:.18s ease;overflow:hidden}
 .theme-game-clash .coc-filter-panel.is-mobile-open{opacity:1;visibility:visible;transform:none}
 .theme-game-clash .coc-filter-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid #e5ebf0}.theme-game-clash .coc-filter-mobile-head small{display:block;font-size:8px;letter-spacing:.12em;color:#d17d00;font-weight:950}.theme-game-clash .coc-filter-mobile-head strong{font-size:13px}.theme-game-clash .coc-filter-mobile-head button{width:34px;height:34px;border:0;border-radius:50%;background:#edf2f7;font-size:21px;color:#23364b}
 .theme-game-clash .coc-filter-scroll{overflow-y:auto;overscroll-behavior:contain;padding:4px 12px 8px}
 .theme-game-clash .coc-filter-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;overflow:visible!important;padding:10px 0!important}
 .theme-game-clash .coc-filter-row b{position:static!important;grid-column:1/-1;width:auto!important;flex:auto!important;padding:0!important;background:transparent!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.07em;color:#5c6f82!important}
 .theme-game-clash .coc-filter-row a{min-height:38px!important;padding:8px 9px!important;border:1px solid #d7e0e9!important;background:#fff!important;color:#31475d!important;font-size:10px!important;text-align:center!important}
 .theme-game-clash .coc-filter-row a.active{background:#10243a!important;color:#fff!important;border-color:#10243a!important;box-shadow:none!important}
 .theme-game-clash .coc-filter-mobile-actions{display:grid;grid-template-columns:88px 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e5ebf0;background:#fff}
 .theme-game-clash .coc-filter-mobile-actions .reset,.theme-game-clash .coc-filter-mobile-actions button{min-height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;text-decoration:none}.theme-game-clash .coc-filter-mobile-actions .reset{background:#eef2f6;color:#33475b}.theme-game-clash .coc-filter-mobile-actions button{border:0;background:#ffb000;color:#17110a}
 .theme-game-clash .coc-browser-head{margin-bottom:12px}.theme-game-clash .coc-browser-head p{display:none}
 .theme-game-clash .coc-results-toolbar{position:sticky;top:66px;z-index:40;margin:8px 0 10px;padding:10px 11px;border-radius:11px}.theme-game-clash .coc-results-toolbar>a{display:none}
 .theme-game-clash .coc-result-grid{grid-template-columns:1fr!important;gap:12px!important}
 .theme-game-clash .coc-result-grid .coc-card{display:grid;grid-template-columns:minmax(132px,42%) 1fr;min-height:132px}.theme-game-clash .coc-result-grid .coc-thumb{height:100%!important;aspect-ratio:auto!important}.theme-game-clash .coc-result-grid .coc-card-body{padding:10px!important}.theme-game-clash .coc-result-grid .coc-card-body h3{font-size:13px!important}.theme-game-clash .coc-result-grid .coc-card-stats{margin-top:8px}
 .theme-game-clash .coc-toast-region{bottom:18px;width:min(94vw,380px)}
 .theme-game-clash .coc-mobile-copy-dock{display:block;position:fixed;left:10px;right:10px;bottom:10px;z-index:820;pointer-events:none}.theme-game-clash .coc-mobile-copy-dock a{pointer-events:auto;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:13px;background:#ffb000;color:#13100a!important;text-decoration:none;font-size:14px;font-weight:950;box-shadow:0 14px 34px rgba(0,0,0,.3)}
 .theme-game-clash .coc-detail{padding-bottom:72px!important}.theme-game-clash .coc-detail .coc-donate-float{bottom:74px!important}
}
@media(max-width:430px){
 .theme-game-clash .coc-brand b{font-size:20px!important}.theme-game-clash .coc-brand span{font-size:8px!important}
 .theme-game-clash .coc-nav-actions .coc-admin b{display:none}.theme-game-clash .coc-nav-actions .coc-admin{width:40px!important;padding:0!important}.theme-game-clash .coc-nav-actions .coc-admin span{font-size:18px}
 .theme-game-clash .coc-nav-actions .coc-donate-top b{font-size:9px}
 .theme-game-clash .coc-mobile-menu>.coc-wrap{grid-template-columns:1fr 1fr}
 .theme-game-clash .coc-filter-panel{left:7px;right:7px;top:66px;max-height:76vh}
 .theme-game-clash .coc-result-grid .coc-card{grid-template-columns:124px 1fr}
}

/* V20.9.1 — CoC real stats + personalized info pages */
.coc-vote-btn{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;padding:0;cursor:pointer}.coc-vote-popover{position:fixed;z-index:10050;left:50%;bottom:24px;transform:translateX(-50%);background:#0b1d31;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px 16px;box-shadow:0 18px 60px rgba(0,0,0,.35);text-align:center}.coc-vote-popover>b{display:block;margin-bottom:9px}.coc-vote-popover div{display:flex;gap:7px}.coc-vote-popover button{border:0;border-radius:10px;padding:9px 10px;background:#fff;color:#0b1d31;font-weight:900;cursor:pointer}.coc-info-page{padding-top:36px;padding-bottom:70px;min-height:65vh}.coc-info-page article{max-width:850px;margin:22px auto;background:rgba(255,255,255,.94);border-radius:20px;padding:clamp(22px,5vw,46px);box-shadow:0 18px 50px rgba(0,0,0,.14)}.coc-info-page article small{color:#f5a400;font-weight:900;letter-spacing:.08em}.coc-info-page article h1{font-size:clamp(30px,6vw,52px);margin:8px 0 20px}.coc-info-content{font-size:17px;line-height:1.85;color:#26374a}.template-settings-panel{margin-top:18px;padding-top:14px;border-top:1px solid #e5e7eb}.template-settings-panel.hidden{display:none}.template-settings-head{margin-bottom:12px}.template-settings-panel textarea{width:100%;resize:vertical;min-height:110px}


/* V20.9.3 — CoC mobile-first filter + donate final overrides */
.theme-game-clash .coc-donate-top,
.theme-game-clash .coc-donate-float{
  background:#22c55e!important;color:#052e16!important;border-color:#22c55e!important;
  transform:none!important;transition:none!important;
}
.theme-game-clash .coc-donate-top:hover,
.theme-game-clash .coc-donate-top:focus,
.theme-game-clash .coc-donate-float:hover,
.theme-game-clash .coc-donate-float:focus{
  background:#22c55e!important;color:#052e16!important;transform:none!important;
}
.theme-game-clash .coc-donate-float{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important}
.theme-game-clash .coc-donate-float>span{display:block!important;margin:0!important;line-height:1!important;transform:translateY(0)!important}
@media(min-width:821px){
 .theme-game-clash .coc-filter-panel{padding:14px 16px!important}
 .theme-game-clash .coc-filter-row{display:grid!important;grid-template-columns:84px repeat(auto-fit,minmax(88px,max-content));align-items:center!important;gap:7px!important}
 .theme-game-clash .coc-filter-row b{width:auto!important}
 .theme-game-clash .coc-filter-row a{min-height:38px!important;padding:8px 12px!important;white-space:nowrap!important}
}
@media(max-width:820px){
 body.theme-game-clash{padding-bottom:0!important}
 .theme-game-clash .coc-filter-panel{top:64px!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 82px)!important}
 .theme-game-clash .coc-filter-scroll{padding:4px 10px 8px!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 .theme-game-clash .coc-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .theme-game-clash .coc-filter-row a{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.15!important}
 .theme-game-clash .coc-filter-mobile-actions{position:sticky!important;bottom:0!important;background:#fff!important;padding:10px!important;border-top:1px solid #e2e8f0!important}
 .theme-game-clash .coc-donate-float{width:46px!important;height:46px!important;right:12px!important;bottom:12px!important;border-radius:50%!important}
 .theme-game-clash .coc-donate-float>span{font-size:21px!important}
}


/* NEWSREAL V20.9.7 — Smart Progressive Filter V4 */
.theme-game-clash .coc-mobile-filter-summary,.theme-game-clash .coc-filter-panel{display:none!important}
.theme-game-clash .coc-smart-filter{position:relative;background:#fff;border:1px solid #dce4ed;border-radius:14px;box-shadow:0 10px 28px rgba(18,40,62,.07);margin-bottom:16px;overflow:visible}
.theme-game-clash .coc-filter-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #e6ecf2}
.theme-game-clash .coc-filter-step{position:relative;min-width:0;min-height:72px;border:0;border-right:1px solid #e6ecf2;background:#fff;padding:11px 34px 10px 14px;text-align:left;color:#10243a;cursor:pointer}
.theme-game-clash .coc-filter-step:last-child{border-right:0}.theme-game-clash .coc-filter-step small{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#718196;font-weight:950;margin-bottom:5px}.theme-game-clash .coc-filter-step b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.theme-game-clash .coc-filter-step>span{position:absolute;right:13px;top:50%;transform:translateY(-20%);font-size:14px;color:#7a8998}.theme-game-clash .coc-filter-step[aria-expanded="true"]{background:#10243a;color:#fff}.theme-game-clash .coc-filter-step[aria-expanded="true"] small,.theme-game-clash .coc-filter-step[aria-expanded="true"]>span{color:#b8c7d6}.theme-game-clash .coc-filter-step.is-suggested:not([aria-expanded="true"])::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:#ffb000;animation:cocFilterHint 1.5s ease 2}@keyframes cocFilterHint{50%{opacity:.35}}
.theme-game-clash .coc-filter-popovers{position:relative}.theme-game-clash .coc-filter-popover{display:none;padding:14px 15px 16px;background:#fff;border-bottom:1px solid #e6ecf2}.theme-game-clash .coc-filter-popover.is-open{display:block}.theme-game-clash .coc-filter-popover-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.theme-game-clash .coc-filter-popover-head b{font-size:13px}.theme-game-clash .coc-filter-popover-head span{font-size:10px;color:#7c8da0}.theme-game-clash .coc-filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.theme-game-clash .coc-filter-options-level{grid-template-columns:repeat(9,minmax(0,1fr))}.theme-game-clash .coc-filter-options-compact{grid-template-columns:repeat(auto-fit,minmax(120px,180px));justify-content:start}.theme-game-clash .coc-filter-options a{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #d5e0ea;border-radius:8px;background:#fff;text-decoration:none;color:#31475d;font-size:11px;font-weight:900;padding:8px 9px}.theme-game-clash .coc-filter-options a.active{background:#10243a;color:#fff;border-color:#10243a}
.theme-game-clash .coc-filter-feedback{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px}.theme-game-clash .coc-filter-feedback>div{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}.theme-game-clash .coc-filter-feedback small{font-size:9px;color:#d77e00;font-weight:950;letter-spacing:.09em}.theme-game-clash .coc-filter-feedback b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}.theme-game-clash .coc-filter-feedback span{font-size:10px;color:#718196}.theme-game-clash .coc-filter-feedback>a{font-size:10px;font-weight:900;text-decoration:none;color:#53677c;white-space:nowrap}
.theme-game-clash .coc-filter-recent{display:flex;align-items:center;gap:7px;padding:0 14px 11px;overflow:auto;scrollbar-width:none}.theme-game-clash .coc-filter-recent::-webkit-scrollbar{display:none}.theme-game-clash .coc-filter-recent small{font-size:9px;letter-spacing:.08em;font-weight:950;color:#718196;flex:0 0 auto}.theme-game-clash .coc-recent-chip{flex:0 0 auto;border:1px solid #e0e7ef;border-radius:999px;background:#f6f8fb;color:#33495f;text-decoration:none;padding:6px 9px;font-size:10px;font-weight:850}
.theme-game-clash .coc-filter-recovery{margin:10px 0 14px;padding:18px;border:1px dashed #c6d2df;border-radius:12px;background:#fff;text-align:center}.theme-game-clash .coc-filter-recovery>b{display:block;font-size:16px;margin-bottom:5px}.theme-game-clash .coc-filter-recovery>span{display:block;color:#718196;font-size:12px;margin-bottom:12px}.theme-game-clash .coc-filter-recovery>div{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.theme-game-clash .coc-filter-recovery a{padding:8px 10px;border-radius:8px;background:#10243a;color:#fff;text-decoration:none;font-size:10px;font-weight:900}
@media(max-width:1000px){.theme-game-clash .coc-filter-options-level{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:820px){.theme-game-clash .coc-browser{padding-top:18px}.theme-game-clash .coc-browser-head{margin-bottom:12px}.theme-game-clash .coc-browser-head p{font-size:12px}.theme-game-clash .coc-smart-filter{position:sticky;top:64px;z-index:55;border-radius:12px;margin-left:-1px;margin-right:-1px}.theme-game-clash .coc-filter-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.theme-game-clash .coc-filter-step{min-height:60px;padding:8px 16px 7px 7px}.theme-game-clash .coc-filter-step small{font-size:7px;margin-bottom:3px}.theme-game-clash .coc-filter-step b{font-size:10px}.theme-game-clash .coc-filter-step>span{right:5px;font-size:10px}.theme-game-clash .coc-filter-popover{max-height:44vh;overflow:auto;padding:11px}.theme-game-clash .coc-filter-popover-head{position:sticky;top:-11px;z-index:2;background:#fff;padding:10px 0 8px;margin:0 0 7px}.theme-game-clash .coc-filter-options,.theme-game-clash .coc-filter-options-level,.theme-game-clash .coc-filter-options-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.theme-game-clash .coc-filter-options a{min-height:38px;padding:7px 5px;font-size:9px}.theme-game-clash .coc-filter-feedback{padding:8px 9px}.theme-game-clash .coc-filter-feedback>div{gap:4px}.theme-game-clash .coc-filter-feedback small{display:none}.theme-game-clash .coc-filter-feedback b{font-size:10px;max-width:58vw}.theme-game-clash .coc-filter-feedback span{font-size:9px}.theme-game-clash .coc-filter-recent{padding:0 9px 8px}.theme-game-clash .coc-results-toolbar{position:relative!important;top:auto!important;margin-top:10px}.theme-game-clash .coc-filter-recovery{padding:14px 10px}}
@media(max-width:390px){.theme-game-clash .coc-filter-step{padding-left:5px;padding-right:13px}.theme-game-clash .coc-filter-step small{font-size:6.5px}.theme-game-clash .coc-filter-step b{font-size:9px}.theme-game-clash .coc-filter-options,.theme-game-clash .coc-filter-options-level,.theme-game-clash .coc-filter-options-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V20.9.9 — article mobile action dock + strict related contract */
@media(max-width:700px){
  body.theme-game-clash:has(.coc-detail) .coc-donate-float{display:none!important}
  .theme-game-clash .coc-detail-copy{width:100%!important;box-sizing:border-box!important}
  .theme-game-clash .coc-detail-copy .coc-article-body{width:100%!important;max-width:none!important;margin:12px 0 0!important;box-sizing:border-box!important;border-radius:0!important;border-left:0!important;border-right:0!important}
  .theme-game-clash .coc-detail-side{margin:0!important}
  .theme-game-clash .coc-detail-side .coc-access-card>a{display:none!important}
  .theme-game-clash .coc-mobile-copy-dock{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(110px,.85fr)!important;left:0!important;right:0!important;bottom:0!important;gap:0!important;padding-bottom:env(safe-area-inset-bottom)!important;background:#fff!important;box-shadow:0 -8px 28px rgba(0,0,0,.22)!important;pointer-events:auto!important}
  .theme-game-clash .coc-mobile-copy-dock a{min-height:56px!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-weight:950!important}
  .theme-game-clash .coc-mobile-copy-dock .coc-dock-copy{background:#ffb000!important;color:#15100a!important}
  .theme-game-clash .coc-mobile-copy-dock .coc-dock-donate{background:#22c55e!important;color:#052e16!important;gap:7px!important}
  .theme-game-clash .coc-mobile-copy-dock .coc-dock-donate span{font-size:19px!important;line-height:1!important}
  .theme-game-clash .coc-detail{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
}


/* V20.9.9 — two-column mobile results + pagination + visible related bases */
.theme-game-clash .coc-pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:22px 0 4px;padding:12px 8px;background:#fff;border:1px solid #dfe6ee;border-radius:12px}
.theme-game-clash .coc-pagination a{min-width:38px;height:38px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d5e0ea;border-radius:8px;background:#fff;color:#243b53;text-decoration:none;font-size:12px;font-weight:900}
.theme-game-clash .coc-pagination a.active{background:#10243a;color:#fff;border-color:#10243a}.theme-game-clash .coc-pagination a.is-disabled{opacity:.35;pointer-events:none}.theme-game-clash .coc-pagination .coc-page-gap{padding:0 2px;color:#7a8998}.theme-game-clash .coc-pagination small{width:100%;text-align:center;margin-top:3px;color:#718196;font-size:10px}
@media(max-width:700px){
  .theme-game-clash .coc-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .theme-game-clash .coc-result-grid .coc-card{display:block!important;min-height:0!important;grid-template-columns:none!important}
  .theme-game-clash .coc-result-grid .coc-thumb{height:auto!important;aspect-ratio:4/3!important}
  .theme-game-clash .coc-result-grid .coc-card-body{padding:8px!important}
  .theme-game-clash .coc-result-grid .coc-card-body h3{font-size:11px!important;line-height:1.3!important;margin-bottom:6px!important}
  .theme-game-clash .coc-result-grid .coc-tags{gap:3px!important}.theme-game-clash .coc-result-grid .coc-tags span{font-size:8px!important;padding:3px 4px!important}
  .theme-game-clash .coc-result-grid .coc-card-stats{font-size:9px!important;gap:4px!important;margin-top:6px!important;padding-top:6px!important}
  .theme-game-clash .coc-related{display:block!important;margin-top:22px!important;padding-top:20px!important}
  .theme-game-clash .coc-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .theme-game-clash .coc-related .coc-card{display:block!important;min-width:0!important}
  .theme-game-clash .coc-related .coc-thumb{aspect-ratio:4/3!important;height:auto!important}
  .theme-game-clash .coc-related .coc-card-body{padding:8px!important}.theme-game-clash .coc-related .coc-card-body h3{font-size:11px!important;line-height:1.3!important}
  .theme-game-clash .coc-pagination{margin-top:14px;gap:5px;padding:9px 6px}.theme-game-clash .coc-pagination a{min-width:34px;height:34px;font-size:11px}
}
@media(max-width:360px){.theme-game-clash .coc-result-grid,.theme-game-clash .coc-related-grid{gap:6px!important}.theme-game-clash .coc-result-grid .coc-card-body,.theme-game-clash .coc-related .coc-card-body{padding:7px!important}}


/* V20.9.10 — CoC desktop article sidebar visibility + richer context */
@media(min-width:901px){
  .theme-game-clash .coc-detail-grid{align-items:start}
  .theme-game-clash .coc-detail-side{
    position:sticky!important;
    top:92px!important;
    align-self:start!important;
    z-index:30;
    margin:0!important;
  }
  .theme-game-clash .coc-detail-side>*{box-sizing:border-box}
  .theme-game-clash .coc-access-card-rich,
  .theme-game-clash .coc-side-info,
  .theme-game-clash .coc-side-guide{
    background:rgba(255,255,255,.97);
    border:1px solid #dfe6ee;
    box-shadow:0 10px 28px rgba(8,17,30,.06);
    padding:20px;
    margin:0 0 14px;
  }
  .theme-game-clash .coc-access-card-rich{border-top:5px solid #ffb000}
  .theme-game-clash .coc-access-card-rich h3{margin:8px 0 7px;font-size:23px;line-height:1.2}
  .theme-game-clash .coc-side-intro{margin:0;color:#62748a;font-size:13px;line-height:1.55}
  .theme-game-clash .coc-side-box-title{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}
  .theme-game-clash .coc-side-box-title small{font-size:10px;font-weight:950;letter-spacing:.1em;color:#d47a00}
  .theme-game-clash .coc-side-box-title strong{font-size:18px;color:#101c2e}
  .theme-game-clash .coc-side-meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #edf1f5;font-size:13px}
  .theme-game-clash .coc-side-meta-row span{color:#718096}
  .theme-game-clash .coc-side-meta-row b{max-width:58%;text-align:right;color:#172033}
  .theme-game-clash .coc-side-guide ol{margin:0;padding-left:19px;color:#405268;font-size:13px;line-height:1.7}
  .theme-game-clash .coc-side-guide li+li{margin-top:4px}
  .theme-game-clash .coc-side-guide p{margin:13px 0 0;padding-top:12px;border-top:1px solid #edf1f5;color:#62748a;font-size:12px;line-height:1.55}
}
@media(max-width:900px){
  .theme-game-clash .coc-detail-side{display:none!important}
}


/* V20.9.13 — CoC unified sticky sidebar + aligned desktop article stats */
.theme-game-clash .coc-card-body h3,
.theme-game-clash .coc-card-body h3 a{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
@media(min-width:901px){
  /* The complete sidebar is ONE sticky unit. No child card is sticky. */
  .theme-game-clash .coc-detail-side{
    position:sticky!important;
    top:92px!important;
    bottom:auto!important;
    align-self:start!important;
    z-index:20!important;
    margin:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .theme-game-clash .coc-detail-side > *{
    position:static!important;
    top:auto!important;
    bottom:auto!important;
    z-index:auto!important;
  }
  .theme-game-clash .coc-access-card-rich{
    margin-bottom:0!important;
    box-shadow:0 10px 28px rgba(8,17,30,.06)!important;
  }

  /* Vote / View / Download / Saved stay on one optical baseline. */
  .theme-game-clash .coc-detail-copy .coc-stats.big{
    display:grid!important;
    grid-template-columns:92px 108px 108px 86px!important;
    align-items:center!important;
    justify-content:start!important;
    gap:8px!important;
    width:max-content!important;
    max-width:100%!important;
    margin-top:0!important;
  }
  .theme-game-clash .coc-detail-copy .coc-stats.big > button,
  .theme-game-clash .coc-detail-copy .coc-stats.big > span{
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    height:34px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    line-height:1!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
  }
  .theme-game-clash .coc-detail-copy .coc-stats.big > span{
    border-radius:7px;
  }
}

/* V1.4.2 interactive rating */
.coc-vote-box{display:inline-flex!important;gap:1px;align-items:center}
.coc-vote-star{appearance:none;border:0;background:transparent;padding:1px 2px;font-size:18px;line-height:1;color:#b9c2cc;cursor:pointer;transition:transform .12s ease,color .12s ease}
.coc-vote-star:hover,.coc-vote-star.is-on{color:#f2a900;transform:translateY(-1px)}
.coc-vote-star:disabled{cursor:wait;opacity:.6}
.coc-rating-summary small{font-weight:600;color:#6d7b8b}
@media(max-width:640px){.coc-stats.big{gap:10px}.coc-vote-star{font-size:20px;padding:2px}}

/* V1.4.3 compact rating popup + functional controls */
.coc-vote-box{position:relative;display:inline-flex!important;align-items:center}
.coc-rate-trigger{border:1px solid #e4b11b;background:#fff8d7;color:#7a5700;border-radius:8px;padding:6px 10px;font:inherit;font-size:12px;font-weight:900;line-height:1;cursor:pointer;white-space:nowrap}
.coc-rate-trigger:hover{background:#ffef9b}
.coc-rate-pop{display:none;position:absolute;z-index:80;left:0;top:calc(100% + 8px);min-width:190px;background:#0e1b2b;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px 12px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.coc-rate-pop.is-open{display:block}
.coc-rate-pop>b{display:block;font-size:12px;margin-bottom:7px;white-space:nowrap}
.coc-rate-stars{display:flex;gap:3px}
.coc-rate-stars .coc-vote-star{font-size:24px;padding:2px 3px;color:#8d98a6}
.coc-rate-stars .coc-vote-star:hover,.coc-rate-stars .coc-vote-star.is-on{color:#ffb000}
@media(max-width:640px){.coc-rate-pop{position:fixed;left:50%;top:auto;bottom:82px;transform:translateX(-50%);min-width:220px;text-align:center}.coc-rate-stars{justify-content:center}.coc-rate-stars .coc-vote-star{font-size:30px;padding:4px}}

/* V1.4.4 compact action row */
.coc-rate-trigger{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:7px 10px}
.coc-rate-trigger.has-voted{background:#fff0a8;border-color:#d99a00}
.coc-rate-trigger small{font-size:10px;font-weight:800;opacity:.72}
.coc-share-btn{border:1px solid #d9e0e7;background:#fff;color:#223247;border-radius:8px;padding:7px 11px;font:inherit;font-size:12px;font-weight:900;line-height:1;cursor:pointer;white-space:nowrap}
.coc-share-btn:hover{background:#f3f6f9}
.coc-stats.big{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:640px){.coc-stats.big{gap:8px}.coc-rate-trigger,.coc-share-btn,.coc-bookmark-detail{min-height:34px}}

/* V1.4.5 force five article actions onto one row */
.coc-stats.big{display:grid!important;grid-template-columns:auto auto auto auto auto!important;align-items:center!important;justify-content:start!important;column-gap:18px!important;row-gap:0!important;white-space:nowrap!important}
.coc-stats.big>*{margin:0!important;min-width:0!important}
.coc-bookmark-detail,.coc-share-btn,.coc-rate-trigger{width:auto!important;white-space:nowrap!important}
@media(max-width:640px){.coc-stats.big{display:flex!important;gap:7px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:3px}.coc-stats.big>*{flex:0 0 auto!important}}

/* V1.4.6 unified article action row */
.coc-stats.big{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  width:100%!important;
  white-space:nowrap!important;
}
.coc-stats.big>*{flex:0 0 auto!important;margin:0!important}
.coc-stats.big .coc-bookmark-detail,
.coc-stats.big .coc-share-btn,
.coc-stats.big .coc-rate-trigger{width:auto!important}
@media(max-width:640px){
  .coc-stats.big{gap:8px!important;overflow-x:auto!important;scrollbar-width:none}
  .coc-stats.big::-webkit-scrollbar{display:none}
}

/* V1.4.7 FINAL — article action bar: five controls, one row */
.coc-detail-main .coc-stats.big,
.coc-article .coc-stats.big,
.coc-stats.big.coc-stats.big{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.coc-stats.big > span,
.coc-stats.big > button{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
}
.coc-stats.big .coc-vote-box{position:relative!important}
.coc-stats.big .coc-rate-pop{
  position:absolute!important;
  display:none!important;
  left:0!important;
  top:calc(100% + 8px)!important;
}
.coc-stats.big .coc-rate-pop.is-open{display:block!important}
@media(max-width:640px){
  .coc-detail-main .coc-stats.big,
  .coc-article .coc-stats.big,
  .coc-stats.big.coc-stats.big{
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none;
  }
  .coc-stats.big::-webkit-scrollbar{display:none}
}

/* V1.4.8 — override the exact legacy theme selector (same/higher specificity, later source order) */
.theme-game-clash .coc-detail-copy .coc-stats.big{
  display:grid!important;
  grid-template-columns:92px 72px 72px 86px 86px!important;
  align-items:center!important;
  justify-content:start!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.theme-game-clash .coc-detail-copy .coc-stats.big > span,
.theme-game-clash .coc-detail-copy .coc-stats.big > button{
  display:flex!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  margin:0!important;
  padding:0 8px!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.theme-game-clash .coc-detail-copy .coc-stats.big .coc-vote-box{position:relative!important}
.theme-game-clash .coc-detail-copy .coc-stats.big .coc-rate-pop{
  display:none!important;position:absolute!important;left:0!important;top:calc(100% + 8px)!important;
  width:190px!important;height:auto!important;padding:11px 12px!important;overflow:visible!important;
}
.theme-game-clash .coc-detail-copy .coc-stats.big .coc-rate-pop.is-open{display:block!important}
@media(max-width:640px){
 .theme-game-clash .coc-detail-copy .coc-stats.big{
   display:flex!important;width:100%!important;max-width:100%!important;gap:8px!important;
   flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:visible!important;
 }
 .theme-game-clash .coc-detail-copy .coc-stats.big > span,
 .theme-game-clash .coc-detail-copy .coc-stats.big > button{width:auto!important;flex:0 0 auto!important}
}


/* V1.5.0 — mobile navigation priority */
.coc-saved-top-mobile{display:none}
@media(max-width:760px){
  .coc-donate-top{display:none!important}
  .coc-saved-top-mobile{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:46px;
    padding:0 14px;
    border:1px solid #dbe3ec;
    border-radius:14px;
    background:#fff7d1;
    color:#172538;
    font:inherit;
    font-weight:900;
    cursor:pointer;
  }
  .coc-mobile-menu .coc-mobile-donate-link{font-weight:900}
}

/* V1.5.0 — compact contextual filter above detail image */
.coc-detail-filter{
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid #dbe3ec;
  background:#fff;
}
.coc-detail-filter-title{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:9px;
}
.coc-detail-filter-title b{font-size:14px}
.coc-detail-filter-title span{font-size:11px;color:#6c7b8c}
.coc-detail-filter form{
  display:grid;
  grid-template-columns:1.15fr .9fr 1fr .8fr .85fr auto;
  gap:8px;
  align-items:end;
}
.coc-detail-filter label{display:grid;gap:4px}
.coc-detail-filter label>span{
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  color:#718096;
}
.coc-detail-filter select,
.coc-detail-filter button{
  height:36px;
  border:1px solid #d5dde7;
  border-radius:7px;
  background:#fff;
  padding:0 9px;
  font:inherit;
  font-size:12px;
}
.coc-detail-filter button{
  border-color:#ffb000;
  background:#ffb000;
  color:#101820;
  font-weight:900;
  cursor:pointer;
}

/* V1.5.0 — related layouts: 5 columns x 2 rows desktop, 2 columns x 5 rows mobile */
.theme-game-clash .coc-related-grid,
.coc-related-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}
.coc-related-grid .coc-card-body{padding:10px!important}
.coc-related-grid .coc-card h3{font-size:13px!important;line-height:1.28!important}

/* V1.5.0 — mobile five actions spread exactly edge-to-edge */
@media(max-width:640px){
  .coc-detail-filter{margin-bottom:10px;padding:10px}
  .coc-detail-filter-title{margin-bottom:8px}
  .coc-detail-filter-title span{display:none}
  .coc-detail-filter form{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .coc-detail-filter form button{grid-column:1/-1}
  .theme-game-clash .coc-detail-copy .coc-stats.big{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0!important;
  }
  .theme-game-clash .coc-detail-copy .coc-stats.big > span,
  .theme-game-clash .coc-detail-copy .coc-stats.big > button{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding:0 4px!important;
    justify-content:center!important;
    font-size:11px!important;
    border-radius:8px!important;
  }
  .theme-game-clash .coc-detail-copy .coc-stats.big .coc-rate-trigger{
    width:100%!important;
    min-width:0!important;
    padding:0 3px!important;
    font-size:11px!important;
  }
  .theme-game-clash .coc-detail-copy .coc-stats.big .coc-rate-pop{
    left:0!important;
    top:calc(100% + 7px)!important;
    width:190px!important;
  }
  .theme-game-clash .coc-related-grid,
  .coc-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
}


/* V1.5.1 — mobile header cleanup + action breathing room */
@media(max-width:760px){
  /* Remove Donate from outside hamburger completely. */
  .theme-game-clash .coc-donate-top,
  .coc-donate-top{
    display:none!important;
  }

  /* Saved replaces the former Donate slot: compact, no icon. */
  .coc-saved-top-mobile{
    display:inline-flex!important;
    width:auto!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 17px!important;
    border-radius:13px!important;
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Give the five-action strip balanced vertical breathing room. */
  .theme-game-clash .coc-detail-copy .coc-stats.big{
    margin:0!important;
    padding:10px 8px 13px!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }
  .theme-game-clash .coc-detail-copy .coc-stats.big > span,
  .theme-game-clash .coc-detail-copy .coc-stats.big > button{
    align-self:center!important;
    margin:0!important;
  }
}


/* V1.5.2 — hard mobile header cleanup */
@media(max-width:760px){
  /* Explicit desktop-only donate hook: must never render on mobile. */
  a.coc-donate-top.coc-donate-desktop-only,
  .theme-game-clash a.coc-donate-top.coc-donate-desktop-only,
  header a.coc-donate-top.coc-donate-desktop-only,
  nav a.coc-donate-top.coc-donate-desktop-only{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* Saved Bases replaces that slot; compact enough to sit beside menu. */
  .coc-saved-top-mobile{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:118px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .coc-saved-top-mobile b{
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}