/*
Theme Name: سمپاشی آذین
Theme URI: https://sampashiazin.ir/
Author: Lidan Web
Description: قالب سبک، واکنش‌گرا و فارسی برای وب‌سایت سمپاشی آذین، تبدیل‌شده از طرح HTML ارائه‌شده.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sampashi-azin
*/

:root{
    --green:#087457;
    --green2:#0b8a68;
    --green3:#063f32;
    --light:#f2f8f5;
    --white:#fff;
    --dark:#10221d;
    --text:#40504b;
    --border:#e2ece8;
    --gold:#f2b94b;
    --shadow:0 18px 55px rgba(7,66,52,.10);
    --radius:24px;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:"Vazirmatn",Tahoma,sans-serif;
    background:#fff;
    color:var(--dark);
    line-height:1.9;
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    max-width:100%;
    display:block;
}

.container{
    width:min(1180px,92%);
    margin:auto;
}

/* SVG */
svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* TOPBAR */
.topbar{
    background:var(--green3);
    color:#fff;
    font-size:13px;
}

.topbar-inner{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.topbar a{
    color:#fff;
    font-weight:700;
}

/* HEADER */
.header{
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(0,0,0,.05);
}

.nav{
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.logo{
    display:flex;
    align-items:center;
    gap:12px;
}

.logo-icon{
    width:46px;
    height:46px;
    border-radius:15px;
    background:linear-gradient(145deg,var(--green),var(--green2));
    display:grid;
    place-items:center;
    color:#fff;
    box-shadow:0 10px 25px rgba(8,116,87,.22);
}

.logo-icon svg{
    width:25px;
    height:25px;
}

.logo-text strong{
    display:block;
    font-size:19px;
    font-weight:900;
    color:var(--green3);
}

.logo-text span{
    display:block;
    font-size:11px;
    color:#71817c;
}

.menu{
    display:flex;
    align-items:center;
    gap:26px;
    font-size:14px;
    font-weight:700;
}

.menu a{
    color:#344740;
    transition:.2s;
}

.menu a:hover{
    color:var(--green);
}

.header-call{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--green);
    color:#fff;
    padding:11px 17px;
    border-radius:14px;
    font-size:13px;
    font-weight:800;
}

.header-call svg{
    width:18px;
    height:18px;
}

.mobile-menu{
    display:none;
    border:0;
    background:var(--light);
    color:var(--green);
    width:45px;
    height:45px;
    border-radius:13px;
    cursor:pointer;
}

/* HERO */
.hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 15% 20%,rgba(37,178,135,.20),transparent 28%),
        radial-gradient(circle at 90% 10%,rgba(242,185,75,.13),transparent 25%),
        linear-gradient(135deg,#063f32,#087457 58%,#0a9873);
    color:#fff;
    padding:85px 0 95px;
}

.hero:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    left:-180px;
    bottom:-220px;
}

.hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.12fr .88fr;
    align-items:center;
    gap:65px;
}

.badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.11);
    border:1px solid rgba(255,255,255,.16);
    padding:7px 14px;
    border-radius:50px;
    font-size:12px;
    font-weight:700;
    margin-bottom:20px;
}

.badge i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#7ff1ca;
    box-shadow:0 0 0 5px rgba(127,241,202,.1);
}

.hero h1{
    font-size:clamp(32px,5vw,58px);
    line-height:1.35;
    font-weight:900;
    margin-bottom:20px;
}

.hero h1 span{
    color:#9ff5d7;
}

.hero p{
    color:rgba(255,255,255,.86);
    font-size:17px;
    max-width:680px;
    margin-bottom:30px;
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:50px;
    padding:0 20px;
    border-radius:15px;
    font-weight:800;
    font-size:14px;
    transition:.25s;
    border:0;
    cursor:pointer;
}

.btn-primary{
    background:#fff;
    color:var(--green3);
}

.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.btn-whatsapp{
    background:#1ca875;
    color:#fff;
}

.btn-whatsapp:hover{
    transform:translateY(-2px);
}

.hero-card{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    border-radius:30px;
    padding:25px;
    box-shadow:0 25px 70px rgba(0,0,0,.13);
    backdrop-filter:blur(10px);
}

.hero-card-image{
    height:300px;
    border-radius:22px;
    overflow:hidden;
    background:#e9f1ee;
}

.hero-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.hero-card-bottom{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:14px;
}

.mini{
    padding:13px 8px;
    text-align:center;
    border-radius:15px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.08);
}

.mini strong{
    display:block;
    font-size:14px;
}

.mini span{
    font-size:10px;
    color:rgba(255,255,255,.7);
}

/* TRUST */
.trust{
    margin-top:-32px;
    position:relative;
    z-index:5;
}

.trust-box{
    background:#fff;
    border-radius:24px;
    box-shadow:var(--shadow);
    padding:23px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.trust-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 15px;
    border-left:1px solid var(--border);
}

.trust-item:last-child{
    border-left:0;
}

.trust-icon{
    width:42px;
    height:42px;
    flex:none;
    border-radius:13px;
    background:var(--light);
    color:var(--green);
    display:grid;
    place-items:center;
}

.trust-item strong{
    display:block;
    font-size:13px;
}

.trust-item span{
    color:#788780;
    font-size:11px;
}

/* SECTIONS */
.section{
    padding:95px 0;
}

.section-head{
    max-width:730px;
    margin:0 auto 48px;
    text-align:center;
}

.section-head .eyebrow{
    color:var(--green);
    font-size:13px;
    font-weight:900;
    margin-bottom:8px;
}

.section-head h2{
    font-size:clamp(27px,4vw,40px);
    line-height:1.5;
    font-weight:900;
    color:var(--dark);
    margin-bottom:12px;
}

.section-head p{
    color:var(--text);
    font-size:14px;
}

/* SERVICES */
.services{
    background:#f8fbfa;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.service{
    background:#fff;
    border:1px solid var(--border);
    border-radius:23px;
    padding:25px;
    transition:.25s;
    position:relative;
    overflow:hidden;
}

.service:after{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    border-radius:50%;
    background:rgba(8,116,87,.05);
    left:-35px;
    bottom:-35px;
}

.service:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow);
    border-color:#cce6dc;
}

.service-icon{
    width:55px;
    height:55px;
    border-radius:17px;
    background:#eaf7f2;
    color:var(--green);
    display:grid;
    place-items:center;
    margin-bottom:18px;
}

.service-icon svg{
    width:28px;
    height:28px;
}

.service h3{
    font-size:17px;
    margin-bottom:8px;
}

.service p{
    color:#66756f;
    font-size:12px;
    line-height:2;
}

/* ABOUT */
.about-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:55px;
    align-items:center;
}

.about-image{
    height:470px;
    border-radius:30px;
    overflow:hidden;
    position:relative;
    background:#e8f0ed;
}

.about-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.about-image:after{
    content:"سمپاشی آذین";
    position:absolute;
    right:20px;
    bottom:20px;
    background:rgba(6,63,50,.9);
    color:#fff;
    padding:10px 17px;
    border-radius:13px;
    font-size:13px;
    font-weight:800;
}

.about-content .eyebrow{
    color:var(--green);
    font-weight:900;
    font-size:13px;
}

.about-content h2{
    font-size:35px;
    line-height:1.5;
    margin:8px 0 18px;
}

.about-content p{
    color:var(--text);
    font-size:14px;
    margin-bottom:18px;
}

.check-list{
    display:grid;
    gap:11px;
    margin:22px 0;
}

.check{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:13px;
    font-weight:600;
}

.check svg{
    width:20px;
    height:20px;
    flex:none;
    color:var(--green);
}

/* AREAS */
.areas{
    background:#f8fbfa;
}

.area-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
}

.area{
    background:#fff;
    border:1px solid var(--border);
    border-radius:50px;
    padding:9px 17px;
    color:#42534d;
    font-size:12px;
    font-weight:700;
    transition:.2s;
}

.area:hover{
    color:var(--green);
    border-color:#b8ded1;
    transform:translateY(-2px);
}

/* LOCAL LINKS */
.local-links{
    margin-top:35px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.local-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:20px;
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}

.local-card strong{
    display:block;
    font-size:14px;
    margin-bottom:3px;
}

.local-card span{
    color:#74827d;
    font-size:11px;
}

.local-card b{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    background:var(--light);
    color:var(--green);
    border-radius:12px;
}

/* GALLERY */
.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.gallery-item{
    height:220px;
    border-radius:20px;
    overflow:hidden;
    background:#edf3f0;
}

.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.gallery-item:hover img{
    transform:scale(1.06);
}

/* PROCESS */
.process{
    background:#f8fbfa;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.step{
    background:#fff;
    border:1px solid var(--border);
    border-radius:23px;
    padding:27px;
    text-align:center;
}

.step-number{
    width:48px;
    height:48px;
    margin:0 auto 16px;
    border-radius:50%;
    background:var(--green);
    color:#fff;
    display:grid;
    place-items:center;
    font-weight:900;
}

.step h3{
    font-size:16px;
    margin-bottom:8px;
}

.step p{
    font-size:12px;
    color:#6d7b76;
}

/* CTA */
.cta{
    padding:0 0 95px;
}

.cta-box{
    background:linear-gradient(135deg,#063f32,#0a8968);
    color:#fff;
    border-radius:30px;
    padding:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    position:relative;
    overflow:hidden;
}

.cta-box:after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    left:-110px;
    bottom:-170px;
}

.cta-box h2{
    font-size:28px;
    margin-bottom:8px;
}

.cta-box p{
    color:rgba(255,255,255,.78);
    font-size:13px;
}

.cta-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    position:relative;
    z-index:2;
}

.cta-actions .btn{
    min-width:155px;
}

/* FORM */
.form-section{
    background:#f8fbfa;
}

.form-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:30px;
    align-items:start;
}

.form-info{
    background:linear-gradient(145deg,#063f32,#087457);
    color:#fff;
    border-radius:28px;
    padding:32px;
}

.form-info h2{
    font-size:27px;
    line-height:1.5;
    margin-bottom:12px;
}

.form-info>p{
    color:rgba(255,255,255,.76);
    font-size:13px;
    margin-bottom:25px;
}

.contact-row{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 0;
    border-top:1px solid rgba(255,255,255,.1);
}

.contact-row svg{
    color:#9ff5d7;
}

.contact-row div strong{
    display:block;
    font-size:13px;
}

.contact-row div span{
    font-size:11px;
    color:rgba(255,255,255,.65);
}

.form-box{
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    padding:30px;
}

.form-box h3{
    font-size:21px;
    margin-bottom:5px;
}

.form-box>p{
    color:#7a8883;
    font-size:12px;
    margin-bottom:22px;
}

.form-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.field{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.field.full{
    grid-column:1/-1;
}

.field label{
    font-size:12px;
    font-weight:800;
}

.field input,
.field select,
.field textarea{
    width:100%;
    border:1px solid #dce7e3;
    background:#fbfdfc;
    border-radius:13px;
    padding:12px 13px;
    outline:none;
    font-family:inherit;
    font-size:12px;
    color:var(--dark);
    transition:.2s;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
    border-color:#7fcbb5;
    box-shadow:0 0 0 4px rgba(8,116,87,.06);
}

.field textarea{
    min-height:120px;
    resize:vertical;
}

.form-submit{
    margin-top:15px;
    width:100%;
    background:var(--green);
    color:#fff;
}

.form-submit:hover{
    background:var(--green3);
}

.form-message{
    display:none;
    margin-top:13px;
    border-radius:12px;
    padding:11px 13px;
    font-size:12px;
}

/* FAQ */
.faq-list{
    max-width:850px;
    margin:auto;
    display:grid;
    gap:12px;
}

details{
    background:#fff;
    border:1px solid var(--border);
    border-radius:17px;
    padding:0 18px;
}

summary{
    cursor:pointer;
    padding:17px 0;
    font-size:14px;
    font-weight:800;
    list-style:none;
}

summary::-webkit-details-marker{
    display:none;
}

details p{
    color:#687670;
    font-size:12px;
    padding:0 0 18px;
}

/* FOOTER */
.footer{
    background:#062f27;
    color:#fff;
    padding:60px 0 20px;
}

.footer-grid{
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr;
    gap:45px;
}

.footer h3{
    font-size:16px;
    margin-bottom:16px;
}

.footer p,
.footer li,
.footer a{
    color:rgba(255,255,255,.65);
    font-size:12px;
}

.footer ul{
    list-style:none;
    display:grid;
    gap:9px;
}

.footer a:hover{
    color:#fff;
}

.footer-logo{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.footer-logo .logo-icon{
    width:42px;
    height:42px;
}

.footer-bottom{
    margin-top:45px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.09);
    text-align:center;
    color:rgba(255,255,255,.48);
    font-size:11px;
}

/* FLOATING */
.floating{
    position:fixed;
    left:18px;
    bottom:18px;
    z-index:999;
    display:flex;
    flex-direction:column;
    gap:9px;
}

.float-btn{
    width:53px;
    height:53px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}

.float-call{
    background:var(--green);
}

.float-wa{
    background:#1ca875;
}

.float-btn svg{
    width:23px;
    height:23px;
}

/* MOBILE */
@media(max-width:1000px){
    .menu{
        display:none;
    }

    .mobile-menu{
        display:grid;
        place-items:center;
    }

    .header-call{
        margin-right:auto;
    }

    .hero-grid{
        grid-template-columns:1fr;
    }

    .hero-card{
        max-width:620px;
        width:100%;
        margin:auto;
    }

    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .trust-box{
        grid-template-columns:repeat(2,1fr);
    }

    .trust-item:nth-child(2){
        border-left:0;
    }

    .about-grid{
        grid-template-columns:1fr;
    }

    .about-image{
        height:380px;
    }

    .gallery-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .form-grid{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:650px){
    .topbar-inner{
        justify-content:center;
        text-align:center;
        padding:7px 0;
    }

    .topbar-inner span{
        display:none;
    }

    .nav{
        min-height:68px;
    }

    .logo-text strong{
        font-size:16px;
    }

    .logo-text span{
        font-size:9px;
    }

    .header-call{
        font-size:11px;
        padding:9px 11px;
    }

    .header-call span{
        display:none;
    }

    .hero{
        padding:55px 0 70px;
    }

    .hero h1{
        font-size:34px;
    }

    .hero p{
        font-size:14px;
    }

    .hero-card-image{
        height:220px;
    }

    .trust{
        margin-top:-22px;
    }

    .trust-box{
        padding:12px;
        gap:5px;
    }

    .trust-item{
        border-left:0;
        padding:10px 6px;
    }

    .trust-icon{
        width:35px;
        height:35px;
    }

    .trust-item strong{
        font-size:10px;
    }

    .trust-item span{
        display:none;
    }

    .section{
        padding:65px 0;
    }

    .section-head{
        margin-bottom:32px;
    }

    .services-grid{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .service{
        padding:18px 14px;
    }

    .service h3{
        font-size:14px;
    }

    .service p{
        font-size:11px;
    }

    .service-icon{
        width:46px;
        height:46px;
        margin-bottom:12px;
    }

    .about-image{
        height:280px;
    }

    .about-content h2{
        font-size:27px;
    }

    .local-links{
        grid-template-columns:1fr;
    }

    .gallery-grid{
        grid-template-columns:1fr 1fr;
        gap:9px;
    }

    .gallery-item{
        height:150px;
    }

    .process-grid{
        grid-template-columns:1fr;
    }

    .cta-box{
        padding:30px 22px;
        display:block;
    }

    .cta-box h2{
        font-size:23px;
    }

    .cta-actions{
        margin-top:20px;
    }

    .form-fields{
        grid-template-columns:1fr;
    }

    .field.full{
        grid-column:auto;
    }

    .form-box,
    .form-info{
        padding:22px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .floating{
        left:12px;
        bottom:12px;
    }

    .float-btn{
        width:48px;
        height:48px;
    }
}

/* Per-content landing and regular article layouts */
.landing-hero{background:linear-gradient(135deg,#063f32,#087457 60%,#0a9873);color:#fff;border-radius:28px;padding:55px clamp(22px,5vw,65px);margin-bottom:32px}
.landing-hero h1{font-size:clamp(30px,4.5vw,52px);line-height:1.45;font-weight:900;margin:10px 0 16px;color:#fff}
.landing-hero p{font-size:16px;color:rgba(255,255,255,.88);max-width:760px;margin-bottom:24px}
.landing-featured-image,.standard-featured-image{overflow:hidden;border-radius:22px;margin:25px 0}
.landing-featured-image img,.standard-featured-image img{width:100%;height:auto;object-fit:cover}
.landing-entry{max-width:1000px;margin:35px auto 0}
.landing-entry h2,.landing-entry h3{color:#063f32;font-weight:900;margin:30px 0 14px}
.landing-entry p,.landing-entry li{line-height:2.15;color:#40504b}
.standard-article{max-width:900px;margin:0 auto;background:#fff;padding:clamp(20px,4vw,48px);border:1px solid #e2ece8;border-radius:24px;box-shadow:0 12px 40px rgba(7,66,52,.06)}
.entry-title{font-size:clamp(27px,4vw,40px);line-height:1.5;font-weight:900;color:#10221d;margin-bottom:25px}
.standard-article .entry-content{line-height:2.15;color:#40504b}
/* WordPress menu integration */
.menu ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.menu li{list-style:none}
.menu .sub-menu{display:none}
@media(max-width:1000px){.menu ul{display:flex;flex-direction:column;align-items:stretch;gap:4px}.menu li{padding:7px 0}}

@media(max-width:1000px){.menu{display:none;position:absolute;top:68px;right:4%;left:4%;padding:18px;background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.12);z-index:999;flex-direction:column;align-items:stretch;gap:4px}.menu.is-open{display:flex}.menu ul{display:flex;flex-direction:column;align-items:stretch;gap:4px}.menu a{display:block;padding:7px 4px}}

/* Full homepage sections reused by individual landing pages */
.landing-custom-content{padding-top:42px;padding-bottom:42px;background:#fff}
.landing-custom-content .landing-article{max-width:980px;margin:0 auto}
.landing-custom-content .entry-content{color:var(--text);font-size:16px;line-height:2.15}
.landing-custom-content .entry-content h2{font-size:clamp(23px,3vw,32px);line-height:1.6;color:var(--green3);font-weight:900;margin:30px 0 14px}
.landing-custom-content .entry-content h3{font-size:21px;color:var(--green);font-weight:800;margin:24px 0 12px}
.landing-custom-content .entry-content img{height:auto;max-width:100%;border-radius:16px}
.landing-custom-content .entry-content a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}
.standard-article-header .entry-summary{color:var(--text);font-size:17px;margin:0 0 20px}
.entry-meta{color:#66756f;font-size:14px;margin-top:-12px;margin-bottom:18px}
.neighborhood-intro{background:#f5f8f6;padding-top:54px;padding-bottom:54px}
.neighborhood-intro .section-head{max-width:900px;margin:0 auto 22px;text-align:center}
.neighborhood-intro .section-head h2{color:var(--green3);font-size:clamp(23px,3vw,34px);line-height:1.7}
.neighborhood-intro .section-head p,.neighborhood-details,.neighborhood-note{font-size:16px;line-height:2.15;color:var(--text)}
.neighborhood-details{max-width:900px;margin:0 auto;padding:22px 26px;background:#fff;border:1px solid #e5eee8;border-radius:18px}
.neighborhood-landmarks{margin:14px 0 0}
.neighborhood-note{text-align:center;max-width:850px;margin:0 auto}
.hero-tagline{font-size:clamp(18px,2vw,23px)!important;font-weight:900;color:#f0c66e!important;line-height:1.8;margin:8px 0 12px!important}


/* Standard article and page experience */
.standard-content{background:#f5f8f6;padding:52px 0 70px}
.standard-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:28px;align-items:start;direction:rtl}
.standard-article{max-width:none;min-width:0;margin:0;background:#fff;padding:clamp(22px,4vw,52px);border:1px solid #e2ece8;border-radius:22px;box-shadow:0 12px 40px rgba(7,66,52,.055)}
.standard-article-header{margin-bottom:24px}
.article-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 22px;color:#75827d;font-size:13px;line-height:1.9}
.article-breadcrumbs a{color:var(--green);text-decoration:none}
.article-breadcrumbs a:hover{text-decoration:underline}
.article-breadcrumbs [aria-current="page"]{color:#68766f}
.entry-title{font-size:clamp(27px,3.4vw,40px);line-height:1.55;font-weight:900;color:#10221d;margin:0 0 16px}
.entry-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#77847e;font-size:13px;margin:0 0 17px}
.entry-summary{color:#53635c;font-size:17px;line-height:2;margin:0 0 18px;padding:15px 18px;background:#f5f9f6;border-right:3px solid var(--green);border-radius:10px}
.article-categories,.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.article-categories a{padding:5px 11px;background:#eaf4ef;border-radius:30px;color:#087457;text-decoration:none;font-size:12px}
.standard-featured-image{margin:22px 0 28px;border-radius:16px;overflow:hidden}
.standard-featured-image img{display:block;width:100%;height:auto}
.standard-article .entry-content{font-size:16px;line-height:2.15;color:#3d4c46;overflow-wrap:anywhere}
.standard-article .entry-content p{margin:0 0 1.25em}
.standard-article .entry-content h2{font-size:clamp(22px,2.6vw,30px);line-height:1.65;color:#063f32;font-weight:900;margin:1.8em 0 .65em}
.standard-article .entry-content h3{font-size:21px;line-height:1.7;color:#087457;font-weight:800;margin:1.5em 0 .55em}
.standard-article .entry-content h4{font-size:18px;color:#10221d;font-weight:800;margin:1.3em 0 .5em}
.standard-article .entry-content ul,.standard-article .entry-content ol{padding-right:26px;margin:0 0 1.4em}
.standard-article .entry-content li{padding:3px 0}
.standard-article .entry-content a{color:#087457;text-decoration:underline;text-underline-offset:3px}
.standard-article .entry-content img{max-width:100%;height:auto;border-radius:13px}
.standard-article .entry-content blockquote{margin:24px 0;padding:18px 22px;background:#f4f8f5;border-right:4px solid #087457;border-radius:12px;color:#40504b}
.standard-article .entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.standard-article .entry-content th,.standard-article .entry-content td{padding:10px;border:1px solid #dfe9e3;text-align:right}
.article-tags{display:block;border-top:1px solid #edf1ee;padding-top:18px;color:#68766f;font-size:13px}
.article-tags a{color:#087457}
.standard-sidebar{min-width:0;display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}
.standard-sidebar .widget{background:#fff;border:1px solid #e2ece8;border-radius:18px;padding:21px;box-shadow:0 8px 28px rgba(7,66,52,.045)}
.standard-sidebar .widget-title{font-size:17px;font-weight:900;color:#063f32;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #edf1ee}
.sidebar-post-list{list-style:none;margin:0;padding:0}
.sidebar-post-list li{padding:11px 0;border-bottom:1px solid #edf1ee}
.sidebar-post-list li:last-child{border-bottom:0;padding-bottom:0}
.sidebar-post-list a{display:block;color:#263a32;text-decoration:none;font-size:14px;line-height:1.9;font-weight:700}
.sidebar-post-list a:hover{color:#087457}
.sidebar-post-list time{display:block;color:#8a9690;font-size:11px;margin-top:4px}
.sidebar-contact p{font-size:13px;line-height:1.9;color:#66756e;margin:0 0 14px}
.sidebar-call{display:block;text-align:center;padding:11px 14px;background:#087457;color:#fff!important;border-radius:10px;text-decoration:none;font-weight:900}
.related-articles{margin-top:36px}
.related-articles>h2{font-size:22px;color:#063f32;font-weight:900;margin:0 0 16px}
.related-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.related-article{background:#fff;border:1px solid #e2ece8;border-radius:15px;padding:18px}
.related-article>a{font-weight:800;color:#087457;text-decoration:none;line-height:1.9}
.related-article p{font-size:13px;color:#6a7771;line-height:1.9;margin:8px 0 0}
.page-links{margin-top:24px;padding-top:16px;border-top:1px solid #edf1ee}
@media(max-width:900px){.standard-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.related-articles-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.standard-content{padding:28px 0 45px}.standard-layout{grid-template-columns:1fr;gap:18px}.standard-sidebar{position:static;display:grid;grid-template-columns:1fr}.standard-article{padding:22px 18px;border-radius:16px}.entry-title{font-size:26px}.standard-article .entry-content{font-size:15px}.related-articles-grid{grid-template-columns:1fr}}

/* Refined article title and metadata panel */
.standard-article-header{position:relative;isolation:isolate;overflow:hidden;margin:0 0 30px;padding:clamp(22px,3.5vw,38px);background:linear-gradient(135deg,#f7fbf8 0%,#edf5f0 100%);border:1px solid #dcebe2;border-radius:22px;box-shadow:0 10px 30px rgba(10,66,49,.055)}
.standard-article-header:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#d4a84f,#087457)}
.article-header-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 13px;padding:6px 12px;border-radius:30px;background:#e0eee6;color:#087457;font-size:12px;font-weight:800;line-height:1.7}
.entry-title{max-width:900px;margin:0 0 22px!important;color:#12372c;font-size:clamp(25px,3vw,37px);font-weight:900;line-height:1.65;overflow-wrap:anywhere}
.entry-meta{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:0 0 20px!important;padding:0!important;border:0!important}
.entry-meta-item{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:145px;padding:10px 14px;background:rgba(255,255,255,.82);border:1px solid #e0ebe4;border-radius:12px;color:#53665c;font-size:12px;line-height:1.7}
.entry-meta-label{color:#7c8c83;font-size:11px;font-weight:600}
.entry-meta-item strong{color:#174b3a;font-size:13px;font-weight:800}
.entry-summary{margin:0!important;padding:15px 18px;background:#fff;border:1px solid #e3ece6;border-right:3px solid #b88b35;border-radius:12px;color:#4c6257;font-size:15px;line-height:2}
.standard-article-header .article-categories{margin:17px 0 0!important}
.standard-article-header .article-categories a{padding:6px 13px;background:#fff;border:1px solid #dce9e0;color:#087457;font-weight:700}
@media(max-width:600px){.standard-article-header{padding:20px 16px;border-radius:16px;margin-bottom:22px}.entry-title{font-size:24px;line-height:1.75;margin-bottom:17px!important}.entry-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.entry-meta-item{min-width:0;padding:9px 10px;font-size:11px}.entry-meta-item:last-child:nth-child(odd){grid-column:1/-1}.entry-meta-item strong{font-size:12px}.entry-summary{font-size:14px;padding:12px 13px}}

/* Blog and category archive layouts */
.archive-page{padding:52px 0 76px;background:#f5f8f6;min-height:55vh}
.archive-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 22px;color:#7b8982;font-size:13px}
.archive-breadcrumbs a{color:#087457}
.archive-heading{margin:0 0 30px;padding:clamp(24px,4vw,40px);background:linear-gradient(135deg,#f7fbf8,#eaf4ee);border:1px solid #dcebe2;border-radius:22px}
.archive-eyebrow{display:inline-block;margin:0 0 8px;color:#087457;font-size:12px;font-weight:900}
.archive-heading h1{margin:0 0 10px;color:#12372c;font-size:clamp(26px,3.2vw,38px);font-weight:900;line-height:1.6}
.archive-description,.archive-description p{max-width:850px;margin:0;color:#596b61;font-size:15px;line-height:2}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.archive-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e0eae3;border-radius:19px;box-shadow:0 8px 28px rgba(7,66,52,.045);transition:transform .2s ease,box-shadow .2s ease}
.archive-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(7,66,52,.09)}
.archive-card-media{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;background:#eaf1ed}
.archive-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.archive-card:hover .archive-card-media img{transform:scale(1.035)}
.archive-card-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#8a9b91;font-size:15px;font-weight:800;background:linear-gradient(135deg,#e9f3ed,#dcebe2)}
.archive-card-body{display:flex;flex:1;flex-direction:column;padding:19px}
.archive-card-category{align-self:flex-start;margin:0 0 9px;padding:4px 10px;background:#eaf4ef;border-radius:30px;color:#087457;font-size:11px;font-weight:800}
.archive-card-title{margin:0 0 9px;color:#15392e;font-size:18px;font-weight:900;line-height:1.8;overflow-wrap:anywhere}
.archive-card-title a{color:inherit;text-decoration:none}
.archive-card-title a:hover{color:#087457}
.archive-card-excerpt{margin:0 0 18px;color:#69776f;font-size:13px;line-height:2}
.archive-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid #edf1ee;color:#829087;font-size:11px}
.archive-card-more{color:#087457;font-size:12px;font-weight:900;white-space:nowrap}
.archive-pagination{margin:35px 0 0}
.archive-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.archive-pagination .page-numbers{display:inline-flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;padding:6px 11px;background:#fff;border:1px solid #dfe9e3;border-radius:10px;color:#315447;font-size:13px}
.archive-pagination .page-numbers.current{background:#087457;border-color:#087457;color:#fff}
.archive-empty{padding:38px 24px;text-align:center;background:#fff;border:1px solid #e0eae3;border-radius:18px}
.archive-empty h2{margin:0 0 8px;color:#15392e;font-size:21px}
.archive-empty p{margin:0 0 18px;color:#68776f;font-size:14px}
.archive-empty>a{display:inline-flex;padding:10px 17px;background:#087457;border-radius:10px;color:#fff;font-weight:800}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.archive-page{padding:28px 0 48px}.archive-heading{padding:22px 17px;border-radius:16px;margin-bottom:20px}.archive-heading h1{font-size:25px}.archive-description,.archive-description p{font-size:13px}.archive-grid{grid-template-columns:1fr;gap:14px}.archive-card{border-radius:15px}.archive-card-body{padding:16px}.archive-card-title{font-size:17px}}

/* Archive layout hardening: shared by blog, categories and taxonomy pages. */
.archive-page,.archive-page *{box-sizing:border-box}
.archive-page .container{width:min(1180px,92%);max-width:1180px;margin-inline:auto}
.archive-page .archive-heading{display:block;width:100%;min-width:0}
.archive-page .archive-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.archive-page .archive-card{width:100%;min-width:0;height:100%;text-align:right}
.archive-page .archive-card-media{width:100%;aspect-ratio:16/9;min-height:0}
.archive-page .archive-card-media img{width:100%;height:100%;max-width:none;object-fit:cover}
.archive-page .archive-card-body{width:100%;min-width:0;text-align:right}
.archive-page .archive-card-title{display:block;font-size:18px;line-height:1.85;overflow-wrap:anywhere}
.archive-page .archive-card-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
.archive-page .archive-card-meta{width:100%;flex-wrap:wrap}
.archive-page .archive-pagination{display:block;margin:36px 0 0}
.archive-page .archive-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.archive-page .archive-pagination .page-numbers{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:900px){.archive-page .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.archive-page{padding:28px 0 48px}.archive-page .archive-grid{grid-template-columns:minmax(0,1fr);gap:15px}.archive-page .archive-card{display:grid;grid-template-columns:minmax(105px,36%) minmax(0,1fr);align-items:stretch}.archive-page .archive-card-media{height:100%;min-height:150px;aspect-ratio:auto}.archive-page .archive-card-body{padding:13px}.archive-page .archive-card-title{font-size:15px;line-height:1.7}.archive-page .archive-card-excerpt{font-size:12px;-webkit-line-clamp:2}.archive-page .archive-card-meta{gap:7px;font-size:10px}.archive-page .archive-card-more{font-size:11px}}
@media(max-width:380px){.archive-page .archive-card{grid-template-columns:1fr}.archive-page .archive-card-media{height:auto;min-height:0;aspect-ratio:16/9}}