/* ════════════════════════════════════════════════════════════
   VFG HOME PIX — SEO LANDING PAGE STYLESHEET
   Loaded AFTER site.css on location + service-niche pages.
   Adds patterns the main site doesn't need (hero-split, mini-prices,
   FAQ accordion, related-link grid, trust ticks, footer link rows).
   ════════════════════════════════════════════════════════════ */

/* HERO (split layout: copy on left, photo on right) */
.seo-hero{background:#f6f6f3;padding:48px 0 56px}
.seo-hero .wrap{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.seo-hero .copy .eyebrow{font-family:'Lato',sans-serif;text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:700;color:#9c7c3b;margin-bottom:10px;display:block}
.seo-hero h1{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:clamp(32px,4.8vw,52px);line-height:1.1;margin:0 0 18px;color:#1a1a1a}
.seo-hero .copy p{font-size:17px;color:#333;line-height:1.65;margin-bottom:14px}
.seo-hero .cta-row{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap}
.seo-hero .photo{aspect-ratio:4/3;overflow:hidden;background:#eee;border-radius:4px}
.seo-hero .photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){
  .seo-hero .wrap{grid-template-columns:1fr;gap:28px}
  .seo-hero .photo{max-width:560px;margin:0 auto}
}

/* Generic SEO content section */
.seo-section{padding:60px 24px;background:#fff}
.seo-section.alt{background:#f6f6f3}
.seo-section .wrap{max-width:1120px;margin:0 auto}
.seo-section.narrow .wrap{max-width:780px}
.seo-section .center{text-align:center}
.seo-section .eyebrow{font-family:'Lato',sans-serif;text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:700;color:#9c7c3b;margin-bottom:10px;display:block}
.seo-section h2{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:clamp(26px,3.6vw,38px);line-height:1.15;margin:0 0 18px;color:#1a1a1a}
.seo-section p{font-size:16px;line-height:1.7;color:#333;margin-bottom:16px}

/* Trust/benefits checklist */
.ticks{list-style:none;margin:18px 0 0;padding:0}
.ticks li{position:relative;padding-left:30px;margin-bottom:12px;font-size:16px;color:#2b2b2b;line-height:1.6}
.ticks li:before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;border:1px solid #9c7c3b;transform:rotate(45deg)}

/* Mini pricing cards */
.mini-prices{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.mp{background:#fff;border:1px solid #e3e3df;border-radius:4px;padding:22px 20px;text-align:left}
.mp .pname{font-family:'Lato',sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:10.5px;font-weight:700;color:#9c7c3b;margin-bottom:6px}
.mp .amt{font-family:'Italiana',Georgia,serif;font-size:30px;line-height:1;margin-bottom:8px;color:#1a1a1a}
.mp p{font-size:14px;color:#555;margin:0;line-height:1.55}
@media(max-width:900px){.mini-prices{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mini-prices{grid-template-columns:1fr}}
.price-note{font-style:italic;color:#555;font-size:14px;margin-top:18px;text-align:center}

/* Related-link grid (pills) */
.rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}
.rel-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.rel{display:block;padding:14px 20px;border:1px solid #e3e3df;border-radius:4px;background:#fff;font-family:'Lato',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;font-weight:700;color:#1a1a1a;transition:all .2s}
.rel:hover{border-color:#9c7c3b;color:#9c7c3b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.06)}
@media(max-width:620px){.rel-grid,.rel-grid.cols-3{grid-template-columns:1fr}}

/* FAQ accordion */
.faq-sec{padding:60px 24px;background:#f6f6f3}
.faq-sec .wrap{max-width:780px;margin:0 auto}
.qas{margin-top:28px}
.qa{border:1px solid #e3e3df;border-radius:4px;background:#fff;margin-bottom:10px;overflow:hidden}
.qa summary{list-style:none;cursor:pointer;padding:16px 20px;font-family:'Italiana',Georgia,serif;font-size:19px;position:relative;padding-right:48px;transition:background .2s;color:#1a1a1a}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#9c7c3b;font-size:22px;font-weight:400}
.qa[open] summary::after{content:"\2212"}
.qa summary:hover{background:#faf9f6}
.qa .ans{padding:0 20px 18px;color:#444;font-size:15.5px;line-height:1.7}

/* Footer link rows (for SEO internal linking) */
.flinks{margin-top:16px;font-family:'Lato',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#555}
.flinks span{color:#9c7c3b;font-weight:700;margin-right:4px}
.site-footer .flinks a{margin:0 3px;color:#1a1a1a}
.site-footer .flinks a:hover{color:#9c7c3b}