/* lsbb-critical (pdp). Captured from mybirdbuddy.com on 2026-10-29. Read-only: override in a variant instead of editing. */
/* Critical CSS - Default (all pages) */
/* Inlined in <head> for instant first paint */
/* Colors are controlled via render.php inline <style> custom properties */

*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;color:#1A1A1A;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
[x-cloak]{display:none!important}

/* Header critical — structure only, no colors */
.lsbb-site-header{position:absolute;top:0;left:0;right:0;z-index:100;padding:30px 0}
.lsbb-site-header--solid{position:relative}
.lsbb-site-header--scrolled{position:fixed;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.lsbb-site-header__inner{max-width:1440px;margin:0 auto;padding:0 50px;display:flex;align-items:center}
.lsbb-site-header__logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none;margin-right:37px}
.lsbb-site-header__logo svg{width:180px;height:auto}
.lsbb-site-header__nav{display:flex;align-items:center;gap:48px;margin-left:auto}
.lsbb-site-header__nav a{font-size:1rem;font-weight:400;text-decoration:none}
.lsbb-site-header__actions{display:flex;align-items:center;gap:24px;margin-left:64px}
.lsbb-site-header__actions a{display:flex;align-items:center;text-decoration:none}
.lsbb-site-header__cart{position:relative}
.lsbb-site-header__cart-badge{position:absolute;top:-6px;right:-8px;font-size:.625rem;font-weight:700;width:18px;height:18px;border-radius:9999px;display:flex;align-items:center;justify-content:center}
.lsbb-site-header__mobile-toggle{display:none}
@media(max-width:1023px){.lsbb-site-header__nav{display:none}.lsbb-site-header__mobile-toggle{display:flex;flex-direction:column;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0;order:-1;margin-left:0}.lsbb-site-header__mobile-toggle span{display:block;width:22px;height:2px;background:currentColor;border-radius:1px}.lsbb-site-header__logo{order:0;flex:1;text-align:center;margin-right:0}.lsbb-site-header__actions{order:1;margin-left:0;gap:16px}.lsbb-site-header__actions svg{width:20px;height:20px}.lsbb-site-header__inner{padding:0 16px}}
/* Critical CSS - Product Page */
/* Product pages are composed from lsbb/* blocks inside post_content (see
   patterns/product-*.php). Each block ships its own per-instance CSS, so nothing
   here may target a block wrapper class (.lsbb-product-gallery, .lsbb-product-title,
   .lsbb-product-price). The 0.6.111 legacy layout rules did exactly that and
   squared/clipped the gallery block; removed in 0.6.112. */

/* Sticky buy bar (inc/class-sticky-buy-bar.php). 0.6.105: mobile/tablet only, shown
   once the add-to-cart button had left the viewport. 0.6.112: all widths, shown as
   soon as the button scrolls into the top 40% of the viewport (old-theme parity).
   0.6.113: sale price first + "(NN% OFF)" label, old-theme sizes/colours, Inter.
   0.6.114: 24px rounded top corners, no shadow (old theme). */
.lsbb-sticky-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:-120px;z-index:1337;height:78px;padding:15px 16px;background:#F9F8F7;border-radius:24px 24px 0 0;transition:bottom .2s ease;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;color:#003333}
.lsbb-sticky-buy[hidden]{display:none}
.lsbb-sticky-buy.is-stuck{bottom:0}
.lsbb-sticky-buy__info{display:flex;align-items:center;gap:12px;min-width:0}
.lsbb-sticky-buy__image{flex:0 0 48px;width:48px;height:48px}
.lsbb-sticky-buy__image img{display:block;width:48px;height:48px;object-fit:contain;border-radius:6px}
.lsbb-sticky-buy__price{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;font-family:Inter,system-ui,sans-serif;font-size:18px;line-height:1;font-weight:700;color:#003333}
.lsbb-sticky-buy__price ins{order:1;text-decoration:none;font-size:18px;font-weight:700;color:#003333}
.lsbb-sticky-buy__price del{order:2;font-size:12px;font-weight:400;color:#FF6961;text-decoration:line-through}
.lsbb-sticky-buy__price .lsbb-sticky-buy__discount{order:3;font-size:12px;font-weight:400;color:#4A4A4A}
.lsbb-sticky-buy__price .woocommerce-Price-amount{font:inherit;color:inherit}
.lsbb-sticky-buy__price .woocommerce-price-suffix{display:none}
.lsbb-sticky-buy__price .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lsbb-sticky-buy__button{flex:0 0 auto;background:#003333;color:#fff;border:0;border-radius:32px;padding:14px 20px;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.lsbb-sticky-buy__button:hover{background:#00CC66;color:#003333}
body.lsbb-sticky-buy-active .lsbb-site-footer{padding-bottom:78px}
@media(min-width:992px){
  .lsbb-sticky-buy{height:96px;padding:15px 100px}
  .lsbb-sticky-buy__image{flex-basis:64px;width:64px;height:64px}
  .lsbb-sticky-buy__image img{width:64px;height:64px}
  .lsbb-sticky-buy__price,.lsbb-sticky-buy__price ins{font-size:20px}
  .lsbb-sticky-buy__price del,.lsbb-sticky-buy__price .lsbb-sticky-buy__discount{font-size:14px}
  .lsbb-sticky-buy__button{font-size:16px;padding:15px 40px}
  body.lsbb-sticky-buy-active .lsbb-site-footer{padding-bottom:96px}
}