Size
/* Main container */ .product-container { max-width: 900px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #222; line-height: 1.6; padding: 0 20px; background-color: #fff; } /* Description paragraph */ .product-container p { font-size: 15px; color: #333; margin-bottom: 18px; } /* Key Benefits Section */ .key-benefits { background-color: #fcfaf7; border-radius: 10px; padding: 20px; margin: 25px 0; } .key-benefits h3 { color: #7b6149; font-weight: 600; margin-bottom: 12px; } .key-benefits ul { margin: 0; padding-left: 20px; color: #333; } .key-benefits ul li { margin-bottom: 8px; } /* Info boxes (HOLD / SCENT) */ .product-extra-info { display: flex; justify-content: flex-start; gap: 30px; margin: 25px 0; } .prod-info-info span { font-size: 13px; letter-spacing: 1px; font-weight: 600; color: #7b6149; display: block; } .prod-info-info p { font-size: 15px; color: #333; margin: 3px 0 0 0; } /* Accordion styling */ .accordion_container { border-top: 1px solid #e0e0e0; } .accordion_head { font-size: 16px; font-weight: 600; color: #7b6149; cursor: pointer; padding: 18px 0; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s ease; } .accordion_head:hover { background-color: #faf8f6; } .plusminus { font-weight: 400; font-size: 18px; transition: transform 0.3s ease; } .accordion_body { display: none; padding: 15px 0; color: #333; font-size: 15px; line-height: 1.8; } .accordion_body.show { display: block; } /* Social links */ .product-social { margin-top: 15px; font-size: 15px; display: flex; flex-wrap: wrap; gap: 20px; color: #7b6149; } .product-social a { text-decoration: none; color: #7b6149; } .product-social a:hover { text-decoration: underline; } /* Footer */ .product-after { border-top: 1px solid #e0e0e0; margin-top: 30px; padding-top: 20px; font-size: 14px; color: #555; } .product-after a { color: #7b6149; font-weight: 600; text-decoration: none; } .product-after a:hover { text-decoration: underline; } /* Responsive */ @media (max-width: 768px) { .product-extra-info { flex-direction: column; gap: 15px; } } Discover our Grooming Oil—the same beloved formula as our original Beard Oils. Perfect for men and women, this versatile oil nourishes skin, softens facial hair, and adds a natural radiant glow. Ideal for shared routines and multi-purpose use. Lightweight and fast-absorbing, it smooths fine lines, tames stray hairs, and leaves your skin and beard effortlessly polished. Key Benefits Deeply hydrates skin & beard for a soft, healthy finish Lightweight, non-greasy, and fast-absorbing Multi-purpose: beard oil, facial oil, or shaving oil Softens coarse hair and smooths fine lines 100% natural, organic, and vegan-friendly Perfect for both men and women HOLD Light SCENT Cedarwood, Ylang Ylang & Ho Wood WHAT IT SMELLS LIKE+ Warm, woodsy aroma with subtle hints of vanilla, smoke, and tobacco—refined and comforting. INGREDIENTS+ *Cannabis Sativa (Hempseed) Oil, *Sesamum Indicum (Sesame) Oil, *Simmondsia Chinensis (Jojoba) Oil, *Argania Spinosa (Argan) Oil, Essential Oils of *Cedrus Deodara (Cedarwood), *Cananga Odorata (Ylang Ylang), *Cinnamomum Camphora (Ho Wood), Rosmarinus Officinalis (Rosemary) Leaf Extract, Tocopherol (Vitamin E). *= organic and vegan-friendly **Vitamin E from non-GMO soy sources SHARE+ 📘 Facebook 🐦 Twitter 📸 Instagram 📌 Pinterest 100% natural, organic, and vegan-friendly. Variations in texture or color may occur due to natural ingredients. Cloudy appearance during temperature changes is normal. For crystallized oil, follow this simple fix. Questions? info@brooklyngrooming.com const accordions = document.querySelectorAll(".accordion_head"); accordions.forEach(head => { head.addEventListener("click", function() { const body = this.nextElementSibling; const plusminus = this.querySelector(".plusminus"); body.classList.toggle("show"); plusminus.textContent = body.classList.contains("show") ? "–" : "+"; }); });
/* Main container */ .product-container { max-width: 900px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #222; line-height: 1.6; padding: 0 20px; background-color: #fff; } /* Description paragraph */ .product-container p { font-size: 15px; color: #333; margin-bottom: 18px; } /* Key Benefits Section */ .key-benefits { background-color: #fcfaf7; border-radius: 10px; padding: 20px; margin: 25px 0; } .key-benefits h3 { color: #7b6149; font-weight: 600; margin-bottom: 12px; } .key-benefits ul { margin: 0; padding-left: 20px; color: #333; } .key-benefits ul li { margin-bottom: 8px; } /* Info boxes (HOLD / SCENT) */ .product-extra-info { display: flex; justify-content: flex-start; gap: 30px; margin: 25px 0; } .prod-info-info span { font-size: 13px; letter-spacing: 1px; font-weight: 600; color: #7b6149; display: block; } .prod-info-info p { font-size: 15px; color: #333; margin: 3px 0 0 0; } /* Accordion styling */ .accordion_container { border-top: 1px solid #e0e0e0; } .accordion_head { font-size: 16px; font-weight: 600; color: #7b6149; cursor: pointer; padding: 18px 0; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s ease; } .accordion_head:hover { background-color: #faf8f6; } .plusminus { font-weight: 400; font-size: 18px; transition: transform 0.3s ease; } .accordion_body { display: none; padding: 15px 0; color: #333; font-size: 15px; line-height: 1.8; } .accordion_body.show { display: block; } /* Social links */ .product-social { margin-top: 15px; font-size: 15px; display: flex; flex-wrap: wrap; gap: 20px; color: #7b6149; } .product-social a { text-decoration: none; color: #7b6149; } .product-social a:hover { text-decoration: underline; } /* Footer */ .product-after { border-top: 1px solid #e0e0e0; margin-top: 30px; padding-top: 20px; font-size: 14px; color: #555; } .product-after a { color: #7b6149; font-weight: 600; text-decoration: none; } .product-after a:hover { text-decoration: underline; } /* Responsive */ @media (max-width: 768px) { .product-extra-info { flex-direction: column; gap: 15px; } } Discover our Grooming Oil—the same beloved formula as our original Beard Oils. Perfect for men and women, this versatile oil nourishes skin, softens facial hair, and adds a natural radiant glow. Ideal for shared routines and multi-purpose use. Lightweight and fast-absorbing, it smooths fine lines, tames stray hairs, and leaves your skin and beard effortlessly polished. Key Benefits Deeply hydrates skin & beard for a soft, healthy finish Lightweight, non-greasy, and fast-absorbing Multi-purpose: beard oil, facial oil, or shaving oil Softens coarse hair and smooths fine lines 100% natural, organic, and vegan-friendly Perfect for both men and women HOLD Light SCENT Cedarwood, Ylang Ylang & Ho Wood WHAT IT SMELLS LIKE+ Warm, woodsy aroma with subtle hints of vanilla, smoke, and tobacco—refined and comforting. INGREDIENTS+ *Cannabis Sativa (Hempseed) Oil, *Sesamum Indicum (Sesame) Oil, *Simmondsia Chinensis (Jojoba) Oil, *Argania Spinosa (Argan) Oil, Essential Oils of *Cedrus Deodara (Cedarwood), *Cananga Odorata (Ylang Ylang), *Cinnamomum Camphora (Ho Wood), Rosmarinus Officinalis (Rosemary) Leaf Extract, Tocopherol (Vitamin E). *= organic and vegan-friendly **Vitamin E from non-GMO soy sources SHARE+ 📘 Facebook 🐦 Twitter 📸 Instagram 📌 Pinterest 100% natural, organic, and vegan-friendly. Variations in texture or color may occur due to natural ingredients. Cloudy appearance during temperature changes is normal. For crystallized oil, follow this simple fix. Questions? info@brooklyngrooming.com const accordions = document.querySelectorAll(".accordion_head"); accordions.forEach(head => { head.addEventListener("click", function() { const body = this.nextElementSibling; const plusminus = this.querySelector(".plusminus"); body.classList.toggle("show"); plusminus.textContent = body.classList.contains("show") ? "–" : "+"; }); });