/** Shopify CDN: Minification failed

Line 108:50 Unexpected ".5"
Line 112:53 Unexpected ".5"

**/
/* ============================================================
   WoodBuzz Modular Kitchen Landing Page — Scoped Custom Styles
   ============================================================ */

.wb-landing {
  --forest: #1F5B3E;
  --copper: #B87333;
  --walnut: #3E2D1D;
  --beige: #F3ECE1;
  --bg: #FBF8F2;
  --dark: #2B2016;
}

/* Grain overlay */
.wb-landing-grain::before {
  content: ""; position: fixed; inset: 0; z-index: 9998; pointer-events: none; opacity: .05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Masked line reveal */
.wb-landing .line-mask { overflow: hidden; display: block; padding-bottom: .06em; }
.wb-landing .line-inner { display: block; transform: translateY(115%); }

/* Scroll reveal defaults */
.wb-landing [data-reveal] { opacity: 0; transform: translateY(34px); }
.wb-landing [data-reveal].is-in { opacity: 1; transform: none; transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); }

/* Marquee */
.wb-landing .marquee { display: flex; width: max-content; animation: marquee 34s linear infinite; }
@keyframes marquee { to { transform: translateX(-50%); } }

/* Pill buttons */
.wb-landing .btn {
  position: relative; display: inline-flex; align-items: center; gap: .6rem; border-radius: 999px; font-weight: 700; letter-spacing: .01em;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), background-color .35s, color .35s, box-shadow .35s; text-decoration: none;
}
.wb-landing .btn:hover { transform: translateY(-2px); }
.wb-landing .btn-primary { background: var(--forest); color: #fff; box-shadow: 0 14px 30px -12px rgba(31,91,62,.7); }
.wb-landing .btn-primary:hover { background: #163F2C; }
.wb-landing .btn-copper { background: var(--copper); color: #fff; box-shadow: 0 14px 30px -12px rgba(184,115,51,.65); }
.wb-landing .btn-copper:hover { background: #a5642a; }
.wb-landing .btn-ghost { border: 1.5px solid rgba(255,255,255,.55); color: #fff; }
.wb-landing .btn-ghost:hover { background: #fff; color: var(--walnut); border-color: #fff; }
.wb-landing .btn-outline { border: 1.5px solid rgba(43,32,22,.25); color: var(--walnut); }
.wb-landing .btn-outline:hover { border-color: var(--walnut); background: var(--walnut); color: #fff; }

.wb-landing .eyebrow { font-size: .72rem; letter-spacing: .28em; text-transform: uppercase; font-weight: 700; }
.wb-landing .card-soft {
  background: #fff; border: 1px solid #EBE1CF; border-radius: 22px; box-shadow: 0 18px 48px -30px rgba(46,33,20,.5);
  transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s, border-color .5s; text-decoration: none;
}
.wb-landing .card-soft:hover { transform: translateY(-6px); box-shadow: 0 34px 70px -34px rgba(46,33,20,.6); border-color: #E1D2B6; }

.wb-landing .img-clip { clip-path: inset(0 round 20px); overflow: hidden; }
.wb-landing .img-zoom img { transition: transform 1.1s cubic-bezier(.2,.8,.2,1); }
.wb-landing .img-zoom:hover img { transform: scale(1.07); }

/* Custom cursor */
.wb-landing-cursor-dot {
  position: fixed; top: 0; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--copper);
  pointer-events: none; z-index: 9999; transform: translate(-50%,-50%); transition: width .25s, height .25s, background-color .25s; mix-blend-mode: normal;
}
.wb-landing-cursor-ring {
  position: fixed; top: 0; left: 0; width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid rgba(184,115,51,.6);
  pointer-events: none; z-index: 9999; transform: translate(-50%,-50%); transition: transform .18s ease-out;
}
@media (hover:none) { .wb-landing-cursor-dot, .wb-landing-cursor-ring { display: none; } }

/* Before/After slider */
.wb-landing .ba-after { clip-path: inset(0 0 0 50%); }
.wb-landing .ba-handle { left: 50%; }

/* FAQ */
.wb-landing .faq-body { max-height: 0; overflow: hidden; transition: max-height .5s cubic-bezier(.2,.8,.2,1); }

/* Nav */
.wb-landing #nav { transition: background-color .4s ease, box-shadow .4s ease, padding .4s ease; }
.wb-landing #nav.scrolled { background: rgba(251,248,242,.92); backdrop-filter: blur(14px); box-shadow: 0 10px 30px -18px rgba(46,33,20,.4); }
.wb-landing #nav.scrolled .nav-link { color: #3E2D1D; }
.wb-landing #nav.scrolled .logo-light { opacity: 0; }
.wb-landing #nav.scrolled .logo-dark { opacity: 1; }
.wb-landing .nav-link { color: rgba(255,255,255,.9); }
.wb-landing .logo-light, .wb-landing .logo-dark { transition: opacity .4s ease; }
.wb-landing .logo-dark { opacity: 0; }

.wb-landing .hide-scroll::-webkit-scrollbar { display: none; }
.wb-landing .hero-shadow { text-shadow: 0 2px 30px rgba(20,14,8,.6), 0 1px 3px rgba(20,14,8,.45); }
.wb-landing #modalCard { transition: opacity .34s ease, transform .34s cubic-bezier(.2,.8,.2,1); }
.wb-landing #modalOverlay { transition: opacity .34s ease; }

.wb-landing .filter-btn {
  padding: .5rem 1rem; border-radius: 999px; font-size: .875rem; font-weight: 600; border: 1px solid #E9DFCD;
  color: rgba(43,32,22,.7); background: transparent; transition: all .3s ease;
}
.wb-landing .filter-btn:hover { border-color: #2B2016; }
.wb-landing .filter-btn.active { background: #2B2016; color: #F3ECE1; border-color: #2B2016; }

.wb-landing .hero-split { transition: flex-grow .8s cubic-bezier(.2,.8,.2,1); }
@media (min-width:768px) { .wb-landing .hero-split:hover { flex-grow: 1.4; } }

/* Combat storefront theme overrides on lists and buttons */
.wb-landing ul.space-y-3, .wb-landing ul.space-y-3.5 {
  display: flex !important; flex-direction: column !important; list-style: none !important;
  padding: 0 !important; margin: 0 !important; gap: 0.75rem !important;
}
.wb-landing ul.space-y-3 li, .wb-landing ul.space-y-3.5 li {
  display: flex !important; align-items: flex-start !important;
  margin: 0 !important; padding: 0 !important; width: 100% !important;
}
.wb-landing #faqList button {
  background: transparent !important; border: none !important; box-shadow: none !important;
  outline: none !important; padding: 1.25rem 1.5rem !important;
}
.wb-landing .btn.btn-lg {
  padding: 1rem 2rem !important; font-size: 15px !important; height: auto !important;
}