/* ==========================================================
   Aafiyora v3.7 Premium UX + Conversion System Rebuild
   Clean final visual override. This file intentionally loads last.
   ========================================================== */

:root{
  --v37-ink:#1C281D;
  --v37-forest:#263728;
  --v37-sage:#7F9474;
  --v37-sage-2:#E9F0E4;
  --v37-cream:#FFF8EC;
  --v37-cream-2:#F6ECD8;
  --v37-white:#FFFFFF;
  --v37-gold:#C9A45C;
  --v37-clay:#B98268;
  --v37-text:#52604F;
  --v37-muted:#6F7A69;
  --v37-line:rgba(38,55,40,.12);
  --v37-shadow:0 24px 70px rgba(38,55,40,.12);
  --v37-shadow-strong:0 38px 110px rgba(38,55,40,.18);
  --font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-heading:"Playfair Display",Georgia,serif;
}

html{scroll-padding-top:120px}
body{
  background:
    radial-gradient(circle at 8% 4%,rgba(201,164,92,.12),transparent 22rem),
    radial-gradient(circle at 94% 12%,rgba(127,148,116,.18),transparent 28rem),
    linear-gradient(180deg,var(--v37-cream) 0%,#F9F1E2 48%,#EEF4E9 100%)!important;
  color:var(--v37-text)!important;
  font-family:var(--font-body)!important;
}

/* Stable elegant header */
.site-header,
.site-header.is-scrolled,
body.aafi-scrolled .site-header{
  position:sticky!important;
  top:0!important;
  z-index:9990!important;
  background:rgba(255,248,236,.94)!important;
  border-bottom:1px solid var(--v37-line)!important;
  box-shadow:0 12px 42px rgba(38,55,40,.08)!important;
  backdrop-filter:blur(18px)!important;
  transform:none!important;
  transition:none!important;
}
body.admin-bar .site-header{top:32px!important}
@media(max-width:782px){body.admin-bar .site-header{top:46px!important}}

.nav-shell,
body.aafi-scrolled .nav-shell{
  min-height:76px!important;
  padding:10px 0!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:22px!important;
  transition:none!important;
}
.site-branding{justify-self:start!important}
.header-actions{justify-self:end!important}

.aafi-logo-uploaded .aafi-custom-logo,
.aafi-logo-built .aafi-logo-mark,
body.aafi-scrolled .aafi-logo-uploaded .aafi-custom-logo,
body.aafi-scrolled .aafi-logo-built .aafi-logo-mark{
  max-height:44px!important;
  transition:none!important;
}
.aafi-logo-word,
body.aafi-scrolled .aafi-logo-word{
  color:var(--v37-forest)!important;
  font-size:clamp(1.45rem,2vw,1.9rem)!important;
  line-height:1!important;
  transition:none!important;
  text-shadow:none!important;
}

.primary-nav,
body.aafi-scrolled .primary-nav{
  background:rgba(255,255,255,.80)!important;
  border:1px solid var(--v37-line)!important;
  box-shadow:0 14px 46px rgba(38,55,40,.08)!important;
  padding:7px!important;
  border-radius:999px!important;
  transition:none!important;
}
.primary-nav a{
  color:var(--v37-forest)!important;
  border-radius:999px!important;
  padding:.82rem 1.02rem!important;
  font-weight:900!important;
}
.primary-nav a:hover,
.primary-nav .current-menu-item a{
  background:var(--v37-forest)!important;
  color:var(--v37-cream)!important;
}
.header-actions a,
.cart-link,
.search-link{
  background:rgba(255,255,255,.80)!important;
  color:var(--v37-forest)!important;
  border:1px solid var(--v37-line)!important;
  box-shadow:0 12px 32px rgba(38,55,40,.08)!important;
}
.header-actions a:hover,
.cart-link:hover,
.search-link:hover{
  background:var(--v37-forest)!important;
  color:var(--v37-cream)!important;
}

.announcement-bar,
.announce-bar{
  background:var(--v37-forest)!important;
  color:#F3D99A!important;
  border-bottom:0!important;
}
.announce-inner{min-height:34px!important;padding:.55rem 0!important}
.announce-inner strong{color:#F3D99A!important;font-size:.86rem!important;letter-spacing:.04em!important}

/* Typography */
.hero-copy h1,
.page-hero h1,
.product-summary-v35 h1,
.single-product-v35 h1{
  color:var(--v37-forest)!important;
  font-family:var(--font-heading)!important;
  text-shadow:none!important;
  font-size:clamp(3.9rem,6.2vw,5.7rem)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  max-width:760px!important;
  margin-bottom:1.2rem!important;
}
.section-head h2,
.visual-identity-v35 h2,
.skin-goal-selector-v35 h2,
.routine-builder-v35 h2,
.launch-proof-v36 h2{
  color:var(--v37-forest)!important;
  font-family:var(--font-heading)!important;
  font-size:clamp(2.7rem,4.8vw,4.25rem)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}
.aafi-product-content h3,
.aafi-product-content h3 a,
.aafi-deal-content h3,
.aafi-deal-content h3 a,
.woocommerce-loop-product__title{
  font-family:var(--font-body)!important;
  color:var(--v37-forest)!important;
  font-size:clamp(1.18rem,1.65vw,1.45rem)!important;
  line-height:1.16!important;
  font-weight:900!important;
  min-height:2.25em!important;
}
p, li, .aafi-product-content p, .aafi-deal-content p{
  color:var(--v37-text)!important;
  line-height:1.7!important;
}

/* Hero and sections */
.hero-section,
.page-hero,
.product-hero-v35{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 24%,rgba(127,148,116,.20),transparent 24rem),
    radial-gradient(circle at 10% 10%,rgba(201,164,92,.13),transparent 22rem),
    linear-gradient(135deg,var(--v37-cream) 0%,var(--v37-cream-2) 54%,var(--v37-sage-2) 100%)!important;
  color:var(--v37-ink)!important;
  border-bottom:1px solid var(--v37-line)!important;
}
.hero-section:before,
.page-hero:before,
.product-hero-v35:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,248,236,.74),rgba(255,248,236,.16)),
    radial-gradient(circle at 78% 45%,rgba(255,255,255,.50),transparent 22rem)!important;
}
.hero-section > *, .page-hero > *, .product-hero-v35 > *{position:relative;z-index:1}
.hero-copy p, .page-hero p, .product-short-v35, .product-summary-v35 p{
  color:var(--v37-text)!important;
  font-size:1.08rem!important;
  max-width:680px!important;
}
.eyebrow,
.aafi-v37-kicker{
  color:var(--v37-gold)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  font-size:.74rem!important;
}

/* Cards */
.aafi-product-card,
.aafi-wc-card,
.aafi-deal-card,
.bundle-card,
.goal-selector-card-v35,
.product-info-grid-v35 article,
.shop-guide-v35,
.advanced-shop-toolbar-v36,
.comparison-table,
.faq-grid details,
.ingredient-grid article,
.review-grid article,
.aafi-v37-mini-product,
.aafi-v37-quiz-card,
.aafi-v37-modal-card{
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,248,236,.78))!important;
  border:1px solid var(--v37-line)!important;
  box-shadow:var(--v37-shadow)!important;
  border-radius:28px!important;
}
.aafi-product-card:hover,
.aafi-wc-card:hover,
.aafi-deal-card:hover,
.goal-selector-card-v35:hover,
.bundle-card:hover{
  transform:translateY(-7px)!important;
  box-shadow:var(--v37-shadow-strong)!important;
}
.aafi-product-media,
.aafi-wc-card .aafi-product-media,
.aafi-deal-media,
.product-visual-stage-v35{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.95),transparent 34%),
    linear-gradient(145deg,#EEF4E9,var(--v37-cream) 54%,#F4E3B7)!important;
  border-bottom:1px solid rgba(38,55,40,.08)!important;
}
.aafi-product-content p,
.aafi-deal-content p{min-height:4.3em!important;color:var(--v37-text)!important}
.product-bottom strong,
.deal-price-row strong,
.product-price-v35,
.product-summary-v35 .price{color:var(--v37-forest)!important;font-weight:900!important}

/* Buttons and labels */
.btn-dark,
.single_add_to_cart_button,
.checkout-button,
.woocommerce button.button.alt{
  background:linear-gradient(135deg,var(--v37-forest),#3F5741)!important;
  color:var(--v37-cream)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 16px 46px rgba(38,55,40,.22)!important;
}
.btn-light{
  background:#fff!important;
  color:var(--v37-forest)!important;
  border:1px solid var(--v37-line)!important;
}
.btn-dark:hover,.btn-light:hover{transform:translateY(-2px)!important}
.product-pill{background:rgba(201,164,92,.16)!important;color:var(--v37-forest)!important;border:1px solid rgba(201,164,92,.22)!important}
.aafi-hot-label{background:linear-gradient(135deg,#A65C3E,var(--v37-gold))!important;color:#fff!important}
.aafi-sale-label,.aafi-soft-label{background:var(--v37-forest)!important;color:var(--v37-cream)!important}

/* Premium modal */
.aafi-v37-modal,
.aafi-v37-quiz{
  position:fixed;inset:0;z-index:99996;display:grid;place-items:center;
  padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease;
}
.aafi-v37-modal.is-visible,
.aafi-v37-quiz.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.aafi-v37-modal-backdrop,
.aafi-v37-quiz-backdrop{
  position:absolute;inset:0;background:rgba(38,55,40,.38);backdrop-filter:blur(10px);
}
.aafi-v37-modal-card{
  position:relative;width:min(1080px,100%);max-height:calc(100vh - 42px);overflow:auto;
  display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;
  padding:clamp(22px,3vw,34px);transform:translateY(14px) scale(.985);transition:.24s ease;
}
.aafi-v37-modal.is-visible .aafi-v37-modal-card{transform:translateY(0) scale(1)}
.aafi-v37-modal-close,
.aafi-v37-quiz-close,
.aafi-v37-mobile-menu-close{
  position:absolute;top:16px;right:16px;width:42px;height:42px;border:0;border-radius:50%;
  background:var(--v37-forest);color:var(--v37-cream);font-size:1.45rem!important;cursor:pointer;z-index:2;
}
.aafi-v37-modal-hero h3,
.aafi-v37-quiz-card h3{
  color:var(--v37-forest)!important;font-family:var(--font-heading)!important;
  font-size:clamp(2.2rem,4.2vw,4.1rem);line-height:1.02;letter-spacing:-.045em;margin:.5rem 0 .75rem;
}
.aafi-v37-offer-code{
  display:inline-flex;gap:10px;align-items:center;padding:.85rem 1rem;border-radius:999px;
  background:rgba(201,164,92,.15);border:1px solid rgba(201,164,92,.24);margin:14px 0;
}
.aafi-v37-offer-code span{font-weight:800;color:var(--v37-muted)}
.aafi-v37-offer-code strong{color:var(--v37-forest)}
.aafi-v37-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.aafi-v37-modal-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.aafi-v37-mini-product{padding:14px;display:flex;flex-direction:column;gap:9px}
.aafi-v37-mini-img{display:block;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#EEF4E9,var(--v37-cream))}
.aafi-v37-mini-img img{width:100%;aspect-ratio:1.08/1;object-fit:cover;display:block}
.aafi-v37-mini-product span{width:max-content;padding:.42rem .62rem;border-radius:999px;background:rgba(201,164,92,.16);color:var(--v37-forest);font-size:.72rem;font-weight:900}
.aafi-v37-mini-product h4{margin:0;color:var(--v37-forest);font-size:1rem;font-weight:950;line-height:1.18}
.aafi-v37-mini-product strong{color:var(--v37-forest);margin-top:auto}
.aafi-v37-mini-actions{display:flex;gap:10px;align-items:center;justify-content:space-between}
.aafi-v37-mini-actions a,.aafi-v37-mini-actions button{
  color:var(--v37-forest);background:transparent;border:0;border-bottom:1px solid var(--v37-gold);font-weight:900;cursor:pointer
}

/* Quiz */
.aafi-v37-quiz-card{position:relative;width:min(780px,100%);padding:clamp(22px,3vw,36px)}
.aafi-v37-quiz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.aafi-v37-quiz-grid button{
  text-align:left;border:1px solid var(--v37-line);border-radius:20px;padding:18px;background:#fff;cursor:pointer;
}
.aafi-v37-quiz-grid strong{display:block;color:var(--v37-forest);font-size:1.1rem;margin-bottom:6px}
.aafi-v37-quiz-grid span{color:var(--v37-text);line-height:1.45}
.aafi-v37-quiz-result{margin-top:16px;padding:16px;border-radius:20px;background:var(--v37-sage-2);display:none}
.aafi-v37-quiz-result.is-visible{display:block}

/* Compare drawer */
.aafi-v37-compare{
  position:fixed;right:18px;top:100px;z-index:99994;width:min(390px,calc(100% - 36px));
  max-height:calc(100vh - 130px);overflow:auto;border-radius:28px;background:var(--v37-cream);
  border:1px solid var(--v37-line);box-shadow:var(--v37-shadow-strong);transform:translateX(calc(100% + 30px));transition:.25s ease;
}
.aafi-v37-compare.is-visible{transform:translateX(0)}
.aafi-v37-compare-head,.aafi-v37-compare-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--v37-line)}
.aafi-v37-compare-foot{border-bottom:0;border-top:1px solid var(--v37-line)}
.aafi-v37-compare-head strong{color:var(--v37-forest)}
.aafi-v37-compare-head button{border:0;background:var(--v37-forest);color:var(--v37-cream);width:36px;height:36px;border-radius:50%}
.aafi-v37-compare-body{padding:16px;display:grid;gap:10px}
.aafi-v37-compare-item{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--v37-line);border-radius:16px;padding:8px}
.aafi-v37-compare-item img{width:62px;height:62px;object-fit:cover;border-radius:12px}
.aafi-v37-compare-item strong{color:var(--v37-forest);display:block}
.aafi-v37-compare-item span{color:var(--v37-text);font-size:.86rem}
.aafi-v37-compare-item button{border:0;background:transparent;color:#9B4D3B;font-weight:900}
.aafi-v37-compare-float{
  position:fixed;right:18px;bottom:92px;z-index:9990;border:0;border-radius:999px;padding:.85rem 1rem;
  background:var(--v37-forest);color:var(--v37-cream);font-weight:950;box-shadow:var(--v37-shadow);
}
.aafi-v37-compare-float span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--v37-gold);color:var(--v37-forest);margin-left:6px}

/* Mobile menu */
.aafi-v37-mobile-menu-button{display:none}
.aafi-v37-mobile-menu{position:fixed;inset:0;z-index:99998;opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}
.aafi-v37-mobile-menu.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.aafi-v37-mobile-menu-backdrop{position:absolute;inset:0;background:rgba(38,55,40,.34);backdrop-filter:blur(10px)}
.aafi-v37-mobile-menu-panel{
  position:absolute;right:0;top:0;bottom:0;width:min(390px,86vw);background:var(--v37-cream);padding:72px 22px 22px;
  display:grid;align-content:start;gap:10px;box-shadow:var(--v37-shadow-strong);transform:translateX(100%);transition:.24s ease;
}
.aafi-v37-mobile-menu.is-visible .aafi-v37-mobile-menu-panel{transform:translateX(0)}
.aafi-v37-mobile-menu-panel strong{color:var(--v37-forest);font-size:1.35rem;margin-bottom:10px}
.aafi-v37-mobile-menu-panel a{padding:14px;border-radius:16px;background:#fff;color:var(--v37-forest);font-weight:900;text-decoration:none}

/* Recently viewed */
.aafi-v37-recent-section{padding:60px 0;background:linear-gradient(180deg,var(--v37-cream),#EEF4E9)}
.aafi-v37-recent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.aafi-v37-recent-card{padding:14px;border-radius:24px;background:#fff;border:1px solid var(--v37-line);box-shadow:var(--v37-shadow)}
.aafi-v37-recent-card img{width:100%;aspect-ratio:1.08/1;object-fit:cover;border-radius:18px;background:var(--v37-sage-2)}
.aafi-v37-recent-card span{display:block;color:var(--v37-gold);font-weight:900;font-size:.75rem;margin:10px 0 5px}
.aafi-v37-recent-card h3{font-size:1rem;color:var(--v37-forest);margin:0 0 6px;font-family:var(--font-body);font-weight:950}
.aafi-v37-recent-card strong{color:var(--v37-forest)}

/* Compare button on cards */
.aafi-v37-compare-card-btn{
  margin-top:8px;border:1px solid var(--v37-line);background:#fff;color:var(--v37-forest);
  border-radius:999px;padding:.6rem .8rem;font-weight:900;cursor:pointer;width:100%;
}

/* Responsive */
@media(max-width:980px){
  .nav-shell,body.aafi-scrolled .nav-shell{grid-template-columns:1fr auto!important;min-height:70px!important}
  .primary-nav{display:none!important}
  .aafi-v37-mobile-menu-button{
    display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--v37-line);
    background:#fff;position:fixed;right:18px;top:calc(16px + var(--wp-admin--admin-bar--height, 0px));z-index:99991;box-shadow:var(--v37-shadow)
  }
  .aafi-v37-mobile-menu-button span{display:block;width:18px;height:2px;background:var(--v37-forest);margin:2px;border-radius:2px}
  .aafi-v37-modal-card{grid-template-columns:1fr}
  .aafi-v37-modal-track{grid-template-columns:repeat(2,1fr)}
  .aafi-v37-recent-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .hero-copy h1,.page-hero h1,.product-summary-v35 h1{font-size:clamp(2.7rem,13vw,4rem)!important;line-height:1.04!important}
  .section-head h2{font-size:clamp(2.2rem,10vw,3.3rem)!important}
  .aafi-v37-modal-track,.aafi-v37-quiz-grid,.aafi-v37-recent-grid{grid-template-columns:1fr}
  .aafi-v37-compare{right:10px;left:10px;width:auto}
  .aafi-v37-compare-float{right:12px;bottom:86px}
}


/* ==========================================================
   Aafiyora v3.7.1 Professional WhatsApp Interaction Bubble
   ========================================================== */

.aafi-whatsapp-float,
.whatsapp-float,
a[href*="wa.me"].aafi-whatsapp-float{
  position:fixed!important;
  right:18px!important;
  bottom:24px!important;
  z-index:9992!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:54px!important;
  min-height:54px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#21B86B,#128C4E)!important;
  color:#fff!important;
  box-shadow:0 18px 52px rgba(18,140,78,.32)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  transform:translateZ(0)!important;
  animation:aafiV371WhatsappFloat 3.6s ease-in-out infinite!important;
  overflow:visible!important;
}

.aafi-whatsapp-float::before,
.whatsapp-float::before{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  border-radius:999px!important;
  border:1px solid rgba(33,184,107,.34)!important;
  animation:aafiV371WhatsappPulse 2.4s ease-out infinite!important;
  pointer-events:none!important;
}

.aafi-whatsapp-float::after,
.whatsapp-float::after{
  content:""!important;
  position:absolute!important;
  right:10px!important;
  bottom:8px!important;
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#fff!important;
  opacity:.95!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.18)!important;
}

.aafi-whatsapp-float span,
.whatsapp-float span{
  color:#fff!important;
  font-weight:950!important;
}

.aafi-v371-whatsapp-prompt{
  position:fixed;
  right:18px;
  bottom:88px;
  z-index:9993;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:min(310px,calc(100vw - 36px));
  padding:12px 14px;
  border-radius:20px 20px 8px 20px;
  background:rgba(255,248,236,.96);
  color:#263728;
  border:1px solid rgba(38,55,40,.12);
  box-shadow:0 20px 70px rgba(38,55,40,.18);
  transform:translateY(12px) scale(.96);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease, transform .24s ease, visibility .24s ease;
}

.aafi-v371-whatsapp-prompt.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.aafi-v371-whatsapp-prompt.is-hiding{
  opacity:0;
  transform:translateY(8px) scale(.98);
}

.aafi-v371-whatsapp-prompt-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:linear-gradient(135deg,#21B86B,#128C4E);
  color:#fff;
  font-weight:950;
  box-shadow:0 10px 26px rgba(18,140,78,.24);
}

.aafi-v371-whatsapp-prompt-text{
  display:block;
  font-weight:950;
  color:#263728!important;
  line-height:1.28;
  font-size:.96rem;
}

.aafi-v371-whatsapp-prompt-small{
  display:block;
  margin-top:2px;
  color:#66725F!important;
  font-size:.78rem;
  line-height:1.35;
  font-weight:750;
}

.aafi-v371-whatsapp-prompt-close{
  border:0;
  background:transparent;
  color:#66725F;
  font-weight:950;
  cursor:pointer;
  padding:4px;
  margin-left:auto;
}

.aafi-v371-whatsapp-prompt::after{
  content:"";
  position:absolute;
  right:26px;
  bottom:-7px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:rgba(255,248,236,.96);
  border-right:1px solid rgba(38,55,40,.12);
  border-bottom:1px solid rgba(38,55,40,.12);
}

@keyframes aafiV371WhatsappFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-4px) scale(1.025)}
}

@keyframes aafiV371WhatsappPulse{
  0%{transform:scale(.92);opacity:.72}
  70%{transform:scale(1.18);opacity:0}
  100%{transform:scale(1.18);opacity:0}
}

/* Soft attention shake only after message hides, not always */
.aafi-whatsapp-float.aafi-v371-nudge,
.whatsapp-float.aafi-v371-nudge{
  animation:aafiV371WhatsappNudge .78s ease, aafiV371WhatsappFloat 3.6s ease-in-out infinite!important;
}

@keyframes aafiV371WhatsappNudge{
  0%,100%{transform:translateX(0)}
  18%{transform:translateX(-3px)}
  36%{transform:translateX(3px)}
  54%{transform:translateX(-2px)}
  72%{transform:translateX(2px)}
}

@media(max-width:760px){
  .aafi-whatsapp-float,
  .whatsapp-float,
  a[href*="wa.me"].aafi-whatsapp-float{
    right:14px!important;
    bottom:18px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
  .aafi-v371-whatsapp-prompt{
    right:14px;
    bottom:80px;
    max-width:calc(100vw - 28px);
    border-radius:18px 18px 8px 18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .aafi-whatsapp-float,
  .whatsapp-float,
  .aafi-whatsapp-float::before,
  .whatsapp-float::before{
    animation:none!important;
  }
}


/* ==========================================================
   Aafiyora v3.7.2 Social Media Footer Icons
   ========================================================== */

.aafi-social-wrap{
  width:min(1120px,calc(100% - 32px));
  margin:22px auto 10px;
  padding:18px;
  border-radius:26px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,248,236,.16);
  box-shadow:0 18px 60px rgba(0,0,0,.08);
  text-align:center;
}

.aafi-social-title{
  display:block;
  margin-bottom:12px;
  color:#F3D99A!important;
  font-size:.75rem;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:950;
}

.aafi-social-icons{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.aafi-social-icon{
  position:relative;
  width:46px;
  height:46px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  color:#FFF8EC!important;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,248,236,.18);
  text-decoration:none!important;
  overflow:hidden;
  transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.aafi-social-icon svg{
  width:21px;
  height:21px;
  fill:currentColor;
  display:block;
  transition:transform .2s ease;
}

.aafi-social-icon span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.aafi-social-icon:hover{
  transform:translateY(-4px);
  background:#FFF8EC;
  color:#263728!important;
  border-color:rgba(255,248,236,.42);
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}

.aafi-social-icon:hover svg{
  transform:scale(1.08);
}

/* Subtle brand-color glow on hover */
.aafi-social-facebook:hover{box-shadow:0 16px 44px rgba(24,119,242,.22)}
.aafi-social-instagram:hover{box-shadow:0 16px 44px rgba(193,53,132,.24)}
.aafi-social-tiktok:hover{box-shadow:0 16px 44px rgba(0,0,0,.20)}
.aafi-social-youtube:hover{box-shadow:0 16px 44px rgba(255,0,0,.20)}
.aafi-social-linkedin:hover{box-shadow:0 16px 44px rgba(10,102,194,.22)}
.aafi-social-pinterest:hover{box-shadow:0 16px 44px rgba(230,0,35,.22)}
.aafi-social-whatsapp_channel:hover{box-shadow:0 16px 44px rgba(18,140,78,.24)}

@media(max-width:760px){
  .aafi-social-wrap{
    width:calc(100% - 24px);
    padding:16px 12px;
    border-radius:22px;
  }
  .aafi-social-icon{
    width:42px;
    height:42px;
  }
  .aafi-social-icon svg{
    width:19px;
    height:19px;
  }
}


/* ==========================================================
   Aafiyora v3.7.3 Floating Action Button UX Fix
   Fixes: Compare and WhatsApp fighting for same bottom-right area.
   ========================================================== */

/* Compare button should not distract when compare cart is empty */
.aafi-v37-compare-float{
  left:18px!important;
  right:auto!important;
  bottom:24px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(8px)!important;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease!important;
}

body.aafi-v37-compare-has-items .aafi-v37-compare-float,
.aafi-v37-compare-float.is-visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}

/* Drawer opens from left now, so it does not collide with WhatsApp on the right */
.aafi-v37-compare{
  left:18px!important;
  right:auto!important;
  transform:translateX(calc(-100% - 30px))!important;
}

.aafi-v37-compare.is-visible{
  transform:translateX(0)!important;
}

/* WhatsApp must become a clean animated icon, not a wide green pill */
.aafi-whatsapp-float,
.whatsapp-float,
a[href*="wa.me"].aafi-whatsapp-float,
a[href*="api.whatsapp.com"].aafi-whatsapp-float{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:0!important;
  line-height:1!important;
  gap:0!important;
}

/* Hide old text like "WhatsApp" inside the button. Prompt bubble handles the text. */
.aafi-whatsapp-float > span:not(.aafi-v373-wa-icon),
.whatsapp-float > span:not(.aafi-v373-wa-icon){
  display:none!important;
}

/* Real icon injected by JS */
.aafi-v373-wa-icon{
  display:grid!important;
  place-items:center!important;
  width:56px!important;
  height:56px!important;
  color:#fff!important;
  font-size:0!important;
}

.aafi-v373-wa-icon svg{
  width:27px!important;
  height:27px!important;
  fill:currentColor!important;
  display:block!important;
}

/* Keep pulse behind the circular icon */
.aafi-whatsapp-float::before,
.whatsapp-float::before{
  inset:-7px!important;
  z-index:-1!important;
}

.aafi-whatsapp-float::after,
.whatsapp-float::after{
  display:none!important;
}

/* Prompt position stays above WhatsApp with proper spacing */
.aafi-v371-whatsapp-prompt{
  right:18px!important;
  bottom:92px!important;
  z-index:9994!important;
}

/* If compare drawer exists, keep WhatsApp visually dominant on the right */
.aafi-whatsapp-float,
.whatsapp-float{
  z-index:9995!important;
}

@media(max-width:760px){
  .aafi-v37-compare-float{
    left:14px!important;
    bottom:18px!important;
  }

  .aafi-v37-compare{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    transform:translateY(110%)!important;
    top:auto!important;
    bottom:12px!important;
    max-height:72vh!important;
  }

  .aafi-v37-compare.is-visible{
    transform:translateY(0)!important;
  }

  .aafi-whatsapp-float,
  .whatsapp-float,
  a[href*="wa.me"].aafi-whatsapp-float,
  a[href*="api.whatsapp.com"].aafi-whatsapp-float{
    right:14px!important;
    bottom:18px!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }

  .aafi-v373-wa-icon{
    width:54px!important;
    height:54px!important;
  }

  .aafi-v373-wa-icon svg{
    width:25px!important;
    height:25px!important;
  }

  .aafi-v371-whatsapp-prompt{
    right:14px!important;
    bottom:84px!important;
  }
}


/* ==========================================================
   Aafiyora v3.7.4 WhatsApp Position + Prompt Timing Fix
   ========================================================== */

/* Move WhatsApp icon higher so it does not collide with screen/watermark/corner */
.aafi-whatsapp-float,
.whatsapp-float,
a[href*="wa.me"].aafi-whatsapp-float,
a[href*="api.whatsapp.com"].aafi-whatsapp-float{
  right:22px!important;
  bottom:86px!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:0!important;
  border-radius:50%!important;
  z-index:9996!important;
}

/* Keep prompt above the higher WhatsApp icon */
.aafi-v371-whatsapp-prompt{
  right:22px!important;
  bottom:158px!important;
  z-index:9997!important;
}

/* Make icon more visible and premium */
.aafi-v373-wa-icon{
  width:58px!important;
  height:58px!important;
}
.aafi-v373-wa-icon svg{
  width:28px!important;
  height:28px!important;
}

/* Slightly stronger but still soft pulse */
.aafi-whatsapp-float::before,
.whatsapp-float::before{
  inset:-9px!important;
  border-color:rgba(33,184,107,.40)!important;
}

/* Avoid overlap with compare on desktop */
.aafi-v37-compare-float{
  bottom:34px!important;
  left:22px!important;
}

/* On smaller screens, still keep WhatsApp above bottom UI */
@media(max-width:760px){
  .aafi-whatsapp-float,
  .whatsapp-float,
  a[href*="wa.me"].aafi-whatsapp-float,
  a[href*="api.whatsapp.com"].aafi-whatsapp-float{
    right:14px!important;
    bottom:82px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }

  .aafi-v373-wa-icon{
    width:56px!important;
    height:56px!important;
  }

  .aafi-v373-wa-icon svg{
    width:26px!important;
    height:26px!important;
  }

  .aafi-v371-whatsapp-prompt{
    right:14px!important;
    bottom:150px!important;
    max-width:calc(100vw - 28px)!important;
  }

  .aafi-v37-compare-float{
    left:14px!important;
    bottom:24px!important;
  }
}

/* Ultra-small screens */
@media(max-width:420px){
  .aafi-whatsapp-float,
  .whatsapp-float,
  a[href*="wa.me"].aafi-whatsapp-float,
  a[href*="api.whatsapp.com"].aafi-whatsapp-float{
    bottom:76px!important;
  }
  .aafi-v371-whatsapp-prompt{
    bottom:142px!important;
  }
}