/* ==================================================
   HOME PAGE CONTENT — css/home.css
   این فایل فقط محتوای داخل صفحه اصلی رو استایل می‌ده.
   هدر و فوتر از header.php / footer.php و style.css میان.
   ================================================== */

:root{
    --pv-green-deep:#1f5c46;
    --pv-green:#2f8f5b;
    --pv-green-light:#e7f4ec;
    --pv-amber:#e8a33d;
    --pv-ink:#17251d;
    --pv-ink-soft:#5c6c62;
}

/* ---------- هیرو ---------- */
.pv-hero{background:linear-gradient(160deg,var(--pv-green-deep) 0%,var(--pv-green) 75%);padding:50px 0 70px;}
.pv-hero-inner{text-align:center;}
.pv-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);color:#e7f4ec;padding:7px 16px;border-radius:30px;font-size:13px;font-weight:600;margin-bottom:18px;}
.pv-hero h1{color:#fff;font-size:28px;font-weight:800;line-height:1.6;margin-bottom:16px;}
.pv-hero h1 span{color:var(--pv-amber);}
.pv-hero p{color:rgba(255,255,255,.85);font-size:15px;max-width:600px;margin:0 auto 26px;}
.pv-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:30px;}
.pv-btn-amber{background:var(--pv-amber);color:#221;padding:13px 24px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;gap:8px;}
.pv-btn-outline-white{border:2px solid #fff;color:#fff;padding:13px 24px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;gap:8px;}
.pv-hero-stats{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;}
.pv-hero-stats div strong{display:block;color:var(--pv-amber);font-size:20px;}
.pv-hero-stats div span{color:rgba(255,255,255,.7);font-size:12px;}

/* ---------- ویژگی‌ها ---------- */
.pv-features{background:#fff;padding:30px 0;border-bottom:1px solid #f0efe9;}
.pv-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.pv-feature{display:flex;align-items:center;gap:12px;}
.pv-feature-icon{width:46px;height:46px;border-radius:12px;background:var(--pv-green-light);color:var(--pv-green-deep);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.pv-feature strong{display:block;font-size:13px;}
.pv-feature span{font-size:11px;color:#777;}

/* ---------- بخش‌ها ---------- */
.pv-section{padding:45px 0;}
.pv-section-title{font-size:22px;font-weight:800;margin-bottom:22px;text-align:center;}
.pv-section-title small{display:block;color:var(--pv-green-deep);font-size:13px;font-weight:700;margin-bottom:6px;}

.pv-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.pv-cat-box{background:#fff;border:1px solid #eee;border-radius:14px;padding:20px 10px;text-align:center;transition:all .25s;}
.pv-cat-box:hover{border-color:var(--pv-green);transform:translateY(-3px);}
.pv-cat-box i{font-size:22px;color:var(--pv-green-deep);margin-bottom:8px;display:block;}
.pv-cat-box span{font-size:13px;font-weight:600;}

.pv-prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.pv-prod-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;transition:all .25s;}
.pv-prod-card:hover{box-shadow:0 12px 25px rgba(0,0,0,.07);transform:translateY(-3px);}
.pv-prod-img{height:130px;background:var(--pv-green-light);display:flex;align-items:center;justify-content:center;}
.pv-prod-img i{font-size:30px;color:var(--pv-green);}
.pv-prod-img img{width:100%;height:100%;object-fit:cover;}
.pv-prod-body{padding:12px;}
.pv-prod-body h3{font-size:13px;margin-bottom:6px;}
.pv-prod-body strong{color:var(--pv-green-deep);font-size:14px;}

/* ---------- بند پرونده تریاژ ---------- */
.pv-folder-band{background:var(--pv-green-deep);color:#fff;padding:45px 0;}
.pv-folder-band h2{font-size:22px;font-weight:800;margin-bottom:14px;text-align:center;}
.pv-folder-band p{color:rgba(255,255,255,.8);text-align:center;max-width:600px;margin:0 auto 20px;}
.pv-folder-points{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0 auto;}
.pv-folder-points div{display:flex;align-items:center;gap:10px;font-size:14px;}
.pv-folder-points i{color:var(--pv-amber);}

/* ---------- خدمات ---------- */
.pv-services-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.pv-service-box{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;}
.pv-service-box .ic{width:46px;height:46px;border-radius:12px;background:var(--pv-green-light);color:var(--pv-green-deep);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.pv-service-box strong{display:block;font-size:14px;}
.pv-service-box span{font-size:12px;color:#777;}

/* ---------- CTA ---------- */
.pv-cta{text-align:center;padding:45px 0;}
.pv-cta h2{font-size:20px;font-weight:800;margin-bottom:10px;}
.pv-cta p{color:#666;margin-bottom:22px;font-size:14px;}
.pv-cta-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.pv-btn-green-solid{background:var(--pv-green-deep);color:#fff;padding:13px 24px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-size:14px;}
.pv-btn-outline-green{border:2px solid var(--pv-green-deep);color:var(--pv-green-deep);padding:11px 22px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;gap:8px;}

/* ---------- دسکتاپ ---------- */
@media(min-width:900px){
    .pv-features-grid{grid-template-columns:repeat(4,1fr);}
    .pv-cat-grid{grid-template-columns:repeat(6,1fr);}
    .pv-prod-grid{grid-template-columns:repeat(4,1fr);}
    .pv-services-grid{grid-template-columns:repeat(2,1fr);}
    .pv-hero h1{font-size:36px;}
}