/* Boss Briquettes — Home template. Scoped to .bb-home / .bb-home-page. */

/* Break out of parent-theme content containers (Storefront + Astra) */
.bb-home-page{background:var(--carbon-950)}
.bb-home-page .site-header{margin-bottom:0}
.bb-home-page .site-content>.col-full,.bb-home-page #content>.ast-container{max-width:none;margin:0;padding:0;display:block}
.bb-home-page #primary,.bb-home-page .content-area{width:100%;float:none;margin:0;padding:0}
.bb-home-page .site-main{margin:0;padding:0}
.bb-home-page .storefront-breadcrumb{display:none}

.bb-home{background:var(--carbon-950);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.bb-home *,.bb-home *::before,.bb-home *::after{box-sizing:border-box}
.bb-home h1,.bb-home h2,.bb-home h3,.bb-home p,.bb-home ol,.bb-home dl,.bb-home dd{margin:0;padding:0}
.bb-home img{max-width:100%;height:auto;display:block}
.bb-home a{color:var(--flame-400)}.bb-home a:hover{color:var(--flame-300)}
.bb-wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}

/* Type */
.bb-display{font-family:var(--font-display);font-stretch:var(--display-stretch);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--track-display);line-height:var(--lh-tight);color:var(--text-primary)}
.bb-steel-text{background:var(--steel-brushed);-webkit-background-clip:text;background-clip:text;color:transparent}
.bb-h2{font-size:48px;text-wrap:balance}.bb-h3{font-size:32px;text-wrap:balance}
.bb-lede{max-width:560px;font-size:18px;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}
.bb-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-label);font-weight:600;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--flame-400)}
.bb-eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
.bb-eyebrow--center::after{content:"";width:28px;height:2px;background:currentColor}
.bb-eyebrow--hot{color:var(--flame-300);font-size:14px}
.bb-heading{display:flex;flex-direction:column;gap:14px}
.bb-heading--center{align-items:center;text-align:center;margin-bottom:64px}
.bb-stack{display:flex;flex-direction:column;gap:28px}

/* Buttons */
.bb-actions{display:flex;flex-wrap:wrap;gap:14px}.bb-actions--center{justify-content:center;margin-top:48px}
.bb-home .bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;font-family:var(--font-display);font-stretch:112%;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast),box-shadow var(--dur-base),transform var(--dur-fast),border-color var(--dur-fast),filter var(--dur-fast)}
.bb-btn--md{height:46px;padding:0 24px;font-size:15px}.bb-btn--lg{height:56px;padding:0 32px;font-size:17px}
.bb-home .bb-btn--primary{background:var(--accent);color:var(--on-accent)}
.bb-home .bb-btn--primary:hover{background:var(--accent-hover);color:var(--on-accent);box-shadow:var(--shadow-glow);text-decoration:none}
.bb-home .bb-btn--primary:active{background:var(--accent-press)}
.bb-home .bb-btn--steel{background:var(--steel-brushed);color:var(--carbon-900);box-shadow:var(--bevel)}
.bb-home .bb-btn--steel:hover{filter:brightness(1.06);color:var(--carbon-900);text-decoration:none}
.bb-home .bb-btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}
.bb-home .bb-btn--secondary:hover{background:rgba(255,255,255,.06);border-color:var(--steel-200);color:var(--text-primary);text-decoration:none}
.bb-home .bb-btn:active{transform:translateY(1px) scale(.985)}
.bb-home .bb-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}

/* Icon */
.bb-icon{display:inline-block;height:32px;width:32px;background:var(--flame-500);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.bb-icon--spatula{width:10px}.bb-icon--grill-fork{width:7px}

/* Hero */
.bb-hero{position:relative;overflow:hidden;background:var(--carbon-950)}
.bb-hero__bg{position:absolute;left:0;right:0;bottom:0;width:100%;height:55%!important;object-fit:cover;object-position:center 85%;opacity:.55}
.bb-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,var(--carbon-950) 30%,rgba(7,7,8,.4) 75%,var(--carbon-950) 100%)}
.bb-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;min-height:720px}
.bb-hero__copy{display:flex;flex-direction:column;gap:24px}
.bb-hero__title{font-size:104px}
.bb-hero__text{font-size:20px;line-height:1.5;color:var(--steel-100);max-width:500px;text-wrap:pretty}
.bb-hero__price{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--flame-400)}
.bb-hero__price del{color:var(--steel-400);font-size:.7em;margin-right:8px}.bb-hero__price ins{text-decoration:none}
.bb-hero .bb-actions{margin-top:8px}
.bb-hero__media{display:flex;justify-content:center}
.bb-hero__product{width:100%;max-width:540px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 52%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 52%,#000 45%,transparent 100%)}

/* Benefits */
.bb-benefits{background:var(--surface-page);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.bb-benefits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;padding-top:64px;padding-bottom:64px}
.bb-feature{display:flex;flex-direction:column;gap:14px}
.bb-feature__well{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:rgba(255,107,18,.1);border:1px solid rgba(255,107,18,.3)}
.bb-home .bb-feature__title{font-family:var(--font-display);font-stretch:118%;font-weight:800;font-size:18px;line-height:1.15;text-transform:uppercase;color:var(--text-primary)}
.bb-feature__text{font-size:15px;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}

/* Spotlight */
.bb-spotlight{background:#fff;color:var(--carbon-900)}
.bb-spotlight .bb-display{color:var(--carbon-900)}
.bb-spotlight .bb-eyebrow{color:var(--flame-700)}
.bb-spotlight .bb-lede{color:var(--carbon-500)}
.bb-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;padding-top:112px;padding-bottom:112px}
.bb-spotlight__media{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 24px 60px rgba(13,13,15,.22)}
.bb-spotlight__media img{width:100%}
.bb-specs{border-top:1px solid rgba(13,13,15,.14)}
.bb-specs__row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(13,13,15,.14)}
.bb-specs dt{font-family:var(--font-label);font-weight:600;font-size:13px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--carbon-500)}
.bb-specs dd{font-weight:600;color:var(--carbon-900);text-align:right}

/* Grill band */
.bb-band{position:relative;overflow:hidden;background:#000;min-height:620px;display:flex;align-items:center}
.bb-band__bg{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.bb-band__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,8,.9) 0%,rgba(7,7,8,.55) 38%,rgba(7,7,8,0) 60%)}
.bb-band__inner{position:relative;width:100%}
.bb-band__copy{max-width:440px;display:flex;flex-direction:column;gap:24px}
.bb-band__title{font-size:64px}

/* How it works */
.bb-how{padding:112px 0}
.bb-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.bb-step{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:32px 28px;display:flex;flex-direction:column;gap:12px}
.bb-step__num{font-size:44px;color:var(--flame-500)}
.bb-step__title{font-size:22px}
.bb-step__text{color:var(--text-secondary)}

/* FAQ */
.bb-faq{background:var(--surface-sunken);border-top:1px solid var(--border-subtle)}
.bb-faq__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:64px;padding-top:112px;padding-bottom:112px}
.bb-faq__intro{align-self:start}
.bb-accordion{border-top:1px solid var(--border-default)}
.bb-accordion__item{border-bottom:1px solid var(--border-default)}
.bb-accordion__q{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer;font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:17px;letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary);transition:color var(--dur-fast)}
.bb-accordion__q::-webkit-details-marker{display:none}
.bb-accordion__q:hover,.bb-accordion__item[open] .bb-accordion__q{color:var(--flame-400)}
.bb-accordion__plus{flex:none;font-size:22px;line-height:1;transition:transform var(--dur-base) var(--ease-out)}
.bb-accordion__item[open] .bb-accordion__plus{transform:rotate(45deg)}
.bb-accordion__a{padding:0 0 22px;max-width:640px;font-size:16px;line-height:1.6;color:var(--text-secondary)}
.bb-accordion__a p+p{margin-top:12px}

/* Responsive */
@media (max-width:900px){
	.bb-hero__grid,.bb-split,.bb-faq__grid{grid-template-columns:minmax(0,1fr)}
	.bb-hero__grid{min-height:0;padding-top:56px;padding-bottom:56px}
	.bb-hero__title{font-size:64px}.bb-h2{font-size:36px}.bb-band__title{font-size:44px}
	.bb-split,.bb-faq__grid{padding-top:72px;padding-bottom:72px;gap:40px}.bb-how{padding:72px 0}
	.bb-band{min-height:480px}.bb-band__scrim{background:linear-gradient(90deg,rgba(7,7,8,.9) 0%,rgba(7,7,8,.6) 70%,rgba(7,7,8,.3) 100%)}
}
@media (max-width:520px){.bb-hero__title{font-size:48px}.bb-btn--lg{height:52px;padding:0 22px;font-size:15px}}