*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0d0d0d;
  --bg2:#111111;
  --bg3:#1c1c1c;
  --white:#ffffff;
  --muted:#ffffff;
  --border:rgba(245,244,240,0.08);
  --border1: rgb(245 244 240 / 60%);
 --border-mid:rgba(245,244,240,0.16);
  --accent:#f0ae24;
  --accent-dim:rgba(240,174,36,0.14);
  --red:#c8322a;
  --red-dim:rgba(200,50,42,0.14);
  --heading:'Bebas Neue',sans-serif;
  --body:'Inter',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* ── PROMO ── */
.promo-bar{background:var(--accent);text-align:center;padding:10px 16px;font-size:13px;font-weight:600;color:#0d0d0d;letter-spacing:.02em}
.promo-bar a{color:#0d0d0d;text-decoration:underline;font-weight:700}

/* ── MARQUEE ── */
.marquee-wrap{background:var(--bg2);border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap;padding:9px 0}
.marquee-track{display:inline-flex;
  animation:marquee 150s linear infinite
}
/* .marquee-item{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 28px;border-right:1px solid var(--border);white-space:nowrap} */
.marquee-item h6 {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    padding: 0 28px;
    border-right: 1px solid var(--border);
    white-space: nowrap;
    margin-bottom: 0px;
}
.marquee-item img {
    width: 18px;
    margin-right: 10px;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:150;background:rgba(13,13,13,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav-main{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:60px}
.nav-logo{height:26px;
    /* filter:invert(1) brightness(10); */
    display:block}
.nav-center{display:flex;align-items:center}
.nav-all-btn{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--white);text-decoration:none;padding:6px 12px;border:1px solid var(--border-mid);border-radius:7px;transition:border-color .2s,background .2s;white-space:nowrap;margin-right:4px}
.nav-all-btn:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.04)}
.nav-cat{font-size:13px;font-weight:400;color:var(--muted);text-decoration:none;padding:6px 14px;transition:color .2s;white-space:nowrap}
.nav-cat:hover{color:var(--white)}
.nav-right{display:flex;align-items:center;gap:16px}
.nav-login{font-size:13px;color:#fff;text-decoration:none;transition:color .2s}
.nav-login:hover{color:var(--white)}
.nav-cta{font-size:13px;font-weight:600;color:#0d0d0d;background:var(--white);border:none;border-radius:40px;padding:8px 18px;cursor:pointer;text-decoration:none;transition:opacity .2s,transform .15s}
.nav-cta:hover{opacity:.88;transform:translateY(-1px)}
.hamburger{width:36px;height:36px;display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;background:none;border:none;padding:4px;flex-shrink:0}
.hamburger span{display:block;height:1.5px;background:var(--white);transition:all .25s;transform-origin:center; width: 100%;}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ── DRAWER ── */
.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:130;opacity:0;pointer-events:none;transition:opacity .3s}
.menu-overlay.open{opacity:1;pointer-events:all}
.menu-drawer{position:fixed;top:0;right:-100%;width:320px;max-width:100vw;height:100vh;background:var(--bg2);z-index:140;padding:84px 32px 48px;transition:right .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;border-left:1px solid var(--border); z-index: 999;}
.menu-drawer.open{right:0}
.menu-close{position:absolute;top:24px;right:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--white);font-size:20px;cursor:pointer;opacity:.7;transition:opacity .2s;line-height:1}
.menu-close:hover{opacity:1}
.menu-sec{margin-bottom:28px}
.menu-sec-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.menu-links{list-style:none;display:flex;flex-direction:column;gap:2px}
.menu-links a{font-size:20px;font-family:var(--heading);letter-spacing:.04em;color:var(--white);text-decoration:none;display:block;padding:7px 0;border-bottom:1px solid var(--border);transition:color .2s}
.menu-links a:hover{color:var(--muted)}
.menu-sub{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.menu-sub a{font-size:12px;color:var(--muted);text-decoration:none;border:1px solid var(--border);border-radius:40px;padding:5px 13px;transition:color .2s,border-color .2s}
.menu-sub a:hover{color:var(--white);border-color:var(--border-mid)}

/* ── SEXUAL HEALTH SUBMENU ── */
.submenu-toggle{display:flex!important;align-items:center;justify-content:space-between}
.submenu-arrow{flex-shrink:0;transition:transform .25s;color:var(--muted);margin-left:8px}
#sexualHealthItem.submenu-open .submenu-arrow,#peptidesItem.submenu-open .submenu-arrow{transform:rotate(180deg)}
.menu-submenu{list-style:none;overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s;padding:0}
#sexualHealthItem.submenu-open .menu-submenu,#peptidesItem.submenu-open .menu-submenu{max-height:200px;padding-top:4px;padding-bottom:10px}
.menu-submenu li a{font-size:18px!important;font-family: var(--heading)!important;letter-spacing:.04em!important;color:rgba(255,255,255)!important;padding:6px 0 6px 14px!important;border-bottom:none!important;display:block}
.menu-submenu li a:hover{color:var(--white)!important}

/* ── HERO DESKTOP ── */
.hero-desktop{position:relative;
  /* height:10vh;min-height:430px; */
  overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.hero-bg{position:absolute;inset:0;background:linear-gradient(145deg,#1a2535 0%,#0e1520 40%,#0d0d0d 100%)}
.hero-photo-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(255,255,255,.1);letter-spacing:.05em;text-align:center;padding:40px;pointer-events:none}
.hero-grad-l{position:absolute;inset:0;background:linear-gradient(to right,rgba(13,13,13,.75) 0%,rgba(13,13,13,.2) 55%,transparent 100%);z-index:1}
.hero-grad-b{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(13,13,13,.97) 100%);z-index:1}
.hero-content{position:relative;z-index:2;padding:52px 48px 52px;max-width:640px}
.hero-eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.hero-eyebrow::before{content:'';display:block;width:22px;height:1px;background:var(--muted)}
.hero-headline{font-family:var(--heading);font-size:clamp(60px,6.5vw,100px);line-height:.93;letter-spacing:.02em;color:var(--white)}

/* ── HERO MOBILE ── */
.hero-mobile{display:none;background:var(--bg);padding:36px 20px 12px}
.hero-mobile-eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.hero-mobile-eyebrow::before{content:'';display:block;width:18px;height:1px;background:var(--muted)}
.hero-mobile-headline{font-family:var(--heading);font-size:clamp(56px,14vw,76px);line-height:.93;letter-spacing:.02em;color:var(--white);margin-bottom:12px}
.hero-mobile-sub{font-size:14px;font-weight:300;color:var(--muted);line-height:1.65}

/* ── FEATURED ROWS ── */
.featured-rows{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.featured-row{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--white);transition:background .2s}
.featured-row:last-child{border-bottom:none}
.featured-row:hover{background:rgba(255,255,255,.03)}
.fr-left{display:flex;flex-direction:column;gap:3px}
.fr-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff; }
.fr-title{font-family:var(--heading);font-size:22px;letter-spacing:.04em;color:var(--white)}
.fr-arrow{font-size:18px;color:var(--muted);transition:color .2s,transform .2s;flex-shrink:0}
.featured-row:hover .fr-arrow{color:var(--white);transform:translateX(4px)}
.fr-red .fr-label{color:#ffffff}
.fr-gold .fr-label{color:#ffffff}

/* ── TREATMENTS ── */
.treatments-section{padding:48px 48px}
.tx-filters{display:flex;align-items:center;gap:4px;margin-bottom:28px;flex-wrap:wrap}
.tx-filter{font-size:13px;font-weight:500;color:var(--muted);border:1px solid var(--border);border-radius:40px;padding:7px 18px;cursor:pointer;transition:color .2s,border-color .2s,background .2s;text-decoration:none}
/* .tx-filter:hover,.tx-filter.active{color:var(--white);border-color:var(--border-mid);background:rgba(255,255,255,.06)} */
.tx-filter.active{color:var(--white);border-color:var(--border-mid);background:rgba(255,255,255,.06)}
.tx-desktop-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:360px 260px;gap:12px}
.tx-desktop-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.tx-card{position:relative;overflow:hidden;border-radius:14px;background:var(--bg3);border:1px solid var(--border1);cursor:pointer;text-decoration:none;color:var(--white);display:block;transition:border-color .25s}
.tx-card:hover{border-color:var(--border-mid)}
.tx-tall{grid-column:1;grid-row:1/3}
.tx-wide{grid-column:2/4;grid-row:1}
.tx-s1{grid-column:2;grid-row:2}
.tx-s2{grid-column:3;grid-row:2}
.tx-photo{position:absolute;inset:0}
.tx-grad{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 25%,rgba(0,0,0,.93) 100%);z-index:1}
.tx-emoji-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:90px;opacity:.08;z-index:0}
.tx-body{position:absolute;bottom:0;left:0;right:0;padding:20px 22px 22px;z-index:2}
.tx-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:3px 9px;margin-bottom:8px}
.tx-name{font-family:var(--heading);font-size:28px;letter-spacing:.04em;color:var(--white);line-height:1;margin-bottom:6px}
.tx-tall .tx-name{font-size:42px}
.tx-wide .tx-name{font-size:36px}
.tx-desc{font-size:13px;font-weight:300;color:#fff;line-height:1.5}
.tx-arrow{position:absolute;top:16px;right:16px;z-index:3;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--white);transition:background .2s,transform .2s}
.tx-card:hover .tx-arrow{background:var(--white);color:#0d0d0d;transform:rotate(-45deg)}
.skin-red{background:linear-gradient(145deg,#1e0606,#0d0d0d)!important; 
  /* border-color: rgb(200 50 42 / 50%) !important; */
  border-color:var(--border1) !important;
}
.skin-red .tx-tag{color: #ffffff;
    border-color: rgba(245,244,240,0.15);
}
.skin-red:hover .tx-arrow{background:var(--red)!important;color:#fff!important}
.skin-gold{background:linear-gradient(145deg,#1a1100,#0d0d0d)!important;    
  /* border-color: rgb(240 174 36 / 46%) !important; */
  border-color:var(--border1) !important;
  
}
.skin-gold .tx-tag{color: #ffffff;
    border-color: rgba(245,244,240,0.15);}
.skin-gold:hover .tx-arrow{background:var(--accent)!important;color:#0d0d0d!important}
.tx-mobile-grid{display:none}
.tx-mob-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.tx-mob-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tx-mob-big{height:260px;position:relative;border-radius:14px}
.tx-mob-small{height:160px;position:relative;border-radius:14px}

/* ── CONSULTATION SECTION ── */
.consult-section{padding:80px 48px;background:var(--bg2)}
/* top row: headline left, image right — aligned to same top */
.consult-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:0}
.consult-label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.consult-headline{font-family:var(--heading);font-size:clamp(38px,4vw,58px);line-height:.97;letter-spacing:.02em;color:var(--white);margin-bottom:14px}
.consult-sub{font-size:15px;font-weight:300;color:var(--muted);line-height:1.65;max-width:400px}
/* image — right column, same top baseline as headline */
.consult-img{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(160deg,#1e2a3a,#111)}
.consult-img-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(255,255,255,.13);text-align:center;padding:32px;letter-spacing:.04em}
/* bottom row: 4 equal cards */
.consult-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:32px}
.consult-card{background:var(--bg3);padding:28px 24px}
.consult-card-icon{font-size:24px;margin-bottom:14px;display:block}
.consult-card h3{font-size:14px;font-weight:600;color:var(--white);margin-bottom:8px;line-height:1.3}
.consult-card p{font-size:13px;font-weight:300;color:var(--muted);line-height:1.6}
/* stat inside image — hidden, image only on desktop */
.consult-stat-bar{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:2}
.c-stat{background:rgba(255,255,255,.08);border-radius:8px;padding:12px 8px;text-align:center}
.c-stat-num{font-family:var(--heading);font-size:28px;color:var(--white);line-height:1}
.c-stat-num span{color:var(--muted);font-size:16px}
.c-stat-label{font-size:10px;color:var(--muted);margin-top:2px}
/* mobile image */
.consult-mobile-img{display:none;width:100%;height:220px;border-radius:14px;overflow:hidden;position:relative;margin:20px 0 28px;background:linear-gradient(160deg,#1e2a3a,#111)}
.consult-mobile-img-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:rgba(255,255,255,.13);text-align:center;padding:20px;letter-spacing:.04em}

/* ── PRODUCT DEEP DIVES ── */
.product-section{padding:0 48px 96px}
.prod-block{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:20px;overflow:hidden;margin-bottom:16px}
.prod-block.reverse{direction:rtl}
.prod-block.reverse > *{direction:ltr}
.prod-img{min-height:480px;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:linear-gradient(145deg,#1e0606,#0d0d0d)}
.prod-img.gold-bg{background:linear-gradient(145deg,#1a1100,#0d0d0d)}
.prod-img-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:rgba(255,255,255,.12);text-align:center;padding:32px;letter-spacing:.04em}
.prod-img-glow-red{position:absolute;top:-60px;right:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(200,50,42,0.18) 0%,transparent 70%)}
.prod-img-glow-gold{position:absolute;top:-60px;left:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(240,174,36,0.16) 0%,transparent 70%)}
.prod-copy{padding:52px 48px;display:flex;flex-direction:column;justify-content:center;background:var(--bg2)}
.prod-eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.prod-headline{font-family:var(--heading);font-size:clamp(40px,3.5vw,58px);line-height:.95;letter-spacing:.03em;color:var(--white);margin-bottom:16px}
.prod-red em{color:#e05550;font-style:normal}
.prod-gold em{color:var(--accent);font-style:normal}
.prod-desc{font-size:15px;font-weight:300;color:var(--muted);line-height:1.7;margin-bottom:28px;max-width:400px}
.prod-benefits{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.prod-benefit{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--white);line-height:1.5}
.prod-benefit-icon{font-size:17px;flex-shrink:0;margin-top:1px}
.prod-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn-white{font-family:var(--body);font-size:14px;font-weight:600;color:#0d0d0d;background:var(--white);border:none;border-radius:40px;padding:13px 28px;cursor:pointer;text-decoration:none;transition:opacity .2s,transform .15s}
.btn-white:hover{opacity:.88;transform:translateY(-1px)}
.btn-ghost{font-size:14px;color:var(--muted);text-decoration:none;padding:13px 0;transition:color .2s;background:none;border:none;cursor:pointer}
.btn-ghost:hover{color:var(--white)}

/* ── REVIEWS ── */
.reviews-section{padding:30px 48px;background:var(--bg)}
.reviews-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:16px}
.reviews-left{display:flex;align-items:center;gap:20px}
.reviews-score{font-family:var(--heading);font-size:72px;color:var(--white);line-height:1}
.reviews-meta{}
.reviews-stars-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.reviews-star{color:var(--accent);font-size:18px}
.reviews-tp{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.reviews-tp-logo{background:#00b67a;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.02em}
.reviews-count{font-size:13px;color:var(--muted)}
/* desktop: 3 col grid. mobile: horizontal scroll */
.reviews-scroll-wrap{-webkit-overflow-scrolling:touch;padding-bottom:12px}
.reviews-scroll-wrap::-webkit-scrollbar{height:3px}
.reviews-scroll-wrap::-webkit-scrollbar-track{background:var(--border)}
.reviews-scroll-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-width:600px}
.review-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:26px;position:relative;overflow:hidden;transition:border-color .25s,transform .25s}
.review-card:hover{border-color:var(--border-mid);transform:translateY(-3px)}
.review-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;border-radius:14px 0 0 14px}
.review-card.rc-red::before{background:var(--red)}
.review-card.rc-gold::before{background:var(--accent)}
.review-card.rc-neutral::before{background:rgba(255,255,255,.15)}
.review-card.rc-red{background:linear-gradient(135deg,rgba(200,50,42,0.06) 0%,var(--bg3) 50%)}
.review-card.rc-gold{background:linear-gradient(135deg,rgba(240,174,36,0.06) 0%,var(--bg3) 50%)}
.review-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.review-stars{color:var(--accent);font-size:13px;letter-spacing:2px}
.review-verified{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00b67a;background:rgba(0,182,122,0.12);border-radius:4px;padding:3px 8px}
.review-text{font-size:14px;font-weight:300;font-style:italic;color:var(--white);line-height:1.7;margin-bottom:20px}
.review-author{display:flex;align-items:center;gap:10px; position: absolute;bottom: 27px;}
.review-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}
.review-avatar.av-red{background:rgba(200,50,42,0.2);color:#e05550;border:1px solid rgba(200,50,42,.25)}
.review-avatar.av-gold{background:rgba(240,174,36,0.15);color:var(--accent);border:1px solid rgba(240,174,36,.2)}
.review-avatar.av-neutral{background:rgba(255,255,255,.08);color:var(--muted);border:1px solid var(--border)}
.review-name{font-size:13px;font-weight:600;color:var(--white)}
.review-product{font-size:11px;color:var(--muted);margin-top:2px}

/* ── FAQ ── */
.faq-section{padding:96px 48px}
.faq-cols{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start;margin-top:52px}
.faq-label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.faq-heading{font-family:var(--heading);font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:.03em;color:var(--white)}
.faq-list{display:flex;flex-direction:column}
.faq-item{border-bottom:1px solid var(--border);cursor:pointer}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:19px 0;gap:16px;font-size:15px;font-weight:500;color:var(--white);transition:color .2s}
.faq-item:hover .faq-q{color:var(--muted)}
.faq-icon{font-size:18px;color:var(--muted);flex-shrink:0;transition:transform .25s}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{font-size:14px;font-weight:300;color: #ffffff;line-height:1.65;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s}
.faq-item.open .faq-a{max-height:300px;padding-bottom:18px}

/* ── FOOTER ── */
footer{background:#0a0a0a;border-top:1px solid var(--border);padding:60px 48px 36px}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{height:22px;
    /* filter:invert(1) brightness(10); */
    display:block;margin-bottom:14px}
.footer-tagline{font-size:13px;font-weight:300;color:var(--muted);line-height:1.65;max-width:220px;margin-bottom:20px}
.footer-contact a{font-size:13px;color:var(--muted);text-decoration:none;display:block;margin-bottom:5px;transition:color .2s}
.footer-contact a:hover{color:var(--white)}
.footer-col h4{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col a{font-size:13px;font-weight:300;color:var(--muted);text-decoration:none;transition:color .2s}
.footer-col a:hover{color:var(--white)}
.footer-mid{border-top:1px solid var(--border);padding:28px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.footer-heroes{display:flex;align-items:center;gap:12px;text-decoration:none}
.footer-heroes-text{font-size:14px;font-weight:600;color:var(--white)}
.footer-heroes-sub{font-size:11px;color:var(--muted)}
.footer-badges{display:flex;align-items:center;gap:12px}
.footer-social{display:flex;align-items:center;gap:14px}
.footer-social a{color:var(--muted);text-decoration:none;font-size:22px;transition:color .2s;display:flex;align-items:center}
.footer-social a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.footer-legal{font-size:11px;color:rgba(245,244,240);line-height:1.6}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.footer-links a{font-size:11px;color:rgba(245,244,240,.3);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--muted)}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .nav-center{display:none}
  .hamburger{display:flex}
  .nav-main{padding:0 20px;position:relative}
  .nav-main>a{position:absolute;left:50%;transform:translateX(-50%)}
  .nav-cta{display:none}
  .hero-desktop{display:none}
  .hero-mobile{display:block}
  .featured-rows .featured-row{padding:14px 20px}
  .fr-title{font-size:18px}
  .treatments-section{padding:36px 20px}
  .tx-desktop-grid,.tx-desktop-bottom{display:none}
  .tx-mobile-grid{display:block}
  .consult-section{padding:48px 20px}
  .consult-top{grid-template-columns:1fr;gap: 8px;margin-bottom: 50px;}
  .consult-img{display:block}
  .consult-mobile-img{display:block}
  .consult-cards{grid-template-columns:1fr 1fr;border-radius:12px}
  .product-section{padding:0 20px 56px}
  .prod-block{grid-template-columns:1fr}
  .prod-block.reverse{direction:ltr}
  .prod-img{min-height:450px}
  .prod-copy{padding:32px 24px}
  .reviews-section{padding:20px 20px}
  .reviews-grid{grid-template-columns:repeat(3,1fr);width:100%; min-width: 100%;}
  .reviews-scroll-wrap{margin:0 -20px;padding:0 20px 12px}
  .faq-section{padding:60px 20px}
  .faq-cols{grid-template-columns:1fr;gap:32px}
  .footer-top{grid-template-columns:1fr 1fr}
  footer{padding:48px 20px 28px}
  .footer-mid{flex-direction:column;align-items:flex-start}

    /* .hero-mobile {
        background: url(../images/hero-bg-mobile.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        height: 400px;
    }

    .hero-mobile-eyebrow{
        color: #fff;
    }
    .hero-mobile-sub{
        color: #fff;
    } */
}
@media(max-width:767px){
/* .hero-mobile {
     height: 300px;
} */
}
@media(max-width:600px){
.prod-img{min-height:260px}
}
#statesAvailable .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    border: transparent;
    background: transparent;
}
#statesAvailable .close span {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
#statesAvailable h4#exampleModalLabel {
    font-weight: 700 !important;
    line-height: 1.5;
    font-size: 1.5rem;
}
.list-unstyled {
    text-align: left;
}
.footer-links a, .footer-col a {
    color: #ffffff!important;
}
ul {
    padding: 0px;
}
.text-col p, .text-col h4{
    color: #222222;
}

/* -------------------knockoutrx-diagram----------------- */
.ko-diagram{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  min-height: 580px;
  background:linear-gradient(145deg,#100202,#0d0d0d);
  border-radius:0;
  overflow:hidden;
  font-family:'Inter',sans-serif;
}

/* Ambient glow */
.ko-glow{
  position:absolute;
  left:-5%;
  top:50%;
  transform:translateY(-50%);
  width:55%;
  height:130%;
  background:radial-gradient(ellipse at 30% 50%, rgba(200,50,42,0.13) 0%, transparent 65%);
  pointer-events:none;
  z-index:0;
}

/* Capsule */
.ko-pill{
  position:absolute;
  left:22%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-15deg) translateX(-50px);
  height:70%;
  max-height:300px;
  object-fit:contain;
  filter:drop-shadow(0 0 48px rgba(200,50,42,0.45)) drop-shadow(0 16px 32px rgba(0,0,0,0.6));
  z-index:2;
  will-change:transform,opacity;
  opacity:0;
}
.ko-diagram.animate .ko-pill{
  animation:koPillIn .9s cubic-bezier(.22,1,.36,1) forwards .1s;
}
@keyframes koPillIn{
  to{
    transform:translate(-50%,-50%) rotate(-15deg) translateX(0);
    opacity:1;
  }
}

/* Lines container */
.ko-lines{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}

/* Each ingredient row */
.ko-ing{
  position:absolute;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  opacity:0;
  will-change:transform,opacity;
}
.ko-ing-t{ top:22%; }
.ko-ing-m{ top:50%; transform:translateY(-50%); }
.ko-ing-b{ top:76%; }

.ko-diagram.animate .ko-ing-t{ animation:koLineIn .6s cubic-bezier(.22,1,.36,1) forwards .85s; }
.ko-diagram.animate .ko-ing-m{ animation:koLineIn .6s cubic-bezier(.22,1,.36,1) forwards 1.15s; }
.ko-diagram.animate .ko-ing-b{ animation:koLineIn .6s cubic-bezier(.22,1,.36,1) forwards 1.45s; }

@keyframes koLineIn{
  from{ opacity:0; transform:translateX(-12px); }
  to{ opacity:1; transform:translateX(0); }
}
.ko-ing-m.ko-diagram.animate{transform:translateY(-50%)}

/* Anchor dot */
.ko-dot{
  flex-shrink:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#c8322a;
  box-shadow:0 0 8px rgba(200,50,42,0.7);
  margin-left:38%;
}

/* Dashed segment */
.ko-dash{
  width:8%;
  height:0;
  border-top:1.5px dashed rgba(200,50,42,0.65);
  flex-shrink:0;
}

/* Solid segment */
.ko-solid{
  width:10%;
  height:1.5px;
  background:rgba(200,50,42,0.65);
  flex-shrink:0;
}

/* Label */
.ko-label{
  padding-left:14px;
  flex:1;
}
.ko-name{
  display:block;
  font-size:clamp(10px,1.2vw,13px);
  font-weight:700;
  color:rgba(245,244,240,0.92);
  letter-spacing:.14em;
  text-transform:uppercase;
  line-height:1.2;
}
.ko-sub{
  display:block;
  font-size:clamp(9px,1vw,11px);
  font-weight:300;
  color:#ffffff;
  margin-top:3px;
  letter-spacing:.04em;
}

/* Bottom product label */
.ko-product-label{
  position:absolute;
  top:20px;
  left:50%;
  transform:translateX(-50%);
  font-size:clamp(8px,.9vw,10px);
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(245,244,240);
  white-space:nowrap;
  z-index:3;
}
.all_section { display: block; }
.all_section_mobile { display: block; }
.tx-mob-top1{
      display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}
.all_section_mobile .tx-card{
  width: 100%;
}
.all_section .tx-desktop-bottom .tx-card{
  width: 100%;
}

/* ── MOBILE ── */
@media(max-width:768px){
  .ko-diagram{
    aspect-ratio:auto;
    min-height: 480px;
        height: 480px;
  }
  .ko-dot{ margin-left:34%; }
  .ko-dash{ width:6%; }
  .ko-solid{ width:8%; }
  .ko-pill{
    left:20%;
    height:60%;
  }
  .ko-ing-t{ top:20%; }
  .ko-ing-b{ top:78%; }
  .ko-name{ letter-spacing:.08em; }
}

.footer-col h4{
    color: #ffffff!important;
}
.footer-tagline{
    color: #ffffff!important;
}
.footer-contact a{
    color: #ffffff!important;
}
.tx-card{
  width: 33.33%;
}
.header_text{
  text-align: center;
}
.header_text p{
  margin: 14px auto 0 auto;
}
.header_text h2 br{
  display: none;
}
.all_section a {
    width: 100%;
}
@media(max-width:1452px){
.hero-desktop{
      min-height: 340px;
}
}
@media(max-width:1024px){
.viagra_img, .cialis_img{
  width: 32% !important;

}
.header_text{
  text-align: left;
}
.header_text p {
        margin: 0;
    }
.header_text h2 br{
  display: block;
}
.full-w{
  width: 100%;
  height: auto !important;
}
}
@media(max-width:767px){
 .tx-filter{
      padding: 7px 13.4px;
      font-size: 12px;
 }
 .tx-tag{
  padding: 3px 5px;
 }
.review-card{
      width: 480px;
}
}
@media(max-width:500px){
  .review-card{
      width: 320px;
}
}
@media(max-width:400px){
   .tx-filter{
      padding: 7px 12px;
      font-size: 12px;
 }
}

@media(max-width:389px){
    .tx-filter {
        padding: 7px 10px;
      }
}

.home-trustpilot .trustpilot-widget {
    pointer-events: none;
    cursor: none;
}
.trustpilot-mobile {
  display: none;
}
.trustpilot-desktop {
  display: block;
}
.trustpilot-widget {
    padding: 20px 0 10px;
}
#section_1 {
    margin-bottom: 30px;
}
#section_1.section_2 iframe{
width: 420px !important;
}
#section_1.section_2{
         /* margin-bottom: 5px;
    margin-top: 33px; */
 margin-bottom: 0px;
    /* margin-top: 33px; */
}
@media screen and (max-width: 1200px) {
    .trustpilot-mobile iframe {
        transform: scale(0.85);
        transform-origin: left center;
        width: 120% !important;
        height: 40px !important;
    }
}
@media screen and (max-width: 1024px) {
    .section_2 .trustpilot-mobile {
        display: block !important;
    }
     .section_2 .trustpilot-widget {
    /* padding: 0px 0 0px; */
    padding: 0px 0 0px;
}
}
@media screen and (max-width: 991px) {
    .trustpilot-mobile iframe {
        transform: scale(0.63);
        width: 159% !important;
    }
}
@media screen and (max-width: 767px) {
        .trustpilot-mobile iframe {
        transform: scale(0.92);
        transform-origin: left center;
        width: 108% !important;
        height: 30px !important;
    }
        .trustpilot-mobile {
        display: block !important;
    }
        .trustpilot-desktop {
        display: none !important;
    }
   
}
@media screen and (max-width: 427px) {
       .trustpilot-mobile iframe {
        transform: scale(0.84);
        width: 120% !important;
    }
}
@media screen and (max-width: 389px) {
    .trustpilot-mobile iframe {
        transform: scale(0.75);
        width: 133% !important;
    }
}

.slick-dots li button:before{
  font-size: 14px !important;
  color: #bcbcbc !important;
}

.slick-dots li.slick-active button:before {
    color: #ffffff !important;
}
.slick-dots{
      bottom: -62px !important;
}
.slick-slide{
  margin: 0 6px !important;
}
.review-card{
  min-height: 290px;
}


.reviews-scroll-wrap .slick-prev, .reviews-scroll-wrap .slick-next{
    background: linear-gradient(90deg, rgb(220 220 220 / 10%) 0%, rgba(255, 252, 249, .1) 100%);
    backdrop-filter: blur(4px);
        width: 60px;
    height: 60px;
    border-radius: 3.40282e+38px;
    z-index: 99;
}

.slick-next {
    right: -25px;
}

.reviews-scroll-wrap .slick-prev:before{
    background-image: url(../../images/home_ev2/prev-arrow.png);
         background-size: cover;
    width: 24px;
    position: absolute;
    text-indent: -99999px;
    height: 38px;
    top: 12px;
    left: 15px;
}
.reviews-scroll-wrap .slick-next:before{
    background-image: url(../../images/home_ev2/next-arrow.png);
    background-size: cover;
        width: 24px;
    position: absolute;
    text-indent: -99999px;
     height: 38px;
    top: 12px;
    right: 15px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
     background: linear-gradient(90deg, rgb(220 220 220 / 10%) 0%, rgba(255, 252, 249, .1) 100%) !important;
}
button.close {
    padding: 0px 8px;
}
@media screen and (max-width: 1100px) {
.reviews-scroll-wrap .slick-prev {
    left: -8px;
  }
  .reviews-scroll-wrap .slick-next{
    right: -8px;
  }
}
@media screen and (max-width: 767px) {
    .reviews-scroll-wrap .slick-prev, .reviews-scroll-wrap .slick-next {
        width: 36px;
        height: 36px;
    }
        .reviews-scroll-wrap .slick-prev:before {
        height: 23px;
        top: 7px;
        left: 10px;
        width: 14px;
    }
    .reviews-scroll-wrap .slick-next:before {
        height: 23px;
        top: 7px;
        right: 10px;
        width: 14px;
    }
    
}


@media screen and (max-width: 1400px) {
.review-card {
    min-height: 363px;
}
}
@media screen and (max-width: 1024px) {
.review-card {
    min-height: 338px;
}
}
@media screen and (max-width: 767px) {
.review-card {
    min-height: 338px;
}
.consult-card{
  padding: 20px 15px;
}
.menu-drawer{
  padding-bottom: 100px;
}
.c-stat-label{
  font-size: 9px;
}
.consult-stat-bar{
      padding: 10px 10px;
}
}

@media screen and (max-width: 389px) {
.review-card {
    min-height: 362px;
}
    .consult-stat-bar {
        padding: 10px 6px;
    }
.c-stat{
      padding: 12px 4px;
}
}
@media screen and (max-width: 374px) {
.review-text{
    font-size: 13.8px;
}
.nav-logo{
  height: 23px;
}
.nav-cta{
      padding: 8px 12px;
      font-size: 12px;
}
}

/* ── 4K / ULTRA-WIDE SCREEN FIX ── */
@media(min-width: 1800px) {
  .treatments-section,
  .featured-rows,
  .consult-section,
  .product-section,
  .reviews-section,
  .faq-section{
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-desktop, .nav-main {
    max-width: 1800px;
    margin: 0 auto;
}
  .footer-top,
  .footer-mid,
  .footer-bottom {
    max-width: 1704px;
    margin-left: auto;
    margin-right: auto;
  }
  .tx-desktop-grid {
    grid-template-rows: 460px 330px;
  }
  .tx-desktop-bottom .tx-card {
    min-height: 300px;
  }
}

@media(min-width: 2560px) {
  .treatments-section,
  .featured-rows,
  .consult-section,
  .product-section,
  .reviews-section,
  .faq-section{
    max-width: 2400px;
  }
  .hero-desktop, .nav-main {
    max-width: 2400px;
    margin: 0 auto;
}
  .footer-top,
  .footer-mid,
  .footer-bottom {
    max-width: 2304px;
  }
  .tx-desktop-grid {
    grid-template-rows: 600px 440px;
  }
  .tx-desktop-bottom .tx-card {
    min-height: 380px;
  }
}

@media(min-width: 3200px) {
  .tx-desktop-grid {
    grid-template-rows: 760px 560px;
  }
  .tx-desktop-bottom .tx-card {
    min-height: 480px;
  }
}

#new_footer{
  font-family: "Montserrat", sans-serif;
}
#new_footer p, #new_footer .copyright_links li a {
    color: #ffffff;
    margin-bottom: 0;
    font-size: 12px !important;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0px;
}
/* #new_footer .mhgh {
    margin-bottom: 20px;
} */
#new_footer .copyright_links li a, #new_footer .copyright_links {
    list-style: none;
    margin: 0;
    padding: 0;
}
#new_footer .copyright_links li a, #new_footer .copyright_links {
    margin-bottom: 20px;
}
#new_footer .copyright_links li {
    display: inline-block;
}
#new_footer .copyright_links a{
  text-decoration: none;
}
#new_footer .copyright_links li span {
    color: #ffffff;
    padding: 0 5px;
}