/*
Theme Name: SolidMark Home Production Vintage
Theme URI: https://example.com/
Author: OpenAI
Description: Vintage-inspired one-page WordPress theme for SolidMark Home handyman and home repair services.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: solidmark-home
*/
:root{
  --sm-bg:#f7f0e3;
  --sm-cream:#f3eadb;
  --sm-text:#17375b;
  --sm-muted:#5a6d84;
  --sm-red:#b23a31;
  --sm-red-dark:#962e27;
  --sm-blue:#17375b;
  --sm-blue-deep:#102944;
  --sm-border:#d8c6ad;
  --sm-white:#fffdf8;
  --sm-green-soft:#eef7ee;
  --sm-green:#2f6d45;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sm-bg);color:var(--sm-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{max-width:100%;height:auto}
a{text-decoration:none}
.solidmark-page{background:var(--sm-bg);color:var(--sm-text)}
.solidmark-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.solidmark-header{position:sticky;top:0;z-index:50;background:rgba(247,240,227,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--sm-border)}
.solidmark-header-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:24px}
.solidmark-brand-row{display:flex;align-items:center;gap:18px}
.solidmark-logo{width:88px;height:88px;object-fit:contain;border-radius:18px;box-shadow:0 10px 24px rgba(23,55,91,.15);background:transparent}
.solidmark-brand-title{font-size:30px;font-weight:800;line-height:1;color:var(--sm-blue)}
.solidmark-brand-sub{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--sm-muted);margin-top:6px}
.solidmark-nav{display:flex;gap:24px;flex-wrap:wrap}
.solidmark-nav a{color:var(--sm-blue);font-weight:700}
.solidmark-btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:700;transition:.2s ease}
.solidmark-btn:hover{transform:translateY(-1px)}
.solidmark-btn-primary{background:var(--sm-red);color:#fff}
.solidmark-btn-primary:hover{background:var(--sm-red-dark)}
.solidmark-btn-secondary{background:var(--sm-white);color:var(--sm-blue);border:1px solid var(--sm-border)}
.solidmark-hero{background:linear-gradient(to bottom,var(--sm-white),var(--sm-cream));padding:88px 0}
.solidmark-grid{display:grid;gap:48px}
.solidmark-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
.solidmark-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.solidmark-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.solidmark-badge{display:inline-block;background:#f6ddd8;color:var(--sm-red);border:1px solid #e3b1aa;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.solidmark-h1{font-size:60px;line-height:1.05;font-weight:800;letter-spacing:-.04em;margin:18px 0 0;color:var(--sm-blue)}
.solidmark-lead{font-size:20px;line-height:1.8;color:var(--sm-muted);margin-top:24px;max-width:640px}
.solidmark-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.solidmark-pill{background:var(--sm-white);border:1px solid var(--sm-border);box-shadow:0 1px 2px rgba(16,41,68,.06);padding:10px 16px;border-radius:999px;color:var(--sm-blue);font-size:14px}
.solidmark-pill-accent{background:var(--sm-green-soft);border-color:#cde3d4;color:var(--sm-green);font-weight:700}
.solidmark-card{background:var(--sm-white);border:1px solid var(--sm-border);border-radius:28px;box-shadow:0 20px 40px rgba(16,41,68,.12);overflow:hidden}
.solidmark-card img{display:block;width:100%;height:460px;object-fit:cover}
.solidmark-floating{margin:-32px 0 0 24px;background:var(--sm-white);border:1px solid var(--sm-border);border-radius:20px;padding:18px 20px;display:inline-block;box-shadow:0 20px 40px rgba(16,41,68,.12);position:relative}
.solidmark-floating-title{font-size:28px;font-weight:800;margin-top:4px;color:var(--sm-blue)}
.solidmark-section{padding:88px 0}
.solidmark-section-dark{background:var(--sm-blue-deep);color:#fff}
.solidmark-kicker{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sm-red)}
.solidmark-section-dark .solidmark-kicker{color:#f0b0a5}
.solidmark-h2{font-size:48px;line-height:1.1;font-weight:800;letter-spacing:-.03em;margin:12px 0 0}
.solidmark-section-dark .solidmark-h2{color:#fff}
.solidmark-text{font-size:19px;line-height:1.8;color:var(--sm-muted);margin-top:16px;max-width:760px}
.solidmark-section-dark .solidmark-text{color:#d7e1ec}
.solidmark-service,.solidmark-price,.solidmark-addon,.solidmark-bundle,.solidmark-faq,.solidmark-contact-box{border-radius:28px;border:1px solid var(--sm-border);background:var(--sm-white);padding:28px}
.solidmark-service{box-shadow:0 2px 10px rgba(16,41,68,.06)}
.solidmark-icon{width:48px;height:48px;border-radius:16px;background:var(--sm-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;margin-bottom:18px}
.solidmark-service h3,.solidmark-bundle h3{margin:0;font-size:24px;color:var(--sm-blue)}
.solidmark-muted{color:var(--sm-muted)}
.solidmark-price,.solidmark-addon{background:#213d5f;border-color:#436280;color:#fff}
.solidmark-price .solidmark-muted,.solidmark-addon .solidmark-muted{color:#dbe5ef}
.solidmark-big{font-size:44px;font-weight:800;margin-top:14px}
.solidmark-green{color:#9be3b2}
.solidmark-blue{color:#b9d0ea}
.solidmark-addon-wrap{margin-top:36px;background:#213d5f;border:1px solid #436280;border-radius:32px;padding:32px}
.solidmark-addon-title{font-size:28px;font-weight:800}
.solidmark-bundle.featured{background:#f9e7e2;border-color:#d98377;box-shadow:0 20px 40px rgba(178,58,49,.14)}
.solidmark-tag{display:inline-block;background:var(--sm-red);color:#fff;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}
.solidmark-list{margin:20px 0 0;padding:0;list-style:none}
.solidmark-list li{display:flex;gap:10px;margin-top:10px;color:#475569}
.solidmark-dot{width:10px;height:10px;border-radius:999px;background:var(--sm-red);margin-top:8px;flex:none}
.solidmark-process{background:var(--sm-white)}
.faq-stack{display:grid;gap:16px}
.solidmark-faq{padding:0;overflow:hidden}
.solidmark-faq summary{cursor:pointer;padding:24px 28px;font-size:20px;font-weight:700;list-style:none;color:var(--sm-blue)}
.solidmark-faq p{padding:0 28px 24px;margin:0;color:#475569;line-height:1.8}
.solidmark-contact{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.solidmark-contact-box-dark{background:#213d5f;border-color:#436280;color:#fff}
.contact-box-title{font-size:22px;font-weight:800}
.contact-copy{margin-top:10px}
.solidmark-field{display:block;margin-top:16px}
.solidmark-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sm-muted);margin-bottom:8px}
.solidmark-field input,.solidmark-field textarea,.solidmark-field select{width:100%;border:1px solid #cdbba1;border-radius:18px;background:#fbf7ef;padding:14px 16px;font:inherit}
.solidmark-submit{border:0;cursor:pointer;margin-top:16px}
.solidmark-footer{border-top:1px solid var(--sm-border);background:var(--sm-white);padding:24px 0;color:var(--sm-muted);font-size:14px}
.solidmark-footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.top-gap{margin-top:36px}
.top-gap-small{margin-top:24px}
.small-gap{gap:16px}
.body-copy{line-height:1.8;margin-top:12px}
.bundle-price{color:var(--sm-blue)}
.addon-item{font-weight:700}
@media (max-width: 1024px){
  .solidmark-grid-4,.solidmark-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 800px){
  .solidmark-grid-2,.solidmark-contact{grid-template-columns:1fr}
  .solidmark-h1{font-size:42px}
  .solidmark-h2{font-size:34px}
  .solidmark-nav{display:none}
  .solidmark-header-inner{padding:14px 0}
  .solidmark-logo{width:72px;height:72px}
}
@media (max-width: 640px){
  .solidmark-grid-4,.solidmark-grid-5{grid-template-columns:1fr}
  .solidmark-wrap{padding:0 18px}
  .solidmark-brand-title{font-size:22px}
  .solidmark-logo{width:64px;height:64px}
}
