/*
Theme Name: Reclaim Oasis V6.4 Mobile Account In Menu Theme
Theme URI: https://reclaimmineralsoakco.com.au/
Author: OpenAI
Author URI: https://openai.com/
Description: Fresh complete standalone WooCommerce-ready theme for Reclaim Mineral Soak Co. Includes seeded pages, demo products, working auth pages, improved desktop header, dropdown account menu, cart icon, logo blending, shop fallback rendering, live waterfall video footer, centered featured-products grid fix, polished mobile/tablet layouts, and moves My Account links into the mobile/tablet menu for a cleaner header.
Version: 6.4.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: reclaim-oasis-v6
*/

:root{
  --reclaim-ink:#3f4a4c;
  --reclaim-text:#536064;
  --reclaim-aqua:#83c5be;
  --reclaim-mist:#edf7f6;
  --reclaim-sage:#b6cdb7;
  --reclaim-sand:#dfcfba;
  --reclaim-lilac:#bcc8e8;
  --reclaim-cloud:#f8fbfb;
  --reclaim-white:#ffffff;
  --reclaim-shadow:0 14px 40px rgba(45,66,70,.08);
  --reclaim-shadow-lg:0 24px 60px rgba(45,66,70,.12);
  --reclaim-radius:24px;
  --reclaim-max:1240px;
  --waterfall-top:#89d2c7;
  --waterfall-mid:#b9e6df;
  --waterfall-bot:#edf7f6;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65;
  color:var(--reclaim-text);
  background:var(--reclaim-cloud);
}
img{max-width:100%;height:auto}
a{color:var(--reclaim-ink);text-decoration:none}
a:hover{color:#618a98}
h1,h2,h3,h4,h5,h6,.site-title,.entry-title,.product_title,.woocommerce-loop-product__title{
  margin-top:0;
  font-family:Georgia,"Times New Roman",serif;
  color:var(--reclaim-ink);
  letter-spacing:.01em;
}
button,input[type=button],input[type=submit],.button,.wp-block-button__link,.added_to_cart,.checkout-button{
  display:inline-block;
  background:var(--reclaim-ink);
  color:#fff;
  border:0;
  border-radius:999px;
  padding:.95rem 1.4rem;
  font-weight:600;
  transition:transform .15s ease, background .15s ease;
}
button:hover,input[type=button]:hover,input[type=submit]:hover,.button:hover,.wp-block-button__link:hover,.checkout-button:hover{
  background:#618a98;color:#fff;transform:translateY(-1px)
}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=number],textarea,select{
  width:100%;
  border:1px solid rgba(83,96,100,.18);
  border-radius:14px;
  padding:.9rem 1rem;
  background:#fff;
}
table{width:100%;border-collapse:collapse}
th,td{padding:.8rem;border-bottom:1px solid rgba(83,96,100,.12)}

.site-wrap{min-height:100vh;display:flex;flex-direction:column}
.site-main{flex:1}
.reclaim-container{max-width:var(--reclaim-max);margin:0 auto;padding:0 1.25rem}
.reclaim-card,.reclaim-panel,.reclaim-auth-card,.reclaim-policy-card,.reclaim-feature-card{
  background:#fff;
  border:1px solid rgba(83,96,100,.08);
  border-radius:var(--reclaim-radius);
  box-shadow:var(--reclaim-shadow);
  padding:2rem;
}
.reclaim-kicker{
  margin-bottom:.5rem;
  color:#738f93;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.82rem;
  font-weight:700;
}
.reclaim-topbar{
  background:linear-gradient(90deg,#698a8d,#83c5be);
  color:#fff;
  text-align:center;
  font-size:.94rem;
  padding:.72rem 1rem;
}
.reclaim-topbar a{color:#fff}
.site-header{
  position:sticky;top:0;z-index:40;
  background:rgba(248,251,251,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(83,96,100,.08);
}
.site-header__inner{
  max-width:var(--reclaim-max);
  margin:0 auto;
  padding:1rem 1.25rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.2rem;
}
.site-branding{
  display:flex;align-items:center;gap:1rem;min-width:0;
}
.site-branding img{max-height:82px;width:auto}
.site-branding .site-title{
  margin:0;font-size:1.45rem;
}
.site-branding .site-description{
  margin:0;color:#789093;font-size:.95rem
}
.menu-toggle{
  display:none;
  background:#fff;color:var(--reclaim-ink);
  border:1px solid rgba(83,96,100,.15);
  border-radius:14px;padding:.75rem 1rem;
}
.primary-nav ul{
  list-style:none;margin:0;padding:0;display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap
}
.primary-nav a{
  color:var(--reclaim-ink);
  font-weight:600;
}
.header-actions{
  display:flex;align-items:center;gap:.9rem;white-space:nowrap
}
.header-actions a{font-weight:600}

.reclaim-hero{
  background:linear-gradient(180deg,#f8fbfb 0%, #edf7f6 100%);
  border-radius:0 0 40px 40px;
  padding:5rem 0 4rem;
  margin-bottom:2.5rem;
}
.reclaim-hero__grid{
  display:grid;grid-template-columns:1.08fr .92fr;gap:2rem;align-items:center
}
.reclaim-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.05;margin-bottom:.8rem}
.reclaim-hero p{font-size:1.08rem;max-width:42rem}
.reclaim-hero__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.reclaim-button--ghost{
  background:transparent!important;color:var(--reclaim-ink)!important;border:1px solid var(--reclaim-ink)!important
}
.reclaim-hero__logo{display:flex;justify-content:center;margin-bottom:1rem}
.reclaim-hero__logo img{max-width:420px}
.reclaim-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.reclaim-badge{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(83,96,100,.08);
  border-radius:20px;padding:1rem 1.1rem
}
.reclaim-badge strong{display:block;color:var(--reclaim-ink)}

.reclaim-section{padding:0 0 3rem}
.reclaim-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.reclaim-trust__item{
  background:#fff;
  border:1px solid rgba(83,96,100,.08);
  box-shadow:var(--reclaim-shadow);
  border-radius:20px;
  padding:1.2rem;text-align:center;font-weight:700;color:var(--reclaim-ink)
}
.reclaim-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.reclaim-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.reclaim-feature{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}
.reclaim-panel--soft{background:linear-gradient(180deg,#fff,#f7fbfb)}
.reclaim-testimonial{font-style:italic}

.reclaim-page-hero{
  padding:3rem 0 2rem;
  background:linear-gradient(180deg,#edf7f6 0%, rgba(237,247,246,0) 100%);
  margin-bottom:1rem;
  border-radius:0 0 32px 32px;
}
.reclaim-page-hero h1{font-size:clamp(2.2rem,4vw,3.6rem)}
.entry-content > *:last-child{margin-bottom:0}

.reclaim-auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:960px;margin:0 auto}
.reclaim-auth-card h2{margin-bottom:1rem}
.reclaim-helper-list{padding-left:1.1rem}
.reclaim-helper-list li{margin-bottom:.35rem}
.woocommerce-error,.woocommerce-info,.woocommerce-message{
  background:#fff;border:1px solid rgba(83,96,100,.12);border-radius:16px;padding:1rem 1rem 1rem 2.5rem
}

.woocommerce ul.products,.products{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem
}
.woocommerce ul.products li.product,.products .product{
  list-style:none;background:#fff;border:1px solid rgba(83,96,100,.08);
  border-radius:22px;padding:1rem;box-shadow:var(--reclaim-shadow);
  transition:transform .16s ease, box-shadow .16s ease;
}
.woocommerce ul.products li.product:hover,.products .product:hover{
  transform:translateY(-2px);box-shadow:var(--reclaim-shadow-lg)
}
.woocommerce ul.products li.product img{border-radius:18px;margin-bottom:1rem}
.woocommerce ul.products li.product .price{display:block;margin:.6rem 0;color:var(--reclaim-ink);font-weight:700}
.woocommerce ul.products li.product .button{width:100%;text-align:center}

.woocommerce-breadcrumb,.breadcrumb{font-size:.95rem;margin-bottom:1rem;color:#6d8185}
.single-product .product{
  display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start
}
.single-product div.product div.images img{border-radius:24px;background:#fff;box-shadow:var(--reclaim-shadow)}
.single-product div.product .summary .price{color:var(--reclaim-ink);font-weight:700;font-size:1.3rem}
.single-product .product_meta,.single-product .woocommerce-tabs,.woocommerce-Reviews,.cart_totals,.woocommerce-checkout-review-order{
  background:#fff;border:1px solid rgba(83,96,100,.08);border-radius:22px;padding:1.4rem;box-shadow:var(--reclaim-shadow)
}
.single-product .summary .button{margin-top:1rem}
.reclaim-product-highlights{
  display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin-top:1.2rem
}
.reclaim-product-highlights .item{
  background:#f8fbfb;border:1px solid rgba(83,96,100,.08);border-radius:18px;padding:.9rem 1rem
}
.reclaim-product-highlights strong{display:block;color:var(--reclaim-ink)}

.woocommerce-account .woocommerce,
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content{
  background:#fff;border:1px solid rgba(83,96,100,.08);border-radius:26px;padding:1.5rem;box-shadow:var(--reclaim-shadow)
}
.woocommerce-account .woocommerce-MyAccount-navigation{width:28%;float:left}
.woocommerce-account .woocommerce-MyAccount-content{width:68%;float:right}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;margin:0;padding:0;border:1px solid rgba(83,96,100,.08);border-radius:20px;overflow:hidden
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:1rem 1.15rem}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--reclaim-ink);color:#fff}

.reclaim-waterfall{
  position:relative;
  width:100%;
  height:170px;
  overflow:hidden;
  background:linear-gradient(180deg,var(--waterfall-top),var(--waterfall-mid) 42%,var(--waterfall-bot) 100%);
}
.reclaim-waterfall:before,
.reclaim-waterfall:after{
  content:"";
  position:absolute;left:-10%;right:-10%;
  border-radius:50%;
  opacity:.9;
}
.reclaim-waterfall:before{
  bottom:48px;height:120px;
  background:rgba(255,255,255,.56);
  animation:reclaimWaveOne 11s linear infinite;
}
.reclaim-waterfall:after{
  bottom:12px;height:100px;
  background:rgba(255,255,255,.72);
  animation:reclaimWaveTwo 14s linear infinite reverse;
}
.reclaim-waterfall .fall{
  position:absolute;top:-10px;bottom:54px;width:18%;
  background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(255,255,255,.45) 20%,rgba(255,255,255,.16) 65%,rgba(255,255,255,.0));
  filter:blur(3px);
  animation:reclaimFall 6.8s ease-in-out infinite;
}
.reclaim-waterfall .fall.f1{left:7%;animation-delay:0s}
.reclaim-waterfall .fall.f2{left:27%;animation-delay:1.2s}
.reclaim-waterfall .fall.f3{left:47%;animation-delay:.4s}
.reclaim-waterfall .fall.f4{left:69%;animation-delay:1.8s}
.reclaim-waterfall .mist{
  position:absolute;left:0;right:0;bottom:0;height:80px;
  background:radial-gradient(circle at 20% 100%, rgba(255,255,255,.86), transparent 36%),
             radial-gradient(circle at 52% 100%, rgba(255,255,255,.78), transparent 38%),
             radial-gradient(circle at 80% 100%, rgba(255,255,255,.82), transparent 32%);
  animation:reclaimMist 9s ease-in-out infinite;
}
@keyframes reclaimWaveOne{
  0%{transform:translateX(0)}100%{transform:translateX(14%)}
}
@keyframes reclaimWaveTwo{
  0%{transform:translateX(0)}100%{transform:translateX(-12%)}
}
@keyframes reclaimFall{
  0%,100%{transform:translateY(-12px);opacity:.6}
  50%{transform:translateY(8px);opacity:1}
}
@keyframes reclaimMist{
  0%,100%{transform:translateY(0);opacity:.75}
  50%{transform:translateY(-7px);opacity:1}
}

.waterfall-home{--waterfall-top:#7ccdc4;--waterfall-mid:#c0ece7;--waterfall-bot:#edf7f6}
.waterfall-shop{--waterfall-top:#9cc8b3;--waterfall-mid:#d6ead8;--waterfall-bot:#f4faf5}
.waterfall-product{--waterfall-top:#a9bde7;--waterfall-mid:#dbe3f6;--waterfall-bot:#f4f6fc}
.waterfall-members{--waterfall-top:#8ab6c6;--waterfall-mid:#c9e0e8;--waterfall-bot:#eff7fa}
.waterfall-support{--waterfall-top:#d9c4af;--waterfall-mid:#efe2d3;--waterfall-bot:#faf6f1}
.waterfall-default{--waterfall-top:#83c5be;--waterfall-mid:#d5efec;--waterfall-bot:#edf7f6}

.site-footer{
  background:#f8fbfb;border-top:1px solid rgba(83,96,100,.08);
  margin-top:auto
}
.site-footer__inner{
  max-width:var(--reclaim-max);margin:0 auto;padding:2rem 1.25rem 1.5rem;
  display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1.5rem
}
.site-footer__nav ul{list-style:none;margin:0;padding:0}
.site-footer__nav li{margin:.5rem 0}
.site-footer small{display:block;color:#7a8a8d;padding:0 1.25rem 1.5rem;text-align:center}

.alignwide{max-width:var(--reclaim-max)}
.screen-reader-text{
  position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden
}
@media (max-width: 1080px){
  .reclaim-hero__grid,.reclaim-feature,.single-product .product,.reclaim-auth-wrap,.site-footer__inner{grid-template-columns:1fr}
  .woocommerce ul.products,.products,.reclaim-grid-3,.reclaim-trust,.reclaim-grid-2{grid-template-columns:1fr 1fr}
  .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}
}
@media (max-width: 800px){
  .menu-toggle{display:inline-block}
  .primary-nav{display:none;width:100%}
  .primary-nav.is-open{display:block}
  .primary-nav ul{display:grid;gap:.75rem;padding-top:1rem}
  .site-header__inner{flex-wrap:wrap}
}
@media (max-width: 640px){
  .reclaim-hero{padding:4rem 0 3rem}
  .woocommerce ul.products,.products,.reclaim-grid-3,.reclaim-trust,.reclaim-grid-2,.reclaim-badge-grid{grid-template-columns:1fr}
}


/* =========================================================
   RECLAIM OASIS V6 DESKTOP HEADER + LOGO + SHOP FIX
   ========================================================= */
:root{
  --reclaim-header-width: 1520px;
}

.site-header{
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(248,251,251,.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(83,96,100,.08);
}
.site-header__inner{
  max-width: var(--reclaim-header-width);
  margin: 0 auto;
  padding: .85rem 1rem;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 1rem;
}
.site-branding{
  display: flex !important;
  align-items: center !important;
  gap: .85rem !important;
  min-width: 0 !important;
}
.site-branding .custom-logo-link,
.site-branding .custom-logo-link img,
.custom-logo-link,
.custom-logo-link img{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.site-branding .custom-logo-link{
  line-height: 0;
  flex: 0 0 auto;
}
.site-branding .custom-logo-link img,
.custom-logo-link img{
  max-height: 112px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain;
  mix-blend-mode: multiply;
  display: block;
}
.site-branding__text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .18rem;
}
.site-branding__text .site-title{
  display: none !important;
}
.site-branding__text .site-description{
  margin: 0;
  font-size: .96rem;
  line-height: 1.2;
  white-space: nowrap;
  color: var(--reclaim-text);
}

.menu-toggle{
  display: none;
}
.primary-nav{
  min-width: 0;
}
.primary-nav > div,
.primary-nav .menu-primary-container{
  width: 100%;
}
.primary-nav ul,
.primary-nav ul.menu,
.primary-nav ul.nav-menu{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: .22rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  white-space: nowrap !important;
}
.primary-nav li{
  list-style: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}
.primary-nav a{
  display: block;
  padding: .35rem .42rem !important;
  font-size: .95rem !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}

.header-actions{
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  white-space: nowrap !important;
}
.header-cart{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(83,96,100,.14) !important;
  background: #fff !important;
  color: var(--reclaim-ink) !important;
  position: relative !important;
}
.header-cart svg{
  width: 20px !important;
  height: 20px !important;
}
.header-cart__count{
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--reclaim-ink);
  color: #fff;
  font-size: .72rem;
  line-height: 20px;
  text-align: center;
}
.header-account{
  position: relative !important;
}
.header-account__toggle{
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  background: #fff !important;
  color: var(--reclaim-ink) !important;
  border: 1px solid rgba(83,96,100,.14) !important;
  border-radius: 999px !important;
  padding: .72rem 1rem !important;
  font-size: .95rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.header-account__toggle::after{
  content: "▾";
  font-size: .82rem;
}
.header-account__menu{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  min-width: 190px;
  background: #fff;
  border: 1px solid rgba(83,96,100,.12);
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(34,45,47,.14);
  padding: .38rem 0;
  display: none;
  z-index: 999;
}
.header-account.is-open .header-account__menu,
.header-account:hover .header-account__menu,
.header-account:focus-within .header-account__menu{
  display: block;
}
.header-account__menu a{
  display: block;
  padding: .72rem 1rem !important;
  white-space: nowrap;
}
.header-account__menu a:hover{
  background: rgba(131,197,190,.12);
}

.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products.columns-4{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1.35rem !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
}
.woocommerce ul.products li.product .button{
  margin-top: auto !important;
}
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 1340px){
  .site-header__inner{
    max-width: 100%;
    padding: .85rem .8rem;
    gap: .7rem;
  }
  .site-branding .custom-logo-link img,
  .custom-logo-link img{
    max-height: 100px !important;
  }
  .primary-nav a{
    font-size: .89rem !important;
    padding: .32rem .3rem !important;
  }
  .site-branding__text .site-description{
    font-size: .88rem !important;
  }
  .header-account__toggle{
    padding: .68rem .92rem !important;
    font-size: .9rem !important;
  }
}
@media (max-width: 1120px){
  .site-header__inner{
    grid-template-columns: 1fr auto;
    align-items: start;
  }
  .menu-toggle{
    display: inline-flex;
    order: 2;
  }
  .primary-nav{
    grid-column: 1 / -1;
    order: 4;
    display: none;
  }
  .primary-nav.is-open{
    display: block !important;
  }
  .primary-nav ul,
  .primary-nav ul.menu,
  .primary-nav ul.nav-menu{
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: .2rem .4rem !important;
  }
  .site-branding__text .site-description{
    white-space: normal;
  }
}


/* =========================================================
   RECLAIM OASIS V6.1 LIVE WATERFALL FOOTER
   ========================================================= */
.reclaim-waterfall{
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: #d7ece8;
  isolation: isolate;
}
.reclaim-waterfall::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.00) 36%, rgba(255,255,255,.16)),
    radial-gradient(circle at 20% 100%, rgba(255,255,255,.58), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(255,255,255,.54), transparent 26%),
    radial-gradient(circle at 80% 100%, rgba(255,255,255,.56), transparent 22%);
  z-index: 2;
  pointer-events: none;
}
.reclaim-waterfall video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 0;
  filter: saturate(1.02) contrast(1.02) brightness(.94);
  transform: scale(1.04);
}
.reclaim-waterfall__tint{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(131,197,190,.20), rgba(237,247,246,.10));
  mix-blend-mode: screen;
}
.reclaim-waterfall__foam{
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -10px;
  height: 70px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 12% 40%, rgba(255,255,255,.92), transparent 18%),
    radial-gradient(circle at 34% 50%, rgba(255,255,255,.90), transparent 16%),
    radial-gradient(circle at 52% 45%, rgba(255,255,255,.88), transparent 18%),
    radial-gradient(circle at 72% 48%, rgba(255,255,255,.90), transparent 17%),
    radial-gradient(circle at 90% 42%, rgba(255,255,255,.92), transparent 15%);
  opacity: .92;
  filter: blur(7px);
  z-index: 3;
  animation: reclaimFoamDrift 10s linear infinite alternate;
}
@keyframes reclaimFoamDrift{
  0%{transform: translateX(0)}
  100%{transform: translateX(3.5%)}
}

.waterfall-home .reclaim-waterfall__tint{
  background: linear-gradient(180deg, rgba(124,205,196,.26), rgba(237,247,246,.08));
}
.waterfall-shop .reclaim-waterfall__tint{
  background: linear-gradient(180deg, rgba(156,200,179,.25), rgba(244,250,245,.09));
}
.waterfall-product .reclaim-waterfall__tint{
  background: linear-gradient(180deg, rgba(169,189,231,.24), rgba(244,246,252,.08));
}
.waterfall-members .reclaim-waterfall__tint{
  background: linear-gradient(180deg, rgba(138,182,198,.24), rgba(239,247,250,.08));
}
.waterfall-support .reclaim-waterfall__tint{
  background: linear-gradient(180deg, rgba(217,196,175,.24), rgba(250,246,241,.08));
}
.waterfall-default .reclaim-waterfall__tint{
  background: linear-gradient(180deg, rgba(131,197,190,.20), rgba(237,247,246,.08));
}

@media (max-width: 980px){
  .reclaim-waterfall{
    height: 170px;
  }
}


/* =========================================================
   RECLAIM OASIS V6.2 FEATURED PRODUCTS WRAP FIX
   Keeps homepage featured products visually centered
   when the row wraps.
   ========================================================= */
.home .woocommerce.columns-4 ul.products,
.home ul.products.columns-4,
.home .reclaim-section ul.products{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:1.35rem !important;
  margin:0 !important;
  padding:0 !important;
}
.home .woocommerce.columns-4 ul.products::before,
.home .woocommerce.columns-4 ul.products::after,
.home ul.products.columns-4::before,
.home ul.products.columns-4::after,
.home .reclaim-section ul.products::before,
.home .reclaim-section ul.products::after{
  display:none !important;
  content:none !important;
}
.home .woocommerce.columns-4 ul.products li.product,
.home ul.products.columns-4 li.product,
.home .reclaim-section ul.products li.product{
  flex:0 1 calc(25% - 1.05rem) !important;
  max-width:calc(25% - 1.05rem) !important;
  min-width:255px !important;
  width:auto !important;
  margin:0 !important;
}
@media (max-width: 1360px){
  .home .woocommerce.columns-4 ul.products li.product,
  .home ul.products.columns-4 li.product,
  .home .reclaim-section ul.products li.product{
    flex:0 1 calc(33.333% - .95rem) !important;
    max-width:calc(33.333% - .95rem) !important;
  }
}
@media (max-width: 920px){
  .home .woocommerce.columns-4 ul.products li.product,
  .home ul.products.columns-4 li.product,
  .home .reclaim-section ul.products li.product{
    flex:0 1 calc(50% - .8rem) !important;
    max-width:calc(50% - .8rem) !important;
    min-width:220px !important;
  }
}
@media (max-width: 620px){
  .home .woocommerce.columns-4 ul.products li.product,
  .home ul.products.columns-4 li.product,
  .home .reclaim-section ul.products li.product{
    flex:1 1 100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}


/* =========================================================
   RECLAIM OASIS V6.3 MOBILE + TABLET POLISH
   Desktop stays unchanged. These rules only improve
   tablet/mobile presentation and interaction.
   ========================================================= */

/* Better touch targets and spacing on smaller screens */
@media (max-width: 1120px){
  html{
    -webkit-text-size-adjust: 100%;
  }
  .site-header{
    position: sticky;
    top: 0;
  }
  .site-header__inner{
    grid-template-columns: 1fr auto auto !important;
    gap: .65rem !important;
    padding: .7rem .8rem !important;
    align-items: center !important;
  }
  .site-branding{
    min-width: 0 !important;
    gap: .65rem !important;
  }
  .site-branding .custom-logo-link img,
  .custom-logo-link img{
    max-height: 74px !important;
  }
  .site-branding__text .site-description{
    font-size: .82rem !important;
    line-height: 1.15 !important;
    max-width: 18ch;
  }

  .menu-toggle{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: .7rem .9rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(83,96,100,.14) !important;
    background: #fff !important;
    color: var(--reclaim-ink) !important;
    font-size: .92rem !important;
    line-height: 1 !important;
    box-shadow: 0 8px 20px rgba(34,45,47,.08) !important;
  }

  .primary-nav{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: .35rem !important;
    display: none;
  }
  .primary-nav.is-open{
    display: block !important;
  }
  .primary-nav > ul,
  .primary-nav ul.menu,
  .primary-nav ul.nav-menu,
  .primary-nav .menu-primary-container > ul{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: .45rem !important;
    width: 100% !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(83,96,100,.10) !important;
    border-radius: 20px !important;
    padding: .7rem !important;
    box-shadow: 0 18px 40px rgba(34,45,47,.10) !important;
  }
  .primary-nav li{
    width: 100% !important;
  }
  .primary-nav a{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: .7rem .8rem !important;
    text-align: center !important;
    background: rgba(237,247,246,.55) !important;
    border-radius: 14px !important;
    font-size: .95rem !important;
  }

  .header-actions{
    gap: .45rem !important;
  }
  .header-cart{
    width: 42px !important;
    height: 42px !important;
  }
  .header-account__toggle{
    min-height: 42px !important;
    padding: .7rem .9rem !important;
    font-size: .9rem !important;
  }
  .header-account__menu{
    right: 0 !important;
    top: calc(100% + 8px) !important;
    min-width: 180px !important;
    max-width: min(88vw, 280px) !important;
  }

  .reclaim-topbar{
    font-size: .82rem !important;
    padding: .55rem .8rem !important;
  }
  .reclaim-hero{
    border-radius: 0 0 28px 28px !important;
    padding: 2.5rem 1rem 2.25rem !important;
    margin-bottom: 2rem !important;
  }
  .reclaim-hero__inner{
    grid-template-columns: 1fr !important;
    gap: 1.1rem !important;
  }
  .reclaim-hero h1{
    font-size: clamp(2rem, 6vw, 3rem) !important;
    line-height: 1.06 !important;
    margin-bottom: .7rem !important;
  }
  .reclaim-hero p{
    font-size: 1rem !important;
    max-width: none !important;
  }
  .reclaim-hero__actions{
    gap: .7rem !important;
  }
  .reclaim-hero__actions .button{
    min-height: 48px !important;
  }

  .reclaim-section{
    padding: 1rem .95rem 2.25rem !important;
  }
  .reclaim-section__inner{
    max-width: 100% !important;
  }

  .reclaim-trust,
  .reclaim-grid-2,
  .reclaim-grid-3,
  .reclaim-members-grid,
  .reclaim-badge-grid,
  .reclaim-feature{
    gap: 1rem !important;
  }
  .reclaim-trust{
    grid-template-columns: 1fr 1fr !important;
  }
  .reclaim-grid-3,
  .reclaim-members-grid{
    grid-template-columns: 1fr 1fr !important;
  }
  .reclaim-feature{
    grid-template-columns: 1fr !important;
  }
  .reclaim-card,
  .reclaim-panel,
  .reclaim-hero__card,
  .reclaim-newsletter,
  .reclaim-auth-card,
  .reclaim-policy-card{
    padding: 1.35rem !important;
    border-radius: 22px !important;
  }

  .woocommerce ul.products,
  .woocommerce-page ul.products,
  ul.products.columns-4{
    gap: 1rem !important;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    border-radius: 20px !important;
    padding: .85rem !important;
  }
  .woocommerce ul.products li.product .button,
  .woocommerce-page ul.products li.product .button{
    min-height: 46px !important;
  }

  .single-product div.product{
    display: block !important;
  }
  .single-product div.product .images,
  .single-product div.product .summary{
    width: 100% !important;
    float: none !important;
    margin: 0 0 1rem 0 !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    width: 100% !important;
    float: none !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    margin-bottom: 1rem !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a{
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .reclaim-auth-wrap{
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .reclaim-waterfall{
    height: 150px !important;
  }
}

/* Phone-specific polish */
@media (max-width: 680px){
  .site-header__inner{
    grid-template-columns: 1fr auto auto !important;
    padding: .6rem .7rem !important;
    gap: .45rem !important;
  }
  .site-branding{
    gap: .5rem !important;
    min-width: 0 !important;
  }
  .site-branding .custom-logo-link img,
  .custom-logo-link img{
    max-height: 62px !important;
  }
  .site-branding__text .site-description{
    font-size: .76rem !important;
    max-width: 14ch !important;
  }

  .menu-toggle{
    min-width: 40px !important;
    min-height: 40px !important;
    padding: .65rem .8rem !important;
    font-size: .86rem !important;
  }
  .header-cart{
    width: 40px !important;
    height: 40px !important;
  }
  .header-account__toggle{
    min-height: 40px !important;
    padding: .64rem .8rem !important;
    font-size: .84rem !important;
  }
  .header-account__menu{
    right: -4px !important;
    min-width: 168px !important;
  }

  .primary-nav > ul,
  .primary-nav ul.menu,
  .primary-nav ul.nav-menu,
  .primary-nav .menu-primary-container > ul{
    grid-template-columns: 1fr !important;
    padding: .6rem !important;
    gap: .4rem !important;
  }
  .primary-nav a{
    justify-content: flex-start !important;
    padding: .82rem .95rem !important;
  }

  .reclaim-topbar{
    font-size: .76rem !important;
    line-height: 1.25 !important;
  }
  .reclaim-hero{
    padding: 2rem .85rem 1.9rem !important;
    border-radius: 0 0 22px 22px !important;
  }
  .reclaim-hero h1{
    font-size: clamp(1.8rem, 8vw, 2.4rem) !important;
  }
  .reclaim-hero__actions{
    flex-direction: column !important;
  }
  .reclaim-hero__actions .button{
    width: 100% !important;
    justify-content: center !important;
  }

  .reclaim-section{
    padding: .85rem .75rem 1.9rem !important;
  }
  .reclaim-trust,
  .reclaim-grid-2,
  .reclaim-grid-3,
  .reclaim-members-grid,
  .reclaim-badge-grid{
    grid-template-columns: 1fr !important;
  }

  .home .woocommerce.columns-4 ul.products li.product,
  .home ul.products.columns-4 li.product,
  .home .reclaim-section ul.products li.product,
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    flex: 1 1 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    grid-template-columns: 1fr !important;
  }

  .reclaim-card,
  .reclaim-panel,
  .reclaim-hero__card,
  .reclaim-newsletter,
  .reclaim-auth-card,
  .reclaim-policy-card{
    padding: 1.1rem !important;
    border-radius: 18px !important;
  }

  .reclaim-waterfall{
    height: 122px !important;
  }
}


/* =========================================================
   RECLAIM OASIS V6.4 MOBILE/TABLET ACCOUNT IN MENU
   Desktop unchanged. On tablet/mobile, move account links
   into the opened menu and hide the separate header account.
   ========================================================= */
@media (max-width: 1120px){
  .header-account{
    display:none !important;
  }
  .primary-nav__mobile-account{
    display:block !important;
    grid-column: 1 / -1 !important;
    margin-top: .15rem !important;
    padding-top: .35rem !important;
    border-top: 1px solid rgba(83,96,100,.08) !important;
  }
  .primary-nav__mobile-account .mobile-account-heading{
    display:block;
    font-size:.74rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--reclaim-sage);
    font-weight:700;
    padding:.25rem .25rem .15rem .25rem;
  }
  .primary-nav__mobile-account-list{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:.45rem !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .primary-nav__mobile-account-list li{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }
  .primary-nav__mobile-account-list a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:46px !important;
    padding:.72rem .8rem !important;
    text-align:center !important;
    background:rgba(237,247,246,.55) !important;
    border-radius:14px !important;
    font-size:.95rem !important;
    white-space:nowrap !important;
  }
}
@media (max-width: 680px){
  .primary-nav__mobile-account-list{
    grid-template-columns:1fr !important;
    gap:.4rem !important;
  }
  .primary-nav__mobile-account .mobile-account-heading{
    font-size:.72rem !important;
  }
  .primary-nav__mobile-account-list a{
    justify-content:flex-start !important;
    padding:.82rem .95rem !important;
  }
}