@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap');

:root { --ink:#171310; --paper:#ffffff; --cream:#f7f5f2; --soft:#f3f1ee; --copper:#b86d3d; --gold:#d9aa5f; --muted:#5f5751; --line:rgba(23,19,16,.09); --charcoal:#0e0d0c; --shadow:rgba(23,19,16,.08); }
* { box-sizing:border-box; }
body.bb-site { background:var(--paper); color:var(--ink); font-family:'Manrope',sans-serif; }
.bb-site h1,.bb-site h2,.bb-site h3,.bb-site h4 { color:var(--ink); font-family:'Cormorant Garamond',serif; letter-spacing:0; line-height:1.04; }
.bb-site p { color:var(--muted); line-height:1.75; }
.bb-site a { color:inherit; }
.bb-whatsapp-float { align-items:center; background:#25d366; border-radius:999px; bottom:22px; box-shadow:0 10px 24px rgba(0,0,0,.22); color:#fff!important; display:flex; font-size:12px; font-weight:800; gap:8px; letter-spacing:.04em; padding:13px 17px; position:fixed; right:22px; text-decoration:none; text-transform:uppercase; transition:transform .2s ease,box-shadow .2s ease; z-index:1100; }
.bb-whatsapp-float:hover { box-shadow:0 14px 30px rgba(0,0,0,.3); transform:translateY(-3px); }
.bb-whatsapp-float span:first-child { align-items:center; border:2px solid currentColor; border-radius:50%; display:inline-flex; font-size:14px; height:22px; justify-content:center; width:22px; }
.bb-header { background:rgba(15,14,13,.95); backdrop-filter:blur(8px); color:#fff; position:sticky; top:0; z-index:1000; }
.bb-header .main-header { padding:18px 0; }
.bb-logo img { max-height:58px; width:auto; }
.bb-nav { align-items:center; display:flex; gap:27px; justify-content:flex-end; }
.bb-nav nav { float:right; position:relative; }
.bb-nav nav > ul { align-items:center; display:flex; gap:25px; margin:0; padding:0; }
.bb-nav a { color:#fff; font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; text-decoration:none; }
.bb-nav a:hover,.bb-nav .active>a { color:var(--gold); }
.bb-nav ul { list-style:none; margin:0; padding:0; }
.bb-nav>ul { align-items:center; display:flex; gap:25px; }
.bb-nav .bb-cta { margin-left:3px; }
.bb-nav li { position:relative; }
.bb-nav .submenu { background:#fffaf2; box-shadow:0 12px 30px rgba(0,0,0,.2); display:none; left:-15px; min-width:190px; padding:12px 0; position:absolute; top:26px; }
.bb-nav li:hover>.submenu { display:block; }
.bb-nav .submenu li { padding:8px 16px; }
.bb-nav .submenu a { color:var(--ink); white-space:nowrap; }
.bb-menu-toggle { background:transparent; border:1px solid rgba(255,255,255,.35); color:#fff; cursor:pointer; display:none; font-size:24px; height:42px; line-height:1; margin-left:auto; order:2; padding:0 12px; }
.bb-cta,.bb-button { background:linear-gradient(135deg,var(--copper),var(--gold)); border:1px solid transparent; color:#fff!important; display:inline-block; font-size:12px; font-weight:700; letter-spacing:.09em; padding:14px 20px; text-decoration:none; text-transform:uppercase; transition:.2s; }
.bb-cta:hover,.bb-button:hover { background:linear-gradient(135deg,var(--gold),#ebc37a); color:var(--ink)!important; }
.bb-hero { background:linear-gradient(90deg,rgba(21,21,21,.88),rgba(21,21,21,.2)),url('../img/hero/h1_hero.webp') center/cover; min-height:620px; display:flex; align-items:center; }
.bb-hero h1 { color:#fff; font-size:clamp(42px,6vw,78px); line-height:1.03; max-width:760px; }
.bb-hero p { color:#e9dfd2; max-width:540px; }
.bb-eyebrow { color:var(--copper); font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.bb-section { background:#fff; padding:92px 0; }
.bb-section-head { margin-bottom:42px; max-width:680px; }
.bb-section-head h2 { font-size:clamp(32px,4vw,52px); line-height:1.1; }
.bb-section-head p { margin-bottom:0; }
.bb-category { background:linear-gradient(135deg,#171310,#0e0d0c); color:#fff; min-height:230px; padding:28px; position:relative; overflow:hidden; }
.bb-category:after { border:1px solid rgba(255,255,255,.25); content:''; inset:12px; pointer-events:none; position:absolute; }
.bb-category h3 { color:#fff; font-size:28px; position:relative; z-index:1; }
.bb-category p { color:#d8cec2; font-size:14px; max-width:190px; position:relative; z-index:1; }
.bb-category a { bottom:25px; color:var(--gold); font-size:11px; font-weight:700; letter-spacing:.12em; position:absolute; text-transform:uppercase; z-index:1; }
.bb-product { background:#fff; border:1px solid var(--line); box-shadow:0 10px 22px rgba(23,19,16,.03); height:100%; padding-bottom:20px; }
.bb-product img { aspect-ratio:1/1; object-fit:cover; width:100%; }
.bb-product-body { padding:18px 20px 0; }
.bb-product h3 { font-size:22px; margin:0 0 7px; }
.bb-product p { font-size:13px; line-height:1.55; min-height:42px; }
.bb-price { color:var(--copper); font-size:19px; font-weight:700; }
.bb-site .bb-price,.bb-site .bb-detail-price { display:none; }
.bb-product-actions { align-items:center; display:flex; gap:12px; justify-content:space-between; margin-top:18px; }
.bb-wa { color:#287d54; font-size:11px; font-weight:700; letter-spacing:.04em; text-decoration:none; }
.bb-promo { background:var(--copper); color:#fff; padding:58px 0; }
.bb-promo h2,.bb-promo p { color:#fff; }
.bb-promo h2 { font-size:44px; }
.bb-footer { background:var(--ink); color:#fff; padding:55px 0 24px; }
.bb-footer h4 { color:#fff; font-size:20px; }
.bb-footer p,.bb-footer a { color:#bdb4aa; font-size:13px; }
.bb-footer a:hover { color:var(--gold); }
.bb-subhero { background:linear-gradient(135deg,rgba(23,19,16,.92),rgba(23,19,16,.72)),url('../img/hero/h1_hero.webp') center/cover no-repeat; color:#fff; padding:82px 0; }
.bb-subhero h1 { color:#fff; font-size:clamp(42px,5vw,68px); }
.bb-subhero p { color:#eadfcf; font-size:18px; }
.bb-filter { border-bottom:1px solid var(--line); display:flex; flex-wrap:wrap; gap:10px; margin-bottom:35px; padding-bottom:18px; }
.bb-filter button { background:transparent; border:1px solid var(--line); color:var(--muted); cursor:pointer; font-size:11px; font-weight:700; letter-spacing:.08em; padding:11px 16px; text-transform:uppercase; }
.bb-filter button.active,.bb-filter button:hover { background:var(--ink); border-color:var(--ink); color:#fff; }
.bb-cart { background:var(--ink); bottom:22px; box-shadow:0 10px 35px rgba(0,0,0,.25); color:#fff; max-width:330px; padding:20px; position:fixed; right:22px; width:calc(100% - 44px); z-index:20; }
.bb-cart strong { color:var(--gold); }
.bb-cart-items { font-size:12px; margin:10px 0; max-height:100px; overflow:auto; }
.bb-cart button { background:none; border:0; color:#fff; cursor:pointer; float:right; }
.bb-info-card { background:var(--cream); border-top:3px solid var(--copper); padding:26px; height:100%; }
.bb-info-card h3 { font-size:25px; }
.bb-form input,.bb-form textarea { background:var(--cream); border:1px solid var(--line); margin-bottom:15px; padding:14px; width:100%; }
@media (max-width:991px) { .bb-nav { justify-content:space-between; margin-top:0; width:100%; } .bb-nav nav { align-items:center; display:flex; justify-content:flex-end; position:relative; width:auto; } .bb-nav nav > ul { background:rgba(15,14,13,.98); border:1px solid rgba(255,255,255,.08); box-shadow:0 18px 40px rgba(0,0,0,.2); display:none; flex-direction:column; gap:0; left:auto; min-width:230px; padding:12px 0; position:absolute; right:0; top:calc(100% + 10px); z-index:40; } .bb-nav nav > ul.is-open { display:flex; } .bb-nav nav > ul li { width:100%; } .bb-nav nav > ul > li > a { display:block; padding:12px 20px; } .bb-nav nav > ul .submenu { background:transparent; box-shadow:none; display:none; left:0; min-width:0; padding:0; position:static; } .bb-nav nav > ul li.is-open > .submenu { display:block; } .bb-nav nav > ul .submenu li { padding:0; } .bb-nav nav > ul .submenu a { color:rgba(255,255,255,.85); display:block; padding:10px 20px 10px 30px; } .bb-nav .submenu a { white-space:normal; } .bb-nav .bb-cta { margin-left:0; } .bb-menu-toggle { align-items:center; display:inline-flex; justify-content:center; margin-left:0; } .bb-hero-slider,.bb-hero-slide { min-height:90vh; } }
@media (max-width:575px) { .bb-section { padding:65px 0; } .bb-subhero h1 { font-size:42px; } .bb-nav a { font-size:10px; } .bb-hero h1 { font-size:45px; } .bb-header .main-header { padding:12px 0; } .bb-logo { display:inline-block; } .bb-nav .bb-cta { padding:10px 12px; font-size:9px; } .bb-hero-slider,.bb-hero-slide { min-height:86vh; } .bb-whatsapp-float { bottom:15px; right:15px; } }

/* Visual system and interaction layer */
.bb-site { overflow-x:hidden; }
.bb-header { box-shadow:0 8px 24px rgba(21,21,21,.16); }
.bb-cta,.bb-button { border-radius:2px; box-shadow:0 8px 18px rgba(185,103,59,.16); cursor:pointer; }
.bb-cta:focus-visible,.bb-button:focus-visible,.bb-filter button:focus-visible,.bb-slider-controls button:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }
.bb-product { box-shadow:0 8px 22px rgba(21,21,21,.06); transition:transform .28s ease,box-shadow .28s ease; }
.bb-product:hover { box-shadow:0 18px 38px rgba(21,21,21,.14); transform:translateY(-5px); }
.bb-product h3 a { text-decoration:none; }
.bb-product h3 a:hover { color:var(--copper); }
.bb-product-actions { align-items:stretch; flex-wrap:wrap; }
.bb-product-actions .bb-button,.bb-product-actions .bb-cta { flex:1 1 140px; text-align:center; }
.bb-product-actions .bb-price { flex:0 0 100%; }
.bb-reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s ease var(--reveal-delay,0ms); }
.bb-reveal.is-visible { opacity:1; transform:none; }
.bb-hero-slider { background:#151515; min-height:100vh; overflow:hidden; position:relative; }
.bb-hero-slide { align-items:center; background-image:linear-gradient(90deg,rgba(21,21,21,.9),rgba(21,21,21,.18)),var(--hero-image); background-position:center; background-size:cover; display:flex; inset:0; min-height:100vh; opacity:0; padding:120px 0 140px; position:absolute; transform:scale(1.025); transition:opacity .8s ease,transform 6.5s ease; visibility:hidden; }
.bb-hero-slide.slide-one { --hero-image:url('../img/hero/h1_hero.webp'); }
.bb-hero-slide.slide-two { --hero-image:url('../img/hero/hero2.webp'); }
.bb-hero-slide.slide-three { --hero-image:url('../img/hero/hero3.webp'); }
.bb-hero-slide.is-active { opacity:1; transform:scale(1); visibility:visible; }
.bb-hero-slide h1,.bb-hero-slide h2 { color:#fff; font-size:clamp(42px,6vw,78px); line-height:1.04; max-width:760px; }
.bb-hero-slide h2 { font-size:clamp(36px,5vw,64px); }
.bb-hero-slide p { color:#f1e7da; max-width:560px; }
.bb-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.bb-cta-ghost { background:transparent; border-color:var(--gold); margin-left:0; }
.bb-home-strip { background:#fff; border-bottom:1px solid var(--line); border-top:1px solid var(--line); }
.bb-quick-links { display:grid; gap:18px; grid-template-columns:repeat(4,minmax(0,1fr)); padding:18px 0; }
.bb-quick-links a { background:#fff; border:1px solid var(--line); color:var(--ink); font-size:11px; font-weight:700; letter-spacing:.12em; padding:16px 18px; text-align:center; text-decoration:none; text-transform:uppercase; transition:transform .2s ease,box-shadow .2s ease; }
.bb-quick-links a:hover { box-shadow:0 14px 26px rgba(21,21,21,.08); transform:translateY(-2px); }
.bb-intro .bb-section-head { max-width:760px; }
.bb-routine-carousel { align-items:center; display:flex; gap:18px; margin-top:18px; position:relative; }
.bb-routine-frame { flex:1; overflow:hidden; }
.bb-routine-track { display:flex; gap:22px; transition:transform .45s ease; will-change:transform; }
.bb-routine-card { background:#fff; border:1px solid var(--line); display:flex; flex:0 0 33.333%; flex-direction:column; min-height:480px; overflow:hidden; position:relative; box-shadow:0 10px 24px rgba(23,19,16,.03); }
.bb-routine-media { border-bottom:1px solid var(--line);  overflow:hidden; }
.bb-routine-media img { display:block; height:100%; object-fit:cover; width:100%; }
.bb-routine-content { background:#fff; bottom:0; display:flex; flex:1; flex-direction:column; left:0; padding:28px 22px 26px; position:relative; width:100%; }
.bb-routine-content h3 { font-size:30px; line-height:1.06; margin:0 0 12px; }
.bb-routine-content p { color:var(--muted); font-size:15px; margin:0 auto 18px; max-width:320px; }
.bb-routine-content a { background:var(--ink); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; letter-spacing:.12em; margin-top:auto; padding:12px 18px; text-decoration:none; text-transform:uppercase; }
.bb-product-slider { align-items:center; display:flex; gap:18px; position:relative; }
.bb-product-frame { flex:1; overflow:hidden; }
.bb-product-track { display:flex; gap:22px; transition:transform .45s ease; will-change:transform; }
.bb-product-slide { flex:0 0 calc((100% - 44px) / 3); min-width:0; }
.bb-carousel-arrow { align-items:center; background:#fff; border:1px solid var(--line); box-shadow:0 8px 18px rgba(23,19,16,.06); color:var(--ink); cursor:pointer; display:flex; font-size:22px; height:52px; justify-content:center; width:52px; z-index:2; }
.bb-carousel-arrow[disabled] { opacity:.35; cursor:not-allowed; }
.bb-showcase { background:linear-gradient(180deg,#ffffff 0%,#f9f7f5 100%); padding:92px 0; }
.bb-showcase-layout { align-items:center; display:grid; gap:38px; grid-template-columns:1.05fr .95fr; }
.bb-showcase-copy h2 { font-size:clamp(36px,4vw,54px); margin-bottom:18px; }
.bb-showcase-copy p { font-size:17px; margin-bottom:28px; }
.bb-check-list { list-style:none; margin:0 0 28px; padding:0; }
.bb-check-list li { color:var(--ink); font-weight:600; margin-bottom:12px; padding-left:28px; position:relative; }
.bb-check-list li:before { background:var(--copper); border-radius:50%; content:''; height:8px; left:0; position:absolute; top:12px; width:8px; }
.bb-showcase-media { position:relative; }
.bb-showcase-card { background:linear-gradient(180deg,#fff 0%,#f6f2ed 100%); border:1px solid var(--line); box-shadow:0 18px 34px rgba(21,21,21,.06); padding:24px; }
.bb-showcase-card img { aspect-ratio:1/1.08; object-fit:cover; width:100%; }
.bb-floating-badge { background:var(--ink); bottom:18px; box-shadow:0 18px 34px rgba(21,21,21,.18); color:#fff; left:-18px; padding:18px 20px; position:absolute; }
.bb-floating-badge strong { color:var(--gold); display:block; font-size:26px; }
.bb-floating-badge span { color:#e8dbc7; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.bb-needs-grid { display:grid; gap:22px; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:26px; }
.bb-need-card { background:linear-gradient(180deg,#fff 0%,#f8f6f3 100%); border:1px solid var(--line); padding:24px; position:relative; transition:transform .25s ease,box-shadow .25s ease; }
.bb-need-card:hover { box-shadow:0 18px 34px rgba(21,21,21,.06); transform:translateY(-4px); }
.bb-pill { background:rgba(185,103,59,.12); color:var(--copper); display:inline-block; font-size:10px; font-weight:700; letter-spacing:.12em; margin-bottom:18px; padding:8px 12px; text-transform:uppercase; }
.bb-need-card h3 { font-size:26px; margin-bottom:10px; }
.bb-need-card p { min-height:120px; }
.bb-need-card a { color:var(--ink); font-size:11px; font-weight:700; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; }
.bb-products-highlight .bb-product { height:100%; }
.bb-products-highlight .bb-product img { aspect-ratio:1/1.08; }
.bb-product-featured { border-color:var(--line); }
.bb-knowledge { background:linear-gradient(180deg,#fffaf3 0%,#f1e6d8 100%); }
.bb-article-grid { display:grid; gap:22px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:26px; }
.bb-article-card { background:#fff; border:1px solid var(--line); padding:24px 22px; transition:transform .25s ease,box-shadow .25s ease; }
.bb-article-card:hover { box-shadow:0 18px 32px rgba(21,21,21,.08); transform:translateY(-4px); }
.bb-article-tag { color:var(--copper); font-size:10px; font-weight:700; letter-spacing:.12em; margin-bottom:16px; text-transform:uppercase; }
.bb-article-card h3 { font-size:26px; margin-bottom:12px; }
.bb-article-card a { color:var(--ink); font-size:11px; font-weight:700; letter-spacing:.10em; text-decoration:none; text-transform:uppercase; }
.bb-detail-gallery { background:var(--cream); padding:18px; }
.bb-detail-main-image { aspect-ratio:1/1; display:block; object-fit:contain; width:100%; }
.bb-detail-thumbs { display:grid; gap:12px; grid-template-columns:repeat(3,1fr); margin-top:14px; }
.bb-detail-thumb { background:#fff; border:2px solid transparent; cursor:pointer; padding:5px; }
.bb-detail-thumb.is-active,.bb-detail-thumb:hover { border-color:var(--gold); }
.bb-detail-thumb img { aspect-ratio:1/1; display:block; object-fit:contain; width:100%; }
.bb-detail-copy { padding:18px 0 0 24px; }
.bb-detail-copy h2 { font-size:clamp(30px,4vw,48px); margin:10px 0 15px; }
.bb-description { color:var(--muted); font-size:16px; line-height:1.7; }
.bb-detail-price { color:var(--copper); font-size:26px; font-weight:700; margin:24px 0; }
.bb-detail-actions { display:flex; flex-wrap:wrap; gap:12px; }
.bb-detail-actions > * { text-align:center; }
.bb-detail-information { margin-top:50px; }
.bb-detail-information .bb-info-card { border-top-width:4px; }
.bb-info-card ul { color:var(--muted); line-height:1.8; margin:0; padding-left:20px; }
.bb-slider-controls { align-items:center; bottom:38px; display:flex; gap:14px; left:50%; position:absolute; transform:translateX(-50%); z-index:2; }
.bb-slider-controls button { background:transparent; border:1px solid rgba(255,255,255,.5); color:#fff; cursor:pointer; height:40px; width:40px; }
.bb-slider-controls [data-slider-dots] { display:flex; gap:8px; }
.bb-slider-controls [data-slider-dots] button { border-radius:50%; height:9px; padding:0; width:9px; }
.bb-slider-controls button.is-active { background:var(--gold); border-color:var(--gold); }
@media (max-width:991px) { .bb-feature-grid,.bb-needs-grid,.bb-article-grid,.bb-quick-links { grid-template-columns:repeat(2,minmax(0,1fr)); } .bb-routine-card { flex-basis:80%; } .bb-product-slide { flex-basis:calc((100% - 22px) / 2); } .bb-showcase-layout { grid-template-columns:1fr; } .bb-floating-badge { left:20px; } }
@media (max-width:767px) { .bb-header .main-header { padding:12px 0; } .bb-logo img { max-height:48px; } .bb-nav { gap:12px; } .bb-nav nav > ul { gap:9px; } .bb-hero-slide { padding:70px 0 125px; } .bb-hero-slide .bb-cta { margin:5px 0; } .bb-cta-ghost { margin-left:0; } .bb-slider-controls { bottom:24px; } .bb-product-actions .bb-cta,.bb-product-actions .bb-button { flex-basis:100%; } .bb-routine-carousel { gap:10px; } .bb-routine-card { flex-basis:100%; } .bb-product-slide { flex-basis:100%; } .bb-quick-links,.bb-feature-grid,.bb-needs-grid,.bb-article-grid { grid-template-columns:1fr; } .bb-showcase { padding:72px 0; } }
@media (max-width:767px) { .bb-detail-copy { padding:32px 0 0; } .bb-detail-actions > * { flex:1 1 100%; } .bb-detail-information { margin-top:30px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } .bb-reveal { opacity:1; transform:none; } }