1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <meta name="description" content="Brazilian Beauty Aloe Based Haircare - Luxury formulas designed to hydrate, smooth, nourish, and restore healthier-looking hair." /> 7 <meta name="keywords" content="Brazilian Beauty, Aloe Based Haircare, Moisturizing Shampoo, Nourishing Conditioner, Hair Mask, Hair Serum, Luxury Haircare" /> 8 <meta name="author" content="Brazilian Beauty" /> 9 <title>Brazilian Beauty Products</title> 10 <meta property="og:title" content="Brazilian Beauty" /> 11 <meta property="og:description" content="Luxury aloe-based haircare that hydrates, smooths, and restores." /> 12 <meta property="og:image" content="https://brazilianbeauty.netlify.app/c2.jpg?v=1" /> 13 <meta property="og:url" content="https://brazilianbeauty.netlify.app/" /> 14 <meta property="og:type" content="website" /> 15 <meta name="twitter:card" content="summary_large_image" /> 16 <meta name="twitter:title" content="Brazilian Beauty" /> 17 <meta name="twitter:description" content="Luxury aloe-based haircare that hydrates, smooths, and restores." /> 18 <meta name="twitter:image" content="https://brazilianbeauty.netlify.app/c2.jpg?v=1" /> 19 20 <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet"> 21 <link rel="stylesheet" href="styles.css"> 22
22<script defer src="script.js"></script>
vendor: 67 bytes, lines 22-24
22 23 24 <script async src="https://www.googletagmanager.com/gtag/js?id=
24AW-17669913483
vendor: 14 bytes, lines 24-25
24"></script> 25
25<script> 26
vendor: 139 bytes, lines 26-29
26window.dataLayer = window.dataLayer || []; 27 function gtag(){dataLayer.push(arguments);} 28 gtag('js', new Date()); 29 gtag('config', '
29AW-17669913483
vendor: 6 bytes, lines 29-30
29'); 30
30</script>
30 31
31<script>
vendor: 348 bytes, lines 31-36
31 32 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 33 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 34 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 35 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 36 })(window,document,'script','dataLayer','
36GTM-T2C6PM4B
vendor: 6 bytes, lines 36-37
36'); 37
37</script>
37 38 39 <style> 40 :root{ 41 --cream:#faf7f2; 42 --cream-deep:#ffffff; 43 --warm-dark:#3b3b3b; 44 --warm-mid:#2e2820; 45 --warm-card:#fffdf8; 46 --text:#1c1710; 47 --text-soft:#3d372e; 48 --muted:#7d7468; 49 --line:rgba(28,23,16,0.10); 50 --line-strong:rgba(28,23,16,0.18); 51 --accent:#948375; 52 --accent-light:#c4986a; 53 --accent-pale:#f5ede0; 54 --gold:#c9a96e; 55 --shadow:0 16px 40px rgba(28,23,16,0.08); 56 --shadow-card:0 6px 20px rgba(28,23,16,0.06); 57 --shadow-lift:0 24px 60px rgba(28,23,16,0.14); 58 --radius:22px; 59 --max:1300px; 60 --page-pad:clamp(16px, 3vw, 40px); 61 } 62 63 *{box-sizing:border-box;margin:0;padding:0;} 64 html{scroll-behavior:smooth;} 65 body{font-family:'Jost',sans-serif;color:var(--text);background:var(--cream);overflow-x:hidden;} 66 img{display:block;max-width:100%;} 67 a{text-decoration:none;color:inherit;} 68 .serif{font-family:'Cormorant Garamond',serif;} 69 70 .page-shell{width:min(var(--max), calc(100% - var(--page-pad) * 2));margin:0 auto;} 71 72 .announce-bar{background:var(--warm-dark);color:rgba(255,255,255,0.9);text-align:center;padding:10px 16px;font-size:0.74rem;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;} 73 .announce-bar strong{color:var(--gold);} 74 75 .logo-banner,.navbar,.carousel,.site-footer{position:relative;z-index:10;} 76 .hero{margin:0;padding:0;} 77 78 .bb-fullhero{position:relative;width:100%;min-height:clamp(480px, 70vh, 780px);overflow:hidden;background:var(--warm-dark);} 79 .bb-fullhero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:0.72;transform:scale(1.02);transition:transform 8s ease;} 80 .bb-fullhero:hover .bb-fullhero-img{transform:scale(1.0);} 81 .bb-fullhero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(69, 69, 69, 0.55) 0%,rgba(28, 23, 16, 0.25) 50%,rgba(28,23,16,0.65) 100%);} 82 .bb-fullhero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(480px, 70vh, 780px);padding:clamp(28px,5vw,64px) clamp(20px,5vw,72px);max-width:720px;} 83 .bb-fullhero-eyebrow{font-size:0.72rem;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:10px;} 84 .bb-fullhero-eyebrow::before{content:"";display:block;width:32px;height:1px;background:var(--gold);} 85 .bb-fullhero-content h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem, 7vw, 5.6rem);font-weight:400;line-height:0.94;letter-spacing:-0.02em;color:#ffffff;margin-bottom:18px;} 86 .bb-fullhero-content h1 em{font-style:italic;color:rgba(255, 255, 255, 0.82);} 87 .bb-fullhero-content p{color:rgba(255, 255, 255, 0.78);font-size:clamp(0.88rem,1.6vw,1.06rem);font-weight:300;line-height:1.7;max-width:480px;margin-bottom:28px;} 88 .bb-hero-actions{display:flex;flex-wrap:wrap;gap:12px;} 89 .bb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:999px;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;transition:transform .25s ease, box-shadow .25s ease, background .25s ease;} 90 .bb-btn.primary{background:var(--accent);color:#fff;box-shadow:0 10px 28px rgba(139,99,67,0.35);} 91 .bb-btn.primary:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 16px 36px rgba(139,99,67,0.4);} 92 .bb-btn.ghost{background:rgba(255,255,255,0.12);color:#fff;border:1px solid rgba(255,255,255,0.36);} 93 .bb-btn.ghost:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);} 94 .bb-btn.dark{background:var(--warm-dark);color:#fff;box-shadow:0 8px 20px rgba(28,23,16,0.18);} 95 .bb-btn.dark:hover{background:var(--warm-mid);transform:translateY(-2px);} 96 .bb-btn.outline{background:transparent;color:var(--text);border:1.5px solid var(--line-strong);} 97 .bb-btn.outline:hover{background:var(--accent-pale);border-color:var(--accent);color:var(--accent);transform:translateY(-2px);} 98 99 .bb-trust-strip{background:var(--warm-dark);padding:22px var(--page-pad);} 100 .bb-trust-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:0;max-width:var(--max);margin:0 auto;} 101 .bb-trust-item{display:flex;align-items:center;gap:10px;padding:10px 24px;border-right:1px solid rgba(255,255,255,0.1);flex:1;min-width:160px;justify-content:center;} 102 .bb-trust-item:last-child{border-right:none;} 103 .bb-trust-icon{font-size:1.3rem;flex-shrink:0;} 104 .bb-trust-text{color:rgba(255,255,255,0.85);font-size:0.76rem;font-weight:400;letter-spacing:0.08em;text-transform:uppercase;line-height:1.4;} 105 .bb-trust-text strong{display:block;color:#fff;font-weight:600;font-size:0.8rem;} 106 107 .bb-quicknav{padding:28px var(--page-pad) 20px;max-width:var(--max);margin:0 auto;} 108 .bb-quicknav-inner{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;} 109 .bb-quicknav-pill{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:999px;background:var(--warm-card);border:1px solid var(--line);box-shadow:var(--shadow-card);font-size:0.82rem;font-weight:500;color:var(--text-soft);transition:all .22s ease;} 110 .bb-quicknav-pill:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,99,67,0.25);} 111 .bb-quicknav-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-light);flex-shrink:0;} 112 .bb-quicknav-pill:hover .dot{background:rgba(255,255,255,0.7);} 113 114 .section{padding:clamp(32px,5vw,60px) 0;} 115 .section-head{text-align:center;margin-bottom:clamp(24px,4vw,44px);} 116 .section-kicker{font-size:0.7rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px;} 117 .section-kicker::before,.section-kicker::after{content:"";display:block;width:28px;height:1px;background:var(--accent-light);} 118 .section-head h2{font-family:'Cormorant Garamond',serif;margin:0 0 10px;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:400;line-height:1.0;letter-spacing:-0.02em;} 119 .section-head p{margin:0 auto;max-width:600px;color:var(--muted);font-size:0.92rem;line-height:1.75;font-weight:300;} 120 121 .bb-collection-grid{display:grid;grid-template-columns:1fr;gap:16px;} 122 .bb-col-tile{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--warm-dark);box-shadow:var(--shadow);cursor:pointer;} 123 .bb-col-tile:hover .bb-col-tile-img{transform:scale(1.04);opacity:0.7;} 124 .bb-col-tile-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,23,16,0.92) 0%,rgba(28,23,16,0.55) 50%,rgba(28,23,16,0.05) 100%);transition:background .4s ease;} 125 .bb-col-tile:hover .bb-col-tile-overlay{background:linear-gradient(to top,rgba(28,23,16,0.90) 0%,rgba(28,23,16,0.45) 50%,rgba(28,23,16,0.10) 100%);} 126 .bb-col-tile-content{position:absolute;
126left:0;right:0;bottom:0;padding:clamp(14px,3vw,32px);display:flex;flex-direction:column;gap:6px;} 127 .bb-col-tile-kicker{font-size:0.68rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:8px;} 128 .bb-col-tile-kicker::before{content:"";display:block;width:22px;height:1px;background:var(--gold);} 129 .bb-col-tile-content h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,4vw,2.8rem);font-weight:400;color:#fff;line-height:1.05;letter-spacing:-0.02em;text-align:center;width:100%;word-break:keep-all;} 130 .bb-col-tile-content p{color:rgba(255,255,255,0.75);font-size:0.85rem;font-weight:300;line-height:1.55;max-width:420px;} 131 .bb-col-tile-img{width:100%;height:clamp(360px,50vw,520px);object-fit:cover;transition:transform .6s ease, opacity .6s ease;opacity:0.85;} 132 .bb-col-tile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;} 133 .bb-col-tile-tags span{padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.28);color:rgba(255,255,255,0.8);font-size:0.7rem;font-weight:400;letter-spacing:0.06em;} 134 .bb-col-tile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;} 135 .bb-tile-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;transition:all .25s ease;} 136 .bb-tile-btn.primary{background:var(--accent);color:#fff;} 137 .bb-tile-btn.primary:hover{background:var(--accent-light);transform:translateY(-2px);} 138 .bb-tile-btn.ghost{background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.32);} 139 .bb-tile-btn.ghost:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);} 140 .bb-tile-btn svg{width:14px;height:14px;flex-shrink:0;} 141 142 .bb-tile-products{background:var(--cream-deep);border:1px solid var(--line);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:20px;display:grid;grid-template-columns:1fr;gap:12px;} 143 144 .bb-product-card{display:grid;grid-template-columns:110px 1fr;background:var(--warm-card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);transition:box-shadow .25s ease, transform .25s ease;} 145 .bb-product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);} 146 .bb-product-image{position:relative;overflow:hidden;background:#fff;} 147 .bb-product-image img{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease, transform .45s ease;} 148 .bb-product-image .alt{position:absolute;inset:0;opacity:0;} 149 .bb-product-card.active .bb-product-image .alt,.bb-product-card:hover .bb-product-image .alt{opacity:1;} 150 .bb-product-card.active .bb-product-image .primary,.bb-product-card:hover .bb-product-image .primary{opacity:0;} 151 .bb-product-card.active .bb-product-image img,.bb-product-card:hover .bb-product-image img{transform:scale(1.04);} 152 153 .bb-price{display:inline-flex;align-items:baseline;gap:3px;margin-top:2px;} 154 .bb-price-currency{font-size:0.78rem;font-weight:500;color:var(--accent);line-height:1;} 155 .bb-price-amount{font-family:'Cormorant Garamond',serif;font-size:1.45rem;font-weight:500;color:var(--accent);line-height:1;letter-spacing:-0.02em;} 156 .bb-price-note{font-size:0.68rem;color:var(--muted);font-weight:300;margin-left:4px;letter-spacing:0.04em;} 157 .bb-grid-price{display:inline-flex;align-items:baseline;gap:3px;margin-bottom:10px;} 158 .bb-grid-price .bb-price-currency{font-size:0.82rem;} 159 .bb-grid-price .bb-price-amount{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:500;color:var(--accent);line-height:1;letter-spacing:-0.02em;} 160 161 .bb-product-body{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:7px;} 162 .bb-product-body h4{font-size:0.96rem;line-height:1.3;font-weight:500;} 163 .bb-product-body p{color:var(--muted);font-size:0.80rem;line-height:1.55;font-weight:300;} 164 .bb-product-actions{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap;} 165 .bb-pill{color:var(--accent);font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:600;} 166 .external-shop-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;background:var(--warm-dark);color:#fff;font-size:0.76rem;font-weight:600;letter-spacing:0.06em;border-radius:999px;transition:transform .22s ease, box-shadow .22s ease, background .22s ease;} 167 .external-shop-button:hover{transform:translateY(-2px);background:var(--accent);box-shadow:0 8px 20px rgba(139,99,67,0.3);} 168 169 .bb-mosaic{width:100%;padding:clamp(24px,4vw,50px) var(--page-pad);background:var(--warm-dark);} 170 .bb-mosaic-inner{max-width:var(--max);margin:0 auto;}
171 .bb-mosaic-head{text-align:center;margin-bottom:32px;} 172 .bb-mosaic-head .kicker{font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:10px;} 173 .bb-mosaic-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;color:#fff;line-height:1.0;} 174 .bb-mosaic-head p{color:rgba(255,255,255,0.6);font-size:0.88rem;font-weight:300;max-width:500px;margin:10px auto 0;line-height:1.7;} 175 .bb-mosaic-grid{display:grid;grid-template-columns:1fr;gap:10px;} 176 .bb-mosaic-cell{border-radius:18px;overflow:hidden;position:relative;} 177 .bb-mosaic-cell img{width:100%;height:240px;object-fit:cover;transition:transform .5s ease;} 178 .bb-mosaic-cell:hover img{transform:scale(1.04);} 179 .bb-mosaic-cell-cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(28,23,16,0.75),transparent);padding:20px 16px 14px;color:#fff;} 180 .bb-mosaic-cell-cap strong{display:block;font-size:0.9rem;font-weight:500;margin-bottom:2px;} 181 .bb-mosaic-cell-cap span{font-size:0.76rem;color:rgba(255,255,255,0.7);font-weight:300;} 182 183 .bb-why{padding:clamp(36px,5vw,64px) var(--page-pad);background:var(--cream-deep);} 184 .bb-why-inner{max-width:var(--max);margin:0 auto;} 185 .bb-why-head{text-align:center;margin-bottom:clamp(24px,4vw,44px);} 186 .bb-why-head .kicker{font-size:0.7rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px;} 187 .bb-why-head .kicker::before,.bb-why-head .kicker::after{content:"";display:block;width:28px;height:1px;background:var(--accent-light);} 188 .bb-why-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,4vw,3rem);font-weight:400;line-height:1.02;letter-spacing:-0.02em;} 189 .bb-why-head p{color:var(--muted);font-size:0.9rem;font-weight:300;max-width:580px;margin:10px auto 0;line-height:1.75;} 190 .bb-why-layout{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;} 191 .bb-why-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;} 192 .bb-why-card{background:var(--warm-card);border:1px solid var(--line);border-radius:18px;padding:20px 18px;box-shadow:var(--shadow-card);transition:transform .25s ease, box-shadow .25s ease;} 193 .bb-why-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);} 194 195 .bb-why-icon{width:44px;height:44px;border-radius:50%;background:var(--accent-pale);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:12px;flex-shrink:0;} 196 .bb-why-icon svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;} 197 .bb-edu-icon{width:40px;height:40px;border-radius:50%;background:var(--accent-pale);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;} 198 .bb-edu-icon svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;} 199 200 .bb-why-card h4{font-size:0.94rem;font-weight:600;margin-bottom:6px;line-height:1.3;} 201 .bb-why-card p{color:var(--muted);font-size:0.81rem;line-height:1.6;font-weight:300;} 202 .bb-why-photo{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lift);position:relative;} 203 .bb-why-photo img{width:100%;height:clamp(500px,45vw,500px);object-fit:cover;} 204 .bb-why-photo-badge{position:absolute;bottom:18px;right:18px;background:rgba(255,255,255,0.95);border-radius:14px;padding:12px 16px;text-align:center;box-shadow:var(--shadow);} 205 .bb-why-photo-badge strong{display:block;font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:500;color:var(--accent);line-height:1.1;} 206 .bb-why-photo-badge span{font-size:0.68rem;color:var(--muted);letter-spacing:0.08em;text-transform:uppercase;font-weight:500;} 207 208 .bb-story-slider{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:var(--warm-dark);} 209 .bb-story-track{display:flex;transition:transform .45s ease;} 210 .bb-story-slide{min-width:100%;position:relative;min-height:460px;} 211 .bb-story-slide img{width:100%;height:100%;min-height:460px;object-fit:cover;opacity:0.88;} 212 .bb-story-caption{position:absolute;
212left:20px;right:20px;bottom:20px;background:rgba(255,255,255,0.94);border-radius:16px;padding:16px 20px;max-width:440px;backdrop-filter:blur(4px);} 213 .bb-story-caption strong{display:block;font-size:0.96rem;font-weight:600;margin-bottom:5px;} 214 .bb-story-caption span{color:var(--muted);font-size:0.84rem;line-height:1.55;font-weight:300;} 215 .bb-story-controls{display:flex;justify-content:center;gap:10px;margin-top:14px;} 216 .bb-story-btn{width:44px;height:44px;border-radius:999px;border:1px solid var(--line-strong);background:var(--warm-card);color:var(--text);font-size:1rem;cursor:pointer;transition:transform .2s ease, background .2s ease;} 217 .bb-story-btn:hover{transform:translateY(-1px);background:var(--accent);color:#fff;border-color:var(--accent);} 218 219 .bb-banner{width:min(var(--max), calc(100% - var(--page-pad) * 2));margin:0 auto clamp(24px,4vw,48px);min-height:clamp(320px,40vw,500px);border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:var(--shadow-lift);} 220 .bb-banner img{width:100%;height:100%;min-height:clamp(320px,40vw,500px);object-fit:cover;opacity:0.8;} 221 .bb-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(24,18,10,0.70),rgba(24,18,10,0.18),rgba(24,18,10,0.04));} 222 .bb-banner-copy{position:absolute;left:clamp(20px,5vw,52px);right:clamp(20px,5vw,52px);bottom:clamp(20px,5vw,44px);z-index:2;color:#fff;max-width:580px;} 223 .bb-banner-copy .small-kicker{font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;font-weight:600;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:8px;} 224 .bb-banner-copy .small-kicker::before{content:"";display:block;width:24px;height:1px;background:var(--gold);} 225 .bb-banner-copy h2{font-family:'Cormorant Garamond',serif;margin:0 0 12px;font-size:clamp(2rem,5vw,3.8rem);font-weight:400;letter-spacing:-0.02em;line-height:1.0;} 226 .bb-banner-copy p{margin:0 0 22px;color:rgba(255,255,255,0.8);line-height:1.7;font-size:0.92rem;font-weight:300;} 227 228 .category-divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px auto 20px;padding:0 var(--page-pad);width:min(var(--max), calc(100% - var(--page-pad) * 2));} 229 .category-divider .line{flex:1;height:1px;background:linear-gradient(to var(--dir,right),transparent,rgba(139,99,67,0.5));max-width:320px;} 230 .category-divider .line.right{--dir:left;} 231 .category-divider .label{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-style:italic;color:var(--accent);white-space:nowrap;font-weight:400;} 232 233 .bb-split-grid{display:grid;grid-template-columns:1fr;gap:20px;} 234 .bb-group-card{background:var(--warm-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);} 235 .bb-group-head{padding:24px 24px 0;} 236 .bb-group-head .small-kicker{font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:10px;} 237 .bb-group-head h3{font-family:'Cormorant Garamond',serif;margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:400;letter-spacing:-0.02em;} 238 .bb-group-head p{margin:0 0 16px;color:var(--muted);font-size:0.86rem;line-height:1.7;font-weight:300;} 239 .bb-divider{height:1px;background:linear-gradient(to right,transparent,var(--line-strong),transparent);margin:0 20px;} 240 .bb-grid-products{padding:18px;display:grid;grid-template-columns:1fr;gap:14px;} 241 .bb-grid-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);transition:transform .25s ease, box-shadow .25s ease;} 242 .bb-grid-item:hover{transform:translateY(-3px);box-shadow:var(--shadow);} 243 .bb-grid-item-image{position:relative;min-height:230px;overflow:hidden;background:#fff;} 244 .bb-grid-item-image img{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .45s ease;} 245 .bb-grid-item-image .alt{position:absolute;inset:0;opacity:0;} 246 .bb-grid-item.active .bb-grid-item-image .alt,.bb-grid-item:hover .bb-grid-item-image .alt{opacity:1;} 247 .bb-grid-item.active .bb-grid-item-image .primary,.bb-grid-item:hover .bb-grid-item-image .primary{opacity:0;} 248 .bb-grid-item.active .bb-grid-item-image img,.bb-grid-item:hover .bb-grid-item-image img{transform:scale(1.03);} 249 .bb-grid-item-body{padding:16px;} 250 .bb-grid-item-body h4{margin:0 0 8px;font-size:0.96rem;font-weight:500;line-height:1.3;} 251 .bb-grid-item-body p{margin:0 0 14px;color:var(--muted);font-size:0.82rem;line-height:1.62;font-weight:300;} 252 253 .bb-social-proof{background:var(--accent-pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(28px,4vw,48px) var(--page-pad);} 254 .bb-social-proof-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px;align-items:center;text-align:center;} 255 .bb-proof-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,4vw,2.9rem);font-weight:400;line-height:1.05;margin-bottom:10px;} 256 .bb-proof-head p{color:var(--muted);font-size:0.88rem;font-weight:300;line-height:1.7;max-width:520px;margin:0 auto 18px;} 257 .bb-proof-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:8px;} 258 .bb-proof-stat{text-align:center;padding:0 20px;border-right:1px solid var(--line);} 259 .bb-proof-stat:last-child{border-right:none;} 260 .bb-proof-stat strong{display:block;font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:400;color:var(--accent);line-height:1;margin-bottom:4px;} 261 .bb-proof-stat span{font-size:0.72rem;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;font-weight:500;} 262 263 .bb-photostrip{width:100%;overflow:hidden;background:var(--warm-dark);padding:clamp(24px,4vw,40px) 0;} 264 .bb-photostrip-track{display:flex;gap:10px;padding:0 var(--page-pad);max-width:var(--max);margin:0 auto;} 265 .bb-photostrip-cell{border-radius:var(--radius-sm, 14px);overflow:hidden;flex-shrink:0;position:relative;} 266 .bb-photostrip-cell img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .5s ease;} 267 .bb-photostrip-cell:hover img{transform:scale(1.04);}
268 @media(min-width:900px){ 269 .bb-photostrip-track{flex-wrap:nowrap;gap:12px;overflow:visible;touch-action:auto;} 270 .bb-photostrip-cell{flex:1 1 0;min-width:0;} 271 .bb-photostrip-cell img{width:100%;height:280px;} 272 } 273 @media(max-width:899px){ 274 .bb-photostrip{padding:clamp(20px,3vw,32px) 0;} 275 .bb-photostrip-track{overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--page-pad) 0 var(--page-pad);gap:10px;flex-wrap:nowrap;max-width:none;} 276 .bb-photostrip-track::-webkit-scrollbar{display:none;} 277 .bb-photostrip-cell{flex:0 0 78vw;max-width:340px;scroll-snap-align:start;} 278 .bb-photostrip-cell img{height:240px;width:100%;} 279 .bb-photostrip-cell:last-child{margin-right:var(--page-pad);} 280 } 281 282 .bb-edu-grid{display:grid;grid-template-columns:1fr;gap:14px;} 283 .bb-edu-card{background:var(--warm-card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow-card);display:flex;gap:14px;align-items:flex-start;} 284 .bb-edu-card h3{margin:0 0 6px;font-size:0.96rem;font-weight:500;} 285 .bb-edu-card p{margin:0;color:var(--muted);font-size:0.84rem;line-height:1.65;font-weight:300;} 286 287 .announce-rotate{position:relative;min-height:1.2em;} 288 .announce-msg{display:none;} 289 .announce-msg.active{display:inline;} 290 291 .bb-most-popular-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;background:var(--gold);color:#3d2a00;font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;border-radius:999px;width:fit-content;} 292 .bb-tile-badge-pin{position:absolute;top:16px;right:16px;left:auto;z-index:3;} 293 294 .bb-reviews-section{background:var(--cream-deep);} 295 .bb-rating-summary{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;background:var(--warm-card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,4vw,40px);box-shadow:var(--shadow-card);margin-bottom:clamp(24px,4vw,40px);} 296 .bb-rating-big{text-align:center;} 297 .bb-rating-number{font-family:'Cormorant Garamond',serif;font-size:4rem;font-weight:400;line-height:1;color:var(--accent);margin-bottom:8px;} 298 .bb-stars-row{display:flex;gap:3px;justify-content:center;margin-bottom:8px;} 299 .bb-stars-lg .bb-star{font-size:1.4rem;} 300 .bb-star{color:#d4d0c8;line-height:1;} 301 .bb-star.filled{color:var(--gold);} 302 .bb-rating-count{font-size:0.8rem;color:var(--muted);letter-spacing:0.06em;font-weight:400;} 303 .bb-rating-bars{flex:1;} 304 .bb-rbar-row{display:grid;grid-template-columns:60px 1fr 36px;align-items:center;gap:10px;margin-bottom:8px;} 305 .bb-rbar-label{font-size:0.78rem;color:var(--muted);font-weight:400;text-align:right;} 306 .bb-rbar-track{height:8px;border-radius:4px;background:var(--line);overflow:hidden;} 307 .bb-rbar-fill{height:100%;border-radius:4px;background:var(--gold);} 308 .bb-rbar-pct{font-size:0.78rem;color:var(--muted);font-weight:400;} 309 .bb-reviews-grid{display:grid;grid-template-columns:1fr;gap:16px;} 310 .bb-review-card{background:var(--warm-card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,28px);box-shadow:var(--shadow-card);transition:transform .25s ease, box-shadow .25s ease;} 311 .bb-review-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);} 312 .bb-review-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;} 313 .bb-reviewer-avatar{width:42px;height:42px;border-radius:50%;background:var(--accent-pale);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:500;color:var(--accent);flex-shrink:0;} 314 .bb-reviewer-info{flex:1;} 315 .bb-reviewer-name{font-size:0.92rem;font-weight:600;margin-bottom:2px;} 316 .bb-reviewer-product{font-size:0.72rem;color:var(--accent);letter-spacing:0.1em;text-transform:uppercase;font-weight:500;} 317 .bb-review-stars{display:flex;gap:2px;flex-shrink:0;} 318 .bb-review-stars .bb-star{font-size:1rem;} 319 .bb-review-title{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;font-style:italic;margin-bottom:10px;line-height:1.3;color:var(--text);} 320 .bb-review-body{font-size:0.86rem;color:var(--muted);line-height:1.72;font-weight:300;margin-bottom:14px;} 321 .bb-review-meta{font-size:0.72rem;color:var(--muted);letter-spacing:0.06em;font-weight:400;opacity:0.75;} 322 323 .bb-sticky-bar{position:fixed;bottom:-80px;left:0;right:0;z-index:999;background:var(--warm-dark);border-top:1px solid rgba(255,255,255,0.1);padding:12px clamp(16px,4vw,40px);transition:bottom .35s ease;box-shadow:0 -8px 30px rgba(28,23,16,0.2);} 324 .bb-sticky-bar.visible{bottom:0;} 325 .bb-sticky-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;} 326 .bb-sticky-left{display:flex;align-items:center;gap:12px;} 327 .bb-sticky-stars{color:var(--gold);font-size:0.9rem;letter-spacing:2px;flex-shrink:0;} 328 .bb-sticky-text{font-size:0.78rem;color:rgba(255,255,255,0.75);letter-spacing:0.06em;font-weight:300;} 329 .bb-sticky-actions{display:flex;gap:10px;flex-shrink:0;} 330 .bb-sticky-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border-radius:999px;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;transition:transform .22s ease, background .22s ease;} 331 .bb-sticky-btn.primary{background:var(--accent);color:#fff;} 332 .bb-sticky-btn.primary:hover{background:var(--accent-light);transform:translateY(-1px);} 333 .bb-sticky-btn.secondary{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.2);} 334 .bb-sticky-btn.secondary:hover{background:rgba(255,255,255,0.18);transform:translateY(-1px);} 335 336 @media(min-width:640px){ 337 .bb-rating-summary{grid-template-columns:auto 1fr;} 338 .bb-rating-big{text-align:left;min-width:140px;} 339 .bb-stars-row{justify-content:flex-start;} 340 .bb-trust-item{min-width:120px;} 341 .bb-mosaic-grid{grid-template-columns:repeat(2,1fr);} 342 .bb-mosaic-cell img{height:280px;} 343 } 344 @media(min-width:600px) and (max-width:899px){.bb-reviews-grid{grid-template-columns:repeat(2,1fr);}}
345 @media(min-width:900px){ 346 .bb-reviews-grid{grid-template-columns:repeat(3,1fr);} 347 .bb-hero-actions{justify-content:flex-start;} 348 .bb-collection-grid{grid-template-columns:1fr 1fr;} 349 .bb-tile-products{grid-template-columns:1fr 1fr;} 350 .bb-mosaic-grid{grid-template-columns:repeat(3,1fr);} 351 .bb-mosaic-cell img{height:320px;} 352 .bb-why-layout{grid-template-columns:1fr 1fr;gap:40px;} 353 .bb-why-cards{grid-template-columns:1fr 1fr;} 354 .bb-social-proof-inner{grid-template-columns:1fr auto;text-align:left;} 355 .bb-proof-stats{justify-content:flex-end;} 356 .bb-split-grid{grid-template-columns:1fr 1fr;} 357 .bb-grid-products{grid-template-columns:1fr 1fr;} 358 .bb-edu-grid{grid-template-columns:repeat(3,1fr);} 359 .bb-product-card{grid-template-columns:130px 1fr;} 360 .bb-story-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:18px;} 361 .bb-story-col .bb-story-slider{border-radius:var(--radius);overflow:hidden;background:var(--warm-card);} 362 .bb-story-col .bb-story-slide{min-height:unset;} 363 .bb-story-col .bb-story-slide img{min-height:unset;height:460px;object-fit:contain;background:var(--warm-card);opacity:1;} 364 .bb-banner-card{min-height:unset;display:flex;flex-direction:column;background:var(--warm-card);} 365 .bb-banner-card img{position:relative;inset:auto;width:100%;height:460px;object-fit:contain;object-position:center;opacity:1;flex-shrink:0;} 366 .bb-banner-card::after{display:none;} 367 .bb-banner-card .bb-banner-copy{position:relative;left:auto;right:auto;bottom:auto;background:var(--warm-dark);padding:22px 26px 26px;border-radius:0 0 var(--radius) var(--radius);} 368 } 369 @media(max-width:480px){ 370 .bb-sticky-left{display:none;} 371 .bb-sticky-actions{width:100%;justify-content:center;} 372 .bb-sticky-btn{flex:1;text-align:center;} 373 } 374 375 .carousel{overflow:hidden;width:100%;position:relative;} 376 .carousel .carousel-inner{display:none !important;} 377 .carousel .carousel-inner--fixed{display:flex !important;width:100%;transition:transform 0.45s ease;will-change:transform;} 378 .carousel .carousel-inner--fixed .carousel-img{flex:0 0 100%;width:100%;display:block;object-fit:cover;} 379 380 .bb-story-row{display:grid;grid-template-columns:1fr;gap:18px;} 381 .bb-story-col{display:flex;flex-direction:column;} 382 .bb-story-col .bb-story-slider{flex:1;min-height:420px;} 383 .bb-story-col .bb-story-slide,.bb-story-col .bb-story-slide img{min-height:420px;} 384 .bb-banner-card{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lift);border:1px solid var(--line);background:var(--warm-dark);flex:1;min-height:420px;} 385 .bb-banner-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0.78;} 386 .bb-banner-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(24,18,10,0.82) 0%,rgba(24,18,10,0.32) 55%,rgba(24,18,10,0.05) 100%);} 387 .bb-banner-card .bb-banner-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(20px,3vw,36px);color:#fff;max-width:100%;} 388 .bb-banner-card .bb-banner-copy .small-kicker{font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;font-weight:600;color:var(--gold);margin-bottom:10px;display:flex;align-items:center;gap:8px;} 389 .bb-banner-card .bb-banner-copy .small-kicker::before{content:"";display:block;width:22px;height:1px;background:var(--gold);} 390 .bb-banner-card .bb-banner-copy h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:400;letter-spacing:-0.02em;line-height:1.0;margin:0 0 10px;color:#fff;} 391 .bb-banner-card .bb-banner-copy p{color:rgba(255,255,255,0.78);font-size:0.88rem;font-weight:300;line-height:1.68;margin:0 0 18px;} 392 .bb-banner-card .bb-hero-actions{justify-content:flex-start;} 393 394 @media(min-width:1024px){ 395 .carousel .carousel-inner--fixed .carousel-img{flex:0 0 calc(100% / 3);width:calc(100% / 3);object-fit:contain;} 396 .bb-mosaic-grid{grid-template-columns:repeat(4,1fr);} 397 .bb-mosaic-cell img{height:300px;} 398 } 399 @media(max-width:639px){ 400 .bb-trust-inner{gap:0;} 401 .bb-trust-item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.08);min-width:50%;flex:0 0 50%;} 402 .bb-trust-item:nth-last-child(-n+2){border-bottom:none;} 403 .bb-proof-stat{border-right:none;} 404 .category-divider .line{max-width:90px;} 405 } 406 </style> 407</head> 408 409<body> 410 411<div class="announce-bar" id="announce-bar"> 412 <div class="announce-rotate" id="announce-rotate"> 413 <span class="announce-msg active">Free shipping on orders over $50 · <a href="https://brazilianbeauty.shop/" target="_blank">Shop Now â</a></span> 414 <span class="announce-msg">Save more with our <strong>complete bundles</strong> â shampoo, conditioner, serum & mask · <a href="#treatments">Shop Bundles â</a></span> 415 <span class="announce-msg"><strong>Sulfate free. Paraben free. Gluten free.</strong> · Clean formulas you can actually trust · <a href="#collections">Find Your Routine â</a></span> 416 </div> 417</div> 418 419<div class="logo-banner"> 420 <button class="menu-icon" onclick="toggleMenu()">â°</button> 421 <img src="logo2.jpg" alt="Brazilian Beauty Logo"> 422</div> 423 424<nav class="navbar"> 425 <ul class="nav-links"> 426 <li><a href='/'>Home</a></li> 427 <li><a href='/makeanappointment'>Book an Appointment</a></li> 428 <li><a href='/hairforecast'>7 Day Hair Forecast</a></li> 429 <li><a href='/hairphotos'>Photos</a></li> 430 <li><a href='/hairanalysis'>Hair Analysis</a></li> 431 <li><a href='/meettheteam'>Meet the Team</a></li> 432 <li><a href="tryourai.html">Try Our AI</a></li> 433 </ul> 434</nav> 435 436<header class="hero"></header> 437 438<div class="bb-fullhero"> 439 <img class="bb-fullhero-img" src="dailyshampooorangedrip.jpg" alt="Brazilian Beauty hero" /> 440 <div class="bb-fullhero-overlay"></div> 441 <div class="bb-fullhero-content"> 442 <h1 class="serif">Stop Ruining<br><em>
442Your Hair</em></h1> 443 <p>Stop stripping your hair with water and harsh chemicals â Switch to ALL NATURAL formulas that actually hydrate, smooth, and restore â without sulfates, parabens, or compromise. Designed for the hair you actually want.</p> 444 <div class="bb-hero-actions"> 445 <a class="bb-btn primary" href="#collections">Shop All Collections</a> 446 <a class="bb-btn ghost" href="https://brazilianbeauty.shop/" target="_blank" rel="noopener noreferrer">Visit Our Store</a> 447 </div> 448 </div> 449</div> 450 451<div class="bb-why"> 452 <div class="bb-why-inner"> 453 <div class="bb-why-head"> 454 <div class="kicker">Why Brazilian Beauty</div> 455 <h2 class="serif">Your hair deserves better than drugstore level products.</h2> 456 <p>Most shampoos strip your hair with harsh sulfates. Our aloe-based shampoos and conditioners cleanse gently, lock in moisture, and leave hair visibly healthier â without the damage.</p> 457 </div> 458 <div class="bb-why-layout"> 459 <div class="bb-why-cards"> 460 <div class="bb-why-card"> 461 <div class="bb-why-icon"><svg viewBox="0 0 24 24"><path d="M12 22c0 0-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z"/><path d="M12 22V12"/></svg></div> 462 <h4>Aloe as the Base</h4> 463 <p>Not water. Aloe vera is our #1 ingredient â a natural humectant that hydrates hair from the inside out.</p> 464 </div> 465 <div class="bb-why-card"> 466 <div class="bb-why-icon"><svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/></svg></div> 467 <h4>No Harsh Chemicals</h4> 468 <p>Free from sulfates, parabens, gluten, and soy. Safe for color-treated, keratin-treated, and sensitive hair.</p> 469 </div> 470 <div class="bb-why-card"> 471 <div class="bb-why-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg></div> 472 <h4>Problem-Specific Formulas</h4> 473 <p>Not one-size-fits-all. Each collection targets a specific hair concern â from frizz to breakage to dullness.</p> 474 </div> 475 <div class="bb-why-card"> 476 <div class="bb-why-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="6"/><path d="M15.477 12.89L17 22l-5-3-5 3 1.523-9.11"/></svg></div> 477 <h4>Salon-Quality Results</h4> 478 <p>Developed by haircare professionals. The same luxury your stylist uses, now available for home delivery.</p> 479 </div> 480 <div class="bb-why-card"> 481 <div class="bb-why-icon"><svg viewBox="0 0 24 24"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/></svg></div> 482 <h4>Better Value</h4> 483 <p>Luxury haircare shouldn't cost a fortune. Premium ingredients, honest pricing â no markup for the brand name.</p> 484 </div> 485 <div class="bb-why-card"> 486 <div class="bb-why-icon"><svg viewBox="0 0 24 24"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg></div> 487 <h4>Built for Results</h4> 488 <p>Customers choose us because they see and feel the difference after the first wash. That's the only metric that matters.</p> 489 </div> 490 </div> 491 <div class="bb-why-photo"> 492 <img src="nsmodel.jpg" alt="Beautiful hair from Brazilian Beauty" /> 493 <div class="bb-why-photo-badge"> 494 <strong>100%</strong> 495 <span>Aloe-Based Shampoos & Conditioners</span> 496 </div> 497 </div> 498 </div> 499 </div> 500</div> 501 502<section class="section" id="collections"> 503 <div class="page-shell"> 504 <div class="section-head"> 505 <div class="section-kicker">The Collections</div> 506 <h2 class="serif">Find your perfect routine.</h2> 507 <p>Every formula targets a specific hair need. Choose your collection and start seeing results from the very first wash.</p> 508 </div> 509 510 <div class="bb-collection-grid"> 511 512 <!-- DAILY --> 513 <div id="daily-collection"> 514 <div class="bb-col-tile"> 515 <div class="bb-tile-badge-pin"><div class="bb-most-popular-badge">
515â Best Value</div></div> 516 <img class="bb-col-tile-img" src="aloe2.jpg" alt="Daily Collection" /> 517 <div class="bb-col-tile-overlay"></div> 518 <div class="bb-col-tile-content"> 519 <div class="bb-col-tile-kicker">Daily Collection</div> 520 <h3 class="serif">For balanced,<br>everyday hair.</h3> 521 <p>For hair that doesn't have a "problem" â it just needs to look and feel its best every day without the buildup, the weight, or the effort.</p> 522 <div class="bb-col-tile-tags"><span>Daily Use</span><span>Balanced</span><span>Lightweight</span></div> 523 <div class="bb-col-tile-actions"> 524 <a href="#daily-products" class="bb-tile-btn primary"> 525 <svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/></svg> 526 Shop Daily 527 </a> 528 <a href="#daily-products" class="bb-tile-btn ghost">See Products</a> 529 </div> 530 </div> 531 </div> 532 <div class="bb-tile-products" id="daily-products"> 533 <div class="bb-product-card product-swap"> 534 <div class="bb-product-image"> 535 <img class="primary" src="dailyshampoo1.jpg" alt="Daily Shampoo" /> 536 <img class="alt" src="frizz2.jpg" alt="Daily Shampoo alternate" /> 537 </div> 538 <div class="bb-product-body"> 539 <h4>Daily Shampoo â Aloe Based</h4> 540 <p>Cleanses without stripping. Aloe vera replaces water as the base so your scalp gets hydrated during every wash â not dried out. Color-safe. Sulfate, paraben, gluten & soy free. -200ml</p> 541 <div class="bb-product-actions"> 542 <span class="bb-pill">Daily Cleanse</span> 543 <div class="bb-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">28.00</span></div> 544 <a href="https://brazilianbeauty.shop/products/signature-shampoo?variant=46615345299694" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 545 </div> 546 </div> 547 </div> 548 <div class="bb-product-card product-swap"> 549 <div class="bb-product-image"> 550 <img class="primary" src="dailyconditioner1.jpg" alt="Daily Conditioner" /> 551 <img class="alt" src="dailyconditionertexture.jpg" alt="Daily Conditioner alternate" /> 552 </div> 553 <div class="bb-product-body"> 554 <h4>Daily Conditioner â Aloe Based</h4> 555 <p>Locks in moisture without weighing hair down. Your hair leaves the shower softer, smoother, and manageable â every single day. Sulfate & paraben free. -200ml</p> 556 <div class="bb-product-actions"> 557 <span class="bb-pill">Everyday Softness</span> 558 <div class="bb-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">30.00</span></div> 559 <a href="https://brazilianbeauty.shop/products/signature-conditioner?variant=46615345823982" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 560 </div> 561 </div> 562 </div> 563 </div> 564 </div> 565 566 <!-- MOISTURIZING --> 567 <div id="moisture-collection"> 568 <div class="bb-col-tile"> 569 <img class="bb-col-tile-img" src="aloe7.jpg" alt="Moisturizing Collection" /> 570 <div class="bb-col-tile-overlay"></div> 571 <div class="bb-col-tile-content"> 572 <div class="bb-col-tile-kicker">Moisturizing Collection</div> 573 <h3 class="serif">For dry,<br>frizz-prone hair.</h3> 574 <p>Humidity. Heat. Dry climate. If your hair fights you every morning, this collection was built specifically for you. Deep moisture that tames frizz and stays in â not just until your next shower.</p> 575 <div class="bb-col-tile-tags"><span>Dry Hair</span><span>Frizz Control</span><span>Deep Softness</span></div> 576 <div class="bb-col-tile-actions"> 577 <a href="#moisture-products" class="bb-tile-btn primary"> 578 <svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/></svg> 579 Shop Moisturizing 580 </a> 581 <a href="#moisture-products" class="bb-tile-btn ghost">See Products</a> 582 </div> 583 </div> 584 </div> 585 <div class="bb-tile-products" id="moisture-products"> 586 <div class="bb-product-card product-swap"> 587 <div class="bb-product-image"> 588 <img class="primary" src="moisturizingshampoo.jpg" alt="Moisturizing Shampoo" /> 589 <img class="alt" src="moisturizingshampootexture.jpg" alt="Moisturizing Shampoo alternate" /> 590 </div> 591 <div class="bb-product-body"> 592 <h4>Moisturizing Shampoo â Aloe Based</h4> 593 <p>Frizz starts at the scalp. This formula delivers concentrated aloe hydration where it matters most â repairing dryness from the root and sealing the surface smooth. No sulfates, parabens, gluten, or soy. -200ml</p> 594 <div class="bb-product-actions">
595 <span class="bb-pill">Deep Hydration</span> 596 <div class="bb-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">30.00</span></div> 597 <a href="https://brazilianbeauty.shop/products/moisturizing-shampoo?variant=47635425460462" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 598 </div> 599 </div> 600 </div> 601 <div class="bb-product-card product-swap"> 602 <div class="bb-product-image"> 603 <img class="primary" src="moisturizingconditioner.jpg" alt="Moisturizing Conditioner" /> 604 <img class="alt" src="moisturizingconditionertexture.jpg" alt="Moisturizing Conditioner alternate" /> 605 </div> 606 <div class="bb-product-body"> 607 <h4>Moisturizing Conditioner â Aloe Based</h4> 608 <p>Pushes deep moisture into the hair shaft to soften texture, eliminate frizz, and restore healthy shine. If your hair feels dry hours after washing â this is what fixes it. -200ml</p> 609 <div class="bb-product-actions"> 610 <span class="bb-pill">Smooth + Soften</span> 611 <div class="bb-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">32.00</span></div> 612 <a href="https://brazilianbeauty.shop/products/moisturizing-conditioner?variant=47635430768878" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 613 </div> 614 </div> 615 </div> 616 </div> 617 </div> 618 619 <!-- NOURISHING --> 620 <div id="repair-collection"> 621 <div class="bb-col-tile"> 622 <img class="bb-col-tile-img" src="aloe6.jpg" alt="Nourishing Collection" /> 623 <div class="bb-col-tile-overlay"></div> 624 <div class="bb-tile-badge-pin"><div class="bb-most-popular-badge">â Most Popular</div></div> 625 <div class="bb-col-tile-content"> 626 <div class="bb-col-tile-kicker">Nourishing Collection</div> 627 <h3 class="serif">For damaged,<br>brittle hair.</h3> 628 <p>Color. Bleach. Heat tools. Overwashing. Every one of those things breaks down your hair. This collection reverses the damage â rebuilding strength and softness wash after wash.</p> 629 <div class="bb-col-tile-tags"><span>Repair</span><span>Brittle Hair</span><span>Strength + Softness</span></div> 630 <div class="bb-col-tile-actions"> 631 <a href="#repair-products" class="bb-tile-btn primary"> 632 <svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/></svg> 633 Shop Nourishing 634 </a> 635 <a href="#repair-products" class="bb-tile-btn ghost">See Products</a> 636 </div> 637 </div> 638 </div> 639 <div class="bb-tile-products" id="repair-products"> 640 <div class="bb-product-card product-swap"> 641 <div class="bb-product-image"> 642 <img class="primary" src="nourishingshampoo.jpg" alt="Nourishing Shampoo" /> 643 <img class="alt" src="nourishingshampootexture.jpg" alt="Nourishing Shampoo alternate" /> 644 </div> 645 <div class="bb-product-body"> 646 <h4>Nourishing Shampoo â Aloe Based</h4> 647 <p>Brittle and processed hair needs repair, not just cleansing. This formula gently removes buildup while actively rebuilding strength â so your hair gets stronger with every wash, not weaker. -200ml</p> 648 <div class="bb-product-actions"> 649 <span class="bb-pill">Repair Cleanse</span> 650 <div class="bb-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">32.00</span></div> 651 <a href="https://brazilianbeauty.shop/products/nourishing-shampoo?variant=47635439321326" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 652 </div> 653 </div> 654 </div> 655 <div class="bb-product-card product-swap"> 656 <div class="bb-product-image"> 657 <img class="primary" src="nourishingconditioner.jpg" alt="Nourishing Conditioner" /> 658 <img class="alt" src="nourishingconditionertexture.jpg" alt="Nourishing Conditioner alternate" /> 659 </div> 660 <div class="bb-product-body"> 661 <h4>Nourishing Conditioner â Aloe Based</h4> 662 <p>For hair that's been through it â color, heat, breakage. Rebuilds the bonds that damage destroys and restores softness that feels like your hair before any of it happened. Sulfate & paraben free. -200ml</p> 663 <div class="bb-product-actions">
664 <span class="bb-pill">Restore</span> 665 <div class="bb-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">34.00</span></div> 666 <a href="https://brazilianbeauty.shop/products/nourishing-conditioner?variant=47635462553838" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 667 </div> 668 </div> 669 </div> 670 </div> 671 </div> 672 673 <!-- Fragrance Free --> 674 <div id="repair-collection"> 675 <div class="bb-col-tile"> 676 <img class="bb-col-tile-img" src="aloe3.jpg" alt="Nourishing Collection" /> 677 <div class="bb-col-tile-overlay"></div> 678 679 <div class="bb-col-tile-content"> 680 <div class="bb-col-tile-kicker">Fragrance Free Collection</div> 681 <h3 class="serif">For dry,<br>frizz-prone hair.</h3> 682 <p>Our Fragrance-Free Moisturizing Collection gives your hair the hydration it needs without added scent. Featuring our Moisturizing Shampoo and Conditioner, this gentle duo helps cleanse, soften, and nourish dry hair while leaving it smooth, manageable, and refreshed.<
682/p> 683 <div class="bb-col-tile-tags"><span>Dry Hair</span><span>Frizz Control</span><span>Deep Softness</span></div> 684 <div class="bb-col-tile-actions"> 685 <a href="#repair-products" class="bb-tile-btn primary"> 686 <svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/></svg> 687 Shop Fragrance Free 688 </a> 689 <a href="#repair-products" class="bb-tile-btn ghost">See Products</a> 690 </div> 691 </div> 692 </div> 693 <div class="bb-tile-products" id="repair-products"> 694 <div class="bb-product-card product-swap"> 695 <div class="bb-product-image"> 696 <img class="primary" src="ffshampoo.jpg" alt="Nourishing Shampoo" /> 697 <img class="alt" src="nourishingshampootexture.jpg" alt="Nourishing Shampoo alternate" /> 698 </div> 699 <div class="bb-product-body"> 700 <h4>Fragrance Free Shampoo â Aloe Based</h4> 701 <p>A gentle, fragrance-free shampoo designed to cleanse without added scent. It helps refresh the scalp, hydrate dry hair, and leave strands feeling soft, clean, and manageable â perfect for a simple, sensitive-friendly routine. -200ml</p> 702 <div class="bb-product-actions"> 703 <span class="bb-pill">Deep Hydration</span> 704 <div class="bb-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">30.00</span></div> 705 <a href="https://brazilianbeauty.shop/products/fragrance-free-moisturizing-shampoo" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 706 </div> 707 </div> 708 </div> 709 <div class="bb-product-card product-swap"> 710 <div class="bb-product-image"> 711 <img class="primary" src="ffconditioner.jpg" alt="Nourishing Conditioner" /> 712 <img class="alt" src="nourishingconditionertexture.jpg" alt="Nourishing Conditioner alternate" /> 713 </div> 714 <div class="bb-product-body"> 715 <h4>Fragrance Free Conditioner â Aloe Based</h4> 716 <p>A gentle, fragrance-free conditioner designed to soften and hydrate without added scent. It helps smooth dry strands, improve manageability, and leave hair feeling nourished, silky, and refreshed â perfect for a simple, sensitive-friendly routine. -200ml</p> 717 <div class="bb-product-actions"> 718 <span class="bb-pill">Smooth + Soften</span> 719 <div class="bb-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">32.00</span></div> 720 <a href="https://brazilianbeauty.shop/products/fragrance-free-moisturizing-shampoo-copy" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 721 </div> 722 </div> 723 </div> 724 </div> 725 </div> 726 </div> 727 </div> 728</section> 729 730<div class="bb-mosaic"> 731 <div class="bb-mosaic-inner"> 732 <div class="bb-mosaic-head"> 733 <div class="kicker">The Look & Feel</div> 734 <h2 class="serif">The results speak for themselves.</h2> 735 <p>Real hair. Real results. No filters required â just aloe-based formulas doing exactly what they were built to do.</p> 736 </div> 737 <div class="bb-mosaic-grid"> 738 <div class="bb-mosaic-cell"> 739 <img src="hp1.jpg" alt="Beautiful hair" /> 740 <div class="bb-mosaic-cell-cap"><strong>Softness & Shine</strong><span>Daily Collection</span></div> 741 </div> 742 <div class="bb-mosaic-cell"> 743 <img src="faded4.jpg" alt="Smooth hair" /> 744 <div class="bb-mosaic-cell-cap"><strong>Frizz-Free Finish</strong><span>Moisturizing Collection</span></div> 745 </div> 746 <div class="bb-mosaic-cell"> 747 <img src="sp4.jpg" alt="Healthy hair results" /> 748 <div class="bb-mosaic-cell-cap"><strong>Strength & Body</strong><span>Nourishing Collection</span></div> 749 </div> 750 <div class="bb-mosaic-cell"> 751 <img src="blowdrykit.jpg" alt="Luxurious hair" /> 752 <div class="bb-mosaic-cell-cap"><strong>Luxury Results</strong><span>Professional-grade care</span></div> 753 </div> 754 </div> 755 </div> 756</div> 757 758<div class="bb-social-proof"> 759 <div class="bb-social-proof-inner"> 760 <div class="bb-proof-head"> 761 <h2 class="serif">Built by stylists.<br>Proven by customers.</h2> 762 <p>These formulas were developed inside a working salon by professionals who saw the same hair problems every day â and couldn't find products that actually fixed them. So they made their own.</p> 763 <a class="bb-btn dark" href="https://brazilianbeauty.shop/" target="_blank" rel="noopener noreferrer" style="display:inline-flex;margin-top:4px;">Shop the Full Store â</a> 764 </div> 765 <div class="bb-proof-stats"> 766 <div class="bb-proof-stat"><strong>100%</strong><span>Aloe Based</span></div> 767 <div class="bb-proof-stat"><strong>0</strong><span>Sulfates & Parabens</span></div> 768 <div class="bb-proof-stat"><strong>4</strong><span>Targeted Collections</span></div> 769 <div class="bb-proof-stat"><strong>â</strong><span>Good Hair Days</span></div> 770 </div> 771 </div> 772</div> 773 774<section class="section bb-reviews-section"> 775 <div class="page-shell"> 776 <div class="section-head"> 777 <div class="section-kicker">Customer Reviews</div> 778 <h2 class="serif">What our customers are saying.</h2> 779 <p>Real results from real people. These are the routines that changed their hair.</p> 780 </div> 781 <div class="bb-rating-summary"> 782 <div class="bb-rating-big"> 783 <div class="bb-rating-number">5.0</div> 784 <div class="bb-stars-row bb-stars-lg">
785 <span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span> 786 </div> 787 <div class="bb-rating-count">Based on [X] reviews</div> 788 </div> 789 <div class="bb-rating-bars"> 790 <div class="bb-rbar-row"><span class="bb-rbar-label">5 stars</span><div class="bb-rbar-track"><div class="bb-rbar-fill" style="width:100%"></div></div><span class="bb-rbar-pct">100%</span></div> 791 <div class="bb-rbar-row"><span class="bb-rbar-label">4 stars</span><div class="bb-rbar-track"><div class="bb-rbar-fill" style="width:0%"></div></div><span class="bb-rbar-pct">0%</span></div> 792 <div class="bb-rbar-row"><span class="bb-rbar-label">3 stars</span><div class="bb-rbar-track"><div class="bb-rbar-fill" style="width:0%"></div></div><span class="bb-rbar-pct">0%</span></div> 793 <div class="bb-rbar-row"><span class="bb-rbar-label">2 stars</span><div class="bb-rbar-track"><div class="bb-rbar-fill" style="width:0%"></div></div><span class="bb-rbar-pct">0%</span></div> 794 <div class="bb-rbar-row"><span class="bb-rbar-label">1 star</span><div class="bb-rbar-track"><div class="bb-rbar-fill" style="width:0%"></div></div><span class="bb-rbar-pct">0%</span></div> 795 </div> 796 </div> 797 <div class="bb-reviews-grid"> 798 <div class="bb-review-card"> 799 <div class="bb-review-top"> 800 <div class="bb-reviewer-avatar">D</div> 801 <div class="bb-reviewer-info"><div class="bb-reviewer-name">Daniela</div><div class="bb-reviewer-product">Round Thermal Brush</div></div> 802 <div class="bb-review-stars"><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span></div> 803 </div> 804 <div class="bb-review-title">"AMAZING Thermal brush â I stopped going to the salon for blowouts."</div> 805 <div class="bb-review-body">AMAZING Thermal brush. Make sure you use it on dry hair. Makes my hair look beautiful and bouncy. I stopped going to a hair salon for blowouts because of this brush. Easy to use. LOVE IT.</div> 806 <div class="bb-review-meta">Verified Purchase · BB Customer</div> 807 </div> 808 <div class="bb-review-card"> 809 <div class="bb-review-top"> 810 <div class="bb-reviewer-avatar">C</div> 811 <div class="bb-reviewer-info"><div class="bb-reviewer-name">Cathy</div><div class="bb-reviewer-product">Scalp Soothing Oil</div></div> 812 <div class="bb-review-stars"><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span></div> 813 </div> 814 <div class="bb-review-title">"No more itching or flaking â my scalp has never felt better."</div> 815 <div class="bb-review-body">I've been using the scalp soothing oil 2â3 times a week for the last couple of weeks and have really noticed a difference in the health and feel of my hair. I live in a very dry climate and this product has been essential in keeping my scalp from drying out, itching, and flaking. My hair at the scalp feels so much softer, looks healthier, and I am not itchy or flaking at all after using this product. I absolutely love it and highly recommend it!</div> 816 <div class="bb-review-meta">Verified Purchase · BB Customer</div> 817 </div> 818 <div class="bb-review-card"> 819 <div class="bb-review-top"> 820 <div class="bb-reviewer-avatar">D</div> 821 <div class="bb-reviewer-info"><div class="bb-reviewer-name">Dina</div><div class="bb-reviewer-product">Grass-Fed Collagen Creamer</div></div> 822 <div class="bb-review-stars"><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span></div> 823 </div> 824 <div class="bb-review-title">"Makes my coffee taste delicious."</div> 825 <div class="bb-review-body">Love the flavor of this creamer. Makes my coffee taste delicious.</div> 826 <div class="bb-review-meta">Verified Purchase · BB Customer</div> 827 </div> 828 <div class="bb-review-card"> 829 <div class="bb-review-top"> 830 <div class="bb-reviewer-avatar">C</div> 831 <div class="bb-reviewer-info"><div class="bb-reviewer-name">Chantel</div><div class="bb-reviewer-product">Six In One Blowdry Kit</div></div> 832 <div class="bb-review-stars"><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span><span class="bb-star filled">â </span></div> 833 </div> 834 <div class="bb-review-title">"I'm obsessed with the different heads â a variety of ways to dry in style."</div> 835 <div class="bb-review-body">I love everything about this blow dryer, I just used it today and it works amazing. I'm obsessed with the different heads that it comes with which gives me a variety of ways to dry in style.</div> 836 <div class="bb-review-meta">Verified Purchase · BB Customer</div> 837 </div> 838 </div> 839 </div> 840</section> 841 842<div class="bb-sticky-bar" id="bb-sticky-bar"> 843 <div class="bb-sticky-inner"> 844 <div class="bb-sticky-left"> 845 <div class="bb-sticky-stars">â â â â â </div> 846 <div class="bb-sticky-text">
846Aloe-based haircare · Sulfate & paraben free</div> 847 </div> 848 <div class="bb-sticky-actions"> 849 <a href="#collections" class="bb-sticky-btn secondary">Find My Routine</a> 850 <a href="https://brazilianbeauty.shop/" target="_blank" rel="noopener noreferrer" class="bb-sticky-btn primary">Shop Now â</a> 851 </div> 852 </div> 853</div> 854 855<div class="bb-photostrip"> 856 <div class="bb-photostrip-track" id="bb-photostrip-track"> 857 <div class="bb-photostrip-cell"><img src="redheadmodel.jpg" alt="Brazilian Beauty photo 1" /></div> 858 <div class="bb-photostrip-cell"><img src="fullproductline2.jpg" alt="Brazilian Beauty photo 2" /></div> 859 <div class="bb-photostrip-cell"><img src="product2.jpg" alt="Brazilian Beauty photo 3" /></div> 860 <div class="bb-photostrip-cell"><img src="cc3.jpg" alt="Brazilian Beauty photo 4" /></div> 861 <div class="bb-photostrip-cell"><img src="nourishingcollection.jpg" alt="Brazilian Beauty photo 5" /></div> 862 <div class="bb-photostrip-cell"><img src="thermalbrush3.jpg" alt="Brazilian Beauty photo 6" /></div> 863 </div> 864</div> 865 866<section class="section"> 867 <div class="page-shell"> 868 <div class="section-head"> 869 <div class="section-kicker">Education</div> 870 <h2 class="serif">Why aloe outperforms water. Every time.</h2> 871 <p>Most haircare brands won't explain what's actually in their formula. We will â because once you understand the difference, you won't go back.</p> 872 </div> 873 <div class="bb-edu-grid"> 874 <div class="bb-edu-card"> 875 <div class="bb-edu-icon"><svg viewBox="0 0 24 24"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"/></svg></div> 876 <div> 877 <h3>Aloe Vera Penetrates. Water Evaporates.</h3> 878 <p>Water sits on the surface of your hair and evaporates. Aloe vera's molecular structure lets it actually enter the hair shaft â delivering 75+ active compounds including vitamins, enzymes, and amino acids directly where damage happens.</p> 879 </div> 880 </div> 881 <div class="bb-edu-card"> 882 <div class="bb-edu-icon"><svg viewBox="0 0 24 24"><path d="M9 3h6v8l3.5 7a1 1 0 0 1-.9 1.5H6.4a1 1 0 0 1-.9-1.5L9 11V3z"/><line x1="6" y1="6" x2="18" y2="6"/></svg></div> 883 <div> 884 <h3>Sulfates Are the Problem. Not the Solution.</h3> 885 <p>Sulfates make shampoo lather â but they do it by stripping your scalp's natural oils, breaking down color, and leaving hair dry. We removed them entirely. Our formula cleanses just as effectively without destroying what your hair needs to stay healthy.</p> 886 </div> 887 </div> 888 <div class="bb-edu-card"> 889 <div class="bb-edu-icon"><svg viewBox="0 0 24 24"><line x1="4" y1="21" x2="4" y2="14"/><line x1="4" y1="10" x2="4" y2="3"/><line x1="12" y1="21" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="3"/><line x1="20" y1="21" x2="20" y2="16"/><line x1="20" y1="12" x2="20" y2="3"/><line x1="1" y1="14" x2="7" y2="14"/><line x1="9" y1="8" x2="15" y2="8"/><line x1="17" y1="16" x2="23" y2="16"/></svg></div> 890 <div> 891 <h3>One Formula Cannot Fix Four Different Problems.</h3> 892 <p>Frizz is caused by moisture loss. Damage is caused by broken protein bonds. Dullness is caused by product buildup. These are different problems that require different solutions â which is why we built four distinct collections instead of one catch-all shampoo.</p> 893 </div> 894 </div> 895 </div> 896 </div> 897</section> 898 899<section class="section" id="hair-story"> 900 <div class="page-shell"> 901 <div class="section-head"> 902 <div class="section-kicker">Hair Story</div> 903 <h2 class="serif">This is what your hair could look like.</h2> 904 <p>Soft. Defined. Manageable. No dry ends. No frizz. No fighting it every morning. This is what happens when your shampoo actually works with your hair instead of against it.</p> 905 </div> 906 <div class="bb-story-row"> 907 <div class="bb-story-col"> 908 <div class="bb-story-slider" data-slider="hair"> 909 <div class="bb-story-track"> 910 <div class="bb-story-slide"> 911 <img src="hairstory.jpg" alt="Brazilian Beauty hair story 1" /> 912 <div class="bb-story-caption"><strong>Softness and shine from wash one.</strong><span>Our all natural formulas work immediately â customers feel the difference in their very first shower.</sp
912an></div> 913 </div> 914 <div class="bb-story-slide"> 915 <img src="cc1.jpg" alt="Brazilian Beauty hair story 2" /> 916 <div class="bb-story-caption"><strong>Frizz gone. Confidence back.</strong><span>The Moisturizing Collection was built specifically for humidity, heat, and dryness. Smooth from root to tip.</span></div> 917 </div> 918 <div class="bb-story-slide"> 919 <img src="moisturizingbundle.jpg" alt="Brazilian Beauty hair story 3" /> 920 <div class="bb-story-caption"><strong>Luxury results. Every single day.</strong><span>Healthy-looking texture, movement, and manageability â without a salon visit.</span></div> 921 </div> 922 </div> 923 </div> 924 <div class="bb-story-controls"> 925 <button class="bb-story-btn" data-prev="hair">❮</button> 926 <button class="bb-story-btn" data-next="hair">❯</button> 927 </div> 928 </div> 929 <div class="bb-story-col"> 930 <div class="bb-banner-card"> 931 <img src="aloe1.jpg" alt="Brazilian Beauty editorial banner" /> 932 <div class="bb-banner-copy"> 933 <div class="small-kicker">Brazilian Beauty</div> 934 <h2 class="serif">Stop washing<br>your hair with water-based products.</h2> 935 <p>Every time you shampoo with a water-based formula, you're starting from zero. Our aloe base means every wash actively repairs â not just cleans. Switch once. Feel it immediately.</p> 936 <div class="bb-hero-actions"> 937 <a class="bb-btn primary" href="#treatments">Shop Treatments</a> 938 <a class="bb-btn ghost" href="https://brazilianbeauty.shop/" target="_blank" rel="noopener noreferrer">Visit Full Store</a> 939 </div> 940 </div> 941 </div> 942 </div> 943 </div> 944 </div> 945</section> 946 947<div class="category-divider"> 948 <div class="line"></div> 949 <div class="label">Treatments & Bundles</div> 950 <div class="line right"></div> 951</div> 952 953<section class="section" id="treatments"> 954 <div class="page-shell"> 955 <div class="bb-split-grid"> 956 <article class="bb-group-card"> 957 <div class="bb-group-head"> 958 <div class="small-kicker">Treatments</div> 959 <h3>Take your results further.</h3> 960 <p>Your shampoo and conditioner do the work. These treatments lock it in, protect what you've built, and solve the problems shampoo alone can't â scalp issues, heat damage, loss of shine.</p> 961 </div> 962 <div class="bb-divider"></div> 963 <div class="bb-grid-products"> 964 <div class="bb-grid-item product-swap"> 965 <div class="bb-grid-item-image"> 966 <img class="primary" src="darknourishingmodel.jpg" alt="Nourishing Hair Serum" /> 967 <img class="alt" src="nourishingserum2.jpg" alt="Nourishing Hair Serum alternate" /> 968 </div> 969 <div class="bb-grid-item-body"> 970 <h4>Nourishing Hair Serum â Aloe Based</h4> 971 <p>Apply after washing and leave it in. This serum seals the hair shaft, blocks humidity, and adds a visible gloss that lasts all day â without buildup, without weight. One pump is all it takes. -50ml</p> 972 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">39.00</span></div> 973 <a href="https://brazilianbeauty.shop/products/hair-serum?variant=46615350509806" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 974 </div> 975 </div> 976 <div class="bb-grid-item product-swap"> 977 <div class="bb-grid-item-image"> 978 <img class="primary" src="cc5.jpg" alt="Scalp Soothing Oil" /> 979 <img class="alt" src="sso2.jpg" alt="Scalp Soothing Oil alternate" /> 980 </div> 981 <div class="bb-grid-item-body"> 982 <h4>Scalp Soothing Oil</h4> 983 <p>If your scalp itches, flakes, or feels tight â that's inflammation. This oil stops it fast. Jojoba and rosehip penetrate without residue, calming irritation and rehydrating the scalp at the source. -30ml</p> 984 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">29.00</span></div> 985 <a href="https://brazilianbeauty.shop/products/restorative-hair-oil?variant=46615348740334" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 986 </div> 987 </div> 988 <div class="bb-grid-item product-swap"> 989 <div class="bb-grid-item-image"> 990 <img class="primary" src="cc1.jpg" alt="Hair Mask" /> 991 <img class="alt" src="hairmask2.jpg" alt="Hair Mask alternate" /> 992 </div> 993 <div class="bb-grid-item-body"> 994 <h4>Hair Mask</h4> 995 <p>Use it once a week and your hair will feel the difference within two uses. A deep-conditioning butter that rebuilds softness from the inside â scented with orange, tangerine,
995cranberry and pear. The treatment your hair has been asking for. -200ml</p> 996 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">45.00</span></div> 997 <a href="https://brazilianbeauty.shop/products/hair-mask?variant=46615346348270" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 998 </div> 999 </div> 1000 </div> 1001 </article> 1002 1003 <article class="bb-group-card"> 1004 <div class="bb-group-head"> 1005 <div class="small-kicker">Bundles</div> 1006 <h3>The complete routine. Everything that works, together.</h3> 1007 <p>Stop buying products one at a time and hoping they work together. These bundles are curated systems â every piece chosen to amplify the others. Better results, easier routine, better value.</p> 1008 </div> 1009 <div class="bb-divider"></div> 1010 <div class="bb-grid-products"> 1011 <div class="bb-grid-item product-swap"> 1012 <div class="bb-grid-item-image"> 1013 <img class="primary" src="dailybundle.jpg" alt="Daily Care Bundle" /> 1014 <img class="alt" src="product2.jpg" alt="Daily Care Bundle alternate" /> 1015 </div> 1016 <div class="bb-grid-item-body"> 1017 <h4>Daily Care Bundle</h4> 1018 <p>Everything you need for clean, balanced, healthy hair â daily. Shampoo, conditioner, serum, and mask working as one system. Wake up to hair that looks after itself.</p> 1019 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">128.00</span></div> 1020 <a href="https://brazilianbeauty.shop/products/daily-care-bundle?variant=47652139172078" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1021 </div> 1022 </div> 1023 <div class="bb-grid-item product-swap"> 1024 <div class="bb-grid-item-image"> 1025 <img class="primary" src="moisturizingbundle.jpg" alt="Moisturizing Bundle" /> 1026 <img class="alt" src="moisturizingshampoo4.jpg" alt="Moisturizing Bundle alternate" /> 1027 </div> 1028 <div class="bb-grid-item-body"> 1029 <h4>Moisturizing Bundle</h4> 1030 <p>For hair that's constantly fighting moisture loss. This bundle floods every layer â from scalp to tip â with deep aloe hydration that tames frizz, softens texture, and actually stays in between washes.</p> 1031 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">132.00</span></div> 1032 <a href="https://brazilianbeauty.shop/products/moisturizing-bundle?variant=47652333519086" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1033 </div> 1034 </div> 1035 <div class="bb-grid-item product-swap"> 1036 <div class="bb-grid-item-image"> 1037 <img class="primary" src="nourishingbundle.jpg" alt="Nourishing Bundle" /> 1038 <img class="alt" src="nourishingcollection.jpg" alt="Nourishing Bundle alternate" /> 1039 </div> 1040 <div class="bb-grid-item-body"> 1041 <div class="bb-most-popular-badge" style="margin-bottom:8px;">â Most Popular</div> 1042 <h4>Nourishing Bundle</h4> 1043 <p>The full repair system. Shampoo, conditioner, serum, and mask â all built to reverse damage, rebuild strength, and restore the softness your hair had before the color, the heat, and the overwashing started.</p> 1044 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">135.00</span></div> 1045 <a href="https://brazilianbeauty.shop/products/nourishing-bundle?variant=47652298719470" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1046 </div> 1047 </div> 1048 </div> 1049 </article> 1050 </div> 1051 </div> 1052</section> 1053 1054<div class="category-divider"> 1055 <div class="line"></div> 1056 <div class="label">Tools & Essentials</div> 1057 <div class="line right"></div> 1058</div> 1059 1060<section class="section"> 1061 <div class="page-shell"> 1062 <div class="bb-split-grid"> 1063 <article class="bb-group-card"> 1064 <div class="bb-group-head"> 1065 <div class="small-kicker">Hair Tools</div> 1066 <h3>Style it yourself. Salon results at home.</h3> 1067 <p>The right tool makes the difference between hair that looks done and hair that looks great. These are the tools our stylists actually use â now available for your bathroom.</p> 1068 </div> 1069 <div class="bb-divider"></div> 1070 <div class="bb-grid-products"> 1071 <div class="bb-grid-item product-swap"> 1072 <div class="bb-grid-item-image"> 1073 <img class="primary" src="blowdrykit.jpg" alt="Six In One Blowdry Kit" /> 1074 <img class="alt" src="blowdrykitheads.jpg" alt="Six In One Blowdry Kit alternate" /> 1075 </div> 1076 <div class="bb-grid-item-body"> 1077 <h4>Six In One Blowdry Kit</h4> 1078 <p>Six attachments. One tool. Replace your entire styling drawer. Whether you want a smooth blowout, loose waves, or volume at the root â there's an attachment built for exactly that.</p> 1079 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">179.99</span></div> 1080 <a href="https://brazilianbeauty.shop/products/brazilian-beauty-multi-tool-hair-styler?variant=46615360209134" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1081 </div> 1082 </div> 1083 <div class="bb-grid-item product-swap"> 1084 <div class="bb-grid-item-image"> 1085 <img class="primary" src="thermalbrush3.jpg" alt="Round Thermal Brush" /> 1086 <img class="alt" src="thermalbrush2.jpg" alt="Round Thermal Brush alternate" /> 1087 </div> 1088 <div class="bb-grid-item-body"> 1089 <div class="bb-most-popular-badge" style="margin-bottom:8px;">â Most Popular</div> 1090 <h4>Round Thermal Brush</h4> 1091 <p>The tool that stops blowout appointments. Use it on dry hair for bouncy, voluminous results that last. Our customers say it's the single purchase that changed their entire morning routine.</p> 1092 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">129.99</span></div> 1093 <a href="https://brazilianbeauty.shop/products/blow-dryer-brush?variant=46619461517550" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1094 </div> 1095 </div> 1096 1097 <div class="bb-grid-item product-swap"> 1098 <div class="bb-grid-item-image"> 1099 <img class="primary" src="wcosbag.jpg" alt="Cosmetic Hair Clips" /> 1100 <img class="alt" src="bcosbag.jpg" alt="Cosmetic Hair Clips alternate" /> 1101 </div> 1102 <div class="bb-grid-item-body"> 1103 <h4>Cosmetic Bag</h4> 1104 <p>A sleek everyday essential for keeping your beauty routine organized. Our cosmetic bags are perfect for storing haircare, skincare, makeup, travel minis, and on-the-go must-haves â stylish, compact, and easy to carry wherever the day takes you.</p> 1105 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">12.00</span></div> 1106 <a href="https://brazilianbeauty.shop/products/makeup-bag" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1107 </div> 1108 </div> 1109 </div> 1110 1111 <div class="bb-grid-item product-swap"> 1112 <div class="bb-grid-item-image"> 1113 <img class="primary" src="hairclips.jpg" alt="Cosmetic Hair Clips" /> 1114 <img class="alt" src="hairclips2.jpg" alt="Cosmetic Hair Clips alternate" /> 1115 </div> 1116 <div class="bb-grid-item-body"> 1117 <h4>Cosmetic Hair Clips</h4> 1118 <p>No crease. No damage. No fighting with your hair while you style. These
1118clips hold cleanly and release cleanly â the small upgrade that makes every styling session easier.</p> 1119 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">12.00</span></div> 1120 <a href="https://brazilianbeauty.shop/products/styling-hair-cliips?variant=46619474362606" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1121 </div> 1122 </div> 1123 </div> 1124 </article> 1125 1126 <article class="bb-group-card"> 1127 <div class="bb-group-head"> 1128 <div class="small-kicker">Wellness Essentials</div> 1129 <h3>Great hair is built from the inside, too.</h3> 1130 <p>What you put on your hair matters. So does what you put in your body. These essentials work at the cellular level â supporting the growth, strength, and clarity that no topical product can fully replace on its own.</p> 1131 </div> 1132 <div class="bb-divider"></div> 1133 <div class="bb-grid-products"> 1134 <div class="bb-grid-item product-swap"> 1135 <div class="bb-grid-item-image"> 1136 <img class="primary" src="collagen.jpg" alt="Grass-Fed Collagen Creamer" /> 1137 <img class="alt" src="coffeecreamer.jpg" alt="Grass-Fed Collagen Creamer alternate" /> 1138 </div> 1139 <div class="bb-grid-item-body"> 1140 <h4>Grass-Fed Collagen Creamer â Vanilla</h4> 1141 <p>Collagen is what makes hair strong, skin elastic, and nails resilient. After 25, your body makes less of it every year. This grass-fed creamer adds it back â in your morning coffee, without changing the taste.</p> 1142 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">35.90</span></div> 1143 <a href="https://brazilianbeauty.shop/products/grass-fed-collagen-creamer-vanilla?variant=46670925365486" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1144 </div> 1145 </div> 1146 <div class="bb-grid-item product-swap"> 1147 <div class="bb-grid-item-image"> 1148 <img class="primary" src="vitamins.jpg" alt="Hair Skin and Nails Essentials" /> 1149 <img class="alt" src="pills.jpg" alt="Hair Skin and Nails Essentials alternate" /> 1150 </div> 1151 <div class="bb-grid-item-body"> 1152 <h4>Hair, Skin & Nails Essentials</h4> 1153 <p>Biotin, vitamins, and targeted nutrients that your body needs to grow stronger hair, clearer skin, and harder nails. Results you can see in the mirror â not just on a supplement label.</p> 1154 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">32.90</span></div> 1155 <a href="https://brazilianbeauty.shop/products/hair-skin-and-nails-essentials?variant=46670951940334" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1156 </div> 1157 </div> 1158 <div class="bb-grid-item product-swap"> 1159 <div class="bb-grid-item-image"> 1160 <img class="primary" src="coffeescrub.jpg" alt="Peppermint Coffee Scrub" /> 1161 <img class="alt" src="coffeescrub2.jpg" alt="Peppermint Coffee Scrub alternate" /> 1162 </div> 1163 <div class="bb-grid-item-body"> 1164 <h4>Peppermint Coffee Scrub</h4> 1165 <p>Coffee grounds exfoliate. Peppermint stimulates blood flow. Together they wake up your skin, smooth rough texture, and leave you feeling like you just stepped out of a spa â in your own shower.</p> 1166 <div class="bb-grid-price"><span class="bb-price-currency">$</span><span class="bb-price-amount">22.00</span></div> 1167 <a href="https://brazilianbeauty.shop/products/peppermint-coffee-scrub?variant=46671022391534" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1168 </div> 1169 </div> 1170 <div class="bb-grid-item product-swap"> 1171 <div class="bb-grid-item-image"> 1172 <img class="primary" src="giftcard.jpg" alt="Gift Card" /> 1173 <img class="alt" src="giftcard.jpg" alt="Gift Card alternate" /> 1174 </div> 1175 <div class="bb-grid-item-body"> 1176 <h4>Gift Card</h4> 1177 <p>Give someone the routine that changes their hair. They pick what they need. You give them something they'll actually use and thank you for.</p> 1178 <a href="https://brazilianbeauty.shop/products/brazilian-beauty-gift-card?variant=47141925159150" class="external-shop-button" target="_blank" rel="noopener noreferrer">Shop Now â</a> 1179 </div> 1180 </div> 1181 </div> 1182 </article> 1183 </div> 1184 </div> 1185</section> 1186 1187<footer class="site-footer"> 1188 <div class="footer-content"> 1189 <p>© 2025 Brazilian Beauty. All rights reserved.</p> 1190 <div class="social-icons"> 1191 <a href="https://www.instagram.com/brazilianbeauty.pro?igsh=MTZ5eXRiMWJ6M2pkMw==" target="_blank" aria-label="Instagram"><img src="instagram.png" alt="Instagram" /></a> 1192 <a href="https://www.facebook.com/brazilianbeautypompanobeach" target="_blank" aria-label="Facebook"><img src="facebook.png" alt="Facebook" /></a> 1193 <a href="https://www.tiktok.com/@brazilianbeautybbs" target="_blank" aria-label="TikTok"><img src="tiktok.png" alt="TikTok" /></a> 1194 </div> 1195 </div> 1196 <div style="text-align:center;margin-top:12px;"> 1197 <a href='/contactus' style='display:inline-block;background-color:#1c1710;color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;padding:8px 20px;border-radius:999px;'>Contact Us</a> 1198 </div> 1199</footer> 1200
1201<script> 1202window.addEventListener("load", function () { 1203 const carousel = document.querySelector(".carousel"); 1204 const oldInner = document.querySelector(".carousel .carousel-inner"); 1205 if (carousel && oldInner) { 1206 const imgs = Array.from(oldInner.querySelectorAll("img.carousel-img")); 1207 if (imgs.length >= 2) { 1208 const fixed = document.createElement("div"); 1209 fixed.className = "carousel-inner--fixed"; 1210 imgs.forEach((img) => fixed.appendChild(img.cloneNode(true))); 1211 const prevBtn = carousel.querySelector(".prev"); 1212 carousel.insertBefore(fixed, prevBtn); 1213 let current = 0, timer = null; 1214 function visibleCount(){ return window.innerWidth >= 1024 ? 3 : 1; } 1215 function maxIndex(){ return Math.max(0, imgs.length - visibleCount()); } 1216 function goTo(index){ 1217 const m = maxIndex(); 1218 current = index > m ? 0 : index < 0 ? m : index; 1219 const w = carousel.clientWidth / visibleCount(); 1220 fixed.style.transform = 'translateX(-' + (current * w) + 'px)'; 1221 } 1222 function resetAutoplay(){ 1223 if (timer) clearInterval(timer); 1224 timer = setInterval(() => goTo(current + 1), 2000); 1225 } 1226 const nextBtn = carousel.querySelector(".next"); 1227 if (prevBtn){ prevBtn.onclick=null; prevBtn.addEventListener("click",function(e){e.preventDefault();e.stopPropagation();goTo(current-1);resetAutoplay();},true); } 1228 if (nextBtn){ nextBtn.onclick=null; nextBtn.addEventListener("click",function(e){e.preventDefault();e.stopPropagation();goTo(current+1);resetAutoplay();},true); } 1229 window.addEventListener("resize", function(){ goTo(current); }); 1230 goTo(0); resetAutoplay(); 1231 } 1232 } 1233 1234 function setupSwapCards(selector){ 1235 const cards = document.querySelectorAll(selector); 1236 cards.forEach(function(card){ 1237 card.addEventListener("touchstart",function(){ 1238 cards.forEach(function(other){ if(other!==card) other.classList.remove("active"); }); 1239 card.classList.toggle("active"); 1240 },{passive:true}); 1241 card.addEventListener("mouseenter",function(){ card.classList.add("active"); }); 1242 card.addEventListener("mouseleave",function(){ card.classList.remove("active"); }); 1243 }); 1244 } 1245 setupSwapCards(".product-swap"); 1246 1247 function initStorySlider(name){ 1248 const slider = document.querySelector('[data-slider="'+name+'"]'); 1249 if(!slider) return; 1250 const track = slider.querySelector(".bb-story-track"); 1251 const slides = slider.querySelectorAll(".bb-story-slide"); 1252 const prev = document.querySelector('[data-prev="'+name+'"]'); 1253 const next = document.querySelector('[data-next="'+name+'"]'); 1254 if(!track||!slides.length) return; 1255 let current = 0; 1256 function goTo(index){ 1257 if(index<0) index=slides.length-1; 1258 if(index>=slides.length) index=0; 1259 current=index; 1260 track.style.transform='translateX(-'+(current*100)+'%)'; 1261 } 1262 if(prev) prev.addEventListener("click",function(){ goTo(current-1); }); 1263 if(next) next.addEventListener("click",function(){ goTo(current+1); }); 1264 goTo(0); 1265 } 1266 initStorySlider("hair"); 1267 1268 const stickyBar = document.getElementById('bb-sticky-bar'); 1269 if(stickyBar){ 1270 let stickyShown = false; 1271 window.addEventListener('scroll', function(){ 1272 const scrolled = window.scrollY > 500; 1273 if(scrolled && !stickyShown){ stickyBar.classList.add('visible'); stickyShown = true; } 1274 else if(!scrolled && stickyShown){ stickyBar.classList.remove('visible'); stickyShown = false; } 1275 }, {passive:true}); 1276 } 1277 1278 const msgs = document.querySelectorAll('.announce-msg'); 1279 if(msgs.length > 1){ 1280 let cur = 0; 1281 setInterval(function(){ 1282 msgs[cur].classList.remove('active'); 1283 cur = (cur + 1) % msgs.length; 1284 msgs[cur].classList.add('active'); 1285 }, 4000); 1286 } 1287}); 1288</script>
1288 1289 1290
1291<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="5f5bcbe2-1d21-46ae-ab0f-d0989e306ba6" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiNWY1YmNiZTItMWQyMS00NmFlLWFiMGYtZDA5ODllMzA2YmE2IiwiYWNjb3VudF9pZCI6IjY4NWFhZTE4ZjRjMTEwMjg3MWY5MTc0NyIsImRlcGxveV9pZCI6IjZhYmFkMTIyZjA3N2NhMDAwODg5NDM1YSIsImlzc3VlciI6Im5mc2VydmVyIn0.5MyPSLPx24mp3UeqwsXm4eHFFFkjyEPJnApl9E_cDdc"></script>
1291 1292</body> 1293</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.