/**
 * Theme Name:     Biltmore Loan & Jewelry
 * Author:         Biltmore Loan & Jewelry
 * Template:       astra
 * Text Domain:	   biltmore-loan-jewelry
 * Description:    Custom Child Theme
 * Version:        1
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* { margin: 0px; padding: 0px; outline: none; }
img { height:auto; max-width:100%; }
a { text-decoration: none; transition: all 0.3s ease; }
a:hover { transition: all 0.3s ease; }  

#colophon { display:none; }


:root {
  --heading: "Cormorant Garamond", serif;
  --paragraph: "Inter", sans-serif;
  --text: #847362;
  --yellow: #f2b527;
  --brown:#54412d;
  --yellow-hover:#f1b527e6;
  --white-bg:#ffffff45;	
  --white-color: #fff;
  --black-color: #000;
  --darker-brown:#3d3329;	
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semimedium: 600;
  --font-weight-bold: 700;
}

#ast-scroll-top { background-color: var(--yellow); border-radius: 0px; }

#page h1 { font-size:72px; line-height:72px; font-weight: var(--font-weight-bold); }
#page h2 { font-size:48px; line-height:48px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h3 { font-size:30px; line-height:36px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h4 { font-size:24px; line-height:32px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h5 { font-size:20px; line-height:30px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h6 { font-size:20px; line-height:28px; font-weight: var(--font-weight-bold); color: var(--darker-brown); }
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 , #page .elementor-heading-title span  { font-family: var(--heading); }

body {  font-size:18px; line-height: 30px; color: var(--text); font-family: var(--paragraph); font-weight: var(--font-weight-normal); background: #fff; }
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor { font-size:20px; line-height: 28px; color: var(--text); font-family: var(--paragraph); font-weight: var(--font-weight-normal); letter-spacing: 0px; height: auto;}
#page .elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, #page .elementor-widget-icon-list .elementor-icon-list-item > a, #page ul li, #page .inner-ul-li ul li{ font-size: 14px; line-height: 20px; color: var(--text); font-family: var(--paragraph); font-weight: var(--font-weight-normal); letter-spacing: 0px; }

#page .yellow-color { color: var(--yellow); }
#page .text-white-light { color: rgba(247, 245, 242, 0.8); }
#page .white-title h1, #page .white-title h2, #page .white-title h3, #page .white-title h4, #page .white-title h5, #page .white-title h6, #page .white-title p, #page .white-title .elementor-widget-container, #page .white-title  { color: var(--white-color); }
/*
#page .btn a { border-radius:6px; font-weight:500; font-size:14px; line-height:20px; cursor: pointer; }

#page .elementor-button { font-family: var(--paragraph); font-size: 14px; font-weight: var(--font-weight-medium); text-transform: none; line-height: 24px; letter-spacing: 0px; fill: var(--brown); color: var(--brown); background-color: var(--yellow);  outline: none; padding: 8px 16px; border-radius: 6px; border: none; }
#page .elementor-button:hover { background-color: var(--yellow-hover); }

#page .primary-btn a { background-color:var(--yellow); color:var(--brown);   }
#page .primary-btn a:hover { background-color:var(--yellow-hover)}

#page .secondary-btn a { background-color:var(--white-bg); backdrop-filter: blur(4px); border:1px solid rgba(247, 245, 242, 0.3); cursor: pointer;  color:var(--white-color);}
#page .secondary-btn a:hover { color:var(--brown); background-color:var(--white-bg); backdrop-filter: blur(4px);} 
*/
#page p:only-of-type { margin-bottom:0 }

#header .logo a { font-family: var(--heading) !important; }
#header .phone .elementor-icon-list-text { font-weight:var(--font-weight-semimedium); font-size:16px; line-height:24px;}
#header .phone svg { path:transparent; stroke:var(--brown);}
#header .phone a:hover svg { stroke:var(--yellow);}

#header .logo span { font-family: var(--heading); }

#page .hero-banner:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-image: linear-gradient(
    to right,
    hsl(30 30% 25% / .95),    /* from */
    hsl(30 30% 25% / .8),     /* via */
    hsl(30 30% 25% / .6)      /* to */
); z-index: 1; }

/*
 * Hero slide rotator (Elementor-managed)
 * --------------------------------------
 * Apply CSS class "blj-slide" to every Elementor container that represents
 * a hero slide. The first slide stays in normal document flow; the rest
 * are absolutely stacked on top. All crossfade between each other on a
 * 12s cycle (~5s fully visible, ~1s crossfade) driven by staggered
 * animation-delays set via :nth-of-type below.
 *
 * To add a slide: in Elementor, duplicate an existing .blj-slide container,
 * edit its content + background image, and save. Nothing else to change.
 */

#page .hero-banner { position: relative; overflow: hidden; }
#page .hero-banner > .e-con-inner { position: relative; }

#page .blj-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: blj-slide-cycle var(--blj-slide-cycle, 12s) ease-in-out infinite;
    will-change: opacity;
}
#page .blj-slide:first-of-type { position: relative; }

/* 2-slide rotation — each slide visible ~5s, 1s crossfade. 12s total cycle. */
#page .blj-slide:nth-of-type(1) { animation-delay: 0s; }
#page .blj-slide:nth-of-type(2) { animation-delay: -6s; }
/* If 3 slides are ever added, switch to 18s cycle via inline --blj-slide-cycle or override below. */

@keyframes blj-slide-cycle {
    0%          { opacity: 1; }
    41.67%      { opacity: 1; }  /* ~5s: fully visible */
    50%         { opacity: 0; }  /* ~6s: crossfade complete */
    91.67%      { opacity: 0; }  /* ~11s: still hidden */
    100%        { opacity: 1; }  /* ~12s: faded back in */
}

@media (prefers-reduced-motion: reduce) {
    #page .blj-slide { animation: none; opacity: 1; }
    #page .blj-slide:not(:first-of-type) { display: none; }
}

#page .hero-banner .btn a{ font-size:18px; line-height: 28px; font-weight:600; min-width:148px; padding:10px 32px;  }
#page .hero-banner .elementor-image-box-description { font-size:14px; line-height:20px; color:#f7f5f2cc}


#page .service-box ul { margin:0; padding:0; list-style-type:disc; list-style-position:inside; margin-top:16px; }
#page .service-box ul li { font-size:14px; line-height:20px; margin-bottom:8px; }
#page .service-box ul li:last-child { margin-bottom:0}
#page .service-box ul li::marker { color:#F1B527}
#page .service-box .elementor-icon-box-description , #page .work-box .elementor-icon-box-description  { font-size:16px; line-height:24px; }

#page .work-box .elementor-icon {border:2px solid #f1b527; border-radius:50%; padding:25px;}
#page .work-grid .work-box {position:relative;}

#page .works-grid .work-box .elementor-icon {position:relative;}
#page .works-grid .work-box .elementor-icon::after {content:""; position:absolute; top:0; right:-20px; width:100%; text-align:center; background-color:#f1b527; width:40px; height:40px; display:flex; justify-content:center; align-items:center; border-radius:50%; font-size:14px; line-height:20px; font-weight:700; aspect-ratio:1; color:var(--brown); font-weight:700;}

#page .works-grid .work-box:nth-child(1) .elementor-icon:after{content:"01"}
#page .works-grid .work-box:nth-child(2) .elementor-icon:after{content:"02"}
#page .works-grid .work-box:nth-child(3) .elementor-icon:after{content:"03"}
#page .works-grid .work-box:nth-child(4) .elementor-icon:after{content:"04"}

#page .buy-box {aspect-ratio:1}
#page .buy-box:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.8; background-image:linear-gradient( to top, hsl(30 30% 25%), hsl(30 30% 25% / 0.6), transparent );}
#page .buy-box .tiny-text , #page .buy-box .tiny-text p {font-size:14px; line-height:20px; color:#f7f5f2e6; margin-bottom:0}

#page .medium-text {font-size:18px; line-height:28px;}
#page .small-text , #page .footer-sec  .small-text ul li a span.elementor-icon-list-text {font-size:16px; line-height:24px;}
#page .buy-section .small-text {font-weight:var(--font-weight-semimedium)}

#page .contact-details .elementor-icon-list-item > .elementor-icon-list-text , #page .contact-details .elementor-icon-list-item a {font-size:16px; line-height:24px;}
#page .brown {color:var(--darker-brown);}

#page .contact-details strong {font-weight:var(--font-weight-semimedium);}
#page .contact-details svg {stroke:var(--yellow);}
#page .contact-details a:hover strong { color:var(--yellow);}

#page .banner-image-box h3 { color: var(--yellow); }

#page .inner-ul-li ul li { list-style-type: square; }
#page .inner-ul-li ul li::marker { color: var(--yellow); }

#page .how-sec-flip .elementor-flip-box__front .elementor-flip-box__layer__inner h2, #page .how-sec-flip .elementor-flip-box__back h3 { color: var(--white-color); }
#page .yellow-markers li::marker { color: yellow; }
#page .yellow-markers { margin: 0px; }
#page .yellow-markers li { text-align: left; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 5px; margin-top: 5px; }

/*
#page .buy-box { transition: background-size 0.5s ease; }
#page .buy-box:hover { background-size: 110%; }
*/
.buy-box { position: relative; overflow: hidden; } 
.buy-box::before { content: ""; position: absolute; inset: 0; background: inherit; background-size: cover; background-position: center; transition: transform 0.6s ease; z-index: 0; }
.buy-box:hover::before { transform: scale(1.1); }

/******Footer*****/
#page .footer-sec h4 { color: var(--yellow); font-size: 16px; line-height: 24px;  }
#page .footer-sec p { color: rgba(247, 245, 242, 0.8); }
#page .footer-sec .text-white-light ul li a, #page .footer-sec .text-white-light ul li a span.elementor-icon-list-text, #page .footer-sec .text-white-light ul li span.elementor-icon-list-text{ color: rgba(247, 245, 242, 0.8); font-size: 16px; line-height: 24px; }

#page .footer-sec .text-white-light ul li a:hover, #page .footer-sec .text-white-light ul li a span.elementor-icon-list-text:hover { color: var(--yellow); }
#page .footer-sec .copyright ul li span.elementor-icon-list-text { font-size: 14px; line-height: 20px; color: rgba(247, 245, 242, 0.6); }

/***Accodion***/
#page .faq-sec .e-n-accordion-item { margin-bottom: 10px;}
#page .faq-sec .e-n-accordion-item div { border: 0px;}
#page .faq-sec .e-n-accordion-item-title { background-color: var(--yellow); border-radius: 8px; padding: 20px 15px; }
	
#content p a { color: var(--yellow); }
#content p a:hover { color: var(--brown); }
#content .constant-sec p a:hover { color: var(--white-color); }

/*******************  Responsive  ***************************/
	

@media (min-width: 1400px) and (max-width: 1499px) {


	
}

@media (min-width: 1300px) and (max-width: 1399px) {
 


}

@media (min-width: 1200px) and (max-width: 1299px) {


	
}

@media (min-width: 1025px) and (max-width: 1200px) {

#page h1 { font-size: 60px; line-height: 70px; }
#page h2 { font-size: 42px; line-height: 52px; }
#page h3 { font-size: 30px; line-height: 40px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li{ font-size: 20px; line-height: 28px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }
	

}

@media (min-width: 881px) and (max-width: 1024px) {

#page h1 { font-size: 50px; line-height: 60px; }
#page h2 { font-size: 40px; line-height: 50px; }
#page h3 { font-size: 30px; line-height: 40px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li{ font-size: 20px; line-height: 28px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }

	
}

@media (min-width: 768px) and (max-width: 880px) {

#page h1 { font-size: 50px; line-height: 60px; }
#page h2 { font-size: 40px; line-height: 50px; }
#page h3 { font-size: 30px; line-height: 40px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li{ font-size: 20px; line-height: 28px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }


	
}

@media(min-width:481px) and (max-width:767px)  {
	#page .buy-sec	{ grid-template-columns: repeat(2, 1fr);}
	#page .buy-box { aspect-ratio:unset !important;}
}



@media (max-width: 767px) {

#page h1 { font-size: 40px; line-height: 50px; }
#page h2 { font-size: 30px; line-height: 40px; }
#page h3 { font-size: 28px; line-height: 38px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li, #page .footer-sec .text-white-light ul li a, #page .footer-sec .text-white-light ul li a span.elementor-icon-list-text, #page .footer-sec .text-white-light ul li span.elementor-icon-list-text { font-size: 16px; line-height: 24px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }
#header .phone .elementor-icon-list-text { display:none;}
/* #header .phone .elementor-icon-list-icon { width:30px; height:30px; display:flex; justify-content:center; align-items:center; aspect-ratio: 1; border: 1px solid var(--brown); border-radius: 50%;} */
#header .phone .elementor-icon-list-icon svg{ margin:0}
#page .primary-btn a { font-size: 16px; line-height: 26px; }
/*  */
	
}
	

@media (max-width: 480px) {

#page h1 { font-size: 40px; line-height: 50px; }
#page h2 { font-size: 30px; line-height: 40px; }
#page h3 { font-size: 28px; line-height: 38px; }
#page h4 { font-size: 24px; line-height: 34px; }   
#page h5 { font-size: 20px; line-height: 30px; } 
#page p, #page .elementor-widget-container, #page .elementor-widget-text-editor, #page .elementor-widget ul li, #page .footer-sec .text-white-light ul li a, #page .footer-sec .text-white-light ul li a span.elementor-icon-list-text, #page .footer-sec .text-white-light ul li span.elementor-icon-list-text { font-size: 16px; line-height: 24px; }
#page ul li, #page ol li {  font-size:14px; line-height: 20px; }
#header .logo a { font-size: 18px; }
#page .primary-btn a { font-size: 16px; line-height: 26px; }

}


/* ============================================================
 * Biltmore SEO (BLS) programmatic page styles
 * These styles target HTML markup injected into post_content on
 * the programmatic city/model pages (sell-rolex-[model]-in-[city],
 * sell-gold-in-[city], etc). The markup uses .bls-* class names.
 * Goal: make these pages visually match the hand-built Elementor
 * pages like /sell-rolex-daytona-in-scottsdale/.
 * ============================================================ */

/* ---------- Break the article out of Astra's narrow container ---------- */
/* Any page that contains a .bls-hero is a programmatic BLS page.
 * Overflow-x hidden on body stops the negative margins below from
 * adding a horizontal scrollbar. */
body:has(.bls-hero) { overflow-x: hidden; }
body:has(.bls-hero) .site-main,
body:has(.bls-hero) .ast-container,
body:has(.bls-hero) #primary {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
body:has(.bls-hero) .entry-content {
    max-width: none;
    padding: 0;
}
/* Hide Astra's default entry title — the BLS hero includes its own H1-equivalent */
body:has(.bls-hero) .entry-header.ast-no-thumbnail {
    margin: 0;
    padding: 0;
}
/* Move the entry-title H1 into the brown hero via absolute positioning,
 * then the content flows naturally below. We'll recreate the title
 * visually inside the hero instead.  */
body:has(.bls-hero) h1.entry-title {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 32px 0;
    font-family: var(--heading);
    font-size: 56px;
    line-height: 62px;
    color: #fff;
    background: linear-gradient(135deg, #54412d 0%, #3d3329 100%);
    position: relative;
    padding-left: calc(50vw - 600px + 32px);
    padding-right: calc(50vw - 600px + 32px);
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    box-sizing: border-box;
}
@media (max-width: 1200px) {
    body:has(.bls-hero) h1.entry-title {
        padding-left: 32px;
        padding-right: 32px;
        font-size: 44px;
        line-height: 52px;
    }
}
@media (max-width: 767px) {
    body:has(.bls-hero) h1.entry-title {
        padding: 48px 20px 0;
        font-size: 32px;
        line-height: 40px;
    }
}

/* ---------- Hero section — brown gradient like /sell-rolex-daytona-in-scottsdale/ ---------- */
.bls-hero {
    background: linear-gradient(135deg, #54412d 0%, #3d3329 100%);
    color: #fff;
    padding: 32px 32px 80px;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: 0;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    padding-left: calc(50vw - 600px + 32px);
    padding-right: calc(50vw - 600px + 32px);
    box-sizing: border-box;
    position: relative;
}
@media (min-width: 900px) {
    .bls-hero {
        grid-template-columns: 1.2fr 0.8fr;
        padding-top: 40px;
        padding-bottom: 96px;
    }
}
@media (max-width: 1200px) {
    .bls-hero { padding-left: 32px; padding-right: 32px; }
}
@media (max-width: 767px) {
    .bls-hero { padding: 32px 20px 48px; gap: 24px; }
}
.bls-hero h1,
.bls-hero h2,
.bls-hero h3,
.bls-hero p { color: #fff; }
.bls-hero h1,
.bls-hero h2,
.bls-hero h3 { font-family: var(--heading); margin-top: 0; }

/* ---------- Normal content sections — constrain to a readable max-width ---------- */
body:has(.bls-hero) .bls-trust,
body:has(.bls-hero) .bls-dual,
body:has(.bls-hero) .bls-compare,
body:has(.bls-hero) table.bls-compare,
body:has(.bls-hero) .bls-faq,
body:has(.bls-hero) .bls-cta,
body:has(.bls-hero) .entry-content > h2,
body:has(.bls-hero) .entry-content > h3,
body:has(.bls-hero) .entry-content > p,
body:has(.bls-hero) .entry-content > ul,
body:has(.bls-hero) .entry-content > ol {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    body:has(.bls-hero) .bls-trust,
    body:has(.bls-hero) .bls-dual,
    body:has(.bls-hero) .bls-compare,
    body:has(.bls-hero) table.bls-compare,
    body:has(.bls-hero) .bls-faq,
    body:has(.bls-hero) .bls-cta,
    body:has(.bls-hero) .entry-content > h2,
    body:has(.bls-hero) .entry-content > h3,
    body:has(.bls-hero) .entry-content > p,
    body:has(.bls-hero) .entry-content > ul {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Headings on programmatic pages — match Elementor Cormorant */
body:has(.bls-hero) .entry-content h2 {
    font-family: var(--heading);
    font-size: 40px;
    line-height: 48px;
    color: var(--darker-brown);
    margin: 64px auto 20px;
    font-weight: 700;
}
body:has(.bls-hero) .entry-content h3 {
    font-family: var(--heading);
    font-size: 28px;
    line-height: 36px;
    color: var(--darker-brown);
    margin: 32px auto 12px;
    font-weight: 700;
}
@media (max-width: 767px) {
    body:has(.bls-hero) .entry-content h2 { font-size: 30px; line-height: 38px; }
    body:has(.bls-hero) .entry-content h3 { font-size: 24px; line-height: 32px; }
}

.bls-lede {
    color: rgba(255,255,255,0.92);
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 24px;
    max-width: 640px;
    font-family: var(--paragraph);
}
@media (max-width: 767px) {
    .bls-lede { font-size: 17px; line-height: 26px; }
    .bls-hero { padding: 40px 24px; }
}

.bls-hero__form {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(247, 245, 242, 0.3);
    border-radius: 12px;
    padding: 24px;
    backdrop-filter: blur(6px);
}
.bls-hero__form h1,
.bls-hero__form h2,
.bls-hero__form h3,
.bls-hero__form h4,
.bls-hero__form p,
.bls-hero__form label,
.bls-hero__form span { color: #fff; }
.bls-hero__form h2,
.bls-hero__form h3 { margin-top: 0; margin-bottom: 8px; font-family: var(--heading); }
.bls-hero__form p { color: rgba(255,255,255,0.8); font-size: 15px; line-height: 22px; margin-bottom: 20px; }

/* WPForms output inside the hero — inherit the dark card look */
.bls-hero__form .wpforms-container,
.bls-hero__form .wpforms-form { background: transparent !important; padding: 0 !important; }
.bls-hero__form .wpforms-field-label,
.bls-hero__form label { color: rgba(255,255,255,0.95) !important; font-size: 14px; font-weight: 500; }
.bls-hero__form .wpforms-required-label,
.bls-hero__form .wpforms-field-sublabel { color: var(--yellow) !important; }
.bls-hero__form input[type="text"],
.bls-hero__form input[type="email"],
.bls-hero__form input[type="tel"],
.bls-hero__form input[type="number"],
.bls-hero__form select,
.bls-hero__form textarea {
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(247,245,242,0.3) !important;
    color: #fff !important;
    border-radius: 6px;
    padding: 10px 12px;
    width: 100%;
    box-sizing: border-box;
}
.bls-hero__form input::placeholder,
.bls-hero__form textarea::placeholder { color: rgba(255,255,255,0.5); }
.bls-hero__form button[type="submit"],
.bls-hero__form .wpforms-submit {
    background: var(--yellow) !important;
    color: var(--brown) !important;
    border: none !important;
    padding: 14px 24px !important;
    font-weight: 600;
    font-size: 18px;
    border-radius: 6px !important;
    width: 100%;
    cursor: pointer;
}
.bls-hero__form button[type="submit"]:hover,
.bls-hero__form .wpforms-submit:hover { background: var(--yellow-hover) !important; }

.bls-glance {
    background: rgba(255, 255, 255, 0.08);
    border-left: 4px solid var(--yellow);
    padding: 20px 24px;
    border-radius: 8px;
    margin: 24px 0;
    color: rgba(255,255,255,0.95);
}
.bls-glance h2,
.bls-glance h3 {
    color: var(--yellow);
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--heading);
}
.bls-glance ul { margin: 0; padding: 0 0 0 20px; }
.bls-glance li { margin-bottom: 8px; line-height: 1.5; color: #fff; }
.bls-glance strong { color: var(--yellow); font-weight: 600; }

.bls-trust {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin: 48px 0;
    padding: 24px;
    background: #f7f5f2;
    border-radius: 8px;
}
.bls-trust > * {
    padding: 16px 12px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #e4ddd0;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    color: var(--text);
}
.bls-trust strong { color: var(--darker-brown); display: block; margin-bottom: 4px; }

.bls-dual { margin: 48px 0; }
.bls-dual__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 24px;
}
@media (min-width: 768px) {
    .bls-dual__grid { grid-template-columns: 1fr 1fr; }
}
.bls-dual__grid > * {
    padding: 28px;
    border: 1px solid #e4ddd0;
    border-radius: 8px;
    background: #fff;
}
.bls-dual__grid h3 { margin-top: 0; color: var(--darker-brown); font-family: var(--heading); }

table.bls-compare {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0 48px;
}
table.bls-compare th,
table.bls-compare td {
    border: 1px solid #e4ddd0;
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
    font-size: 16px;
    line-height: 22px;
}
table.bls-compare thead { background: var(--brown); color: #fff; }
table.bls-compare thead th { color: #fff; font-weight: 600; font-family: var(--paragraph); }
table.bls-compare tbody tr:nth-child(even) { background: #fafafa; }

.bls-faq { margin: 48px 0; }
.bls-faq__item {
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid #e4ddd0;
    overflow: hidden;
    background: #fff;
}
.bls-faq__item > summary {
    cursor: pointer;
    padding: 18px 48px 18px 20px;
    background: var(--yellow);
    color: var(--darker-brown);
    font-weight: 600;
    font-family: var(--paragraph);
    list-style: none;
    position: relative;
}
.bls-faq__item > summary::-webkit-details-marker { display: none; }
.bls-faq__item > summary::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
}
.bls-faq__item[open] > summary::after { content: "\2212"; }
.bls-faq__a { padding: 20px; color: var(--text); line-height: 1.6; }

.bls-cta {
    background: var(--yellow);
    color: var(--brown);
    padding: 28px 32px;
    border-radius: 8px;
    margin: 48px 0;
    font-size: 20px;
    line-height: 28px;
    font-family: var(--heading);
    font-weight: 500;
    text-align: center;
}
.bls-cta a { color: var(--brown); text-decoration: underline; }

.bls-btn {
    display: inline-block;
    padding: 14px 32px;
    background: var(--yellow);
    color: var(--brown);
    font-family: var(--paragraph);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.3s ease;
    margin-top: 12px;
    border: none;
    cursor: pointer;
}
.bls-btn:hover { background: var(--yellow-hover); color: var(--brown); }

.bls-form label {
    display: block;
    margin-bottom: 14px;
    color: rgba(255,255,255,0.95);
    font-family: var(--paragraph);
    font-size: 14px;
    font-weight: 500;
}
.bls-form input,
.bls-form select,
.bls-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(247,245,242,0.3);
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 6px;
    font-family: var(--paragraph);
    font-size: 15px;
    margin-top: 4px;
    box-sizing: border-box;
}
.bls-form input::placeholder,
.bls-form textarea::placeholder { color: rgba(255,255,255,0.5); }
.bls-form button {
    width: 100%;
    padding: 14px;
    background: var(--yellow);
    color: var(--brown);
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font-size: 18px;
    font-family: var(--paragraph);
    margin-top: 8px;
}
.bls-form button:hover { background: var(--yellow-hover); }