/*
Theme Name: BARE Homeopathy Responsive Tabs Active Nav
Theme URI: https://barehomeo.local
Author: BARE Homeopathy
Description: Version 1.2.0 beauty-store inspired WordPress theme with Login and Sign Up account pages for BARE Homeopathic Bath Bars with premium category navigation, offer strip, product grids, cart, checkout, account, wishlist and footer pages.
Version: 1.3.2
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: bare-homeo
*/

:root{
  --bare-green:#123f2a;
  --bare-dark:#101915;
  --bare-cream:#fbf7ef;
  --bare-soft:#f3eadf;
  --bare-white:#fff;
  --bare-line:#e6d9c9;
  --bare-gold:#b88a45;
  --bare-muted:#6f665c;
  --bare-shadow:0 10px 32px rgba(18,63,42,.09);
  --bare-max:1220px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{
  background:var(--bare-cream);
  color:var(--bare-dark);
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.55;
}
body.admin-bar .bare-header{top:32px}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.bare-container{width:min(var(--bare-max),calc(100% - 32px));margin:0 auto}

/* Utility header like beauty marketplace */
.bare-utility{
  background:#fff;
  border-bottom:1px solid var(--bare-line);
  font-size:12px;
}
.bare-utility .bare-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:34px;
  gap:14px;
}
.bare-utility-left,.bare-utility-right{display:flex;gap:18px;align-items:center;white-space:nowrap}
.bare-utility a{color:#333}
.bare-offer-bar{
  background:var(--bare-green);
  color:#fff;
  text-align:center;
  padding:9px 12px;
  font-size:13px;
  letter-spacing:.05em;
  font-weight:700;
}

/* Main header */
.bare-header{
  position:sticky;
  top:0;
  z-index:100;
  background:#fff;
  border-bottom:1px solid var(--bare-line);
}
.bare-main-head{
  display:grid;
  grid-template-columns:220px 1fr 190px;
  align-items:center;
  gap:20px;
  min-height:78px;
}
.bare-logo{
  font-family:Georgia,serif;
  color:var(--bare-green);
  font-size:42px;
  line-height:1;
  letter-spacing:.16em;
  display:inline-block;
}
.bare-logo span{
  display:block;
  font-family:Arial,sans-serif;
  font-size:10px;
  letter-spacing:.15em;
  margin-top:7px;
  text-transform:uppercase;
}
.bare-search{
  position:relative;
  width:100%;
}
.bare-search input{
  width:100%;
  height:46px;
  border:1px solid var(--bare-line);
  border-radius:999px;
  padding:0 50px 0 20px;
  background:#faf7f1;
  outline:none;
}
.bare-search button{
  position:absolute;
  right:6px;
  top:6px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:0;
  background:var(--bare-green);
  color:#fff;
  cursor:pointer;
}
.bare-head-icons{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:16px;
}
.bare-head-icons a,.bare-menu-toggle{
  border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;padding:6px;color:var(--bare-dark);
}
.bare-mobile-logo{display:none}

/* Category nav */
.bare-cat-nav{
  border-top:1px solid var(--bare-line);
  background:#fff;
}
.bare-cat-row{
  display:flex;
  align-items:center;
  gap:28px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  min-height:48px;
}
.bare-cat-row::-webkit-scrollbar{display:none}
.bare-cat-row a{
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  color:#26221d;
}
.bare-cat-row a.active{color:var(--bare-green);border-bottom:2px solid var(--bare-green);padding:15px 0}

/* Drawer */
.bare-drawer{position:fixed;inset:0;z-index:999;pointer-events:none}
.bare-drawer.is-open{pointer-events:auto}
.bare-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:.22s}
.bare-drawer.is-open .bare-overlay{opacity:1}
.bare-panel{
  position:absolute;left:0;top:0;bottom:0;width:min(360px,92vw);
  background:#fff;transform:translateX(-105%);transition:.24s ease;
  overflow:auto;padding:22px;box-shadow:30px 0 70px rgba(0,0,0,.18)
}
.bare-drawer.is-open .bare-panel{transform:translateX(0)}
.bare-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.bare-drawer-title{font-weight:900;letter-spacing:.12em}
.bare-close{width:34px;height:34px;border:1px solid var(--bare-line);background:#fff;border-radius:8px;cursor:pointer}
.bare-drawer-section{border-top:1px solid var(--bare-line);padding:15px 0}
.bare-drawer-section h4{font-size:12px;color:var(--bare-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px}
.bare-drawer-section a{display:block;padding:7px 0}
.bare-quote{background:var(--bare-green);color:#fff;border-radius:14px;padding:17px;margin-top:12px;font-family:Georgia,serif}

/* Buttons */
.bare-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;border:0;border-radius:999px;background:var(--bare-green);color:#fff;
  padding:11px 22px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
}
.bare-btn.alt{background:#fff;color:var(--bare-green);border:1px solid var(--bare-green)}
.bare-btn.full{width:100%}

/* Homepage */
.bare-hero{padding:26px 0 34px}
.bare-hero-card{
  background:linear-gradient(115deg,#f5eadf 0%,#fff 45%,#dfead7 100%);
  border:1px solid var(--bare-line);
  border-radius:26px;
  min-height:420px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:28px;
  overflow:hidden;
  box-shadow:var(--bare-shadow);
  padding:42px;
}
.bare-kicker{color:var(--bare-gold);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.bare-hero h1{
  font-family:Georgia,serif;
  color:var(--bare-green);
  font-size:58px;
  line-height:1.04;
  margin:14px 0 16px;
  max-width:620px;
}
.bare-hero p{font-size:18px;max-width:520px;margin:0 0 24px}
.bare-hero-visual{
  width:100%;
  min-height:310px;
  border-radius:28px;
  background:radial-gradient(circle at 70% 18%,#fff 0 22%,#eef5e8 23% 58%,#e1d0b7 100%);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bare-soap-stack{position:relative;width:min(420px,90%);height:245px}
.bare-soap{
  position:absolute;left:8%;right:8%;height:76px;border-radius:24px;
  display:flex;align-items:center;justify-content:center;
  font-family:Georgia,serif;font-size:33px;letter-spacing:.13em;color:var(--bare-green);
  box-shadow:0 18px 36px rgba(0,0,0,.12)
}
.bare-soap:nth-child(1){top:0;background:#dce8d3}
.bare-soap:nth-child(2){top:72px;left:0;right:0;background:#ecd39d}
.bare-soap:nth-child(3){top:144px;background:#b9815c;color:#fffaf4}

/* Offer tiles */
.bare-offer-tiles{padding:4px 0 36px}
.bare-tile-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bare-offer-tile{
  min-height:120px;border-radius:18px;border:1px solid var(--bare-line);background:#fff;padding:22px;
  box-shadow:0 8px 24px rgba(0,0,0,.04)
}
.bare-offer-tile h3{margin:0 0 6px;font-size:20px;color:var(--bare-green)}
.bare-offer-tile p{margin:0;color:var(--bare-muted)}

/* Categories like store carousel */
.bare-section{padding:44px 0}
.bare-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;
}
.bare-section-title{margin:0;font-size:28px;font-family:Georgia,serif;color:var(--bare-green)}
.bare-view-all{font-size:13px;font-weight:800;color:var(--bare-green)}
.bare-category-row{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}
.bare-category-card{
  background:#fff;border:1px solid var(--bare-line);border-radius:18px;padding:14px;text-align:center;
  box-shadow:0 8px 22px rgba(0,0,0,.04);
}
.bare-category-img{
  aspect-ratio:1/1;border-radius:14px;background:linear-gradient(135deg,#dfead7,#f3dcc2);
  display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;color:var(--bare-green);font-size:30px;
}
.bare-category-card h3{margin:12px 0 2px;font-size:14px}

/* Product grids */
.bare-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bare-product-card{
  background:#fff;border:1px solid var(--bare-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.04);
}
.bare-product-img{
  aspect-ratio:1/1;background:linear-gradient(135deg,#e4eedc,#f2d8ba);
  display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;color:var(--bare-green);font-size:34px;letter-spacing:.12em;
}
.bare-product-body{padding:16px}
.bare-product-body h3{font-size:14px;line-height:1.4;margin:0 0 8px;min-height:40px}
.bare-rating{font-size:13px;color:#d39a28;margin-bottom:8px}
.bare-price{font-size:18px;font-weight:900;margin-bottom:12px}
.bare-badge{display:inline-block;background:#edf5e8;color:var(--bare-green);font-size:11px;font-weight:800;border-radius:999px;padding:4px 9px;margin-bottom:8px}

/* Newsletter */
.bare-newsletter{
  margin:42px 0 0;
  background:#1b3f2d;
  color:#fff;
  border-radius:24px;
  padding:34px;
  display:grid;
  grid-template-columns:1fr 420px;
  gap:24px;
  align-items:center;
}
.bare-newsletter h2{font-family:Georgia,serif;font-size:32px;margin:0 0 8px}
.bare-newsletter p{margin:0;color:#f5eadb}
.bare-newsletter-form{display:flex;gap:10px}
.bare-newsletter input{flex:1;border:0;border-radius:999px;padding:13px 16px}

/* Product detail */
.bare-product-detail{padding:34px 0 58px}
.bare-breadcrumb{font-size:13px;color:var(--bare-muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.bare-product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:40px}
.bare-gallery{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px}
.bare-thumbs{display:flex;flex-direction:column;gap:12px}
.bare-thumb,.bare-main-image{background:#fff;border:1px solid var(--bare-line);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--bare-green);font-family:Georgia,serif}
.bare-thumb{height:82px;font-size:13px}
.bare-main-image{min-height:480px;background:linear-gradient(135deg,#fff,#e7f0df);padding:22px}
.bare-kit-visual{width:min(600px,100%);aspect-ratio:1.2/1;border-radius:26px;background:linear-gradient(135deg,#fffaf0,#dce8d3);display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px rgba(18,63,42,.08),0 18px 40px rgba(0,0,0,.10)}
.bare-kit-visual strong{font-family:Georgia,serif;font-size:52px;letter-spacing:.16em}
.bare-kit-visual span{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.bare-product-info h1{font-family:Georgia,serif;font-size:42px;line-height:1.1;margin:8px 0;color:#111}
.bare-stock{display:inline-flex;margin-left:10px;background:#e7efdf;color:var(--bare-green);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.bare-kit-includes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.bare-mini-card{background:#fff;border:1px solid var(--bare-line);border-radius:14px;padding:14px;font-size:13px;line-height:1.4}
.bare-actions{display:grid;grid-template-columns:88px 1fr 1fr;gap:12px;margin:20px 0}
.bare-qty{min-height:42px;background:#fff;border:1px solid var(--bare-line);border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900}
.bare-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}
.bare-feature{display:flex;gap:8px;align-items:center;font-size:13px;line-height:1.3}
.bare-feature span:first-child{font-size:20px;flex:0 0 22px;text-align:center}
.bare-product-tabs{margin-top:24px;background:#fff;border:1px solid var(--bare-line);border-radius:18px;overflow:hidden}
.bare-tabs-nav{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--bare-line)}
.bare-tabs-nav button{border:0;background:#fff;padding:15px 10px;font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer}
.bare-tab-content{padding:24px}
.bare-info-box{background:#fff;border:1px solid var(--bare-line);border-radius:18px;padding:22px;margin-top:22px}

/* Pages */
.bare-page{padding:44px 0}
.bare-page-card{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--bare-line);border-radius:22px;padding:34px;box-shadow:var(--bare-shadow)}
.bare-page-card h1{font-family:Georgia,serif;color:var(--bare-green);font-size:42px;line-height:1.1;margin-top:0}
.bare-form input,.bare-form textarea,.bare-form select{width:100%;border:1px solid var(--bare-line);border-radius:12px;padding:13px 14px;margin-bottom:12px;background:#fff}
.bare-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}
.bare-coupon{display:flex;gap:10px;background:#fffaf7;border:1px dashed var(--bare-gold);border-radius:14px;padding:16px;margin:18px 0;align-items:center}
.bare-coupon input{flex:1;border:1px solid var(--bare-line);border-radius:999px;padding:12px;min-width:0}
.bare-table-wrap{width:100%;overflow-x:auto}
.bare-cart-table{width:100%;min-width:620px;border-collapse:collapse}
.bare-cart-table th,.bare-cart-table td{padding:14px;border-bottom:1px solid var(--bare-line);text-align:left}
.bare-summary{background:#fff;border:1px solid var(--bare-line);border-radius:18px;padding:22px;margin-top:18px}
.bare-summary-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--bare-line)}
.bare-summary-row.discount{color:var(--bare-green);font-weight:900}

/* Footer */
.bare-footer{background:#fff;border-top:1px solid var(--bare-line);margin-top:48px}
.bare-footer-top{padding:34px 0;border-bottom:1px solid var(--bare-line)}
.bare-footer-brand{font-size:26px;font-family:Georgia,serif;color:var(--bare-green);letter-spacing:.14em;margin-bottom:8px}
.bare-footer-main{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:30px;padding:38px 0}
.bare-footer h4{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.bare-footer a{display:block;color:#514941;margin:7px 0;font-size:14px}
.bare-footer p{color:#514941}
.bare-footer-bottom{border-top:1px solid var(--bare-line);padding:17px 0;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#514941;font-size:13px}
.bare-whatsapp{position:fixed;right:18px;bottom:18px;z-index:80;background:#22c55e;color:#fff;border-radius:999px;padding:12px 17px;font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.18)}

/* responsive */
@media(max-width:1050px){
  .bare-main-head{grid-template-columns:auto 1fr auto}
  .bare-main-head .bare-logo{display:none}
  .bare-mobile-logo{display:block;font-family:Georgia,serif;color:var(--bare-green);font-size:34px;letter-spacing:.16em}
  .bare-hero-card,.bare-product-layout{grid-template-columns:1fr}
  .bare-category-row{grid-template-columns:repeat(3,1fr)}
  .bare-product-grid{grid-template-columns:repeat(2,1fr)}
  .bare-footer-main{grid-template-columns:repeat(2,1fr)}
  .bare-newsletter{grid-template-columns:1fr}
}
@media(max-width:782px){body.admin-bar .bare-header{top:46px}}
@media(max-width:700px){
  .bare-container{width:calc(100% - 24px)}
  .bare-utility{display:none}
  .bare-offer-bar{font-size:11px;padding:7px 8px}
  .bare-main-head{min-height:68px;grid-template-columns:auto 1fr auto;gap:10px}
  .bare-mobile-logo{font-size:27px}
  .bare-search{display:none}
  .bare-cat-row{gap:20px;min-height:44px}
  .bare-cat-row a{font-size:12px}
  .bare-hero{padding:18px 0 28px}
  .bare-hero-card{padding:24px 18px;border-radius:20px;min-height:0}
  .bare-hero h1{font-size:38px;line-height:1.05}
  .bare-hero p{font-size:15px}
  .bare-hero-visual{min-height:240px;border-radius:20px}
  .bare-soap-stack{height:190px}
  .bare-soap{height:62px;border-radius:20px;font-size:24px}
  .bare-soap:nth-child(2){top:58px}.bare-soap:nth-child(3){top:116px}
  .bare-tile-row,.bare-category-row,.bare-product-grid,.bare-kit-includes,.bare-contact-grid,.bare-footer-main{grid-template-columns:1fr}
  .bare-section{padding:34px 0}
  .bare-section-title{font-size:25px}
  .bare-newsletter{padding:22px;border-radius:18px}
  .bare-newsletter-form{flex-direction:column}
  .bare-gallery{grid-template-columns:1fr}
  .bare-thumbs{order:2;flex-direction:row;overflow:auto}
  .bare-thumb{min-width:82px}
  .bare-main-image{min-height:280px}
  .bare-kit-visual strong{font-size:34px}
  .bare-product-info h1{font-size:32px}
  .bare-stock{margin-left:0;margin-top:7px}
  .bare-actions{grid-template-columns:1fr}
  .bare-feature-row{grid-template-columns:1fr 1fr}
  .bare-tabs-nav{display:flex;overflow-x:auto}
  .bare-tabs-nav button{flex:0 0 auto;padding:13px 15px}
  .bare-page-card{padding:18px;border-radius:18px}
  .bare-page-card h1{font-size:32px}
  .bare-coupon{flex-direction:column;align-items:stretch}
  .bare-btn{width:100%}
  .bare-footer-bottom{display:block}
  .bare-footer-bottom span{display:block;margin:7px 0}
}
@media(max-width:420px){
  .bare-feature-row{grid-template-columns:1fr}
  .bare-hero h1{font-size:34px}
}


/* Account Login / Sign Up */
.bare-auth-wrap{
  max-width:1040px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:28px;
  align-items:stretch;
}
.bare-auth-side{
  background:linear-gradient(135deg,#123f2a,#28563a);
  color:#fff;
  border-radius:24px;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:520px;
}
.bare-auth-side h2{
  font-family:Georgia,serif;
  font-size:36px;
  line-height:1.1;
  margin:0 0 14px;
}
.bare-auth-side p{color:#f5eadb;margin:0 0 18px}
.bare-auth-benefits{
  display:grid;
  gap:12px;
  margin-top:22px;
}
.bare-auth-benefit{
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:12px;
}
.bare-auth-benefit strong{display:block}
.bare-auth-card{
  background:#fff;
  border:1px solid var(--bare-line);
  border-radius:24px;
  padding:30px;
  box-shadow:var(--bare-shadow);
}
.bare-auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  background:#f6efe6;
  padding:6px;
  border-radius:999px;
  margin-bottom:24px;
}
.bare-auth-tab{
  border:0;
  border-radius:999px;
  background:transparent;
  padding:12px;
  font-weight:900;
  cursor:pointer;
  color:#514941;
}
.bare-auth-tab.active{
  background:#fff;
  color:var(--bare-green);
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}
.bare-auth-panel{display:none}
.bare-auth-panel.active{display:block}
.bare-auth-panel h2{
  font-family:Georgia,serif;
  font-size:32px;
  line-height:1.12;
  margin:0 0 8px;
  color:var(--bare-green);
}
.bare-auth-panel p{color:var(--bare-muted);margin:0 0 20px}
.bare-auth-form label{
  display:block;
  font-size:13px;
  font-weight:800;
  margin:12px 0 6px;
}
.bare-auth-form input{
  width:100%;
  border:1px solid var(--bare-line);
  background:#fffaf7;
  border-radius:14px;
  padding:13px 14px;
  outline:none;
}
.bare-auth-form input:focus{
  border-color:var(--bare-green);
  box-shadow:0 0 0 3px rgba(18,63,42,.08);
}
.bare-auth-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0 20px;
  font-size:13px;
}
.bare-auth-row label{
  margin:0;
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:500;
}
.bare-auth-row input{width:auto}
.bare-auth-link{
  color:var(--bare-green);
  font-weight:800;
}
.bare-social-login{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px;
}
.bare-social-login button{
  border:1px solid var(--bare-line);
  background:#fff;
  border-radius:999px;
  padding:12px;
  font-weight:800;
  cursor:pointer;
}
.bare-auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--bare-muted);
  font-size:12px;
  margin:20px 0;
}
.bare-auth-divider:before,.bare-auth-divider:after{
  content:"";
  height:1px;
  background:var(--bare-line);
  flex:1;
}
.bare-terms-small{
  font-size:12px;
  color:var(--bare-muted);
  margin-top:14px;
}
.bare-account-note{
  background:#fffaf7;
  border:1px solid var(--bare-line);
  border-radius:16px;
  padding:14px;
  font-size:13px;
  margin-top:16px;
}

@media(max-width:900px){
  .bare-auth-wrap{grid-template-columns:1fr}
  .bare-auth-side{min-height:auto}
}
@media(max-width:700px){
  .bare-auth-side,.bare-auth-card{border-radius:18px;padding:20px}
  .bare-auth-side h2{font-size:30px}
  .bare-auth-panel h2{font-size:28px}
  .bare-social-login{grid-template-columns:1fr}
  .bare-auth-row{display:block}
  .bare-auth-row a{display:inline-block;margin-top:10px}
}


/* Active category navigation fix */
.bare-cat-row a.active{
  color:var(--bare-green)!important;
  border-bottom:2px solid var(--bare-green);
  padding:15px 0;
}
.bare-cat-row a:not(.active){
  border-bottom:2px solid transparent;
  padding:15px 0;
}


/* v1.3 Manager Ready: Dynamic logo + homepage slider */
.bare-logo-img{
  max-height:58px;
  width:auto;
  object-fit:contain;
}
.bare-logo.has-image{
  letter-spacing:0;
}
.bare-managed-slider{
  padding:24px 0 8px;
}
.bare-slider-shell{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid var(--bare-line);
  background:#fff;
  box-shadow:var(--bare-shadow);
}
.bare-slider-track{
  display:flex;
  transition:transform .55s ease;
  will-change:transform;
}
.bare-slide{
  min-width:100%;
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
  padding:42px;
  background:linear-gradient(115deg,#f5eadf 0%,#fff 45%,#dfead7 100%);
  color:var(--bare-dark);
}
.bare-slide-content{
  max-width:560px;
}
.bare-slide-title{
  font-family:Georgia,serif;
  color:var(--bare-green);
  font-size:52px;
  line-height:1.05;
  margin:10px 0 14px;
}
.bare-slide-subtitle{
  color:var(--bare-gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.bare-slide-text{
  font-size:18px;
  color:#514941;
  margin-bottom:22px;
}
.bare-slide-image{
  min-height:320px;
  border-radius:24px;
  background:radial-gradient(circle at 70% 18%,#fff 0 22%,#eef5e8 23% 58%,#e1d0b7 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.bare-slide-image img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
}
.bare-slider-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:16px;
  display:flex;
  gap:8px;
  justify-content:center;
  z-index:5;
}
.bare-slider-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  border:0;
  background:rgba(18,63,42,.25);
  cursor:pointer;
}
.bare-slider-dot.active{
  width:26px;
  background:var(--bare-green);
}
.bare-policy-content h2,.bare-policy-content h3{
  color:var(--bare-green);
}
.bare-faq-item{
  border:1px solid var(--bare-line);
  border-radius:14px;
  padding:16px;
  margin:12px 0;
  background:#fffaf7;
}
.bare-faq-item strong{
  display:block;
  color:var(--bare-green);
  margin-bottom:6px;
}
@media(max-width:800px){
  .bare-slide{
    grid-template-columns:1fr;
    padding:24px 18px 44px;
  }
  .bare-slide-title{
    font-size:34px;
  }
  .bare-slide-image,.bare-slide-image img{
    min-height:230px;
  }
  .bare-logo-img{
    max-height:42px;
  }
}


/* v1.3.2 Product tabs + mobile slider + responsive product detail fixes */
.bare-product-layout{
  width:100%;
  max-width:100%;
  overflow:visible;
}
.bare-product-media,
.bare-product-info{
  min-width:0;
}
.bare-product-info *{
  max-width:100%;
}
.bare-product-info h1{
  overflow-wrap:break-word;
  word-break:normal;
}
.bare-gallery{
  max-width:100%;
}
.bare-main-image{
  width:100%;
  min-width:0;
}
.bare-tabs-nav button{
  position:relative;
}
.bare-tabs-nav button.active{
  color:var(--bare-green);
  background:#fffaf7;
}
.bare-tabs-nav button.active:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:3px;
  background:var(--bare-green);
  border-radius:99px 99px 0 0;
}
.bare-tab-pane{
  display:none;
}
.bare-tab-pane.active{
  display:block;
}
.bare-tab-content ul{
  padding-left:20px;
}
.bare-kit-includes,
.bare-feature-row,
.bare-actions{
  max-width:100%;
}
@media(max-width:1050px){
  .bare-product-layout{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .bare-product-info{
    width:100%;
  }
}
@media(max-width:700px){
  /* Mobile slider: text over image, less height */
  .bare-managed-slider{
    padding:14px 0 4px;
  }
  .bare-slider-shell{
    border-radius:18px;
  }
  .bare-slide{
    min-height:260px;
    height:260px;
    display:block;
    padding:0!important;
    overflow:hidden;
    position:relative;
  }
  .bare-slide-image{
    position:absolute;
    inset:0;
    min-height:260px!important;
    height:260px;
    border-radius:0!important;
    z-index:1;
  }
  .bare-slide-image img{
    min-height:260px!important;
    height:260px!important;
    object-fit:cover;
  }
  .bare-slide-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(18,63,42,.86),rgba(18,63,42,.44),rgba(18,63,42,.18));
    z-index:2;
  }
  .bare-slide-content{
    position:relative;
    z-index:3;
    padding:24px 18px 46px;
    max-width:88%;
    color:#fff;
  }
  .bare-slide-subtitle{
    color:#f3d39d!important;
    font-size:10px!important;
  }
  .bare-slide-title{
    color:#fff!important;
    font-size:26px!important;
    line-height:1.08!important;
    margin:8px 0 8px!important;
    max-width:260px;
  }
  .bare-slide-text{
    color:#fffaf4!important;
    font-size:13px!important;
    line-height:1.35!important;
    margin:0 0 12px!important;
    max-width:260px;
  }
  .bare-slide .bare-btn{
    width:auto!important;
    min-height:34px;
    padding:8px 14px;
    font-size:10px;
    background:#fff!important;
    color:var(--bare-green)!important;
  }
  .bare-slider-dots{
    bottom:10px;
  }
  .bare-slider-dot{
    background:rgba(255,255,255,.45);
  }
  .bare-slider-dot.active{
    background:#fff;
  }
  .bare-soap-stack{
    transform:scale(.72);
  }

  /* Product detail mobile fitting */
  .bare-product-detail{
    padding:18px 0 36px!important;
  }
  .bare-product-layout{
    gap:22px!important;
  }
  .bare-breadcrumb{
    font-size:12px;
    margin-bottom:12px;
  }
  .bare-gallery{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .bare-thumbs{
    order:2;
    flex-direction:row!important;
    overflow-x:auto;
    padding-bottom:4px;
  }
  .bare-thumb{
    min-width:72px!important;
    height:72px!important;
    font-size:12px!important;
  }
  .bare-main-image{
    min-height:250px!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  .bare-kit-visual{
    min-height:210px;
    border-radius:18px!important;
  }
  .bare-kit-visual strong{
    font-size:32px!important;
  }
  .bare-product-info h1{
    font-size:30px!important;
    line-height:1.12!important;
  }
  .bare-stock{
    margin-left:0!important;
    margin-top:8px;
  }
  .bare-kit-includes{
    grid-template-columns:1fr!important;
  }
  .bare-actions{
    grid-template-columns:1fr!important;
  }
  .bare-actions .bare-btn{
    width:100%;
  }
  .bare-feature-row{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
  .bare-tabs-nav{
    display:flex!important;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .bare-tabs-nav button{
    flex:0 0 auto;
    padding:13px 15px!important;
    font-size:11px!important;
  }
  .bare-tab-content{
    padding:18px!important;
  }
}
@media(max-width:420px){
  .bare-slide{
    min-height:240px;
    height:240px;
  }
  .bare-slide-image,
  .bare-slide-image img{
    min-height:240px!important;
    height:240px!important;
  }
  .bare-slide-title{
    font-size:23px!important;
    max-width:230px;
  }
  .bare-slide-text{
    font-size:12px!important;
    max-width:230px;
  }
  .bare-feature-row{
    grid-template-columns:1fr!important;
  }
}
