/* Beds Furniture Modern - About / FAQs / Contact / Legal page-template styles */

/* =========================================================
   ABOUT
========================================================= */
.bf-about-hero{background:#fff;border-bottom:1px solid var(--line);padding:52px 0;text-align:center;}
.bf-about-hero h1{font-style:italic;font-weight:500;}
.bf-about-story{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;}
.bf-about-story__image img{border-radius:var(--r-lg);}
.bf-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;}
.bf-value-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--rust);border-radius:0;padding:24px;text-align:center;}
.bf-value-card .ico{font-size:24px;color:var(--rust);}
@media(max-width:860px){.bf-about-story{grid-template-columns:1fr;}}

/* =========================================================
   FAQs
   .faq-item / .faq-question keep their exact names - theme.js
   toggles the accordion open state by querying them directly.
========================================================= */
.bf-faq-hero{background:#fff;border-bottom:1px solid var(--line);padding:46px 0;text-align:center;}
.bf-faq-hero h1{font-style:italic;font-weight:500;}
.bf-faq-hero p{color:var(--muted);max-width:560px;margin:0 auto;}
.bf-faq-list{max-width:820px;margin:40px auto;display:flex;flex-direction:column;gap:0;}
.faq-item{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;overflow:hidden;margin-top:-1px;}
.faq-question{
    width:100%;text-align:left;background:none;border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:17px 18px;font-weight:700;font-size:15px;color:var(--ink);font-family:var(--f-head);
}
.faq-question::after{content:"+";flex-shrink:0;font-size:19px;color:var(--rust);transition:transform .15s ease;}
.faq-item.is-open .faq-question::after{transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .2s ease;}
.faq-answer-inner{padding:0 18px 16px;color:var(--muted);}
.faq-item.is-open .faq-answer{max-height:600px;}
.bf-faq-empty{max-width:820px;margin:40px auto;color:var(--muted);}

/* =========================================================
   CONTACT
========================================================= */
.bf-contact-hero{background:#fff;border-bottom:1px solid var(--line);padding:46px 0;text-align:center;}
.bf-contact-hero h1{font-style:italic;font-weight:500;}
.bf-contact-hero p{color:var(--muted);max-width:560px;margin:0 auto;}
.bf-contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;max-width:1100px;margin:46px auto;align-items:start;}
.bf-contact-card{background:#fff;border:1px solid var(--line);border-radius:0;border-left:3px solid var(--rust);padding:26px;}
.bf-contact-row{display:flex;gap:11px;align-items:flex-start;margin-bottom:16px;}
.bf-contact-row .ico{font-size:19px;color:var(--rust);}
.bf-contact-row a,.bf-contact-row p{margin:0;color:var(--ink-text);}
.contact-form{display:flex;flex-direction:column;gap:14px;}
.contact-form label{font-weight:600;font-size:13px;color:var(--ink);display:block;margin-bottom:6px;text-transform:none;letter-spacing:0;}
.contact-form input,.contact-form textarea{
    width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);
    font-family:inherit;font-size:14.5px;
}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--ink);}
.contact-form textarea{min-height:130px;resize:vertical;}
.contact-form-note{font-size:12.5px;color:var(--muted);}
@media(max-width:860px){.bf-contact-grid{grid-template-columns:1fr;}}

/* =========================================================
   LEGAL
   (.legal-content itself lives in the shared base style.css - the
   shop archive's category description and page.php's fallback
   use it too, not just these templates.)
========================================================= */
.bf-legal-header{background:#fff;border-bottom:1px solid var(--line);padding:42px 0;text-align:center;}
.bf-legal-header h1{font-style:italic;font-weight:500;}