:root{--pink:#236ecd;--pink2:#4475e9;--green:#69b947;--ink:#172033;--muted:#687386;--line:#e7eaf0;--bg:#f5f7fb;--card:#fff;--shadow:0 12px 35px rgba(17,24,39,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;direction:rtl;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{max-width:1220px;margin:auto;padding:18px 20px 14px;display:flex;align-items:center;min-height:94px}.brand{display:block;margin-inline-start:auto}.brand img{width:150px;height:auto;object-fit:contain}.top-ad{flex:1;display:flex;align-items:center;justify-content:center;color:#a0a8b5;font-size:13px}.nav{background:linear-gradient(90deg,#026db7,#0d68b5);color:#fff;box-shadow:0 5px 18px rgba(57, 161, 253, 0.14);}.nav-inner{max-width:1220px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:10px;min-height:52px}.home-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.13);font-size:21px;flex:0 0 auto}.nav-links{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin:0;overflow:auto;white-space:nowrap;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{display:block;padding:11px 12px;font-weight:700;font-size:13px;border-radius:10px}.nav-links a:hover,.nav-links a:focus{background:rgba(255,255,255,.16)}.search-form{margin-inline-start:auto;display:flex;gap:5px;background:#fff;border-radius:12px;padding:4px;min-width:260px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.search-form input{border:0;outline:0;padding:8px 10px;width:100%;font-family:inherit;color:var(--ink);background:transparent}.search-form button{border:0;background:#797979;color:#fff;border-radius:9px;padding:0 15px;font-family:inherit;font-weight:700;cursor:pointer}.container{max-width:1220px;margin:30px auto;padding:0 20px}.ad-box{min-height:74px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px dashed #d6dbe4;color:#9aa3b2;border-radius:14px;margin-bottom:20px;font-size:13px}.hero{display:grid;grid-template-columns:minmax(0,1.75fr) 360px;gap:20px;margin-bottom:30px}.hero-main,.hero-side{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.hero-main{position:relative;min-height:450px}.hero-main img{width:100%;height:450px;object-fit:cover}.hero-overlay{position:absolute;inset:auto 0 0;padding:75px 30px 25px;background:linear-gradient(transparent,rgba(8,12,20,.88));color:#fff}.hero-overlay h1{margin:0 0 8px;font-size:30px;line-height:1.45}.hero-overlay h1 a:hover{text-decoration:underline}.hero-overlay p{margin:0;color:#e8edf5;font-size:15px;max-width:850px}.hero-side .widget-title{border-radius:0}.side-list{padding:12px 18px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;padding:0 4px}.section-head h2{margin:0;font-size:22px;position:relative;padding-right:12px}.section-head h2:before{content:"";position:absolute;right:0;top:7px;width:4px;height:22px;border-radius:5px;background:var(--green)}.section-head>a{color:var(--pink);font-weight:700;font-size:13px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(15,23,42,.045);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-img{aspect-ratio:16/10;overflow:hidden;background:#eef1f5}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover .card-img img{transform:scale(1.035)}.card-body{padding:14px 15px}.card h2,.card h3{font-size:16px;line-height:1.65;margin:3px 0 7px}.card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 8px}.meta{font-size:11px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.card-tag{display:inline-block;color:var(--pink);font-size:11px;font-weight:800;margin-bottom:2px}.sidebar{display:flex;flex-direction:column;gap:18px}.widget{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(15,23,42,.05)}.widget-title{padding:13px 17px;background:#005fda;color:#fff;font-size:16px;font-weight:800}.widget-body{padding:12px 15px}.mini{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.mini:last-child{border-bottom:0}.mini img{width:78px;height:62px;object-fit:cover;border-radius:10px;flex:0 0 auto}.mini h3{margin:0;font-size:13px;line-height:1.55}.mini .meta{margin-top:3px;font-size:10px}.category-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff,#fff8fb);border:1px solid var(--line);border-radius:20px;padding:26px 28px;margin-bottom:18px;box-shadow:var(--shadow)}.eyebrow{font-size:12px;color:var(--pink);font-weight:800;margin-bottom:3px}.category-hero h1{margin:0 0 3px;font-size:29px}.category-hero p{margin:0;color:var(--muted);font-size:14px}.category-count{min-width:110px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px}.category-count strong{display:block;color:var(--green);font-size:27px;line-height:1.1}.category-count span{font-size:11px;color:var(--muted)}.category-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 2px 15px;color:var(--muted);font-size:13px}.category-toolbar strong{color:var(--ink)}.category-toolbar a{color:var(--pink);font-weight:700}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-pro .card-img{aspect-ratio:16/10}.pager{display:flex;justify-content:center;gap:7px;margin:28px 0}.pager a{min-width:38px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:9px;text-align:center;color:var(--ink)}.pager a.active,.pager a:hover{background:var(--pink);color:#fff;border-color:var(--pink)}.empty{background:#fff;border:1px dashed #cbd5e1;padding:50px 20px;text-align:center;border-radius:16px;color:var(--muted)}.breadcrumbs{max-width:1220px;margin:22px auto 12px;padding:0 20px;display:flex;gap:9px;color:#8a93a2;font-size:12px}.breadcrumbs a{color:var(--pink);font-weight:700}.article-layout{max-width:1220px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.article{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.article-head{padding:28px 32px 18px}.article-kicker{color:var(--pink);font-size:12px;font-weight:800;margin-bottom:5px}.article-title{font-size:35px;line-height:1.45;margin:0 0 12px}.article-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px}.article-figure{margin:0;background:#f0f2f5}.article-cover{width:100%;max-height:650px;object-fit:cover}.article-lead{margin:22px 32px 0;padding:16px 18px;background:#fff8fb;border-right:4px solid var(--pink);color:#4b5563;font-size:16px;line-height:1.95;border-radius:10px}.article-body{padding:24px 32px 15px;font-size:18px;line-height:2.25;color:#263142;word-break:break-word}.article-body p{margin:0 0 1.15em}.article-body h2,.article-body h3{line-height:1.55;color:#182233;margin:1.5em 0 .6em}.article-body a{color:#c92f68;text-decoration:underline}.article-body img{max-width:100%;height:auto;margin:22px auto;border-radius:12px}.article-body iframe,.article-body video{display:block;max-width:100%;width:100%;margin:22px auto;border-radius:12px}.article-body ul,.article-body ol{padding-right:25px}.article-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 32px 28px;border-top:1px solid var(--line);margin-top:8px}.article-share strong{margin-left:5px;font-size:13px}.article-share a{background:#f2f4f8;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:700}.article-share a:hover{background:var(--pink);color:#fff}.sticky-widget{position:sticky;top:15px}.related-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.related-item:last-child{border-bottom:0}.related-item img{width:84px;height:65px;object-fit:cover;border-radius:10px;flex:0 0 auto}.related-item h3{margin:0;font-size:13px;line-height:1.55}.related-item small{color:var(--muted);font-size:10px}.not-found{max-width:700px;margin:60px auto;padding:55px 25px;background:#fff;border:1px solid var(--line);border-radius:20px;text-align:center;box-shadow:var(--shadow)}.not-found-code{font-size:82px;line-height:1;color:var(--pink);font-weight:900}.not-found h1{margin:12px 0 5px}.not-found p{color:var(--muted)}.not-found-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.not-found-actions a{background:var(--pink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700}.not-found-actions a+ a{background:#eef1f5;color:var(--ink)}.footer{margin-top:45px;background:#111827;color:#cbd5e1}.footer-inner{max-width:1220px;margin:auto;padding:30px 20px;text-align:center;font-size:13px}
@media(max-width:1050px){.nav-inner{flex-wrap:wrap;padding-bottom:8px}.nav-links{order:3;width:100%}.search-form{min-width:230px}.hero{grid-template-columns:minmax(0,1fr) 310px}.layout,.article-layout{grid-template-columns:minmax(0,1fr) 290px}.content-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header-inner{justify-content:center;min-height:76px;padding:10px 15px}.brand{margin:auto}.brand img{width:125px}.top-ad{display:none}.nav-inner{padding:8px 12px 10px}.home-btn{display:none}.search-form{width:100%;min-width:0;order:2}.nav-links{order:3}.nav-links a{font-size:12px;padding:9px 10px}.container{margin:18px auto;padding:0 12px}.ad-box{min-height:55px}.hero{grid-template-columns:1fr;gap:14px}.hero-main,.hero-main img{min-height:310px;height:310px}.hero-overlay{padding:60px 18px 17px}.hero-overlay h1{font-size:22px}.hero-side{order:2}.layout,.article-layout{grid-template-columns:1fr;gap:18px}.sidebar{display:flex}.content-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-hero{padding:20px;align-items:flex-start}.category-hero h1{font-size:24px}.category-count{min-width:85px}.article-sidebar{order:2}.article-head{padding:20px}.article-title{font-size:26px}.article-body{padding:20px;font-size:16px;line-height:2.1}.article-lead{margin:18px 20px 0}.article-share{padding:12px 20px 22px}.breadcrumbs{padding:0 12px;margin-top:15px}}
@media(max-width:480px){.content-grid,.category-grid{grid-template-columns:1fr}.card h2,.card h3{font-size:16px}.hero-main,.hero-main img{height:270px;min-height:270px}.hero-overlay h1{font-size:20px}.category-hero{display:block}.category-count{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px}.category-count strong{display:inline}.article-title{font-size:23px}.article-meta{gap:9px}.related-item img{width:74px;height:58px}}

/* ===== Lamasat Modern 2026 refinements ===== */
.hero-main .hero-title{position:absolute;inset:18px auto auto 18px;z-index:2;background:rgba(0,0,0,.42);color:#fff;padding:7px 11px;border-radius:9px;font-size:12px;font-weight:700;max-width:65%;backdrop-filter:blur(4px)}
.hero-main>a{display:block;height:100%}.hero-main>a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12));pointer-events:none}.image-card .card-img,.related-card .card-img{position:relative;display:block}.image-title{position:absolute;right:10px;left:10px;bottom:10px;background:linear-gradient(90deg,rgba(17,24,39,.88),rgba(17,24,39,.72));color:#fff;padding:8px 10px;border-radius:9px;font-size:13px;line-height:1.55;font-weight:800;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.image-card .card-img img{filter:saturate(.98)}.image-card:hover .image-title,.related-card:hover .image-title{background:linear-gradient(90deg,rgba(47, 86, 201, 0.94),rgba(76, 42, 199, 0.82));}
.home-section{margin-top:34px}.home-section .section-head{margin-bottom:15px}.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.section-grid .card-img{aspect-ratio:16/10}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-grid .card-img{aspect-ratio:16/10}.category-grid .card-body{min-height:150px}
.related-section{max-width:1220px;margin:32px auto 0;padding:0 20px}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.related-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(15,23,42,.05);transition:.2s}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.related-card .card-img{aspect-ratio:16/10;overflow:hidden}.related-card .card-img img{width:100%;height:100%;object-fit:cover}.related-body{padding:12px 13px 15px}.related-body h3{font-size:14px;line-height:1.65;margin:0 0 5px}
.category-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.category-links a:last-child{border-bottom:0}.category-links b{color:var(--pink)}
.article-body{max-width:900px;margin-inline:auto}.article-body p{text-align:start}.article-body blockquote{margin:24px 0;padding:15px 18px;border-right:4px solid var(--pink);background:#fff8fb;border-radius:10px;color:#4b5563}.article-body table{width:100%;border-collapse:collapse;margin:24px 0;display:block;overflow-x:auto}.article-body td,.article-body th{border:1px solid var(--line);padding:10px;white-space:nowrap}.article-body figure{margin:25px 0}.article-body figcaption{text-align:center;color:var(--muted);font-size:12px}.article-figure{position:relative}.article-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.12));pointer-events:none}.article-cover{max-height:620px}
.breadcrumbs span{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-hero h1,.article-title{overflow-wrap:anywhere}
@media(max-width:1050px){.section-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.section-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-section{padding:0 12px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-title{right:7px;left:7px;bottom:7px;font-size:12px;padding:7px 8px}.hero-main .hero-title{font-size:11px;max-width:70%}.article-sidebar{order:2}.article-body{max-width:none}.article-cover{max-height:none}}
@media(max-width:480px){.section-grid,.category-grid,.related-grid{grid-template-columns:1fr}.image-title{font-size:13px}.related-card .card-img{aspect-ratio:16/9}.category-grid .card-body{min-height:0}}
.search-page-form{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;margin:0 0 22px;box-shadow:0 5px 20px rgba(15,23,42,.04)}.search-page-form input{flex:1;border:0;outline:0;padding:11px 13px;font-family:inherit;font-size:14px;background:transparent}.search-page-form button{border:0;background:var(--pink);color:#fff;border-radius:10px;padding:0 24px;font-family:inherit;font-weight:800;cursor:pointer}.search-page-form button:hover{filter:brightness(.96)}

/* V4: title is intentionally displayed only on the image overlay. */
.image-title{display:block;margin:0;position:absolute;right:10px;left:10px;bottom:10px;background:linear-gradient(90deg,rgba(17,24,39,.92),rgba(17,24,39,.72));color:#fff;padding:9px 11px;border-radius:10px;font-size:14px;line-height:1.55;font-weight:800;z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.image-card .card-body:has(.card-tag):not(:has(p)){display:none}
@media(max-width:480px){.image-title{font-size:13px;right:7px;left:7px;bottom:7px;padding:8px 9px}}
.header-inner{
    position:relative;
    max-width:1220px;
    margin:auto;
    padding:18px 20px 14px;
    min-height:94px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.brand{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    margin:0;
    z-index:5;
}

.brand img{
    width:150px;
    height:auto;
    object-fit:contain;
}
@media(max-width:760px){
    .header-inner{
        min-height:76px;
        padding:10px 15px;
    }

    .brand{
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
    }

    .brand img{
        width:125px;
    }
}