/* Isolated Bushbalm styles; site-wide header, footer, brand colors and fonts come from existing PHP includes */
.bb-wrap{max-width:1180px;margin:auto;padding:0 22px}.bb-hero{background:linear-gradient(115deg,#f5f1ec,#f7e9e6)}.bb-hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;align-items:center;min-height:390px;gap:26px}.bb-kicker{font-size:11px;text-transform:uppercase;letter-spacing:2.5px;color:#a7353a;font-weight:700}.bb-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.11;margin:17px 0;color:#292524;font-style:italic}.bb-lead{line-height:1.85;color:#57534e;max-width:650px}.bb-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #292524;background:#292524;color:white;padding:12px 19px;border-radius:24px;font-weight:700;font-size:13px;cursor:pointer}.bb-btn.secondary{background:white;color:#292524}.bb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.bb-section{padding:57px 0}.bb-section h2{font-style:italic;font-size:clamp(29px,3.4vw,41px);margin:10px 0 16px}.bb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bb-card{background:white;border:1px solid #e7e5e4;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.bb-body{padding:19px;display:flex;flex-direction:column;flex:1}.bb-body h3{font-size:20px;line-height:1.25;margin:7px 0}.bb-muted{color:#78716c;line-height:1.65;font-size:14px}.bb-price{font-weight:800;font-size:19px;margin:12px 0}.bb-tag{color:#9f3439;font-size:10px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.bb-art{height:210px;display:flex;align-items:center;justify-content:center;background:#e7f0f2;overflow:hidden}.bb-nude{background:#d9edf4}.bb-watermelon{background:#fde3e6}.bb-bermuda{background:#efede9}.bb-roller{background:#d8ebf1}.bb-radiant{background:#eee6f2}.bb-jar{height:135px;width:79px;background:#77b8d2;border-radius:22px 22px 11px 11px;box-shadow:inset -10px 0 14px #0001,8px 10px 16px #0002;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;color:#243b49;text-align:center}.bb-jar:before{content:"";position:absolute;width:41px;height:16px;top:-14px;background:#f7f7f6;border-radius:5px 5px 0 0}.bb-jar b{font-size:11px;letter-spacing:-1px}.bb-jar small{font-size:8px;line-height:1.25;margin-top:10px}.bb-watermelon .bb-jar{background:#f19aaa}.bb-bermuda .bb-jar{background:#eee9e6}.bb-roller .bb-jar{background:#247ab7;color:white}.bb-radiant .bb-jar{background:#a06bad;color:white}.bb-jar.bb-scrub{height:83px;width:120px;border-radius:13px 13px 21px 21px}.bb-jar.bb-scrub:before{height:15px;width:120px;top:-8px;border-radius:8px;background:#f9f9f9}.bb-jar.bb-pads{width:110px;height:78px;border-radius:16px}.bb-jar.bb-serum{width:50px;height:140px}.bb-art-hero{height:290px;border-radius:26px}.bb-art-hero .bb-jar{transform:scale(1.55)}.bb-filter{border:1px solid #d6d3d1;background:white;padding:9px 15px;border-radius:99px;font-size:13px;cursor:pointer}.bb-filter[aria-pressed=true]{background:#292524;color:white}.bb-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 27px}.bb-highlight{background:#f8f5f1}.bb-two{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.bb-panel{background:white;border:1px solid #e7e5e4;border-radius:20px;padding:26px}.bb-questions label{display:block;font-weight:700;margin:19px 0 7px}.bb-questions select{width:100%;border:1px solid #d6d3d1;border-radius:12px;padding:12px;background:white;color:#292524}.bb-warning{background:#fff7ed;border-left:4px solid #c2410c;padding:14px;border-radius:8px;font-size:13px;line-height:1.6}.bb-result{border:1px solid #e7e5e4;padding:22px;border-radius:18px;background:#fafaf9;margin-top:20px}.bb-result[hidden]{display:none}.bb-detail{display:grid;grid-template-columns:0.8fr 1.2fr;gap:42px;align-items:center;padding:45px 0}.bb-art-detail{height:370px;border-radius:22px}.bb-list{line-height:1.9;padding-left:22px}.bb-note{font-size:12px;color:#78716c;line-height:1.6}.bb-card .bb-body .bb-btn{margin-top:auto}.bb-gone{display:none!important}@media(max-width:900px){.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.bb-hero-grid,.bb-two,.bb-detail{grid-template-columns:1fr}.bb-hero-grid{padding-top:32px;padding-bottom:32px}.bb-art-hero{height:200px}.bb-section{padding:34px 0}.bb-grid{gap:11px}.bb-art{height:158px}.bb-body{padding:12px}.bb-body h3{font-size:16px}.bb-btn{font-size:12px}.bb-panel{padding:18px}}

/* Official product photography, salon-supplied PNGs and Bushbalm CDN references */
.bb-art img{width:100%;height:100%;object-fit:contain;display:block;padding:12px}
.bb-art-hero img{padding:10px 24px}
.bb-detail .bb-art{height:370px;border-radius:22px}
.bb-image-fallback .bb-image-fallback{display:block}
.bb-image-fallback{display:none;color:#777;font-size:12px;text-align:center}
.bb-image-missing .bb-image-fallback{display:block}
@media(max-width:650px){.bb-detail .bb-art{height:285px}}

/* Image-only product card: prevent inherited site flex rules from splitting photo space. */
.bb-art{position:relative;min-width:0;width:100%;flex:0 0 auto;}
.bb-art img{display:block!important;width:100%!important;max-width:100%!important;min-width:0;height:100%!important;object-fit:contain;flex:0 0 100%;}
.bb-card>a{display:block;min-width:0;width:100%;overflow:hidden;text-decoration:none;}

/* Bushbalm 2026-10-28 stable full-product photos: square panel, no crop. */
.bb-card .bb-art { aspect-ratio: 1 / 1; height: auto; padding: 0; overflow: hidden; }
.bb-card .bb-art img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; padding: 0; }
.bb-art-hero { aspect-ratio: 1 / 1; height: auto; min-height: 0; overflow: hidden; }
.bb-art-hero img { width: 100%; height: 100%; object-fit: contain; padding: 0; display: block; }
.bb-detail .bb-art { aspect-ratio: 1 / 1; height: auto; min-height: 0; overflow: hidden; }
.bb-detail .bb-art img { width: 100%; height: 100%; object-fit: contain; padding: 0; display: block; }
@media (max-width: 650px) { .bb-card .bb-art, .bb-art-hero, .bb-detail .bb-art { aspect-ratio: 1 / 1; height: auto; } }