:root {
  --pv-black: #000;
  --pv-white: #fff;
  --pv-muted: #6b7280;
  --pv-border: #e5e7eb;
  --pv-bg-soft: #f7f7f5;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--pv-black);
  background: var(--pv-white);
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 300; letter-spacing: -.01em; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.skip-to-content-link { position: absolute; left: -9999px; }
.skip-to-content-link:focus { left: 1rem; top: 1rem; z-index: 200; padding: .75rem 1rem; background: #fff; color: #000; }
.pv-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.pv-hero { position: relative; height: 100svh; width: 100%; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.pv-hero__img, .pv-hero__img img { position: absolute; inset: 0; width: 100%; height: 100%; }
.pv-hero__img img { object-fit: cover; object-position: center 25%; filter: grayscale(.2) contrast(1.1); animation: pvKB 20s ease-out both; }
.pv-hero__overlay { position: absolute; inset: 0; background: rgba(255,255,255,.1); }
.pv-hero__center { position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; margin-top: 6rem; }
.pv-hero__logo { width: 12rem; color: #fff; text-align: center; mix-blend-mode: difference; opacity: 0; animation: pvIn 1.2s .3s ease-out both; }
.pv-hero__logo span { font-size: 1.25rem; letter-spacing: .38em; font-weight: 400; white-space: nowrap; }
.pv-hero__scroll { position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 1rem; mix-blend-mode: difference; color: #fff; opacity: 0; animation: pvIn 1.6s .9s ease-out both; }
.pv-hero__scroll span:first-child { font-size: 10px; letter-spacing: .3em; text-transform: uppercase; white-space: nowrap; }
.pv-hero__line { width: 1px; height: 3rem; background: rgba(255,255,255,.5); overflow: hidden; position: relative; }
.pv-hero__line-inner { position: absolute; inset: 0; background: #fff; animation: pvScroll 1.6s ease-in-out infinite; }
@keyframes pvKB { from { transform: scale(1.08); } to { transform: scale(1); } }
@keyframes pvIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
@keyframes pvScroll { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } }

.pv-collection { min-height: 100vh; width: 100%; padding: 6rem 1.5rem; display: flex; flex-direction: column; justify-content: center; background: #fff; position: relative; }
.pv-collection__number { position: absolute; top: 8rem; left: 3rem; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; z-index: 20; color: #fff; mix-blend-mode: difference; pointer-events: none; }
.pv-collection__row { display: flex; flex-direction: column; align-items: center; gap: 3rem; max-width: 1400px; margin: 0 auto; width: 100%; }
.pv-collection__media { width: 100%; display: flex; gap: 1rem; height: 60vh; position: relative; }
.pv-collection__img { width: 50%; height: 100%; position: relative; overflow: hidden; }
.pv-collection__img--offset { height: 80%; margin-top: auto; }
.pv-collection__img img { width: 100%; height: 100%; object-fit: cover; object-position: center; background: #f8f8f8; }
.pv-collection__text { width: 100%; display: flex; flex-direction: column; justify-content: center; }
.pv-collection__kicker { font-size: 14px; font-weight: 500; letter-spacing: .2em; color: var(--pv-muted); text-transform: uppercase; margin: 0 0 1rem; }
.pv-collection__title { font-size: 2.25rem; font-weight: 300; line-height: 1.1; margin: 0 0 2rem; color: #000; }
.pv-collection__desc { color: var(--pv-muted); font-size: 1rem; font-weight: 300; line-height: 1.7; max-width: 28rem; margin: 0 0 3rem; }
.pv-btn { display: inline-flex; align-items: center; gap: 1rem; font-size: 12px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #000; background: transparent; border: 0; padding: 0; cursor: pointer; }
.pv-btn__line { width: 3rem; height: 1px; background: #000; transition: width .3s ease; display: inline-block; }
.pv-btn:hover .pv-btn__line { width: 4rem; }
.pv-reveal { opacity: 0; transform: translateY(30px); transition: opacity 1s ease-out, transform 1.1s cubic-bezier(.22,1,.36,1); }
.pv-reveal--right { transform: translateX(30px); }
.pv-reveal--left { transform: translateX(-30px); }
.pv-reveal--zoom { transform: scale(1.15); }
.pv-reveal.pv-in { opacity: 1; transform: none; }
.pv-delay { transition-delay: .18s; }

.pv-philosophy { position: relative; height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #000; color: #fff; }
.pv-philosophy__bg { position: absolute; inset: 0; opacity: .4; }
.pv-philosophy__bg img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.pv-philosophy__content { position: relative; z-index: 10; max-width: 56rem; margin: 0 auto; padding: 0 1.5rem; text-align: center; }
.pv-philosophy__text { font-size: 1.5rem; font-weight: 300; line-height: 1.4; letter-spacing: .02em; margin: 0; }
.pv-philosophy__ethos { margin-top: 3rem; font-size: 14px; letter-spacing: .3em; text-transform: uppercase; color: #9ca3af; }

.pv-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; mix-blend-mode: difference; color: #fff; }
.pv-header__logo { display: flex; align-items: center; }
.pv-header__logo-text { font-size: 12px; letter-spacing: .4em; text-transform: uppercase; font-weight: 500; }
.pv-header__nav { display: none; gap: 2rem; }
.pv-header__link { font-size: 10px; letter-spacing: .3em; text-transform: uppercase; font-weight: 500; }
.pv-header__actions { display: flex; gap: 1rem; }

.pv-testimonials, .pv-instagram { padding: 6rem 1.5rem; max-width: 1400px; margin: 0 auto; }
.pv-testimonials__head, .pv-instagram__head { text-align: center; margin-bottom: 3rem; }
.pv-testimonials__kicker, .pv-instagram__kicker { font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--pv-muted); margin: 0 0 .75rem; }
.pv-testimonials__title, .pv-instagram__title { font-size: 2.5rem; font-weight: 300; margin: 0 0 .75rem; }
.pv-testimonials__grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
.pv-testimonials__card { border: 1px solid var(--pv-border); padding: 2rem; margin: 0; background: #fff; display: flex; flex-direction: column; gap: 1rem; transition: transform .3s ease, border-color .3s ease; }
.pv-testimonials__card:hover { border-color: #000; transform: translateY(-2px); }
.pv-testimonials__stars { color: #000; letter-spacing: .1em; font-size: 14px; }
.pv-testimonials__quote { font-size: 1rem; line-height: 1.7; color: #1a1a1a; font-weight: 300; margin: 0; }
.pv-testimonials__quote::before { content: "“"; font-size: 2rem; line-height: 0; vertical-align: -.4em; margin-right: .2rem; color: var(--pv-muted); }
.pv-testimonials__author { display: flex; align-items: center; gap: .75rem; margin-top: auto; padding-top: .75rem; }
.pv-testimonials__name { display: block; font-size: 13px; letter-spacing: .05em; font-weight: 500; }
.pv-testimonials__role { display: block; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--pv-muted); margin-top: .15rem; }

.pv-instagram__title { margin-bottom: .75rem; }
.pv-instagram__handle { font-size: 12px; letter-spacing: .25em; text-transform: uppercase; color: var(--pv-muted); border-bottom: 1px solid transparent; transition: border-color .25s ease, color .25s ease; }
.pv-instagram__handle:hover { color: #000; border-bottom-color: #000; }
.pv-instagram__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.pv-instagram__tile { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: var(--pv-bg-soft); }
.pv-instagram__tile img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.pv-instagram__tile:hover img { transform: scale(1.05); }

.pv-newsletter { padding: 6rem 1.5rem; background: #0b0b0b; color: #fff; }
.pv-newsletter__inner { max-width: 640px; margin: 0 auto; text-align: center; }
.pv-newsletter__kicker { font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: #9ca3af; margin: 0 0 1rem; }
.pv-newsletter__title { font-size: 2.25rem; font-weight: 300; margin: 0 0 1rem; color: #fff; }
.pv-newsletter__sub { color: #9ca3af; font-size: 15px; line-height: 1.7; margin: 0 0 2.5rem; }
.pv-newsletter__form { display: flex; align-items: stretch; gap: 0; border-bottom: 1px solid rgba(255,255,255,.25); max-width: 520px; margin: 0 auto; position: relative; flex-wrap: wrap; }
.pv-newsletter__input { flex: 1; background: transparent; border: 0; color: #fff; padding: 1rem 0; font-size: 15px; outline: none; min-width: 0; }
.pv-newsletter__input::placeholder { color: #6b7280; }
.pv-newsletter__btn { background: transparent; border: 0; color: #fff; cursor: pointer; padding: 0 1rem; font-size: 11px; letter-spacing: .3em; text-transform: uppercase; }
.pv-newsletter__btn:hover { color: #e5e5e5; }
.pv-newsletter__msg { flex-basis: 100%; font-size: 12px; letter-spacing: .15em; text-transform: uppercase; margin: 1rem 0 0; }
.pv-newsletter__msg--ok { color: #a3e6a1; }

.pv-footer { width: 100%; background: #0b0b0b; color: #e6e6e6; padding: 5rem 1.5rem 2rem; }
.pv-footer__top { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 3rem; }
.pv-footer__brand-col { max-width: 22rem; }
.pv-footer__brand { font-size: 1.5rem; letter-spacing: .35em; font-weight: 300; color: #fff; margin-bottom: 1rem; }
.pv-footer__tag { font-size: 12px; color: #9ca3af; letter-spacing: .15em; text-transform: uppercase; line-height: 1.7; margin: 0 0 1.75rem; }
.pv-footer__social { display: flex; gap: .85rem; }
.pv-footer__social a { width: 2.25rem; height: 2.25rem; border: 1px solid #2a2a2a; display: inline-flex; align-items: center; justify-content: center; color: #e6e6e6; transition: background .25s ease, color .25s ease, border-color .25s ease; }
.pv-footer__social a:hover { background: #fff; color: #000; border-color: #fff; }
.pv-footer__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; }
.pv-footer__col--newsletter { grid-column: span 2; }
.pv-footer__h { font-size: 10px; letter-spacing: .35em; text-transform: uppercase; margin: 0 0 1.25rem; color: #fff; font-weight: 500; }
.pv-footer__list { list-style: none; padding: 0; margin: 0; }
.pv-footer__list li { margin-bottom: .6rem; font-size: 13px; color: #9ca3af; line-height: 1.6; }
.pv-footer__list a { transition: color .2s ease; }
.pv-footer__list a:hover { color: #fff; }
.pv-footer__text { font-size: 13px; color: #9ca3af; line-height: 1.7; margin: 0 0 1rem; }
.pv-footer__form { position: relative; display: flex; align-items: stretch; border-bottom: 1px solid #2a2a2a; }
.pv-footer__input { flex: 1; background: transparent; border: 0; color: #fff; padding: .9rem 0; font-size: 14px; outline: none; }
.pv-footer__input::placeholder { color: #6b7280; }
.pv-footer__submit { background: transparent; border: 0; color: #fff; cursor: pointer; padding: 0 .25rem; font-size: 1.25rem; }
.pv-footer__ok { color: #a3e6a1; font-size: 12px; margin-top: .75rem; letter-spacing: .1em; }
.pv-footer__bottom { max-width: 1400px; margin: 4rem auto 0; padding-top: 1.5rem; border-top: 1px solid #1e1e1e; display: flex; flex-direction: column; gap: 1rem; justify-content: space-between; align-items: center; font-size: 10px; letter-spacing: .25em; text-transform: uppercase; color: #6b7280; }
.pv-footer__legal a { margin: 0 .25rem; }
.pv-footer__legal a:hover { color: #fff; }
.pv-progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; background: #000; transform-origin: left; transform: scaleX(0); z-index: 100; }

@media (min-width: 768px) {
  .pv-header { padding: 1.5rem 3rem; }
  .pv-header__nav { display: flex; }
  .pv-hero__logo { width: 20rem; }
  .pv-hero__logo span { font-size: 1.7rem; }
  .pv-collection { padding: 8rem 3rem; }
  .pv-collection__row { flex-direction: row; gap: 6rem; }
  .pv-collection__row--reverse { flex-direction: row-reverse; }
  .pv-collection__media { width: 58.3333%; height: 80vh; gap: 2rem; }
  .pv-collection__text { width: 41.6667%; }
  .pv-collection__title { font-size: 4rem; }
  .pv-collection__desc { font-size: 1.125rem; }
  .pv-philosophy__text { font-size: 2.25rem; }
  .pv-testimonials, .pv-instagram { padding: 8rem 3rem; }
  .pv-testimonials__title, .pv-instagram__title { font-size: 3.5rem; }
  .pv-testimonials__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
  .pv-instagram__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
  .pv-newsletter { padding: 8rem 3rem; }
  .pv-newsletter__title { font-size: 3.5rem; }
  .pv-footer { padding: 6rem 3rem 2rem; }
  .pv-footer__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }
  .pv-footer__col--newsletter { grid-column: span 2; }
  .pv-footer__bottom { flex-direction: row; }
}
@media (min-width: 900px) {
  .pv-footer__top { grid-template-columns: 1.1fr 2fr; gap: 5rem; }
}
@media (min-width: 1024px) {
  .pv-collection__title { font-size: 4.5rem; }
  .pv-philosophy__text { font-size: 3rem; }
}
@media (max-width: 767px) {
  .pv-collection__number { position: static; text-align: center; margin-bottom: 3rem; }
  .pv-header__actions { gap: .75rem; }
}
/* PRANAVERSE WooCommerce layer */
.pv-hero__subtitle{max-width:36rem;margin:1rem auto 2rem;color:#fff;font-size:12px;letter-spacing:.18em;text-transform:uppercase;line-height:1.7}.pv-btn--light{color:#fff}.pv-btn--light .pv-btn__line{background:#fff}.pv-products-home{padding:6rem 1.5rem;max-width:1400px;margin:0 auto}.pv-products-home__head{text-align:center;margin-bottom:3rem}.pv-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:3rem}.pv-product-card{list-style:none!important;margin:0!important;background:#fff;overflow:hidden}.pv-product-card img{display:block;width:100%;height:auto;aspect-ratio:1/1.2;object-fit:cover}.pv-product-card__meta{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem}.pv-product-card__meta h2,.pv-product-card__meta h3{font-size:13px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;margin:0!important}.pv-product-card__meta .price{font-size:13px}.pv-btn--center{display:flex;width:max-content;margin:0 auto}.pv-wc-main{padding:8rem 1.5rem 5rem;max-width:1400px;margin:0 auto}.pv-wc-main .woocommerce-products-header__title{font-size:3rem;font-weight:300;text-align:center;margin:0 0 3rem}.pv-wc-main ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0!important;padding:0!important}.pv-wc-main ul.products::before,.pv-wc-main ul.products::after{display:none!important}.pv-wc-main ul.products li.product{width:auto!important;margin:0!important;float:none!important}.pv-wc-main ul.products li.product a img{margin:0!important;width:100%!important}.pv-wc-main .woocommerce-result-count,.pv-wc-main .woocommerce-ordering{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.pv-single-product__grid{display:grid;grid-template-columns:1fr;gap:3rem}.pv-single-product__gallery .woocommerce-product-gallery{width:100%!important;float:none!important}.pv-single-product__summary .summary{width:100%!important;float:none!important}.pv-single-product__summary .product_title{font-size:3rem;font-weight:300}.pv-single-product__summary .price{font-size:1.2rem}.pv-single-product__summary .button{background:#000!important;color:#fff!important;border-radius:0!important;text-transform:uppercase;letter-spacing:.15em}.pv-single-product__summary form.cart .quantity input{border:1px solid #ddd;padding:.7rem}.pv-content-page{padding:9rem 1.5rem 6rem}.pv-content-page__inner{max-width:850px;margin:0 auto}.pv-content-page__inner h1{font-size:3rem;font-weight:300}.pv-content-page__inner p,.pv-content-page__inner li{line-height:1.8}.pv-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:768px){.pv-products-home{padding:8rem 3rem}.pv-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pv-wc-main{padding:10rem 3rem 6rem}.pv-wc-main ul.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pv-single-product__grid{grid-template-columns:1.15fr .85fr;gap:5rem;align-items:start}.pv-single-product__summary{padding-top:3rem}.pv-single-product__summary .product_title{font-size:4rem}.pv-content-page{padding:10rem 3rem 7rem}}

/* PRANAVERSE logo visibility fix */
.pv-header{
  mix-blend-mode:normal !important;
  color:#fff !important;
  background:transparent !important;
}
.pv-header__logo,
.pv-header__logo-text,
.pv-header__link{
  color:#fff !important;
  opacity:1 !important;
}
.pv-header__brand-image{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:brightness(0) invert(1) !important;
  mix-blend-mode:normal !important;
}
.pv-hero__logo{
  mix-blend-mode:normal !important;
  opacity:1 !important;
  visibility:visible !important;
}
.pv-hero__logo .pv-brand-logo{
  opacity:1 !important;
  visibility:visible !important;
  filter:brightness(0) invert(1) !important;
  mix-blend-mode:normal !important;
}

/* PRANAVERSE FINAL LOGO FIX */
.pv-header{mix-blend-mode:normal !important;color:#fff !important;}
.pv-header__brand-image{display:block !important;visibility:visible !important;opacity:1 !important;max-width:var(--pv-header-logo-width,180px);height:auto;filter:brightness(0) invert(1);mix-blend-mode:normal !important;}
.pv-header__logo-text,.pv-header__link{color:#fff !important;opacity:1 !important;}
.pv-hero__logo{mix-blend-mode:normal !important;opacity:1 !important;visibility:visible !important;}
.pv-hero__logo .pv-brand-logo{display:block !important;opacity:1 !important;visibility:visible !important;filter:brightness(0) invert(1);mix-blend-mode:normal !important;margin:auto;}

/* PRANAVERSE FINAL HEADER + INVERSE LOGO */
.pv-header{
  position:absolute !important;
  top:0;left:0;right:0;
  width:100%;
  background:transparent !important;
  background-color:transparent !important;
  color:#fff !important;
  mix-blend-mode:normal !important;
  z-index:1000;
}
.pv-header__logo,.pv-header__nav,.pv-header__actions{position:relative;z-index:1001}
.pv-header__logo,.pv-header__logo-text,.pv-header__link{color:#fff !important}
.pv-header__brand-image,.pv-brand-logo{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  filter:brightness(0) invert(1) !important;
  mix-blend-mode:normal !important;
}
.pv-header__brand-image{width:var(--pv-header-logo-width,180px);max-width:var(--pv-header-logo-width,180px);height:auto}
.pv-hero{margin-top:0 !important}
.pv-hero__logo{mix-blend-mode:normal !important;opacity:1 !important;visibility:visible !important}
.pv-hero__logo .pv-brand-logo{width:100%;height:auto;max-width:100%;margin:auto}
.pv-footer__brand{display:flex;align-items:center;min-height:2rem}
.pv-footer__logo-img{display:block !important;width:var(--pv-footer-logo-width,190px);max-width:100%;height:auto;filter:brightness(0) invert(1);mix-blend-mode:normal;opacity:1}

/* PRANAVERSE HEADER FINAL: transparent over hero, always visible */
.pv-site-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  min-height:78px !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:2147483000 !important;
  background:transparent !important;
  background-color:transparent !important;
  color:#fff !important;
  pointer-events:auto !important;
  mix-blend-mode:normal !important;
}
.pv-site-header__inner{
  width:100%;
  min-height:78px;
  padding:18px 42px;
  display:grid !important;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
}
.pv-site-header__logo{
  justify-self:start;
  display:inline-flex !important;
  align-items:center;
  min-width:140px;
  min-height:34px;
  color:#fff !important;
  text-decoration:none !important;
  visibility:visible !important;
  opacity:1 !important;
}
.pv-site-header__logo-img{
  display:block !important;
  width:var(--pv-header-logo-width,180px) !important;
  max-width:180px !important;
  max-height:52px !important;
  height:auto !important;
  object-fit:contain !important;
  visibility:visible !important;
  opacity:1 !important;
  filter:brightness(0) invert(1) !important;
  mix-blend-mode:normal !important;
}
.pv-site-header__logo-fallback{
  display:inline-block;
  color:#fff !important;
  font-size:14px;
  line-height:1;
  letter-spacing:.34em;
  font-weight:500;
  white-space:nowrap;
}
.pv-site-header__nav{
  justify-self:center;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:34px;
  visibility:visible !important;
  opacity:1 !important;
}
.pv-site-header__nav a,
.pv-site-header__actions a{
  color:#fff !important;
  text-decoration:none !important;
  font-size:11px;
  line-height:1;
  letter-spacing:.28em;
  text-transform:uppercase;
  font-weight:500;
  white-space:nowrap;
  visibility:visible !important;
  opacity:1 !important;
}
.pv-site-header__actions{
  justify-self:end;
  display:flex !important;
  align-items:center;
  visibility:visible !important;
  opacity:1 !important;
}
.pv-site-header__nav a:hover,
.pv-site-header__actions a:hover,
.pv-site-header__logo:hover{opacity:.72 !important;}
@media (max-width: 900px){
  .pv-site-header__inner{grid-template-columns:auto 1fr auto;padding:15px 20px;}
  .pv-site-header__nav{gap:15px;}
  .pv-site-header__nav a,.pv-site-header__actions a{font-size:9px;letter-spacing:.18em;}
  .pv-site-header__logo-img{max-width:140px !important;}
}
@media (max-width: 680px){
  .pv-site-header__inner{grid-template-columns:1fr auto;}
  .pv-site-header__nav{display:none !important;}
  .pv-site-header__logo{min-width:0;}
  .pv-site-header__logo-img{max-width:130px !important;}
}


/* FINAL HEADER INVERSE MODE
   Transparent header over hero: logo + navigation are white/inverse.
*/
header.pv-header,
.pv-header,
.site-header {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
  mix-blend-mode: normal !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
}

.pv-header a,
.pv-header nav a,
.pv-header__link,
.pv-header__logo,
.pv-header__logo-text,
.site-header a,
.site-header nav a {
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.pv-header img,
.pv-header .custom-logo,
.pv-header .custom-logo-link img,
.pv-header__brand-image,
.site-header img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
  mix-blend-mode: normal !important;
}

.pv-header svg,
.site-header svg {
  fill: #fff !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.pv-header__toggle,
.pv-header button,
.site-header button {
  color: #fff !important;
  border-color: rgba(255,255,255,.75) !important;
}

body.home .pv-header,
body.front-page .pv-header {
  position: absolute !important;
}


/* PRANAVERSE REFERENCE HEADER
   Transparent overlay, black logo and black navigation.
*/
header.pv-header,
.pv-header,
.site-header {
  background: transparent !important;
  background-color: transparent !important;
  color: #000 !important;
  mix-blend-mode: normal !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  box-shadow: none !important;
  border: 0 !important;
}

.pv-header a,
.pv-header nav a,
.pv-header__link,
.pv-header__logo,
.pv-header__logo-text,
.site-header a,
.site-header nav a {
  color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

.pv-header img,
.pv-header .custom-logo,
.pv-header .custom-logo-link img,
.pv-header__brand-image,
.site-header img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  filter: brightness(0) !important;
  mix-blend-mode: normal !important;
}

.pv-header svg,
.site-header svg {
  fill: #000 !important;
  color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.pv-header button,
.pv-header__toggle,
.site-header button {
  color: #000 !important;
  border-color: rgba(0,0,0,.5) !important;
  background: transparent !important;
}

body.home .pv-header,
body.front-page .pv-header {
  position: absolute !important;
}


/* PRANAVERSE HEADER FORCE BLACK FINAL */
.pv-site-header,.pv-site-header *{box-sizing:border-box}
.pv-site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;min-height:78px!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:2147483647!important;background:transparent!important;background-color:transparent!important;color:#000!important;pointer-events:auto!important;mix-blend-mode:normal!important}
.pv-site-header__inner{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;width:100%!important;min-height:78px!important;padding:18px 42px!important}
.pv-site-header__logo,.pv-site-header__logo-fallback,.pv-site-header__nav a,.pv-site-header__actions a{color:#000!important;visibility:visible!important;opacity:1!important}
.pv-site-header__logo-img{display:block!important;visibility:visible!important;opacity:1!important;width:180px!important;max-width:180px!important;max-height:52px!important;height:auto!important;filter:brightness(0)!important;mix-blend-mode:normal!important}
.pv-site-header__nav{display:flex!important;visibility:visible!important;opacity:1!important;justify-self:center!important;gap:34px!important}
.pv-site-header__nav a,.pv-site-header__actions a{color:#000!important;text-decoration:none!important;font-size:11px!important;line-height:1!important;letter-spacing:.28em!important;text-transform:uppercase!important;font-weight:500!important;white-space:nowrap!important}
.pv-site-header__actions{display:flex!important;justify-self:end!important;visibility:visible!important;opacity:1!important}
@media(max-width:900px){.pv-site-header__inner{padding:15px 20px!important}.pv-site-header__nav{gap:15px!important}.pv-site-header__nav a,.pv-site-header__actions a{font-size:9px!important;letter-spacing:.18em!important}.pv-site-header__logo-img{max-width:140px!important}}
@media(max-width:680px){.pv-site-header__inner{grid-template-columns:1fr auto!important}.pv-site-header__nav{display:none!important}.pv-site-header__logo-img{max-width:130px!important}}

/* =========================================================
   PRANAVERSE FINAL RESPONSIVE SYSTEM
   - Header dynamically inverts on light/dark backgrounds.
   - No horizontal overflow on mobile/tablet.
   - Collection media and typography scale cleanly.
   ========================================================= */
html, body { max-width:100%; overflow-x:hidden !important; }
*, *::before, *::after { box-sizing:border-box; }

.pv-site-header {
  position:fixed !important;
  inset:0 0 auto 0 !important;
  width:100% !important;
  min-height:78px !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:2147483647 !important;
  background:transparent !important;
  color:#fff !important;
  mix-blend-mode:difference !important;
  pointer-events:auto !important;
}
.pv-site-header__inner {
  width:100% !important;
  min-height:78px !important;
  padding:18px 42px !important;
  display:grid !important;
  grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr) !important;
  align-items:center !important;
  gap:24px !important;
}
.pv-site-header__logo,
.pv-site-header__nav,
.pv-site-header__actions { min-width:0 !important; }
.pv-site-header__logo {
  justify-self:start !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#fff !important;
  text-decoration:none !important;
}
.pv-site-header__logo-img {
  display:block !important;
  width:180px !important;
  max-width:100% !important;
  max-height:52px !important;
  height:auto !important;
  object-fit:contain !important;
  filter:brightness(0) invert(1) !important;
  mix-blend-mode:normal !important;
}
.pv-site-header__logo-fallback {
  display:block !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:.28em !important;
  white-space:nowrap !important;
}
.pv-site-header__nav {
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:28px !important;
}
.pv-site-header__nav a,
.pv-site-header__actions a {
  color:#fff !important;
  text-decoration:none !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  white-space:nowrap !important;
  opacity:1 !important;
}
.pv-site-header__actions { justify-self:end !important; display:flex !important; }
.pv-site-header__nav a:hover,
.pv-site-header__actions a:hover,
.pv-site-header__logo:hover { opacity:.65 !important; }

/* Tablet */
@media (max-width: 1024px) and (min-width: 681px) {
  .pv-site-header__inner { padding:16px 24px !important; gap:16px !important; grid-template-columns:160px minmax(0,1fr) 80px !important; }
  .pv-site-header__logo-img { width:150px !important; }
  .pv-site-header__nav { gap:16px !important; }
  .pv-site-header__nav a,
  .pv-site-header__actions a { font-size:9px !important; letter-spacing:.13em !important; }
  .pv-collection { padding:7rem 2rem !important; }
  .pv-collection__row { gap:3rem !important; }
  .pv-collection__media { min-width:0 !important; }
  .pv-collection__title { font-size:clamp(3rem,5vw,4rem) !important; overflow-wrap:anywhere !important; }
}

/* Mobile */
@media (max-width: 680px) {
  .pv-site-header { min-height:104px !important; }
  .pv-site-header__inner {
    min-height:104px !important;
    padding:12px 14px 10px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-rows:44px 34px !important;
    gap:4px 10px !important;
  }
  .pv-site-header__logo { grid-column:1 / 2 !important; grid-row:1 !important; justify-self:start !important; }
  .pv-site-header__logo-img { width:120px !important; max-height:38px !important; }
  .pv-site-header__nav {
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    display:flex !important;
    justify-content:space-between !important;
    gap:0 !important;
    overflow:visible !important;
  }
  .pv-site-header__nav a,
  .pv-site-header__actions a {
    font-size:8px !important;
    letter-spacing:.10em !important;
  }
  .pv-site-header__actions { grid-column:2 !important; grid-row:1 !important; justify-self:end !important; align-self:center !important; }

  /* Prevent the two-image collection from exceeding viewport width. */
  .pv-collection {
    min-height:auto !important;
    padding:7.5rem 1rem 5rem !important;
    width:100% !important;
  }
  .pv-collection__number {
    position:static !important;
    text-align:left !important;
    margin:0 0 1.75rem !important;
    font-size:10px !important;
    color:#000 !important;
    mix-blend-mode:normal !important;
  }
  .pv-collection__row,
  .pv-collection__row--reverse {
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:2.5rem !important;
  }
  .pv-collection__media {
    width:100% !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
  }
  .pv-collection__img,
  .pv-collection__img--offset {
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    aspect-ratio:4 / 5 !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  .pv-collection__img img { width:100% !important; height:100% !important; object-fit:cover !important; }
  .pv-collection__text { width:100% !important; min-width:0 !important; }
  .pv-collection__kicker { font-size:11px !important; letter-spacing:.16em !important; }
  .pv-collection__title {
    font-size:clamp(2.4rem,11vw,3.5rem) !important;
    line-height:.98 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    margin-bottom:1.5rem !important;
  }
  .pv-collection__desc { font-size:14px !important; line-height:1.7 !important; max-width:100% !important; }

  .pv-hero { min-height:100svh !important; height:100svh !important; }
  .pv-hero__center { max-width:calc(100% - 32px) !important; }
  .pv-hero__subtitle { max-width:100% !important; font-size:9px !important; }
  .pv-hero__scroll { bottom:1.5rem !important; }

  .pv-products-home,
  .pv-testimonials,
  .pv-instagram,
  .pv-newsletter { padding-left:1rem !important; padding-right:1rem !important; }
  .pv-products-grid { grid-template-columns:1fr !important; }
  .pv-wc-main { padding-left:1rem !important; padding-right:1rem !important; }
  .pv-content-page { padding-left:1rem !important; padding-right:1rem !important; }
}

/* =========================================================
   PRANAVERSE V2 — HEADER VISIBILITY FIX
   Parent stays transparent; each header item uses difference
   blending so it reads BLACK on white and WHITE on black.
   ========================================================= */
html, body { overflow-x:hidden !important; }
.pv-site-header,
.pv-site-header * { box-sizing:border-box !important; }
.pv-site-header {
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important;
  width:100% !important;
  min-height:82px !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:2147483647 !important;
  background:transparent !important;
  color:#fff !important;
  mix-blend-mode:normal !important;
  pointer-events:auto !important;
}
.pv-site-header__inner {
  width:100% !important;
  min-height:82px !important;
  padding:16px 34px !important;
  display:grid !important;
  grid-template-columns:minmax(130px,1fr) auto minmax(70px,1fr) !important;
  align-items:center !important;
  gap:20px !important;
}
.pv-site-header__logo,
.pv-site-header__nav a,
.pv-site-header__actions a {
  color:#fff !important;
  visibility:visible !important;
  opacity:1 !important;
  mix-blend-mode:difference !important;
  text-shadow:none !important;
}
.pv-site-header__logo { justify-self:start !important; display:inline-flex !important; }
.pv-site-header__logo-img {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:180px !important;
  max-width:180px !important;
  max-height:52px !important;
  height:auto !important;
  object-fit:contain !important;
  filter:brightness(0) invert(1) !important;
  mix-blend-mode:difference !important;
}
.pv-site-header__logo-fallback {
  color:#fff !important;
  font-size:14px !important;
  letter-spacing:.24em !important;
  white-space:nowrap !important;
  mix-blend-mode:difference !important;
}
.pv-site-header__nav {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  min-width:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}
.pv-site-header__nav a,
.pv-site-header__actions a {
  display:inline-block !important;
  color:#fff !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.18em !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}
.pv-site-header__actions { justify-self:end !important; display:flex !important; visibility:visible !important; }
.pv-site-header__actions a { padding:4px 0 !important; }

@media (max-width:1024px) and (min-width:681px) {
  .pv-site-header__inner { padding:14px 22px !important; grid-template-columns:145px minmax(0,1fr) 70px !important; gap:12px !important; }
  .pv-site-header__logo-img { width:145px !important; }
  .pv-site-header__nav { gap:14px !important; }
  .pv-site-header__nav a,.pv-site-header__actions a { font-size:8px !important; letter-spacing:.10em !important; }
}

@media (max-width:680px) {
  .pv-site-header { min-height:104px !important; }
  .pv-site-header__inner {
    min-height:104px !important;
    padding:10px 14px 9px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-rows:46px 34px !important;
    gap:3px 10px !important;
  }
  .pv-site-header__logo {
    grid-column:1 !important; grid-row:1 !important;
    justify-self:start !important; align-self:center !important;
  }
  .pv-site-header__logo-img {
    width:124px !important; max-width:124px !important; max-height:40px !important;
  }
  .pv-site-header__actions {
    grid-column:2 !important; grid-row:1 !important;
    justify-self:end !important; align-self:center !important;
  }
  .pv-site-header__nav {
    grid-column:1 / -1 !important; grid-row:2 !important;
    width:100% !important; min-width:0 !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:6px !important;
    overflow:visible !important;
  }
  .pv-site-header__nav a,
  .pv-site-header__actions a {
    font-size:7px !important;
    letter-spacing:.08em !important;
    line-height:1 !important;
  }
}

@media (max-width:360px) {
  .pv-site-header__inner { padding-left:10px !important; padding-right:10px !important; }
  .pv-site-header__logo-img { width:108px !important; }
  .pv-site-header__nav { gap:3px !important; }
  .pv-site-header__nav a,.pv-site-header__actions a { font-size:6.5px !important; letter-spacing:.05em !important; }
}



/* =========================================================
   PRANAVERSE V3 — HOMEPAGE HEADER, SELF-CONTAINED
   The homepage header lives directly inside front-page.php so it
   cannot be hidden by a template/header stacking conflict.
   ========================================================= */
.pv-home-header,
.pv-home-header * { box-sizing:border-box !important; }
.pv-home-header {
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important;
  width:100% !important;
  height:auto !important;
  min-height:78px !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:999999 !important;
  background:transparent !important;
  pointer-events:auto !important;
  mix-blend-mode:normal !important;
}
.pv-home-header__inner {
  width:100% !important;
  min-height:78px !important;
  padding:18px 42px !important;
  display:grid !important;
  grid-template-columns:minmax(140px,1fr) auto minmax(120px,1fr) !important;
  align-items:center !important;
  gap:24px !important;
}
.pv-home-header__logo,
.pv-home-header__nav a,
.pv-home-header__actions a {
  color:#fff !important;
  text-decoration:none !important;
  visibility:visible !important;
  opacity:1 !important;
  mix-blend-mode:difference !important;
}
.pv-home-header__logo { display:inline-flex !important; align-items:center !important; justify-self:start !important; min-width:0 !important; }
.pv-home-header__logo-img {
  display:block !important;
  width:180px !important;
  max-width:180px !important;
  max-height:52px !important;
  height:auto !important;
  object-fit:contain !important;
  filter:brightness(0) invert(1) !important;
  mix-blend-mode:difference !important;
}
.pv-home-header__logo-fallback { font-size:14px !important; letter-spacing:.28em !important; white-space:nowrap !important; }
.pv-home-header__nav {
  display:flex !important;
  justify-self:center !important;
  align-items:center !important;
  justify-content:center !important;
  gap:30px !important;
  flex-wrap:nowrap !important;
}
.pv-home-header__nav a,
.pv-home-header__actions a {
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}
.pv-home-header__actions { display:flex !important; justify-self:end !important; }
.pv-home-header__nav a:hover,
.pv-home-header__actions a:hover,
.pv-home-header__logo:hover { opacity:.7 !important; }

@media (max-width:1024px) and (min-width:681px) {
  .pv-home-header__inner { padding:16px 24px !important; gap:14px !important; grid-template-columns:150px minmax(0,1fr) 70px !important; }
  .pv-home-header__logo-img { width:145px !important; }
  .pv-home-header__nav { gap:15px !important; }
  .pv-home-header__nav a,.pv-home-header__actions a { font-size:9px !important; letter-spacing:.12em !important; }
}
@media (max-width:680px) {
  .pv-home-header { min-height:100px !important; }
  .pv-home-header__inner {
    min-height:100px !important;
    padding:12px 14px 10px !important;
    grid-template-columns:1fr auto !important;
    grid-template-rows:42px 34px !important;
    gap:5px 10px !important;
  }
  .pv-home-header__logo { grid-column:1 !important; grid-row:1 !important; justify-self:start !important; }
  .pv-home-header__logo-img { width:118px !important; max-width:118px !important; max-height:36px !important; }
  .pv-home-header__nav {
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    display:flex !important;
    justify-content:space-between !important;
    gap:8px !important;
  }
  .pv-home-header__nav a,.pv-home-header__actions a { font-size:8px !important; letter-spacing:.09em !important; }
  .pv-home-header__actions { grid-column:2 !important; grid-row:1 !important; justify-self:end !important; align-self:center !important; }
}

/* V4 — header must remain visible while scrolling through every section. */
html body .pv-home-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  z-index: 2147483647 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  overflow: visible !important;
}
html body .pv-home-header__inner {
  visibility: visible !important;
  opacity: 1 !important;
}
html body .pv-home-header__logo-img {
  filter: brightness(0) invert(1) !important;
  mix-blend-mode: difference !important;
}
html body .pv-home-header__nav a,
html body .pv-home-header__actions a,
html body .pv-home-header__logo-fallback {
  color: #fff !important;
  mix-blend-mode: difference !important;
}
@media (max-width: 680px) {
  html body .pv-home-header { min-height: 100px !important; }
}

/* V5 — TRUE INVERSE HEADER TYPOGRAPHY
   White source text/logo automatically appears black over white areas
   and white over dark/image areas. */
html body .pv-home-header {
  color: #fff !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
  background-color: transparent !important;
}
html body .pv-home-header__inner,
html body .pv-home-header__logo,
html body .pv-home-header__nav,
html body .pv-home-header__actions {
  mix-blend-mode: normal !important;
}
html body .pv-home-header__nav a,
html body .pv-home-header__actions a,
html body .pv-home-header__logo-fallback {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  mix-blend-mode: difference !important;
  text-shadow: none !important;
}
html body .pv-home-header__logo-img {
  filter: brightness(0) invert(1) !important;
  mix-blend-mode: difference !important;
}


/* =========================================================
   PRANAVERSE V6 — SMART SECTION-BASED INVERSE HEADER
   Do not use mix-blend-mode for navigation/logo. The header
   explicitly switches between dark and light states based on
   the section underneath it.
   ========================================================= */

html body .pv-home-header,
html body .pv-home-header.pv-header--light,
html body .pv-home-header.pv-header--dark {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 2147483647 !important;
  background: transparent !important;
  background-color: transparent !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body .pv-home-header .pv-home-header__logo,
html body .pv-home-header .pv-home-header__nav,
html body .pv-home-header .pv-home-header__actions,
html body .pv-home-header .pv-home-header__inner {
  mix-blend-mode: normal !important;
}

/* LIGHT background underneath = black header */
html body .pv-home-header.pv-header--light .pv-home-header__nav a,
html body .pv-home-header.pv-header--light .pv-home-header__actions a,
html body .pv-home-header.pv-header--light .pv-home-header__logo-fallback {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  text-shadow: none !important;
}

html body .pv-home-header.pv-header--light .pv-home-header__logo-img {
  filter: brightness(0) !important;
  mix-blend-mode: normal !important;
}

/* DARK/image background underneath = white header */
html body .pv-home-header.pv-header--dark .pv-home-header__nav a,
html body .pv-home-header.pv-header--dark .pv-home-header__actions a,
html body .pv-home-header.pv-header--dark .pv-home-header__logo-fallback {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.08) !important;
}

html body .pv-home-header.pv-header--dark .pv-home-header__logo-img {
  filter: brightness(0) invert(1) !important;
  mix-blend-mode: normal !important;
}

/* Keep interactive elements readable and consistent. */
html body .pv-home-header.pv-header--light a,
html body .pv-home-header.pv-header--dark a {
  opacity: 1 !important;
  visibility: visible !important;
}

html body .pv-home-header__logo-img {
  transition: filter .22s ease !important;
}

html body .pv-home-header__nav a,
html body .pv-home-header__actions a,
html body .pv-home-header__logo-fallback {
  transition: color .22s ease, -webkit-text-fill-color .22s ease !important;
}

/* Mobile: keep the complete navigation visible and inside viewport. */
@media (max-width:680px) {
  html body .pv-home-header {
    min-height: 100px !important;
  }
  html body .pv-home-header__inner {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  html body .pv-home-header__nav {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    justify-content: flex-start !important;
  }
  html body .pv-home-header__nav::-webkit-scrollbar {
    display: none !important;
  }
}

/* =========================================================
   PRANAVERSE V7 — FINAL MOBILE + TABLET RESPONSIVE PATCH
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden!important}

/* Keep the fixed homepage header independent of page width. */
html body .pv-home-header{width:100%!important;max-width:100vw!important;overflow:visible!important}
html body .pv-home-header__inner{width:100%!important;max-width:100%!important;box-sizing:border-box!important}

@media (max-width:1024px) and (min-width:681px){
  html body .pv-home-header__inner{
    min-height:74px!important;padding:14px 22px!important;
    grid-template-columns:145px minmax(0,1fr) 72px!important;gap:12px!important;
  }
  html body .pv-home-header__logo-img{width:145px!important;max-width:145px!important;max-height:44px!important}
  html body .pv-home-header__nav{gap:13px!important;min-width:0!important}
  html body .pv-home-header__nav a,
  html body .pv-home-header__actions a{font-size:8px!important;letter-spacing:.12em!important}
  html body .pv-hero__center{width:calc(100% - 44px)!important;max-width:620px!important}
  html body .pv-collection{padding:6rem 24px!important}
  html body .pv-collection__row,
  html body .pv-collection__row--reverse{width:100%!important;gap:2.5rem!important}
  html body .pv-collection__media{width:100%!important;max-width:100%!important;height:auto!important}
  html body .pv-collection__text{width:100%!important;max-width:760px!important}
}

@media (max-width:680px){
  /* Header: logo + cart on row 1, navigation on row 2. */
  html body .pv-home-header{min-height:96px!important;height:96px!important}
  html body .pv-home-header__inner{
    min-height:96px!important;height:96px!important;
    padding:10px 14px 8px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:44px 34px!important;
    gap:5px 10px!important;
    align-items:center!important;
  }
  html body .pv-home-header__logo{grid-column:1!important;grid-row:1!important;justify-self:start!important;min-width:0!important}
  html body .pv-home-header__logo-img{
    width:118px!important;max-width:118px!important;max-height:34px!important;height:auto!important;
  }
  html body .pv-home-header__actions{grid-column:2!important;grid-row:1!important;justify-self:end!important;min-width:0!important}
  html body .pv-home-header__actions a{font-size:8px!important;letter-spacing:.12em!important}
  html body .pv-home-header__nav{
    grid-column:1 / -1!important;grid-row:2!important;
    width:100%!important;min-width:0!important;
    display:flex!important;justify-content:space-between!important;align-items:center!important;
    gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scrollbar-width:none!important;-ms-overflow-style:none!important;
    padding:0!important;
  }
  html body .pv-home-header__nav::-webkit-scrollbar{display:none!important}
  html body .pv-home-header__nav a{
    flex:0 0 auto!important;font-size:7.5px!important;letter-spacing:.11em!important;
    line-height:1!important;white-space:nowrap!important;
  }

  /* Prevent the fixed header from crowding the hero controls. */
  html body .pv-hero{min-height:100svh!important;height:100svh!important}
  html body .pv-hero__center{
    width:calc(100% - 32px)!important;max-width:520px!important;
    margin-top:5rem!important;padding-top:3rem!important;
  }
  html body .pv-hero__logo{width:min(70vw,280px)!important}
  html body .pv-hero__logo .pv-brand-logo{max-width:100%!important}
  html body .pv-hero__subtitle{
    max-width:320px!important;margin:1rem auto 1.5rem!important;
    font-size:8px!important;line-height:1.65!important;letter-spacing:.16em!important;
  }
  html body .pv-hero__scroll{bottom:1.25rem!important}
  html body .pv-hero__scroll span:first-child{font-size:8px!important;letter-spacing:.22em!important}

  /* Collections: never exceed viewport width. */
  html body .pv-collection{width:100%!important;max-width:100vw!important;padding:4.5rem 16px!important;overflow:hidden!important}
  html body .pv-collection__number{position:static!important;text-align:left!important;margin:0 0 2.2rem!important;font-size:10px!important}
  html body .pv-collection__row,
  html body .pv-collection__row--reverse{
    width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;
    gap:2.5rem!important;margin:0!important;
  }
  html body .pv-collection__media{
    width:100%!important;max-width:100%!important;height:auto!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;overflow:visible!important;
  }
  html body .pv-collection__img,
  html body .pv-collection__img--offset{width:100%!important;max-width:100%!important;margin:0!important}
  html body .pv-collection__img img{
    display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:cover!important;
  }
  html body .pv-collection__text{width:100%!important;max-width:100%!important}
  html body .pv-collection__title{
    max-width:100%!important;font-size:clamp(2.6rem,12vw,4.2rem)!important;
    line-height:.92!important;overflow-wrap:anywhere!important;word-break:normal!important;
  }
  html body .pv-collection__desc{
    max-width:100%!important;font-size:15px!important;line-height:1.65!important;
  }
  html body .pv-btn{max-width:100%!important}

  /* Other sections must also respect the viewport. */
  html body .pv-products-home,
  html body .pv-philosophy,
  html body .pv-testimonials,
  html body .pv-instagram,
  html body .pv-newsletter,
  html body .pv-footer{max-width:100vw!important;overflow:hidden!important}
}

@media (max-width:380px){
  html body .pv-home-header__inner{padding-left:10px!important;padding-right:10px!important}
  html body .pv-home-header__logo-img{width:105px!important;max-width:105px!important}
  html body .pv-home-header__nav{gap:8px!important}
  html body .pv-home-header__nav a{font-size:7px!important;letter-spacing:.08em!important}
  html body .pv-home-header__actions a{font-size:7px!important}
  html body .pv-collection{padding-left:12px!important;padding-right:12px!important}
  html body .pv-collection__media{gap:6px!important}
}