/* Floating Pill Header */
header.site-header .main-header-bar{
  background: #ffffff !important;
  border-radius: 28px !important;
  margin: 16px 20px !important;
  padding: 12px 22px !important;
  box-shadow: 0 10px 35px rgba(0,0,0,0.07) !important;
}

/* Header layout */
.site-header-section{
  display: flex !important;
  align-items: center !important;
}

.site-header-section.site-header-section-left{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.site-header-section.site-header-section-right{
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
}

/* Logo + title spacing */
.custom-logo-link{
  margin-right: 10px !important;
}
/* 
.custom-logo-link img,
.ast-site-identity img{

  width: auto !important;
}
 */
.site-title{
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.site-title a{
  background: linear-gradient(90deg,#c58ec6,#8e9be8) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-decoration: none !important;
}

/* Home icon */
.plr-home:before{
  content: "\f102";
  font-family: dashicons;
  font-size: 20px;
  line-height: 1;
  display: inline-block;
}

/* Icon set styling */
.plr-icon.plr-home,
.ast-header-account-wrap,
.ast-site-header-cart a{
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  margin-left: 10px !important;
  color: #2E2E2E !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: none !important;
  transition: all .25s ease !important;
}

.plr-icon.plr-home:hover,
.ast-header-account-wrap:hover,
.ast-site-header-cart a:hover{
  background: rgba(197,142,198,0.14) !important;
  color: #C58EC6 !important;
  transform: translateY(-2px) !important;
}

/* Make SVG icons follow color */
.ast-header-account-wrap svg,
.ast-site-header-cart svg{
  fill: currentColor !important;
}

/* Cart badge */
.ast-site-header-cart a{
  position: relative !important;
}

.ast-site-header-cart .count{
  background: #C58EC6 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  min-width: 18px !important;
  min-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: -6px !important;
  right: -6px !important;
}

/* Mobile */
@media (max-width: 768px){

  header.site-header .main-header-bar{
    margin: 10px 12px !important;
    padding: 10px 14px !important;
    border-radius: 22px !important;
  }

  .custom-logo-link img,
  .ast-site-identity img{
     width: 60px;
  }

  .site-title{
    font-size: 16px !important;
    letter-spacing: 0.2px !important;
  }

  .plr-icon.plr-home,
  .ast-header-account-wrap,
  .ast-site-header-cart a{
    width: 36px !important;
    height: 36px !important;
    margin-left: 6px !important;
  }

  .plr-home:before{
    font-size: 18px !important;
  }
}
/* ===== PrettyLabs About Page – White Luxury Card ===== */

.plr-process {
  max-width: 1000px;
  margin: 60px auto;
  padding: 50px 60px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
}

/* Headings */
.plr-process h1 {
  font-size: 42px;
  margin-bottom: 18px;
  color: #222222;
}

.plr-process h2 {
  font-size: 26px;
  margin-top: 40px;
  margin-bottom: 14px;
  color: #222222;
}

.plr-process h3 {
  font-size: 20px;
  margin-bottom: 12px;
  color: #222222;
}

/* Paragraphs */
.plr-process p {
  line-height: 1.8;
  font-size: 16px;
  color: #333333;
  margin-bottom: 16px;
}

/* Lists */
.plr-process ul {
  margin-left: 20px;
  line-height: 1.8;
  margin-bottom: 16px;
}

/* Divider */
.plr-process__divider {
  margin: 40px 0;
  border: none;
  border-top: 1px solid rgba(0,0,0,0.08);
}

/* Compliance Notice */
.plr-process__compliance {
  margin-top: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .plr-process {
    padding: 30px 25px;
    margin: 30px 15px;
  }

  .plr-process h1 {
    font-size: 30px;
  }

  .plr-process h2 {
    font-size: 22px;
  }
}
/* ===== PrettyLabs Contact Us – Centered White Card ===== */
.plr-contact-card{
  max-width: 1080px;
  margin: 60px auto;
  padding: 52px 60px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.06);
}

.plr-contact-card__header h1{
  margin: 0 0 10px;
  font-size: 42px;
  color: #222;
}

.plr-contact-card__header p{
  margin: 0 0 26px;
  line-height: 1.75;
  color: #333;
  font-size: 16px;
}

.plr-contact-card__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-top: 14px;
}

.plr-contact-card__panel{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 22px;
  background: #fff;
}

.plr-contact-card h2{
  margin: 0 0 12px;
  font-size: 22px;
  color: #222;
}

.plr-contact-card h3{
  margin: 18px 0 8px;
  font-size: 16px;
  color: #222;
}

.plr-contact-card p,
.plr-contact-card li{
  font-size: 16px;
  line-height: 1.75;
  color: #333;
}

.plr-contact-card ul{ margin: 10px 0 0 18px; }

.plr-contact-card__divider{
  margin: 34px 0 18px;
  border: none;
  border-top: 1px solid rgba(0,0,0,.08);
}

/* Form styling */
.plr-form__row{ margin-bottom: 14px; }
.plr-form label{ display:block; font-weight:600; margin-bottom: 6px; color:#222; }

.plr-form input,
.plr-form textarea{
  width: 100%;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 16px;
  outline: none;
}

.plr-form input:focus,
.plr-form textarea:focus{
  border-color: rgba(0,0,0,.28);
}

.plr-form__btn{
  display:inline-block;
  border: none;
  border-radius: 12px;
  padding: 12px 22px;
  cursor: pointer;
  font-weight: 600;
}

.plr-form__helper{
  margin-top: 12px;
  font-size: 14px;
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 820px){
  .plr-contact-card{
    padding: 30px 22px;
    margin: 30px 15px;
  }
  .plr-contact-card__grid{ grid-template-columns: 1fr; }
  .plr-contact-card__header h1{ font-size: 30px; }
}
/* =========================
   PrettyLabs — Luxury Contact Page Upgrade
   (works with your current HTML/CSS)
   ========================= */

/* Page card */
.plr-contact-card{
  max-width: 1120px;
  margin: 70px auto;
  padding: 64px 70px;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 22px;
  border: 1px solid rgba(20,20,20,0.06);
  box-shadow:
    0 28px 90px rgba(0,0,0,0.07),
    0 1px 0 rgba(255,255,255,0.7) inset;
}

/* Typography (luxury = breathing room + refined scale) */
.plr-contact-card__header h1{
  font-size: 48px;
  letter-spacing: -0.02em;
  margin: 0 0 12px;
  color: #1f1f1f;
}

.plr-contact-card__header p{
  font-size: 17px;
  line-height: 1.85;
  color: rgba(20,20,20,0.72);
  max-width: 70ch;
}

/* Grid spacing */
.plr-contact-card__grid{
  gap: 26px;
  margin-top: 26px;
}

/* Inner panels -> make them look like luxury “cards” */
/*.plr-contact-card__panel{
  border-radius: 18px;
  padding: 26px 26px;
  border: 1px solid rgba(20,20,20,0.06);
  box-shadow:
    0 18px 55px rgba(0,0,0,0.05);
}*/

/* Headings inside cards */
.plr-contact-card h2{
  font-size: 20px;
  letter-spacing: -0.01em;
  margin-bottom: 14px;
}

.plr-contact-card h3{
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(20,20,20,0.55);
  margin-top: 22px;
}

/* Links */
.plr-contact-card a{
  text-decoration: none;
  border-bottom: 1px solid rgba(120, 83, 180, 0.25);
}
.plr-contact-card a:hover{
  border-bottom-color: rgba(120, 83, 180, 0.55);
}

/* Form fields — luxury feel = soft border, more padding */
.plr-form label{
  font-weight: 600;
  font-size: 14px;
  color: rgba(20,20,20,0.78);
}

.plr-form input,
.plr-form textarea{
  border-radius: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(20,20,20,0.10);
  background: rgba(255,255,255,0.95);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.plr-form input:focus,
.plr-form textarea:focus{
  border-color: rgba(120, 83, 180, 0.35);
  box-shadow: 0 12px 30px rgba(120, 83, 180, 0.10);
  outline: none;
}

/* Button — make it pill + premium (no harsh pink block) */
.plr-form__btn{
  border-radius: 999px;
  padding: 12px 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  background: linear-gradient(135deg, rgba(120,83,180,0.95), rgba(165,120,230,0.95));
  color: #fff;
  box-shadow: 0 18px 45px rgba(120, 83, 180, 0.20);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.plr-form__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 22px 60px rgba(120, 83, 180, 0.26);
  filter: brightness(1.02);
}

/* Divider */
.plr-contact-card__divider{
  margin: 42px 0 22px;
  border-top: 1px solid rgba(20,20,20,0.08);
}

/* Bottom notices — give them a luxury “soft panel” */
.plr-contact-card__notices{
  border-radius: 16px;
  padding: 18px 20px;
  border: 1px solid rgba(20,20,20,0.06);
  background: rgba(248,246,242,0.65); /* warm ivory tint */
}

.plr-contact-card__compliance{
  color: rgba(20,20,20,0.78);
}

/* Responsive */
@media (max-width: 820px){
  .plr-contact-card{
    padding: 34px 22px;
    margin: 30px 15px;
  }
  .plr-contact-card__header h1{ font-size: 34px; }
}
/* Remove Purple Button */
.plr-form__btn,
button,
input[type="submit"],
.wpforms-submit,
.wpcf7-submit {
  background: #C7A9A2 !important; /* muted rose taupe */
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  box-shadow: 0 18px 45px rgba(199,169,162,0.25) !important;
  transition: all .18s ease;
}
/* ===== Soft Luxury Pink Button ===== */

.plr-form__btn,
button,
input[type="submit"],
.wpforms-submit,
.wpcf7-submit {

  background: #E6B7C4 !important;   /* soft muted pink */
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;

  box-shadow: 0 18px 45px rgba(230,183,196,0.35) !important;
  transition: all .18s ease;
}

.plr-form__btn:hover,
button:hover,
input[type="submit"]:hover,
.wpforms-submit:hover,
.wpcf7-submit:hover {

  background: #DFA6B6 !important;   /* slightly deeper pink */
  transform: translateY(-1px);
  box-shadow: 0 24px 60px rgba(223,166,182,0.45) !important;
}
/* ===== Luxury Link Styling ===== */

a {
  color: #B98A95;
  text-decoration: none;
  border-bottom: 1px solid rgba(185,138,149,0.25);
  transition: all .18s ease;
}

a:hover {
  color: #A87483;
  border-bottom-color: rgba(168,116,131,0.5);
}
/* ===== Luxury Borders ===== */

.plr-contact-card,
.plr-contact-card__panel {
  border: 1px solid rgba(0,0,0,0.06) !important;
}

hr,
.plr-contact-card__divider {
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}
/* =========================
   PRETTYLABS — REMOVE PURPLE HEADER FOR GOOD
   Place this at the VERY END of Additional CSS
   ========================= */

/* 1) Kill the gradient title and force luxury charcoal */
.site-title a,
.ast-site-title-wrap a{
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  color: #1F1F1F !important; /* luxury charcoal */
  text-decoration: none !important;
}

/* 2) Remove purple hover + badge and switch to soft blush */
.plr-icon.plr-home:hover,
.ast-header-account-wrap:hover,
.ast-site-header-cart a:hover{
  background: rgba(230,183,196,0.18) !important; /* soft blush tint */
  color: #8C6F68 !important; /* warm taupe */
}

/* cart badge */
.ast-site-header-cart .count{
  background: #E6B7C4 !important; /* soft pink */
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

/* 3) Make header icons match taupe */
.plr-icon.plr-home,
.ast-header-account-wrap,
.ast-site-header-cart a{
  color: #8C6F68 !important; /* warm taupe */
}

.ast-header-account-wrap svg,
.ast-site-header-cart svg{
  fill: currentColor !important;
}

  border: 1px solid rgba(0,0,0,0.06) !important;/* ===== Fancy Luxury Site Title ===== */

.site-title a,
.ast-site-title-wrap a {

  font-family: 'Cormorant Garamond', serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  color: #1F1F1F !important;
  background: none !important;
  -webkit-text-fill-color: initial !important;
}
/* Load Luxury Font */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap');
/* ===== Fancy Luxury Site Title (Header Only) ===== */

.site-title a,
.ast-site-title-wrap a {

  font-family: 'Cormorant Garamond', serif !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  letter-spacing: 0.6px !important;
  color: #1F1F1F !important;

  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;

  text-decoration: none !important;
}

/* Slightly smaller on mobile */
@media (max-width: 768px){
  .site-title a {
    font-size: 24px !important;
  }
}


    font-size: 34px !important;
/* =========================
   PRETTYLABS — FOOTER FIX (2 HTML COLUMNS)
   ========================= */

/* Footer background + padding */
.site-footer{
  background: #FDF7F9 !important;
  border-top: 1px solid rgba(0,0,0,0.06);
  padding-top: 44px !important;
}

/* Force footer content to align left (Astra sometimes centers) */
.site-footer *{
  text-align: left;
}

/* Column wrapper */
.plr-footer-col{
  display: flex;
  flex-direction: row;
  gap: 34px;
  max-width: 520px;
}

/* Section titles */
.plr-footer-section h4{
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  margin: 0 0 14px !important;
  color: #1F1F1F !important;
}

/* Kill bullets + weird spacing */
.plr-footer-section ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.plr-footer-section li{
  margin: 10px 0 !important;
}

/* Links */
.plr-footer-section a{
  color: rgba(20,20,20,0.70) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(185,138,149,0.22) !important;
  padding-bottom: 2px;
  transition: all .18s ease;
}
.plr-footer-section a:hover{
  color: rgba(20,20,20,0.95) !important;
  border-bottom-color: rgba(185,138,149,0.45) !important;
}

/* Text */
.plr-footer-line{
  margin: 0 0 6px !important;
}
.plr-footer-muted{
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: rgba(20,20,20,0.70) !important;
}

/* Make compliance block less “wall of text” */
.plr-footer-compliance .plr-footer-muted{
  max-width: 42ch;
}

/* Mobile */
@media (max-width: 768px){
  .plr-footer-col{ max-width: 100%; }
}
/* =========================
   PRETTYLABS — FOOTER POLISH (LUXURY)
   ========================= */

/* Soft blush footer background + separation from page */
.site-footer{
  background: #FDF7F9 !important;              /* almost-white blush */
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}

/* Give the footer content a centered “container” feel */
.site-footer .ast-footer-overlay,
.site-footer .ast-footer-widget-area{
  background: transparent !important;
}

/* .plr-footer-col{
  gap: 42px !important; /* more breathing room */
} */

/* Headings: refined */
.plr-footer-section h4{
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 800 !important;
  font-size: 25px !important;
  margin: 0 0 16px !important;
  color: #1F1F1F !important;
}

/* Lists: spacing + remove “boxed” feel */
.plr-footer-section ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.plr-footer-section li{
  margin: 12px 0 !important;
}

/* Links: luxury + lighter */
.plr-footer-section a{
  color: rgba(20,20,20,0.68) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(185,138,149,0.18) !important;
  padding-bottom: 2px !important;
  transition: all .18s ease;
}
.plr-footer-section a:hover{
  color: rgba(20,20,20,0.92) !important;
  border-bottom-color: rgba(185,138,149,0.40) !important;
}

/* Paragraph text */
.plr-footer p{
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  color: rgba(20,20,20,0.68) !important;
}

/* Contact spacing */
.plr-footer-line{ margin: 0 0 10px !important; }
.plr-footer-muted{ opacity: 0.78 !important; }

/* Compliance: make it feel like a soft panel */
.plr-footer-compliance{
  margin-top: 6px;
}
.plr-footer-compliance .plr-footer-muted{
  max-width: 46ch !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  background: rgba(255,255,255,0.65) !important;
}

/* Fix: remove any random bullets that might be injected by editor */
.site-footer ul li::marker{ content: "" !important; }

/* Copyright area cleaner */
.site-footer .ast-small-footer{
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  margin-top: 28px !important;
  padding-top: 16px !important;
  background: transparent !important;
}

/* Mobile spacing */
@media (max-width: 768px){
  .site-footer{
    padding: 44px 0 16px !important;
  }
  .plr-footer-col{
    gap: 34px !important;
  }
}
/* ===== Fix 404 Page Layout ===== */

.error404 .site-content {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.error404 .ast-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.error404 .page-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
}

.error404 .search-form {
  margin-top: 30px !important;
}
/* PrettyLabs — Floating Announcement Bar */
.ast-above-header-wrap  {
 position: sticky;
  top: 0;
  z-index: 99999;
  background: #ffffff;
}

.pl-annbar__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pl-annbar__inner .dot{ opacity: .35; }

@media (max-width: 768px){
  .pl-annbar__inner{ justify-content: flex-start; }
}
/* PrettyLabs — Floating Announcement Bar (always on top) */
.pl-annbar{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999999;
  background: #ffffff;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.pl-annbar__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pl-annbar__inner .dot{ opacity: .35; }

/* Prevent it from covering your header */
header.site-header{
  margin-top: 44px;
}

@media (max-width: 768px){
  header.site-header{ margin-top: 10px; }
  .pl-annbar__inner{ justify-content: flex-start; }
}
/* Fix mini-cart "Continue shopping" turning vertical */
.woocommerce-mini-cart__buttons a,
.widget_shopping_cart_content .buttons a,
.woocommerce.widget_shopping_cart .buttons a,
.ast-site-header-cart .woocommerce-mini-cart__buttons a{
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  width: auto !important;
  min-width: 180px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 12px 16px !important;
  line-height: 1.1 !important;
}

/* If the button container is too narrow, widen it */
.woocommerce-mini-cart__buttons,
.widget_shopping_cart_content .buttons{
  display: flex !important;
  gap: 10px;
  flex-wrap: wrap;
}

.woocommerce-mini-cart__buttons a{
  flex: 1 1 220px;
}


/* verification-vault page css */

.page-id-26, .page-id-32 {
    background-color: #FBF6F8
}


/* shop Page css */

 .astra-shop-summary-wrap  {
    text-align:center
}

.woocommerce-js ul.products li.product a.ast-loop-product__link {
 border:none !important
}

/* Footer css */

.site-footer .ast-builder-grid-row-container-inner{
  padding:0px !important;
}

.ast-footer-copyright p{
    text-align:center;
}



/* announcement bar css */
.pl-annbar {
    width: 100%;
    overflow: hidden;
}

.pl-annbar__track {
    display: flex;
    width: max-content;
    animation: scrollLeft 20s linear infinite;
}

.pl-annbar__inner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 50px; 
    white-space: nowrap;
}

.dot {
    opacity: 0.6;
}

@keyframes scrollLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.ast-above-header-bar .site-above-header-wrap {
min-height:0
}
/* ===== PrettyLabs Access Gate (scoped) ===== */

/*  .page-id-851 , .page-id-958{
    height: 100vh;
  position: relative;
  background-image: url("https://prettylabsresearch.com/wp-content/uploads/2026/03/5546d667-e8fc-4ce2-9bce-da35ee889dac-1.png");
  background-size: cover;
  background-position: top
}

 .page-id-51 .woocommerce, .page-id-851 .woocommerce, .page-id-958 .age-verification-wrapper{
background: white;
  padding:50px;
  border-radius:20px;
}

.page-id-958 .site-content {
    display:flex;
    align-items:center;
    justify-content:center
}
 */

.page-id-851 #post-851 {
    padding: 0 !important;
}

.xoo-el-form-register .xoo_el_reg_terms_cont{
    display:none !important;
}


/* Responisve Designs */

 @media (max-width:767px){
.home .ast-container, .page-id-26 .ast-container,	.page-id-32  .ast-container{
    padding: 0 !important;
}
} 
/* ===== PrettyLabs swatches: clear in-stock vs out-of-stock ===== */

.woo-variation-swatches .variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 8px !important;
    list-style: none !important;
    padding: 0 !important;
}

.woo-variation-swatches .variable-items-wrapper li {
    list-style: none !important;
    margin: 0 !important;
}

/* IN STOCK / available */
.woo-variation-swatches .variable-items-wrapper .variable-item {
    width: auto !important;
    min-width: 88px !important;
    height: 42px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    border: 1.5px solid #d9a3b3 !important;
    background: #ffffff !important;
    color: #b9778d !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    text-align: center !important;
}

/* hover */
.woo-variation-swatches .variable-items-wrapper .variable-item:hover {
    background: #fff6f9 !important;
    border-color: #cf8fa4 !important;
    color: #a85f78 !important;
}

/* SELECTED */
.woo-variation-swatches .variable-items-wrapper .variable-item.selected,
.woo-variation-swatches .variable-items-wrapper .variable-item.radio-variable-item.selected {
    background: #d99caf !important;
    border-color: #d99caf !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(217, 156, 175, 0.18) !important;
}

/* OUT OF STOCK / unavailable */
.woo-variation-swatches .variable-items-wrapper .variable-item.disabled,
.woo-variation-swatches .variable-items-wrapper .variable-item.disabled:hover,
.woo-variation-swatches .variable-items-wrapper .variable-item[aria-disabled="true"] {
    background: #f1f1f1 !important;
    border: 1.5px solid #d4d4d4 !important;
    color: #9a9a9a !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    text-decoration: line-through !important;
    box-shadow: none !important;
}
.pl-discount-chart{
    border:1px solid #ecd6de;
    background:#fffafb;
    border-radius:18px;
    padding:16px 18px;
    margin:0 0 18px 0;
    box-shadow:0 6px 18px rgba(0,0,0,0.04);
}

.pl-discount-title{
    font-size:18px;
    font-weight:700;
    color:#b97c92;
    margin-bottom:12px;
}

.pl-discount-row{
    display:grid;
    grid-template-columns: 1.2fr .9fr .9fr;
    gap:12px;
    align-items:center;
    padding:9px 0;
    border-bottom:1px solid #f3e5ea;
    font-size:14px;
    color:#4a4a4a;
}

.pl-discount-row.pl-head{
    font-weight:700;
    color:#9c7482;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.04em;
    padding-top:0;
}

.pl-discount-row:last-of-type{
    border-bottom:none;
}

.pl-discount-row span:nth-child(2){
    color:#c7859d;
    font-weight:700;
}

.pl-discount-row .pl-price{
    justify-self:end;
    font-weight:700;
    color:#555;
}

.pl-discount-note{
    margin-top:12px;
    font-size:12px;
    color:#8d8d8d;
    line-height:1.5;
}

@media (max-width: 767px){
    .pl-discount-row{
        grid-template-columns: 1fr;
        gap:4px;
    }

    .pl-discount-row .pl-price{
        justify-self:start;
    }
}
.pl-discount-text {
    font-weight: 700;
}

.pl-discount-row .pl-price {
    justify-self: end;
    font-weight: 700;
    color: #555;
}

.pl-discount-row .pl-discount-text[data-tier="1"] {
    color: #9c7482;
}
.summary .price del {
    color: #a8a8a8 !important;
    opacity: 1 !important;
    margin-right: 8px;
    font-size: 0.9em;
}

.summary .price ins {
    text-decoration: none !important;
    color: #d4869d !important;
    font-weight: 700;
}

.summary .price ins .woocommerce-Price-amount {
    color: #d4869d !important;
}
Absolutely. Copy and paste this into **Appearance → Customize → Additional CSS**:

```css
/* Affiliate Login Page Styling - Page ID 2028 */

body.page-id-2028 {
    background: linear-gradient(135deg, #fff7fa 0%, #ffffff 100%);
}

/* Main login container */
body.page-id-2028 .affwp-login-form,
body.page-id-2028 #affwp-login-form,
body.page-id-2028 .affwp-form {
    max-width: 500px;
    margin: 60px auto;
    padding: 45px;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06);
    border: 1px solid #f5d9e3;
}

/* Hide logo/image on this page only */
body.page-id-2028 .wp-block-post-featured-image,
body.page-id-2028 .custom-logo,
body.page-id-2028 .site-logo,
body.page-id-2028 .site-branding img {
    display: none !important;
}

/* Heading */
body.page-id-2028 .affwp-login-form h2,
body.page-id-2028 .affwp-form h2,
body.page-id-2028 .entry-title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    color: #1d2433;
    margin-bottom: 10px;
}

/* Subtext */
body.page-id-2028 .affwp-login-form p,
body.page-id-2028 .affwp-form p {
    color: #6b7280;
    font-size: 16px;
}

/* Labels */
body.page-id-2028 .affwp-form label {
    font-weight: 600;
    color: #1d2433;
    margin-bottom: 8px;
    display: block;
}

/* Inputs */
body.page-id-2028 .affwp-form input[type="text"],
body.page-id-2028 .affwp-form input[type="password"],
body.page-id-2028 .affwp-form input[type="email"] {
    width: 100%;
    padding: 16px;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    background: #fafafa;
    margin-bottom: 18px;
    font-size: 16px;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

/* Input focus */
body.page-id-2028 .affwp-form input:focus {
    border-color: #ff7da8;
    outline: none;
    box-shadow: 0 0 0 4px rgba(255,125,168,0.15);
    background: #ffffff;
}

/* Login button */
body.page-id-2028 .affwp-form input[type="submit"],
body.page-id-2028 .affwp-form button,
body.page-id-2028 button[type="submit"] {
    width: 100%;
    background: linear-gradient(135deg, #ff7da8, #ff5c8d);
    color: white;
    border: none;
    padding: 16px;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Button hover */
body.page-id-2028 .affwp-form input[type="submit"]:hover,
body.page-id-2028 .affwp-form button:hover,
body.page-id-2028 button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(255,92,141,0.25);
}

/* Remember me */
body.page-id-2028 .affwp-form .forgetmenot,
body.page-id-2028 .affwp-form .remember-me {
    margin: 12px 0 20px;
    color: #6b7280;
}

/* Lost password link */
body.page-id-2028 .affwp-form a {
    color: #ff5c8d;
    text-decoration: none;
    font-weight: 600;
}

body.page-id-2028 .affwp-form a:hover {
    text-decoration: underline;
}

/* Mobile optimization */
@media (max-width: 768px) {
    body.page-id-2028 .affwp-login-form,
    body.page-id-2028 #affwp-login-form,
    body.page-id-2028 .affwp-form {
        margin: 20px;
        padding: 30px;
    }

    body.page-id-2028 .entry-title {
        font-size: 32px;
    }
}
/* ============================================================
   PrettyLabs — Menu + Footer Fix
   Paste into: Appearance → Customize → Additional CSS
   REPLACES your previous CSS — paste this entire block
   ============================================================ */

/* ══════════════════════════════════════
   MENU
   ══════════════════════════════════════ */

/* Hide: FAQ, Login, Logout */
.main-header-menu .menu-item:has(> a[href*="faq"]),
.main-header-menu .menu-item:has(> a[href*="FAQ"]),
.main-header-menu .menu-item:has(> a[href*="login"]),
.main-header-menu .menu-item:has(> a[href*="logout"]),
.main-header-menu .menu-item:has(> a[href*="wp-login"]) {
  display: none !important;
}

/* My Account → person icon */
.main-header-menu .menu-item:has(> a[href*="my-account"]) > a,
.main-header-menu .menu-item:has(> a[href*="my_account"]) > a {
  font-size: 0 !important;
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 50% !important;
  transition: background 0.2s ease !important;
}
.main-header-menu .menu-item:has(> a[href*="my-account"]) > a:hover {
  background: rgba(196,120,145,0.12) !important;
}
.main-header-menu .menu-item:has(> a[href*="my-account"]) > a::before,
.main-header-menu .menu-item:has(> a[href*="my_account"]) > a::before {
  content: '';
  display: block;
  width: 22px; height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d4a5c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Single row, no wrap */
.main-header-menu,
.main-header-menu > ul {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  align-items: center !important;
}

/* Tighten nav spacing */
.main-header-menu .menu-item > a {
  padding-left: 14px !important;
  padding-right: 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}

@media (max-width: 1200px) {
  .main-header-menu .menu-item > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
  }
}

/* ══════════════════════════════════════
   FOOTER
   ══════════════════════════════════════ */

/* Main footer wrapper */
.site-footer,
.ast-small-footer,
footer.site-footer {
  background: #1b1018 !important;
  color: rgba(255,255,255,0.7) !important;
}

/* Footer widget area — clean grid */
.footer-widget-area,
.ast-footer-widget-area {
  background: #1b1018 !important;
  padding: 52px 32px 40px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

/* Force 4 equal columns */
.footer-widget-area .footer-widget,
.ast-footer-widget-area .footer-widget,
.footer-adv .footer-adv-overlay .ast-footer-overlay {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 40px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 52px 32px 40px !important;
  background: #1b1018 !important;
}

/* Widget titles */
.site-footer .widget-title,
.site-footer h2,
.site-footer h3,
.site-footer h4,
footer .widget-title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.45) !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(196,120,145,0.2) !important;
}

/* Widget links */
.site-footer a,
footer a {
  color: rgba(255,255,255,0.75) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  transition: color 0.18s ease !important;
  display: block !important;
  margin-bottom: 8px !important;
}
.site-footer a:hover,
footer a:hover {
  color: #c47891 !important;
}

/* Widget body text */
.site-footer p,
footer p,
.site-footer .widget p {
  color: rgba(255,255,255,0.55) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* Footer bottom bar */
.ast-small-footer-wrap,
.footer-bar-wrap,
.site-below-footer-wrap {
  background: rgba(0,0,0,0.35) !important;
  border-top: 1px solid rgba(196,120,145,0.15) !important;
  padding: 14px 32px !important;
  text-align: center !important;
}
.ast-small-footer-wrap p,
.ast-small-footer-wrap,
.footer-bar-wrap,
.ast-footer-copyright {
  color: rgba(255,255,255,0.35) !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
}

/* Compliance column — style the disclaimer text */
.site-footer .widget:last-child p,
footer .widget:last-child p {
  font-size: 11px !important;
  color: rgba(255,255,255,0.35) !important;
  line-height: 1.7 !important;
}

/* ============================================================
   PrettyLabs — Full Light Footer Override
   ADD this to: Appearance → Customize → Additional CSS
   (paste below your existing menu CSS, don't replace it)
   ============================================================ */

/* ── Force light background on ALL footer areas ── */
.site-footer,
.footer-adv,
.footer-adv .footer-adv-overlay,
.ast-footer-overlay,
.ast-footer-widget-area,
.footer-widget-area,
.ast-small-footer,
.ast-small-footer-wrap,
.site-below-footer-wrap,
.ast-builder-grid-row-container,
.ast-builder-grid-row-container-inner,
[data-section="section-footer-builder"],
.footer-widget-area-inner {
  background: #fdf6f9 !important;
  background-color: #fdf6f9 !important;
}

/* ── Widget column cards ── */
.footer-widget-area .widget,
.ast-footer-widget-area .widget,
.footer-adv .widget {
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(196,120,145,0.18) !important;
  border-radius: 18px !important;
  padding: 22px 20px !important;
  box-shadow: 0 8px 24px rgba(27,16,24,0.06) !important;
}

/* ── Widget titles ── */
.site-footer .widget-title,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.footer-adv .widget-title,
.ast-footer-widget-area .widget-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #c47891 !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(196,120,145,0.2) !important;
  background: transparent !important;
}

/* ── Widget text and links ── */
.site-footer,
.site-footer p,
.footer-adv p,
.ast-footer-widget-area p {
  color: rgba(27,16,24,0.65) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
.site-footer a,
.footer-adv a,
.ast-footer-widget-area a {
  color: rgba(27,16,24,0.72) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: color 0.18s ease !important;
  display: block !important;
  margin-bottom: 8px !important;
}
.site-footer a:hover,
.footer-adv a:hover,
.ast-footer-widget-area a:hover {
  color: #c47891 !important;
}

/* ── Bottom copyright bar ── */
.ast-small-footer,
.ast-small-footer-wrap,
.site-below-footer-wrap,
.ast-footer-copyright,
#colophon {
  background: rgba(253,246,249,0.95) !important;
  background-color: rgba(253,246,249,0.95) !important;
  border-top: 1px solid rgba(196,120,145,0.18) !important;
  color: rgba(27,16,24,0.45) !important;
}
.ast-small-footer-wrap p,
.ast-footer-copyright p,
.ast-footer-copyright {
  color: rgba(27,16,24,0.45) !important;
  font-size: 12px !important;
}
.ast-small-footer-wrap a,
.ast-footer-copyright a {
  color: #c47891 !important;
  display: inline !important;
  margin-bottom: 0 !important;
}
/* ============================================================
   PrettyLabs — My Account Page Styling
   Add to: Appearance → Customize → Additional CSS
   ============================================================ */

/* ── Page background ── */
.woocommerce-account .site-main,
.woocommerce-account #primary,
.woocommerce-account .entry-content {
  background: transparent !important;
}

/* ── Account navigation sidebar ── */
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 240px !important;
  float: left !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 6px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 18px !important;
  border-radius: 12px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(27,16,24,0.65) !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  transition: all 0.18s ease !important;
  background: transparent !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(255,240,245,0.7) !important;
  border-color: rgba(196,120,145,0.22) !important;
  color: #1b1018 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a {
  background: rgba(255,255,255,0.9) !important;
  border-color: rgba(196,120,145,0.25) !important;
  color: #1b1018 !important;
  box-shadow: 0 4px 14px rgba(196,120,145,0.12) !important;
}

/* ── Content area ── */
.woocommerce-account .woocommerce-MyAccount-content {
  float: right !important;
  width: calc(100% - 270px) !important;
}

/* ── Welcome message ── */
.woocommerce-account .woocommerce-MyAccount-content p:first-child {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: rgba(27,16,24,0.65) !important;
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(196,120,145,0.18) !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  margin-bottom: 24px !important;
}

/* ── Order table ── */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(196,120,145,0.18) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(27,16,24,0.06) !important;
}
.woocommerce-account .woocommerce-orders-table thead,
.woocommerce-account .shop_table thead {
  background: rgba(253,246,249,0.8) !important;
}
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .shop_table th {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #c47891 !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(196,120,145,0.15) !important;
  font-weight: 600 !important;
}
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .shop_table td {
  padding: 14px 16px !important;
  font-size: 14px !important;
  color: rgba(27,16,24,0.75) !important;
  border-bottom: 1px solid rgba(196,120,145,0.08) !important;
  vertical-align: middle !important;
}
.woocommerce-account .woocommerce-orders-table tr:last-child td,
.woocommerce-account .shop_table tr:last-child td {
  border-bottom: none !important;
}
.woocommerce-account .woocommerce-orders-table tr:hover td,
.woocommerce-account .shop_table tr:hover td {
  background: rgba(255,240,245,0.4) !important;
}

/* Order status badges */
.woocommerce-account .woocommerce-orders-table .order-status,
.woocommerce-account mark.order-status {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  background: rgba(253,246,249,0.9) !important;
  border: 1px solid rgba(196,120,145,0.25) !important;
  color: #7d4a5c !important;
}
.woocommerce-account mark.order-status.status-completed {
  background: rgba(46,125,50,0.08) !important;
  border-color: rgba(46,125,50,0.25) !important;
  color: #2e7d32 !important;
}
.woocommerce-account mark.order-status.status-processing {
  background: rgba(196,120,145,0.1) !important;
  border-color: rgba(196,120,145,0.3) !important;
  color: #7d4a5c !important;
}
.woocommerce-account mark.order-status.status-on-hold {
  background: rgba(186,117,23,0.08) !important;
  border-color: rgba(186,117,23,0.25) !important;
  color: #7a5500 !important;
}

/* ── Buttons ── */
.woocommerce-account .button,
.woocommerce-account .woocommerce-button,
.woocommerce-account input[type="submit"] {
  background: linear-gradient(110deg, #1b1018 0%, #7d4a5c 55%, #c47891 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 22px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  cursor: pointer !important;
  box-shadow: 0 8px 22px rgba(125,74,92,0.28) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
  text-decoration: none !important;
}
.woocommerce-account .button:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account input[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 28px rgba(125,74,92,0.38) !important;
  color: #fff !important;
}

/* ── Form inputs ── */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"] {
  width: 100% !important;
  height: 46px !important;
  background: rgba(253,246,249,0.7) !important;
  border: 1px solid rgba(196,120,145,0.22) !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  color: #1b1018 !important;
  outline: none !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}
.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="password"]:focus {
  border-color: #c47891 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(196,120,145,0.14) !important;
}

/* ── Form labels ── */
.woocommerce-account label {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #7d4a5c !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* ── Section headings ── */
.woocommerce-account h2,
.woocommerce-account h3 {
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  color: #1b1018 !important;
}

/* ── Links ── */
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
  color: #c47891 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(196,120,145,0.35) !important;
  transition: border-color 0.18s ease !important;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
  border-bottom-color: #c47891 !important;
}

/* ── No orders message ── */
.woocommerce-account .woocommerce-Message {
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(196,120,145,0.18) !important;
  border-radius: 16px !important;
  padding: 20px 22px !important;
  font-size: 15px !important;
  color: rgba(27,16,24,0.65) !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation { width: 100% !important; float: none !important; margin-bottom: 24px !important; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul { flex-direction: row !important; flex-wrap: wrap !important; }
  .woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; float: none !important; }
}

/* ── Menu fix: hide Login/Logout, keep single row ── */
.main-header-menu .menu-item:has(> a[href*="faq"]),
.main-header-menu .menu-item:has(> a[href*="FAQ"]),
.main-header-menu .menu-item:has(> a[href*="login"]),
.main-header-menu .menu-item:has(> a[href*="logout"]),
.main-header-menu .menu-item:has(> a[href*="wp-login"]) {
  display: none !important;
}
.main-header-menu .menu-item:has(> a[href*="my-account"]) > a,
.main-header-menu .menu-item:has(> a[href*="my_account"]) > a {
  font-size: 0 !important; width: 38px !important; height: 38px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  padding: 0 !important; border-radius: 50% !important; transition: background 0.2s ease !important;
}
.main-header-menu .menu-item:has(> a[href*="my-account"]) > a:hover { background: rgba(196,120,145,0.12) !important; }
.main-header-menu .menu-item:has(> a[href*="my-account"]) > a::before,
.main-header-menu .menu-item:has(> a[href*="my_account"]) > a::before {
  content: ''; display: block; width: 22px; height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d4a5c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  background-size: contain; background-repeat: no-repeat; background-position: center;
}
.main-header-menu, .main-header-menu > ul { flex-wrap: nowrap !important; white-space: nowrap !important; align-items: center !important; }
.main-header-menu .menu-item > a { padding-left: 14px !important; padding-right: 14px !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.04em !important; white-space: nowrap !important; }
@media (max-width: 1200px) { .main-header-menu .menu-item > a { padding-left: 10px !important; padding-right: 10px !important; font-size: 12px !important; } }
/* ============================================================
   PrettyLabs — Affiliate Login Page Styles
   Add to: Appearance → Customize → Additional CSS
   ============================================================ */

/* Page background */
.page-id-2027 .site-main,
.affiliate-login-page .site-main {
  background:
    radial-gradient(900px 500px at 50% 0%, rgba(255,217,228,0.4), transparent 58%),
    linear-gradient(to bottom, #fdf6f9, #fff) !important;
}

/* Style the AffiliateWP login block wrapper */
.affwp-login,
.affwp-login-form,
#affwp-login {
  max-width: 500px !important;
  margin: 0 auto !important;
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(196,120,145,0.2) !important;
  border-radius: 24px !important;
  padding: 36px 32px 32px !important;
  box-shadow: 0 20px 56px rgba(27,16,24,0.08), inset 0 1px 0 rgba(255,255,255,0.9) !important;
  position: relative !important;
}
.affwp-login::before,
#affwp-login::before {
  content: '' !important;
  position: absolute !important; top: 0 !important; left: 20px !important; right: 20px !important; height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(196,120,145,0.5), transparent) !important;
}

/* Heading inside login form */
.affwp-login h2,
#affwp-login h2,
.affwp-login .affwp-form-title {
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-size: 24px !important; font-weight: 400 !important;
  color: #1b1018 !important; letter-spacing: -0.01em !important;
  margin: 0 0 22px !important;
}

/* Labels */
.affwp-login label,
#affwp-login label {
  display: block !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important; letter-spacing: 0.14em !important;
  text-transform: uppercase !important; color: #7d4a5c !important;
  font-weight: 600 !important; margin-bottom: 6px !important;
}

/* Inputs */
.affwp-login input[type="text"],
.affwp-login input[type="password"],
#affwp-login input[type="text"],
#affwp-login input[type="password"] {
  width: 100% !important; height: 48px !important;
  background: rgba(253,246,249,0.7) !important;
  border: 1px solid rgba(196,120,145,0.22) !important;
  border-radius: 11px !important; padding: 0 16px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important; color: #1b1018 !important;
  outline: none !important; margin-bottom: 14px !important;
  box-shadow: none !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}
.affwp-login input[type="text"]:focus,
.affwp-login input[type="password"]:focus,
#affwp-login input[type="text"]:focus,
#affwp-login input[type="password"]:focus {
  border-color: #c47891 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(196,120,145,0.14) !important;
}

/* Submit button */
.affwp-login input[type="submit"],
.affwp-login .affwp-submit,
#affwp-login input[type="submit"] {
  width: 100% !important; height: 50px !important;
  background: linear-gradient(110deg, #1b1018 0%, #7d4a5c 55%, #c47891 100%) !important;
  color: #fff !important; border: none !important;
  border-radius: 13px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important; font-weight: 800 !important;
  letter-spacing: 0.16em !important; text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 10px 28px rgba(125,74,92,0.32) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
  margin-top: 6px !important;
}
.affwp-login input[type="submit"]:hover,
#affwp-login input[type="submit"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(125,74,92,0.42) !important;
}

/* Remember me + lost password */
.affwp-login .affwp-remember-me,
#affwp-login .affwp-remember-me {
  display: flex !important; align-items: center !important;
  gap: 8px !important; margin-bottom: 16px !important;
  font-size: 13px !important; color: rgba(27,16,24,0.6) !important;
}
.affwp-login input[type="checkbox"],
#affwp-login input[type="checkbox"] {
  accent-color: #c47891 !important;
  width: 15px !important; height: 15px !important;
}
.affwp-login .affwp-lost-password a,
#affwp-login .affwp-lost-password a,
.affwp-login a,
#affwp-login a {
  color: #c47891 !important; font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(196,120,145,0.3) !important;
  transition: border-color 0.18s ease !important;
}
.affwp-login a:hover,
#affwp-login a:hover { border-bottom-color: #c47891 !important; }

/* Notices / errors */
.affwp-login .affwp-notice,
#affwp-login .affwp-notice {
  background: #fff0f3 !important;
  border: 1px solid rgba(177,41,74,0.25) !important;
  border-radius: 10px !important; padding: 10px 14px !important;
  font-size: 13px !important; color: #b1294a !important;
  margin-bottom: 14px !important;
}
/* ============================================================
   PrettyLabs Research — AffiliateWP Affiliate Area theme
   Paste into: Appearance > Customize > Additional CSS
   (or add via the free WPCode plugin as a CSS snippet).
   Targets the classic [affiliate_area] dashboard.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Jost:wght@300;400;500;600&display=swap');

#affwp-affiliate-dashboard{
  --rose:#E64BA0; --violet:#7B5BD6; --plum:#341A33; --muted:#9A8794;
  --cream:#FBF5F4; --line:#EAD9E2; --grad:linear-gradient(135deg,#E64BA0 0%,#9B5BC9 55%,#7B5BD6 100%);
  max-width:1000px; margin:0 auto; color:var(--plum);
  font-family:'Jost',-apple-system,sans-serif; font-weight:300;
}
#affwp-affiliate-dashboard *{font-family:'Jost',sans-serif;}
#affwp-affiliate-dashboard h1,#affwp-affiliate-dashboard h2,
#affwp-affiliate-dashboard h3,#affwp-affiliate-dashboard legend{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; letter-spacing:-.3px; color:var(--plum);
}

/* --- navigation tabs as pills --- */
#affwp-affiliate-dashboard-tabs{
  display:flex; flex-wrap:wrap; gap:6px; list-style:none; margin:0 0 18px; padding:0; border:0;
}
#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab{
  background:#fff; border:1px solid var(--line); border-radius:999px; padding:0; margin:0;
}
#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab a{
  display:block; padding:9px 18px; color:var(--plum); text-decoration:none;
  font-size:.84rem; letter-spacing:.04em;
}
#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab.active{
  background:var(--plum); border-color:var(--plum);
}
#affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab.active a{color:#fff;}

/* --- content cards --- */
#affwp-affiliate-dashboard .affwp-tab-content,
.affwp-tab-content{
  background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px;
  box-shadow:0 18px 50px -22px rgba(94,42,84,.35);
}

/* --- tables --- */
#affwp-affiliate-dashboard table{width:100%; border-collapse:collapse; font-size:.92rem;}
#affwp-affiliate-dashboard th{
  text-align:left; text-transform:uppercase; letter-spacing:.1em; font-size:.7rem;
  font-weight:500; color:var(--muted); padding:10px 8px; border-bottom:1px solid var(--line);
}
#affwp-affiliate-dashboard td{padding:11px 8px; border-bottom:1px solid var(--line);}

/* --- stat figures (statistics / graphs tabs) --- */
#affwp-affiliate-dashboard .affwp-graph,
#affwp-affiliate-dashboard .affwpstats{color:var(--plum);}

/* --- buttons --- */
#affwp-affiliate-dashboard input[type="submit"],
#affwp-affiliate-dashboard button,
#affwp-affiliate-dashboard .button,
.affwp-button{
  background:var(--grad) !important; color:#fff !important; border:0 !important;
  border-radius:999px !important; padding:12px 26px !important; font-weight:500 !important;
  letter-spacing:.03em; cursor:pointer; box-shadow:0 10px 24px -10px rgba(230,75,160,.7);
  transition:.2s; text-shadow:none;
}
#affwp-affiliate-dashboard input[type="submit"]:hover,
#affwp-affiliate-dashboard .button:hover{filter:brightness(1.05); transform:translateY(-1px);}

/* --- inputs --- */
#affwp-affiliate-dashboard input[type="text"],
#affwp-affiliate-dashboard input[type="email"],
#affwp-affiliate-dashboard input[type="password"],
#affwp-affiliate-dashboard input[type="url"],
#affwp-affiliate-dashboard textarea,
#affwp-affiliate-dashboard select{
  width:100%; border:1px solid var(--line); border-radius:11px; padding:11px 13px;
  background:var(--cream); color:var(--plum); outline:none;
}
#affwp-affiliate-dashboard input:focus,#affwp-affiliate-dashboard textarea:focus{
  border-color:var(--rose); background:#fff;
}

/* --- referral URL box gets the dashed-rose treatment --- */
#affwp-affiliate-dashboard .affwp-referral-url,
#affwp-affiliate-dashboard input.affwp-referral-url{
  border:1px dashed var(--rose) !important; border-radius:12px !important; background:var(--cream) !important;
}

/* ============================================================
   Registration + Login forms ([affiliate_registration]/[affiliate_login])
   ============================================================ */
#affwp-register-form, #affwp-login-form{
  max-width:540px; margin:0 auto; background:#fff; border:1px solid #EAD9E2;
  border-radius:18px; padding:30px; box-shadow:0 18px 50px -22px rgba(94,42,84,.35);
  font-family:'Jost',sans-serif;
}
#affwp-register-form legend, #affwp-login-form legend{
  font-family:'Cormorant Garamond',serif; font-size:1.9rem; font-weight:600; color:#341A33; border:0;
}
#affwp-register-form label, #affwp-login-form label{
  font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:#9A8794;
}
#affwp-register-form input[type="submit"], #affwp-login-form input[type="submit"]{
  background:linear-gradient(135deg,#E64BA0,#7B5BD6) !important; color:#fff !important;
  border:0 !important; border-radius:999px !important; padding:13px 28px !important; font-weight:500 !important;
}
/* ============================================================
   PrettyLabs — mobile menu tidy-up
   Paste into Appearance > Customize > Additional CSS.
   Helps the main nav behave on phones. The real fix is enabling
   Astra's hamburger menu (Customize > Header Builder), but this
   keeps things readable in the meantime.
   ============================================================ */

@media (max-width: 921px){

  /* let the menu wrap / scroll instead of running off-screen */
  .main-header-menu,
  .ast-nav-menu,
  nav .menu{
    flex-wrap: wrap !important;
    row-gap: 4px;
  }

  /* tighten spacing + size so items fit */
  .main-header-menu .menu-item > a,
  .ast-nav-menu .menu-item > a{
    padding: 8px 12px !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }

  /* if items still overflow, allow a clean horizontal scroll row */
  .ast-nav-menu{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .ast-nav-menu::-webkit-scrollbar{ display:none; }
}

/* very small phones: shrink the logo a touch so nav has room */
@media (max-width: 480px){
  .custom-logo-link img,
  .site-logo-img img{ max-height: 52px !important; height:auto; }
}
/* ============================================================
   PrettyLabs — menu cleanup (CSS-only)
   Paste into Appearance > Customize > Additional CSS.
   Hides the redundant Login / Logout / Affiliate Area items so
   the bar reads: Home · Shop · Verification Vault ·
   Restock Tracker · Become a Pretty Affiliate · Contact Us
   (Login/Logout still work via the account icon.)
   NOTE: this HIDES items; for a true cleanup + grammar fix,
   edit them in Appearance > Menus.
   ============================================================ */

/* Hide menu items by their link target (most reliable) */
.main-header-menu li a[href*="affiliate-area"],
.ast-nav-menu      li a[href*="affiliate-area"],
.main-header-menu li a[href*="/login"],
.ast-nav-menu      li a[href*="/login"],
.main-header-menu li a[href*="customer-logout"],
.ast-nav-menu      li a[href*="customer-logout"],
.main-header-menu li a[href*="action=logout"],
.ast-nav-menu      li a[href*="action=logout"]{
  display: none !important;
}
/* also hide their parent <li> so no empty gap is left */
.main-header-menu li:has(> a[href*="affiliate-area"]),
.ast-nav-menu      li:has(> a[href*="affiliate-area"]),
.main-header-menu li:has(> a[href*="/login"]),
.ast-nav-menu      li:has(> a[href*="/login"]),
.main-header-menu li:has(> a[href*="customer-logout"]),
.ast-nav-menu      li:has(> a[href*="customer-logout"]),
.main-header-menu li:has(> a[href*="action=logout"]),
.ast-nav-menu      li:has(> a[href*="action=logout"]){
  display: none !important;
}

/* Hide the dropdown arrow + submenu under "Become a Pretty Affiliate"
   so it acts as a single link, not a ▾ menu */
.main-header-menu li a[href*="affiliate-registration"] + .sub-menu,
.ast-nav-menu      li a[href*="affiliate-registration"] + .sub-menu,
.main-header-menu li.menu-item-has-children:has(a[href*="affiliate"]) .sub-menu{
  display: none !important;
}
.main-header-menu li:has(a[href*="affiliate"]) .ast-header-navigation-arrow,
.ast-nav-menu      li:has(a[href*="affiliate"]) .ast-header-navigation-arrow{
  display: none !important;
}

/* Tighten spacing a touch so the remaining items breathe evenly */
.main-header-menu > li > a,
.ast-nav-menu > li > a{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Hide Bankful logo on checkout */
li.payment_method_bankful_hosted_gateway label img { display: none !important; }


/* === PL·2036 Holographic Lab Banner (added by Claude, Jul 2026) === */
.plr-marquee {
  background: linear-gradient(90deg, #7a54c8 0%, #9a6fd8 25%, #c47ad4 50%, #e07ec2 75%, #c94f80 100%) !important;
  background-size: 135% 100% !important;
  animation: plr-holo-sweep 14s ease-in-out infinite !important;
  color: #fff !important;
  font-family: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(90,40,120,.55), 0 0 12px rgba(255,255,255,.55) !important;
  box-shadow: 0 1px 14px rgba(143,111,216,.45) !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.55) !important;
}
@keyframes plr-holo-sweep {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
/* fine scanline + sheen overlay for the lab-instrument feel */
.plr-marquee::after {
  content: "";
  position: absolute; inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 42px),
    linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 45%, rgba(0,0,0,.06) 100%);
  pointer-events: none;
  z-index: 1;
}


/* === PL·2036 Accent Pack (added by Claude, Jul 2026) === */
/* footer: keep email on one line, rebalance columns */
@media (min-width: 922px){
  .site-primary-footer-wrap .ast-builder-grid-row{ grid-template-columns: 0.9fr 1fr 1.6fr 1.9fr !important; column-gap: 48px !important; }
}
footer .plr-footer-line a[href^="mailto:"]{ white-space: nowrap !important; font-size: 13.5px !important; letter-spacing: .2px !important; }
/* compliance box as a feature, not fine print */
.plr-footer-compliance{ padding: 18px 20px !important; border: 1px solid rgba(184,147,230,.45) !important; border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(143,111,216,.07), rgba(201,79,128,.07)) !important; box-shadow: 0 0 14px rgba(184,147,230,.18) !important; }
.plr-footer-compliance .plr-footer-muted{ font-size: 12.5px !important; line-height: 1.75 !important; }
/* holographic button hovers */
.plr-btn--primary:hover, .plr2-btn--primary:hover, .plr-v-unlock-btn:not(:disabled):hover{
  background: linear-gradient(90deg,#7a54c8,#c47ad4,#c94f80) !important; background-size: 180% 100% !important;
  animation: plr-holo-sweep 3s ease-in-out infinite !important; box-shadow: 0 6px 20px rgba(143,111,216,.5) !important; }
.plr-btn--outline:hover, .plr2-btn--outline:hover{ border-color: #8f6fd8 !important; box-shadow: 0 0 14px rgba(184,147,230,.4) !important; }
/* COA + Current chips: holographic gradient ring */
.plr2-coa-badge, .plr-v-current{
  border: 1px solid transparent !important;
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg,#8f6fd8,#e88bd0,#c94f80) border-box !important;
  box-shadow: 0 0 12px rgba(184,147,230,.30) !important; }
/* gradient section eyebrows */
.plr-section-eyebrow{ background: linear-gradient(90deg,#8f6fd8,#c94f80); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
/* vault search = lab console */
.plr-v-search{ font-family: "SF Mono", ui-monospace, Menlo, monospace !important; letter-spacing: .4px !important; border: 1px solid rgba(143,111,216,.45) !important; }
.plr-v-search:focus{ outline: none !important; border-color: #8f6fd8 !important;
  box-shadow: 0 0 0 3px rgba(143,111,216,.16), 0 0 16px rgba(232,139,208,.35) !important; }


/* =========================================================
   PLR TRUST BLOCKS  —  added 26 Aug 2026
   Product trust strip, stat-bar links, footer identity.
   All classes namespaced .plr-* so nothing here can collide
   with Astra or WooCommerce styles.
   ========================================================= */

/* --- Product page: trust strip under Add to Cart --- */
.plr-trust{
  list-style:none;
  margin:24px 0 0;
  padding:18px 20px;
  border:1px solid #f0e2ea;
  border-radius:12px;
  background:#fdf8fa;
  display:grid;
  gap:13px;
  font-size:.9rem;
  line-height:1.55;
}
.plr-trust li{display:block;color:#6e6570;margin:0}
.plr-trust strong{display:block;color:#2a2228;font-weight:600;margin-bottom:1px}
.plr-trust a{color:#8e3b62;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.plr-trust a:hover{color:#6f2c4c}
.plr-trust__tp{
  display:flex;align-items:center;gap:8px;
  padding-top:12px;margin-top:2px;border-top:1px dashed #ecd9e4;
}
.plr-trust__tp strong{display:inline;margin:0}
@media (max-width:600px){.plr-trust{padding:16px;font-size:.86rem}}

/* --- Homepage stat bar: make the numbers clickable --- */
.plr-stat-link{
  display:block;text-decoration:none;color:inherit;
  border-radius:10px;padding:2px 4px;
  transition:transform .16s ease, background-color .16s ease;
}
.plr-stat-link:hover,.plr-stat-link:focus-visible{
  background:rgba(142,59,98,.06);
  transform:translateY(-1px);
  text-decoration:none;color:inherit;
}
.plr-stat-link:focus-visible{outline:2px solid #8e3b62;outline-offset:2px}
.plr-stats__stamp{
  margin:14px 0 0;
  font-size:.78rem;
  line-height:1.6;
  color:#8a7f86;
  text-align:center;
}
.plr-stats__stamp a{color:#8e3b62;text-decoration:underline;text-underline-offset:2px}

/* --- Footer: business identity block --- */
.plr-identity{font-size:.86rem;line-height:1.7;color:#6e6570;display:grid;gap:12px}
.plr-identity p{margin:0}
.plr-identity__name{font-weight:700;color:#2a2228;letter-spacing:.01em}
.plr-identity__legal{font-size:.78rem;color:#948b96}
.plr-identity a{color:#8e3b62}

/* --- Trustpilot widget spacing --- */
.trustpilot-widget{margin:18px 0}
.plr-tp-hero{margin:26px auto 0;max-width:1200px}


/* =========================================================
   PLR MOBILE FIXES  —  added 26 Aug 2026
   1. COA badge under Add to Cart collapsed on phones: the flex
      row squeezed .plr-coa-text to ~90px, so the heading wrapped
      one word per line. Let it wrap properly and give the CTA
      its own row.
   2. The fixed free-shipping bar (.plr-on, 66px tall, bottom:16px)
      covered page-bottom content. Reserve clearance for it.
   ========================================================= */

@media (max-width:782px){

  /* --- 1. COA badge --- */
  .plr-coa-badge{
    flex-wrap:wrap;
    align-items:flex-start;
    row-gap:14px;
  }
  .plr-coa-check{flex:0 0 auto}
  .plr-coa-text{
    flex:1 1 0;
    min-width:0;          /* lets the text actually wrap instead of squeezing */
  }
  .plr-coa-title{
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:none;
  }
  .plr-coa-sub{overflow-wrap:break-word}
  .plr-coa-live{
    flex:1 1 100%;
    width:100%;
    box-sizing:border-box;
  }

}


/* =========================================================
   PLR FOOTER STACK  —  added 26 Aug 2026
   Astra's footer grid kept two uneven columns below desktop
   (284px / 151px at a 614px viewport), which crushed the
   COMPLIANCE box to 87px and wrapped it one character per line.
   Two equal columns on tablet, one on phones.
   ========================================================= */

@media (max-width:921px){
  .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:28px 24px;
  }
  .site-footer-section{min-width:0}
  .plr-footer-col,.plr-footer-section{min-width:0}
  .plr-footer-compliance{min-width:0}
  .plr-footer-compliance *{overflow-wrap:break-word;word-break:normal;hyphens:none}
}

@media (max-width:600px){
  .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap{
    grid-template-columns:minmax(0,1fr) !important;
  }
}


/* =========================================================
   PLR BAR CLEARANCE  —  added 26 Aug 2026
   The fixed free-shipping bar (.plr-on) is 66px tall at
   bottom:16px and sat over the last of the footer. Astra's own
   footer padding (16px) beat the earlier rule, so this one is
   explicit.
   ========================================================= */
footer.site-footer{padding-bottom:110px !important}