BBQs

About

/* --- BASE STYLES --- */ .collection__header-info__title { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .bb-showers-wrapper { width: 100%; box-sizing: border-box; margin: 20px auto; border-radius: 12px; overflow: hidden; border: 1px solid rgba(0, 107, 101, 0.1); box-shadow: 0 8px 24px rgba(42, 35, 34, 0.06); background: linear-gradient(135deg, #ffffff 0%, #fdf5f0 100%); display: flex; flex-direction: column; } .bb-showers-wrapper *, .bb-showers-wrapper *::before, .bb-showers-wrapper *::after { box-sizing: border-box; } .bb-header-container { display: flex; flex-direction: column; position: relative; flex: 1; } @media (min-width: 768px) { .bb-header-container { flex-direction: row; align-items: stretch; } } .bb-header-accent { position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0.4; pointer-events: none; background-image: radial-gradient(circle at 100% 0%, rgba(220, 80, 30, 0.08) 0%, transparent 50%); } .bb-content-area { padding: 24px 20px; flex: 1; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; } @media (min-width: 768px) { .bb-content-area { padding: 30px 40px; } } .bb-logo { max-width: 140px; height: auto; margin-bottom: 16px; padding-bottom: 15px; display: block; } .bb-title { color: #2A2322; font-size: 24px; font-weight: 400; line-height: 1.2; margin: 12px 0; } @media (min-width: 768px) { .bb-title { font-size: 30px; } } .bb-title span { color: #40b7ab; } .bb-description { color: #2A2322; opacity: 0.8; font-size: 15px; font-weight: 400; line-height: 1.5; margin: 0; max-width: 500px; } .bb-benefits-area { background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); border-top: 1px solid rgba(0, 107, 101, 0.1); padding: 24px 20px; width: 100%; display: flex; flex-direction: column; j