/* ePharmacy home banners (backend HTML: deploy/banners/hero-slider.html, wow-wednesday.html).
   Ported from the redesign homepage (assets/css/pages/home.css) and scoped to .ep-home.
   Markup avoids <svg>, <style>, <script> and empty tags so the admin rich-text editor keeps it;
   slider controls are added by frame.js (initHeroSlider). */
:where(.ep-home), :where(.ep-home) *{box-sizing:border-box}
.ep-home{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;margin:16px 0 28px}
:where(.ep-home) h1, :where(.ep-home) h2, :where(.ep-home) h3, :where(.ep-home) h4, :where(.ep-home) p, :where(.ep-home) ol, :where(.ep-home) ul{margin:0;padding:0}
:where(.ep-home) a, :where(.ep-home) a:hover{color:inherit;text-decoration:none}
:where(.ep-home) button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.ep-home h1, .ep-home h2, .ep-home h3, .ep-home h4{font-family:inherit;color:inherit}
.ep-home .hero{padding-top:0}
.ep-home .hbtn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:14px;font-weight:700;font-size:15px;transition:.2s;text-decoration:none}
.ep-home .hbtn-primary{background:#fff;color:var(--navy) !important}
.ep-home .hbtn-primary:hover{transform:translateY(-2px)}
.ep-home .hbtn-ghost{border:1.5px solid rgba(255,255,255,.35);color:#fff !important;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.ep-home .hbtn-ghost:hover{background:rgba(255,255,255,.16)}
.ep-home .hbtn-ic{font-size:17px;line-height:1}
@keyframes bob{50%{transform:translateY(-10px)}}
.ep-home .hero-stats{display:flex;gap:36px;margin:40px 0 44px}
.ep-home .hero-stats b{display:block;font-size:26px;letter-spacing:-.02em}
.ep-home .hero-stats span{font-size:13px;color:#a9bccf}
.ep-home .hero-art{position:relative;align-self:end;height:100%;min-height:380px}
@media (max-width:1199.98px){
  .ep-home .hero-art{display:none}
}
@media (max-width:767.98px){
  .ep-home .hero-stats{gap:22px}
}
.ep-home .hero-art{will-change:transform}
.ep-home .hero-art{margin-bottom:-70px}
@media (max-width:1199.98px){
  .ep-home .hero-art{margin-bottom:0}
}
.ep-home .hero{padding:28px 0 0}
.ep-home .hero-card{position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(1200px 500px at 85% -10%,#1fbf74 0%,transparent 55%),linear-gradient(120deg,var(--navy) 0%,#0e3a5c 55%,#0b6b48 100%);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:56px 56px 0;min-height:440px}
.ep-home .hero-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;mask:linear-gradient(90deg,transparent,#000 70%);pointer-events:none}
.ep-home .eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:6px 14px;border-radius:99px;font-size:13px;font-weight:600}
.ep-home .hero h1{font-size:52px;line-height:1.06;letter-spacing:-.035em;font-weight:800;margin:20px 0 16px;max-width:560px}
.ep-home .hero h1 em{font-style:normal;color:#5cf0a5}
.ep-home .hero p.lead{font-size:17px;color:#c9d6e4;max-width:480px}
.ep-home .hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.ep-home .phone{position:absolute;right:40px;bottom:-40px;width:270px;height:420px;background:#fff;border-radius:34px;box-shadow:0 30px 60px rgba(0,0,0,.35);padding:14px;color:var(--ink)}
.ep-home .phone-in{background:var(--bg);border-radius:24px;height:100%;padding:18px 14px;overflow:hidden}
.ep-home .ph-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}
.ep-home .ph-track{background:#fff;border-radius:16px;padding:14px;margin-top:14px;box-shadow:var(--shadow)}
.ep-home .ph-track h4{font-size:13px}
.ep-home .ph-track p{font-size:11.5px;color:var(--muted)}
.ep-home .steps{display:flex;gap:4px;margin:12px 0 6px}
.ep-home .steps i{flex:1;height:5px;border-radius:9px;background:var(--line)}
.ep-home .steps i.on{background:var(--brand)}
.ep-home .ph-item{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:10px;margin-top:10px;font-size:12px}
.ep-home .ph-item .th{width:38px;height:38px;border-radius:10px;flex-shrink:0}
.ep-home .ph-item b{display:block;font-size:12px}
.ep-home .ph-item span{color:var(--muted);font-size:11px}
.ep-home .float{position:absolute;background:#fff;color:var(--ink);border-radius:16px;padding:12px 16px;box-shadow:0 18px 40px rgba(0,0,0,.25);display:flex;gap:12px;align-items:center;font-size:13px}
.ep-home .float b{display:block;font-size:15px}
.ep-home .float small{color:var(--muted)}
.ep-home .float .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}
.ep-home .f1{left:0;top:70px;animation:bob 5s ease-in-out infinite}
.ep-home .f2{right:0;top:10px;animation:bob 6s ease-in-out infinite reverse}
.ep-home .hero-dots{position:absolute;left:56px;bottom:20px;display:flex;gap:6px}
.ep-home .hero-dots-legacy i{width:8px;height:8px;border-radius:9px;background:rgba(255,255,255,.35)}
.ep-home .hero-dots-legacy i.on{width:28px;background:#fff}
.ep-home .offers{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:16px}
.ep-home .offer-hero{border-radius:var(--radius);padding:28px;background:linear-gradient(135deg,#ffefe2,#ffd9bd);position:relative;overflow:hidden}
.ep-home .offer-hero h3{font-size:30px;letter-spacing:-.03em;line-height:1.05;color:#9a3a00}
.ep-home .offer-hero p{color:#9a5a2c;font-size:14px;margin:8px 0 18px}
.ep-home .offer-hero .chip{background:#9a3a00;color:#fff;padding:7px 14px;border-radius:99px;font-size:12.5px;font-weight:700}
.ep-home .offer-hero .big{position:absolute;right:-10px;bottom:-30px;font-size:120px;font-weight:800;color:rgba(154,58,0,.08);letter-spacing:-.05em}
.ep-home .coupon{background:#fff;border-radius:var(--radius);border:1.5px dashed #cfe9da;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.ep-home .coupon:before, .ep-home .coupon:after{content:"";position:absolute;width:18px;height:18px;background:var(--bg);border-radius:50%;top:58%;}
.ep-home .coupon:before{left:-10px}
.ep-home .coupon:after{right:-10px}
.ep-home .coupon small{color:var(--muted);font-weight:600;font-size:12px}
.ep-home .coupon .amt{font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--brand-600)}
.ep-home .coupon .amt span{font-size:16px}
.ep-home .coupon .min{font-size:12.5px;color:var(--muted)}
.ep-home .coupon .cp-copy{margin-top:14px;border:1.5px solid var(--brand);color:var(--brand-600);border-radius:10px;padding:9px;font-weight:700;font-size:13px}
.ep-home .coupon .cp-copy:hover{background:var(--brand);color:#fff}
@media (max-width:1199.98px){
  .ep-home .hero-card{grid-template-columns:1fr;padding:40px 32px 0}
  .ep-home .offers{grid-template-columns:1fr 1fr}
}
@media (max-width:767.98px){
  .ep-home .hero-card{padding:32px 22px 0;border-radius:22px}
  .ep-home .hero h1{font-size:36px}
  .ep-home .hero-dots{left:22px}
  .ep-home .offers{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .ep-home .f1, .ep-home .f2{animation:none}
}
.ep-home .float{background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box; border:1px solid transparent; -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur); box-shadow:var(--glass-shadow);}
.ep-home .float{isolation:isolate}
.ep-home .eyebrow{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.ep-home .float{--glass-fill:rgba(255,255,255,.22);color:#fff;border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 40px rgba(0,0,0,.25)}
.ep-home .float small{color:rgba(255,255,255,.75)}
.ep-home .float .ic{background:rgba(255,255,255,.9)!important}
.ep-home .hero-card{padding-bottom:70px}
.ep-home .hero-dots{bottom:90px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ep-home .float{--glass-fill:rgba(11,37,69,.85)}
}
@media (prefers-reduced-transparency:reduce){
  .ep-home .float{--glass-fill:rgba(11,37,69,.92)}
}
@media (max-width:767.98px){
  .ep-home .hero-card{padding-bottom:64px}
  .ep-home .hero-dots{bottom:80px}
}
.ep-home .coupon{--glass-fill:rgba(255,255,255,.46); background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box; border:1px solid transparent; -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur); box-shadow:var(--glass-shadow);}
.ep-home .coupon{border:1.5px dashed rgba(15,157,88,.35);background:rgba(255,255,255,.5)}
.ep-home .coupon:before, .ep-home .coupon:after{display:none}
@media (prefers-reduced-transparency:reduce){
  .ep-home .coupon{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}
.ep-home .hero-card{display:grid!important;grid-template-columns:1fr!important;padding:0!important;gap:0!important;background:#0b2545}
.ep-home .hero-card:before{display:none}
.ep-home .slide{grid-area:1/1;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:56px 56px 104px;background:var(--sbg);opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
.ep-home .slide::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;mask:linear-gradient(90deg,transparent,#000 70%);pointer-events:none}
.ep-home .slide.on{opacity:1;visibility:visible;z-index:1}
.ep-home .slide>div:first-child{position:relative;z-index:1}
.ep-home .slide .hero-art{margin-bottom:-104px}
.ep-home .slide .hero-art.art-center{align-self:center;margin-bottom:0;min-height:340px;display:grid;place-items:center}
.ep-home .hero .slide h2{font-size:52px;line-height:1.06;letter-spacing:-.035em;font-weight:800;margin:20px 0 16px;max-width:560px}
.ep-home .hero .slide h2 em{font-style:normal;color:#5cf0a5}
.ep-home .hero .slide h2 em.warm{color:#ffe0b8}
.ep-home .hero .slide h2 em.rose{color:#ffd1e6}
.ep-home .slide>div:first-child>*{opacity:0;translate:0 18px;transition:opacity .6s,translate .6s cubic-bezier(.2,.7,.2,1)}
.ep-home .slide.on>div:first-child>*{opacity:1;translate:0 0}
.ep-home .slide.on>div:first-child>*:nth-child(2){transition-delay:.08s}
.ep-home .slide.on>div:first-child>*:nth-child(3){transition-delay:.16s}
.ep-home .slide.on>div:first-child>*:nth-child(4){transition-delay:.24s}
.ep-home .slide.on>div:first-child>*:nth-child(5){transition-delay:.32s}
.ep-home .slide .hero-art{opacity:0;translate:30px 0;transition:opacity .8s .15s,translate .8s .15s cubic-bezier(.2,.7,.2,1)}
.ep-home .slide.on .hero-art{opacity:1;translate:0 0}
.ep-home .hero-ctrl{grid-area:1/1;align-self:end;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:0 56px 82px;pointer-events:none}
.ep-home .hero-ctrl>*{pointer-events:auto}
.ep-home .hero-card .hero-dots{position:static;display:flex;gap:6px}
.ep-home .hero-dots button{width:10px;height:10px;border-radius:9px;background:rgba(255,255,255,.35);overflow:hidden;padding:0;transition:width .4s}
.ep-home .hero-dots button.on{width:44px}
.ep-home .hero-dots button i{display:block;height:100%;width:0;background:#fff;border-radius:9px}
.ep-home .hero-dots button.on i{width:100%;transition:width var(--dur,6s) linear}
.ep-home .hero-card.paused .hero-dots button.on i{transition:none}
.ep-home .hero-btns{display:flex;gap:8px}
.ep-home .hb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(11,37,69,.38);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px rgba(0,0,0,.18);transition:background .2s}
.ep-home .hb:hover{background:rgba(11,37,69,.6)}
.ep-home .hb .i-play{display:none}
.ep-home .hero-card.paused .hb .i-play{display:block}
.ep-home .hero-card.paused .hb .i-pause{display:none}
.ep-home .rx-card{width:320px;padding:20px;border-radius:24px;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 24px 50px rgba(0,0,0,.25)}
.ep-home .rx-head{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.25)}
.ep-home .rx-head b{display:block;font-size:14px}
.ep-home .rx-head small{font-size:12px;opacity:.75}
.ep-home .rx-badge{width:44px;height:44px;border-radius:12px;background:#fff;color:#c2410c;display:grid;place-items:center;font-weight:800;font-size:18px}
.ep-home .rx-ok{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#22c55e;display:grid;place-items:center;font-weight:800}
.ep-home .rx-steps{list-style:none;display:grid;gap:12px;margin-top:16px}
.ep-home .rx-steps li{display:flex;gap:12px;align-items:center;opacity:.65}
.ep-home .rx-steps li.done{opacity:1}
.ep-home .rx-steps i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;border:1.5px solid rgba(255,255,255,.6)}
.ep-home .rx-steps li.done i{background:#fff;color:#c2410c;border-color:#fff}
.ep-home .rx-steps b{display:block;font-size:14px}
.ep-home .rx-steps small{font-size:12px;opacity:.8}
.ep-home .cp-stack{position:relative;width:320px;height:280px}
.ep-home .cp{position:absolute;left:50%;top:50%;width:230px;padding:20px 22px;border-radius:22px;color:#fff;transform:translate(-50%,-50%);background:rgba(255,255,255,.16);border:1.5px dashed rgba(255,255,255,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 18px 40px rgba(0,0,0,.2)}
.ep-home .cp small{font-size:11px;font-weight:700;letter-spacing:.12em;opacity:.85}
.ep-home .cp b{display:block;font-size:34px;letter-spacing:-.03em;margin-top:4px}
.ep-home .cp b span{font-size:16px;opacity:.85}
.ep-home .cp.big{background:#fff;color:#0b7a47;border-style:solid;border-color:#fff}
.ep-home .kb-grid{display:flex;gap:14px;align-items:center}
.ep-home .kb{width:150px;padding:12px;border-radius:22px;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 20px 40px rgba(0,0,0,.22);animation:bob 6s ease-in-out infinite;animation-delay:var(--d)}
.ep-home .kb.up{margin-top:-50px}
.ep-home .kb img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:14px;margin-bottom:10px}
.ep-home .kb b{display:block;font-size:13px}
.ep-home .kb span{font-size:12.5px;opacity:.85}
@media (max-width:1199.98px){
  .ep-home .slide{grid-template-columns:1fr;padding:40px 32px 100px}
  .ep-home .slide .hero-art.art-center{display:none}
  .ep-home .hero-ctrl{padding:0 32px 78px}
}
@media (max-width:767.98px){
  .ep-home .slide{padding:32px 22px 96px}
  .ep-home .hero .slide h2{font-size:34px}
  .ep-home .hero-ctrl{padding:0 22px 72px}
  .ep-home .hero-btns .hb[data-go]{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ep-home .slide, .ep-home .slide>div:first-child>*, .ep-home .slide .hero-art{transition:none}
  .ep-home .kb{animation:none}
}
.ep-home .slide{padding:58px 48px 128px}
.ep-home .hero h1, .ep-home .hero .slide h2{font-size:42px;margin:14px 0 10px}
.ep-home .hero p.lead{font-size:15.5px}
.ep-home .hero-cta{margin-top:20px}
.ep-home .hero-cta .hbtn{padding:13px 20px}
.ep-home .hero-stats{margin:22px 0 0;gap:30px}
.ep-home .hero-stats b{font-size:22px}
.ep-home .slide .hero-art{min-height:320px;margin-bottom:-128px}
.ep-home .phone{transform:scale(.8);transform-origin:bottom right;right:30px}
.ep-home .f1{top:40px}
.ep-home .f2{top:0}
.ep-home .slide .hero-art.art-center{min-height:260px}
.ep-home .rx-card{transform:scale(.88)}
.ep-home .cp-stack{transform:scale(.85)}
.ep-home .kb{width:124px}
.ep-home .hero-ctrl{padding-bottom:64px}
@media (max-width:1199.98px){
  .ep-home .slide{padding:30px 28px 128px}
  .ep-home .hero-ctrl{padding:0 28px 62px}
}
@media (max-width:767.98px){
  .ep-home .slide{padding:44px 20px 108px}
  .ep-home .hero h1, .ep-home .hero .slide h2{font-size:29px;margin:12px 0 8px}
  .ep-home .hero p.lead{font-size:15px}
  .ep-home .hero-cta{margin-top:16px;gap:8px}
  .ep-home .hero-cta .hbtn{padding:11px 16px;font-size:14px}
  .ep-home .hero-stats{margin-top:22px;gap:18px}
  .ep-home .hero-stats b{font-size:19px}
  .ep-home .hero-stats span{font-size:11.5px}
  .ep-home .eyebrow{font-size:12px;padding:5px 12px}
  .ep-home .hero-ctrl{padding:0 20px 60px}
}
/* coupon stack + K-beauty tiles: fixed positions (the design used inline CSS variables) */
.ep-home .cp-stack .cp:nth-child(1){transform:translate(calc(-50% - 40px),calc(-50% + 30px)) rotate(-8deg)}
.ep-home .cp-stack .cp:nth-child(2){transform:translate(calc(-50% + 40px),calc(-50% - 10px)) rotate(5deg)}
.ep-home .cp-stack .cp:nth-child(3){transform:translate(-50%,calc(-50% - 60px)) rotate(-2deg)}
.ep-home .kb:nth-child(2){animation-delay:.4s}
.ep-home .kb:nth-child(3){animation-delay:.8s}
.ep-home .steps i, .ep-home .ph-item .th{font-size:0;line-height:0;color:transparent}

/* offers section head */
.ep-home .ep-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}
.ep-home .ep-kicker{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600)}
.ep-home .ep-sec-head h2{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.03em;margin-top:4px;color:var(--ink)}
.ep-home .offer-hero .hbtn{background:#9a3a00;color:#fff !important;padding:11px 18px;font-size:14px}
.ep-home .coupon .cp-code{display:block;margin-top:10px;font-weight:800;letter-spacing:.06em;color:var(--ink);user-select:all;-webkit-user-select:all}
.ep-home .coupon .cp-copy{display:block;text-align:center;background:transparent}

/* slider controls built by frame.js */
.ep-home .hero-dots button{border:0}
.ep-home .hb{font-size:18px;line-height:1;border:1px solid rgba(255,255,255,.35)}


/* quick-actions dock (overlaps the hero bottom) + trust strip */
.ep-home .quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:18px;margin-top:22px}
.ep-home .qa{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 8px;border-radius:16px;transition:.2s}
.ep-home .qa:hover{background:var(--bg);transform:translateY(-3px)}
.ep-home .qa .ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center}
.ep-home .qa b{font-size:14px}
.ep-home .qa small{font-size:12px;color:var(--muted);margin-top:-6px}
.ep-home .trust{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:22px}
.ep-home .trust div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:13.5px;font-weight:600}
.ep-home .trust .ic{width:36px;height:36px;border-radius:10px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center;flex-shrink:0}
.ep-home .trust small{display:block;font-weight:500;color:var(--muted);font-size:12px}
@media (max-width:1199.98px){
  .ep-home .quick-grid{grid-template-columns:repeat(3,1fr)}
  .ep-home .trust{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767.98px){
  .ep-home .quick-grid{grid-template-columns:repeat(3,1fr);padding:10px;gap:4px}
  .ep-home .qa small{display:none}
  .ep-home .trust{grid-template-columns:1fr 1fr}
}
.ep-home .quick-grid{background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box; border:1px solid transparent; -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur); box-shadow:var(--glass-shadow);}
.ep-home .quick-grid{position:relative}
.ep-home .quick-grid{isolation:isolate}
.ep-home .quick-grid::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1; background:radial-gradient(120% 80% at 0% 0%,rgba(255,255,255,.55),transparent 45%),radial-gradient(80% 60% at 100% 100%,rgba(255,255,255,.18),transparent 50%)}
.ep-home .quick-grid{--glass-fill:rgba(255,255,255,.66);margin:-56px 28px 0;z-index:2;border-radius:26px}
.ep-home .qa:hover{background:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(11,37,69,.08)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ep-home .quick-grid{--glass-fill:rgba(255,255,255,.96)}
}
@media (prefers-reduced-transparency:reduce){
  .ep-home .quick-grid{--glass-fill:#fff;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (max-width:1199.98px){
  .ep-home .quick-grid{margin:-48px 16px 0}
}
@media (max-width:767.98px){
  .ep-home .quick-grid{margin:-44px 10px 0;border-radius:22px}
}
.ep-home .trust div{--glass-fill:rgba(255,255,255,.46); background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box; border:1px solid transparent; -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur); box-shadow:var(--glass-shadow);}
.ep-home .trust .ic{background:rgba(255,255,255,.75)}
@media (prefers-reduced-transparency:reduce){
  .ep-home .trust div{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* icons drawn with CSS masks so the pasted HTML needs no <svg> (editors strip it) */
.ep-home .qa .ic::before{content:"";width:26px;height:26px;background:currentColor;-webkit-mask:var(--ep-ic) center/contain no-repeat;mask:var(--ep-ic) center/contain no-repeat}
.ep-home .ic-rx{--ep-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H6a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V9z%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6M9%2014h6M12%2011v6%22%2F%3E%3C%2Fsvg%3E")}
.ep-home .ic-pill{--ep-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%228%22%20rx%3D%224%22%20transform%3D%22rotate%28-45%2012%2012%29%22%2F%3E%3Cpath%20d%3D%22m8.5%208.5%207%207%22%2F%3E%3C%2Fsvg%3E")}
.ep-home .ic-lab{--ep-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6M10%203v6L5%2019a1.5%201.5%200%200%200%201.3%202h11.4a1.5%201.5%200%200%200%201.3-2L14%209V3%22%2F%3E%3Cpath%20d%3D%22M7.5%2015h9%22%2F%3E%3C%2Fsvg%3E")}
.ep-home .ic-reorder{--ep-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-3-6.7L21%208%22%2F%3E%3Cpath%20d%3D%22M21%203v5h-5%22%2F%3E%3C%2Fsvg%3E")}
.ep-home .ic-truck{--ep-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%206h13v10H1zM14%2010h4l3%203v3h-7%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.ep-home .ic-chat{--ep-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22%2F%3E%3C%2Fsvg%3E")}
.ep-home .ic-rx{background:var(--accent-50);color:var(--accent)}
.ep-home .ic-pill{background:var(--brand-50);color:var(--brand)}
.ep-home .ic-lab{background:#e0f2fe;color:#0284c7}
.ep-home .ic-reorder{background:#f3e8ff;color:#7c3aed}
.ep-home .ic-truck{background:#fef3c7;color:#d97706}
.ep-home .ic-chat{background:#ffe4e6;color:#e11d48}
.ep-home .qa{color:var(--ink) !important;text-decoration:none !important}
.ep-home .trust .ic{font-weight:800}
.ep-home .qa .ic{font-size:0;line-height:0}

/* One hero slide pasted into a Widgets.Slider (Bootstrap) slide: deploy/banners/slide-*.html.
   The plugin wraps it in .carousel-caption (absolute, centred, hidden on phones), so undo that. */
#GrandCarousel{border-radius:28px;overflow:hidden}
#GrandCarousel .carousel-item .carousel-caption:has(.ep-home){position:static !important;inset:auto;padding:0 !important;margin:0;width:100%;text-align:left;color:inherit;background:transparent !important;display:block !important}
/* common.css styles every caption link as a white pill; give our buttons back their own look */
#GrandCarousel .carousel-item .carousel-caption .ep-home a{background-color:transparent;color:inherit;padding:0;border-radius:0;margin:0;display:revert}
#GrandCarousel .carousel-item .carousel-caption .ep-home .hbtn{display:inline-flex;padding:13px 20px;border-radius:14px}
#GrandCarousel .carousel-item .carousel-caption .ep-home .hbtn-primary{background:#fff;color:var(--navy) !important}
#GrandCarousel .carousel-item .carousel-caption .ep-home .hbtn-ghost{background:rgba(255,255,255,.08);color:#fff !important}
#GrandCarousel .carousel-item .carousel-caption .ep-home .kb{display:block;padding:12px;border-radius:22px;background:rgba(255,255,255,.16);color:#fff}
#GrandCarousel .carousel-item .carousel-caption .ep-home p{margin-bottom:0}
#GrandCarousel .carousel-item:has(.ep-home){background:none !important}
.ep-single{margin:0}
.ep-single .hero{padding:0}
.ep-single .hero-card{border-radius:0}
#GrandCarousel .carousel-indicators{bottom:18px;margin-bottom:0;gap:6px;z-index:5}
#GrandCarousel .carousel-indicators li{width:10px;height:10px;margin:0;border:0;border-radius:9px;background:#fff;opacity:.45;transition:width .4s,opacity .4s}
#GrandCarousel .carousel-indicators li.active{width:32px;opacity:1}
#GrandCarousel .carousel-control-prev, #GrandCarousel .carousel-control-next{top:auto;bottom:10px;opacity:1 !important;width:40px;height:40px;border-radius:50%;opacity:1;z-index:5;background:rgba(11,37,69,.38);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#GrandCarousel .carousel-control-prev{left:auto;right:62px}
#GrandCarousel .carousel-control-next{right:16px}
#GrandCarousel .carousel-control-prev-icon, #GrandCarousel .carousel-control-next-icon{width:14px;height:14px;-webkit-filter:none;filter:none}
@media (max-width:767.98px){
  #GrandCarousel{border-radius:22px}
  #GrandCarousel .carousel-control-prev, #GrandCarousel .carousel-control-next{display:none}
}

/* Bootstrap slider driven by frame.js startCarousel: design controls instead of Bootstrap's */
#GrandCarousel.ep-hero-carousel{overflow:visible;border-radius:28px}
#GrandCarousel.ep-hero-carousel .carousel-inner{border-radius:28px;overflow:hidden}
#GrandCarousel.ep-hero-carousel > .carousel-indicators, #GrandCarousel.ep-hero-carousel > .carousel-control-prev, #GrandCarousel.ep-hero-carousel > .carousel-control-next{display:none !important}
#GrandCarousel.ep-hero-carousel .carousel-item.active{animation:ep-fade .6s ease}
#GrandCarousel .ep-hc-ctrl{position:absolute;left:0;right:0;bottom:0;z-index:6;margin:0;display:flex;justify-content:space-between;align-items:center;padding:0 48px 64px;pointer-events:none;font-family:inherit}
#GrandCarousel .ep-hc-ctrl > *{pointer-events:auto}
#GrandCarousel .ep-hc-ctrl .hero-dots{position:static;display:flex;gap:6px}
#GrandCarousel .ep-hc-ctrl .hb .i-play{display:none}
#GrandCarousel.paused .ep-hc-ctrl .hb .i-play{display:inline}
#GrandCarousel.paused .ep-hc-ctrl .hb .i-pause{display:none}
#GrandCarousel.paused .ep-hc-ctrl .hero-dots button.on i{transition:none}
#GrandCarousel .ep-hc-ctrl .hb{font-size:16px;line-height:1}
/* quick-actions dock moved under the slider by frame.js: overlaps its bottom */
.ep-dock-overlap{margin:0 0 8px}
.ep-dock-overlap .quick-grid{position:relative;z-index:7}
/* plugin's "Trending products" column renders empty for this theme: hide it until it has products */
.home-page #col-right:not(:has(img)){display:none}
@media (max-width:1199.98px){
  #GrandCarousel .ep-hc-ctrl{padding:0 28px 62px}
}
@media (max-width:767.98px){
  #GrandCarousel .ep-hc-ctrl{padding:0 20px 60px}
  #GrandCarousel .ep-hc-ctrl .hb[data-go]{display:none}
  #GrandCarousel.ep-hero-carousel, #GrandCarousel.ep-hero-carousel .carousel-inner{border-radius:22px}
}
/* topics rendered on the home page (Views/Home/Index.cshtml TopicBlock): drop the topic title and padding */
.generalMarginSupporter:has(> .topic-block-body .ep-home) > .generalTitle{display:none}
.generalMarginSupporter:has(> .topic-block-body .ep-home), .topic-block-body:has(.ep-home){margin:0 !important;padding:0 !important}

/* ---------- home sections rendered by the Widgets.Slider / NewProducts plugins (SALE, category rows,
   Featured Brands, New Products): restyled to the design's section heads, product cards and rails ---------- */
.home-page{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
.home-page > .bg-white, .home-page > div > .bg-white{background:transparent !important;padding-top:28px !important;padding-bottom:8px !important}
.home-page > p{display:none}
.home-page .section__title, #mainHeader .general__title, .home-page .general__title{text-align:left !important;text-transform:none !important;color:var(--ink) !important;font-size:clamp(22px,2.6vw,30px) !important;font-weight:800 !important;letter-spacing:-.03em;margin:0 0 16px !important;padding:0;border:0}
.home-page .section__title::before, .home-page .section__title::after, #mainHeader .general__title::before, .home-page .general__title::before, #mainHeader .general__title::after, .home-page .general__title::after{display:none !important}
.home-page .section__title > span, #mainHeader .general__title > span, .home-page .general__title > span{background:transparent !important;padding:0 !important;color:var(--ink) !important}
.home-page .section__title:has(+ .featuredBrand-list) > span::before{content:"Trusted brands"}
.home-page .section__title > span::before{content:"Shop by category";display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);margin-bottom:2px}
.home-page .general__title > span::before{content:"Just arrived";display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);margin-bottom:2px}
#mainHeader .general__title img, .home-page .general__title img, .home-page .section__title img{display:none}
.home-page .row > .col-lg-10:only-child{flex:0 0 100%;max-width:100%}

/* rails */
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-track{display:flex !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-slide{height:auto !important;padding:4px 8px 14px}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-slide > div{height:100%}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-list{margin:0 -8px;padding:4px 0}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-arrow{z-index:3;top:42% !important;bottom:auto !important;transform:translateY(-50%) !important;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.85) !important;border:1px solid rgba(255,255,255,.95);box-shadow:0 6px 18px rgba(11,37,69,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:0;color:var(--ink)}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-arrow::before{font-family:inherit !important;font-size:22px;line-height:40px;color:var(--ink) !important;opacity:1 !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-prev::before{content:"\2039"}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-next::before{content:"\203A"}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-prev{left:-12px}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-next{right:-12px}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-arrow:hover{background:#fff !important}

/* plugin product cards -> design card */
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-slide .card, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card.slick-slide{position:relative;display:flex !important;flex-direction:column;height:100%;padding:12px;border:1px solid rgba(15,23,42,.07) !important;border-radius:18px !important;background:#fff !important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 18px rgba(30,50,80,.06);transition:transform .25s,box-shadow .25s;overflow:visible}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-slide .card:hover, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card.slick-slide:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 14px 32px rgba(30,50,80,.1)}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card--img{height:auto !important;flex:0 0 auto;position:relative;border-radius:14px;background:#f6f8fa;overflow:hidden;margin-bottom:12px}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card--img img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:8%;mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card:hover .card--img img{transform:scale(1.06)}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .ePoints{position:absolute;top:8px;right:8px;left:auto;bottom:auto;display:inline-flex;gap:3px;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:700;color:var(--brand-600) !important;background:rgba(255,255,255,.85) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(11,37,69,.08);writing-mode:horizontal-tb;transform:none;height:auto;width:auto}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent--bg{position:absolute;top:8px;left:8px;border-radius:8px !important;padding:3px 8px;font-size:11.5px;font-weight:700;background:#e11d48 !important;color:#fff !important;writing-mode:horizontal-tb;transform:none;height:auto;width:auto}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .contentBox, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body{padding:0 !important;display:flex;flex-direction:column;flex:1 0 auto;height:auto !important;background:transparent}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--info h3{font-size:14.5px !important;font-weight:600 !important;line-height:1.35;color:var(--ink) !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;margin:0 0 8px !important;text-transform:none}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card a:hover h3{color:var(--brand-600) !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .price, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .actual-price{font-size:17px !important;font-weight:800 !important;letter-spacing:-.02em;color:var(--ink) !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .old-price{font-size:12.5px !important;font-weight:500 !important;color:var(--muted) !important;text-decoration:line-through}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .ratings{display:none}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .contentWrapper{position:static !important;margin-top:auto;opacity:1 !important;transform:none !important;height:auto !important;visibility:visible !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--button{display:block !important;margin-top:10px;padding:0 !important;background:transparent !important;position:static !important;opacity:1 !important;transform:none !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--button .d-flex.justify-content-between{gap:8px;align-items:center}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .quickViewBtn{display:none !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .heartBtn{width:40px;height:40px;flex:0 0 40px;border-radius:12px !important;border:1px solid var(--line) !important;background:#fff !important;color:#64748b !important;display:grid;place-items:center;padding:0}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .heartBtn:hover{color:#e11d48 !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .cartBtn{flex:1;height:40px;border-radius:12px !important;border:0 !important;background:var(--brand-50) !important;color:var(--brand-600) !important;font-weight:700 !important;font-size:13.5px !important;padding:0 10px !important;width:auto !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .cartBtn:hover{background:var(--brand) !important;color:#fff !important}

/* featured brands */
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .featuredBrand-list a{height:96px;padding:14px;border:1px solid rgba(255,255,255,.95) !important;border-radius:18px !important;background:rgba(255,255,255,.75) !important;box-shadow:0 6px 18px rgba(30,50,80,.06);transition:transform .25s}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .featuredBrand-list a:hover{transform:translateY(-3px)}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .featuredBrand-list img{object-fit:contain;max-height:100%}

@media (max-width:767.98px){
  :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-arrow{display:none !important}
  :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-slide{padding:4px 5px 10px}
}

/* "New Products" block that _Root renders under the page (NewProducts plugin): drop the green pattern, design head */
.newArrival-section{background:transparent !important;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.newArrival-section::before, .newArrival-section::after{display:none !important}
.newArrival-section :is(h1,h2,h3).text-center, .newArrival-section .generalTitle{text-align:left !important;color:var(--ink) !important;font-size:clamp(22px,2.6vw,30px) !important;font-weight:800 !important;letter-spacing:-.03em;text-transform:none !important}
.newArrival-section img[src*="svg"]{display:none}

/* ---------- home topics: Brands in the spotlight (EpHomeBrands), Health concerns (EpHomeConcerns), FAQ (EpHomeFaq) ---------- */
.ep-home .sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
.ep-home .sec-head h2{font-size:32px;letter-spacing:-.03em;line-height:1.15}
.ep-home .sec-head p{color:var(--muted);margin-top:6px}
.ep-home .kicker{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-600)}
.ep-home .link{font-weight:700;color:var(--brand-600);font-size:14px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.ep-home .link:hover{gap:10px}
@media (max-width:767.98px){
  .ep-home .sec-head{flex-direction:column;align-items:flex-start}
  .ep-home .sec-head h2{font-size:26px}
}
.ep-home .arrows{display:flex;gap:8px;flex-shrink:0}
.ep-home .arrow{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--line);display:grid;place-items:center;background:#fff;transition:.2s}
.ep-home .arrow:hover{border-color:var(--deep);color:var(--deep)}
.ep-home .arrow:disabled{opacity:.35;cursor:default}
.ep-home .rail-bar{height:4px;background:var(--line);border-radius:9px;margin-top:auto;overflow:hidden}
.ep-home .rail-bar i{display:block;height:100%;background:var(--deep);border-radius:9px;width:40%;transition:transform .15s linear}
@media (max-width:767.98px){
  .ep-home .arrows{display:none}
}
.ep-home .arrow{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ep-home .concerns{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ep-home .cc{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px;border-radius:20px; --glass-fill:rgba(255,255,255,.5);background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box;border:1px solid transparent;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:transform .25s,--glass-fill .25s}
.ep-home .cc:hover{transform:translateY(-4px);--glass-fill:rgba(255,255,255,.75)}
.ep-home .cc .e{grid-row:1/3;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.ep-home .cc b{font-size:15.5px}
.ep-home .cc small{font-size:12.5px;color:var(--muted)}
@media (max-width:767.98px){
  .ep-home .concerns{grid-template-columns:1fr 1fr;gap:10px}
  .ep-home .cc{grid-template-columns:1fr;padding:14px;row-gap:6px}
  .ep-home .cc .e{grid-row:auto;width:44px;height:44px;font-size:20px}
}
@media (min-width:768px) and (max-width:1199.98px){
  .ep-home .concerns{grid-template-columns:repeat(2,1fr)}
}
.ep-home .faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}
.ep-home .faq-h{font-size:32px;letter-spacing:-.03em;line-height:1.15;margin-top:6px}
.ep-home .faq-p{color:var(--muted);margin-top:10px;max-width:340px}
.ep-home .faq-list{display:grid;gap:10px}
.ep-home .qa-item{border-radius:18px;--glass-fill:rgba(255,255,255,.55);background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box;border:1px solid transparent;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}
.ep-home .qa-q{cursor:pointer;user-select:none;padding:18px 20px;font-weight:700;font-size:15.5px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.ep-home .pm{width:26px;height:26px;border-radius:50%;background:var(--brand-50);position:relative;flex-shrink:0;transition:transform .3s}
.ep-home .pm::before, .ep-home .pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;background:var(--brand-600);border-radius:2px;translate:-50% -50%}
.ep-home .pm::after{rotate:90deg;transition:rotate .3s}
.ep-home .qa-item.open .pm::after{rotate:0deg}
.ep-home .qa-a p{margin:0;padding:0 20px 18px;color:#334155;font-size:14.5px}
.ep-home .ph2{border:1px dashed #f59e0b;color:#92400e;background:#fffbeb;padding:0 6px;border-radius:6px}
@media (max-width:767.98px){
  .ep-home .faq-wrap{grid-template-columns:1fr;gap:18px}
  .ep-home .faq-h{font-size:26px}
}
@media (min-width:768px) and (max-width:1199.98px){
  .ep-home .faq-wrap{grid-template-columns:1fr}
}
.ep-home .bd-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(200px,calc((100% - 5*16px)/6),260px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 10px;overscroll-behavior-x:contain}
.ep-home .bd-rail::-webkit-scrollbar{display:none}
.ep-home .bd{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;scroll-snap-align:start;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.06),0 10px 26px rgba(11,37,69,.10);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.ep-home .bd img{width:100%;aspect-ratio:280/340;height:auto;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ep-home .bd:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(11,37,69,.20)}
.ep-home .bd:hover img{transform:scale(1.05)}
.ep-home .bd::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.25);pointer-events:none}
.ep-home .bd-tag{position:absolute;top:12px;left:12px;font-size:11px;font-weight:800;letter-spacing:.02em;padding:5px 10px;border-radius:99px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px rgba(0,0,0,.15)}
.ep-home .bd-cap{position:relative;z-index:1;margin:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;color:var(--ink); background:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)) padding-box,linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.3)) border-box;border:1px solid transparent; -webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(11,37,69,.12)}
.ep-home .bd-cap b{display:block;font-size:14px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-home .bd-cap small{display:block;font-size:11.5px;color:var(--muted)}
.ep-home .bd-cap>span{min-width:0}
.ep-home .bd-cap i{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;background:var(--brand);color:#fff;transition:transform .3s}
.ep-home .bd:hover .bd-cap i{transform:translateX(3px)}
.ep-home .bd-bar{max-width:240px;margin:8px auto 0}
.ep-home .bd-bar i{background:var(--brand)}
@media (max-width:767.98px){
  .ep-home .bd-rail{grid-auto-columns:62%;gap:12px}
  .ep-home #brand-deals .arrows{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ep-home .bd, .ep-home .bd img, .ep-home .bd-cap{transition:none}
}
.ep-home{--deep:var(--brand)}
.ep-home[data-ep-rail], .ep-home:has(> .concerns), .ep-home:has(> .sec-head + .concerns), .ep-home:has(> .faq-wrap){margin-top:56px}
.ep-home .sec-head h2, .ep-home .faq-h{font-weight:800;color:var(--ink);margin:4px 0 0}
.ep-home .arrow{color:var(--ink) !important;font-size:22px;line-height:1;text-decoration:none !important}
.ep-home .arrow.is-off{opacity:.35;pointer-events:none}
.ep-home .rail-bar i{font-size:0;line-height:0;color:transparent}
.ep-home .t-new{background:rgba(15,157,88,.85)}
.ep-home .t-deal{background:rgba(255,138,61,.92)}
.ep-home .t-back{background:rgba(11,37,69,.82)}
.ep-home .bd-cap i{font-size:14px}
.ep-home .cc{color:var(--ink) !important;text-decoration:none !important}
.ep-home .cc-1 .e{background:#fee2e2}.ep-home .cc-1 b{color:#b91c1c}
.ep-home .cc-2 .e{background:#ffe4e6}.ep-home .cc-2 b{color:#be123c}
.ep-home .cc-3 .e{background:#fdf2f8}.ep-home .cc-3 b{color:#9d174d}
.ep-home .cc-4 .e{background:#f3e8ff}.ep-home .cc-4 b{color:#6b21a8}
.ep-home .cc-5 .e{background:#fff7ed}.ep-home .cc-5 b{color:#c2410c}
.ep-home .cc-6 .e{background:#fce7f3}.ep-home .cc-6 b{color:#a21caf}
.ep-home .cc-7 .e{background:#ecfeff}.ep-home .cc-7 b{color:#0e7490}
.ep-home .cc-8 .e{background:#e0f2fe}.ep-home .cc-8 b{color:#0369a1}
.ep-home .pm{font-size:0;line-height:0;color:transparent}
.ep-home .faq-list.ep-ready .qa-item:not(.open) .qa-a{display:none}
.ep-home .hbtn-navy{background:var(--navy);color:#fff !important;margin-top:18px}
.ep-home .hbtn-navy:hover{background:var(--navy-700)}

/* Widgets.Slider Vue layout (plugin view accepts VueThemeNew since 2026-10-07): #mainHeader holds the
   trending column + Bootstrap-Vue carousel, then #whyus (Dashain Dhamaka, Featured Brand of Week, Korean, Best Sellers) */
#mainimg.banner-bg{display:none !important}
#mainHeader{background:transparent !important;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
#mainHeader::before, #mainHeader::after{display:none !important}
#mainHeader > .container, #mainHeader #whyus > .container, #mainHeader #whyus > div > .container{max-width:var(--ep-max);width:100%;padding-left:var(--ep-gut);padding-right:var(--ep-gut)}
#mainHeader #maindiv{gap:20px;align-items:stretch}
#mainHeader #col-left.col-right:not(:has(.slick-track > *)){display:none !important}
#mainHeader #col-left.col-right:not(:has(.slick-track > *)) + #col-right, #mainHeader #maindiv > #col-right:only-child{flex:1 1 100%;max-width:100%;width:100%}
#mainHeader #col-right{min-width:0;margin-left:0 !important;margin-right:0 !important}
#mainHeader #col-left .bestseller-section{border-radius:22px;padding:16px;background:rgba(255,255,255,.8) !important;border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow)}
#mainHeader #col-left .heading-title{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:.02em}
/* Bootstrap-Vue carousel with pasted ePharmacy slides: no blank spacer image, caption is the slide */
#GrandCarousel .carousel-item:has(.ep-home) > img{display:none !important}
#GrandCarousel .carousel-item:has(.ep-home) .carousel-caption > h3{margin:0;font:inherit;color:inherit}
#GrandCarousel .carousel-item:has(.ep-home){cursor:auto}
#mainHeader #whyus{margin-top:8px !important}
#mainHeader #whyus .offerWrapper{background:transparent !important;border:0 !important;padding:0 !important;margin:28px 0 0 !important}
#mainHeader #whyus .featured-brands, #mainHeader #whyus .korean-products, #mainHeader #whyus .best-sellers{background:transparent !important;padding-top:28px !important}
#mainHeader #whyus::before, #mainHeader #whyus::after{display:none !important}
#mainHeader .general__title{justify-content:flex-start !important;padding:0 !important}
#mainHeader .general__title > span::before{content:"This week";display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);margin-bottom:2px}
#mainHeader .featured-brands .general__title > span::before{content:"Brand of the week"}
#mainHeader .korean-products .general__title > span::before{content:"K-beauty"}
#mainHeader .best-sellers .general__title > span::before{content:"Most ordered"}
#mainHeader .newBannerss .slick-slide img{border-radius:20px;box-shadow:0 10px 26px rgba(11,37,69,.12);width:100%}
#mainHeader .newBannerss .slick-dots li button::before{color:var(--brand)}
#mainHeader .col-xl-2:empty{display:none}
#mainHeader .col-xl-2:empty + .col-xl-10{flex:0 0 100%;max-width:100%}
#mainHeader #whyus > div::before, #mainHeader #whyus > div::after, #mainHeader #whyus .container::before, #mainHeader #whyus .container::after{display:none !important;background:none !important}
@media (max-width:767.98px){#mainHeader > .container, #mainHeader #whyus > .container, #mainHeader #whyus > div > .container{padding-left:16px;padding-right:16px}}

/* home category rows -> design chapters (frame.js initChapters adds .ep-chapter, .ep-chap-intro, .ep-rail-head) */
.home-page > .bg-white.ep-chapter{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:22px;align-items:start;padding:20px !important;margin-top:28px;border-radius:28px;--glass-fill:rgba(255,255,255,.46);background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box !important;border:1px solid transparent;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}
.ep-chapter > .section__title{display:none !important}
.ep-chapter > .ep-chap-intro{grid-column:1;grid-row:1 / span 3;align-self:stretch;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:360px;padding:26px;border-radius:20px;background:var(--tint);color:var(--deep)}
.ep-chapter > :not(.ep-chap-intro){grid-column:2;min-width:0}
.ep-chap-num{font-size:12px;font-weight:800;letter-spacing:.14em;opacity:.65}
.ep-chap-intro h2{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:10px 0 8px;color:var(--deep)}
.ep-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 22px;position:relative;z-index:1}
.ep-chips a{padding:6px 11px;border-radius:99px;font-size:12.5px;font-weight:600;color:var(--deep) !important;text-decoration:none !important;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:background .2s,color .2s}
.ep-chips a:hover{background:var(--deep);color:#fff !important}
.ep-view{margin-top:auto;align-self:flex-start;position:relative;z-index:1;display:inline-flex;gap:8px;align-items:center;padding:12px 18px;border-radius:12px;background:var(--deep);color:#fff !important;font-weight:700;font-size:14px;text-decoration:none !important;transition:gap .2s}
.ep-view:hover{gap:12px}
.ep-glyph{position:absolute;right:-18px;bottom:-26px;font-size:150px;line-height:1;opacity:.22;filter:blur(1px);pointer-events:none}
.ep-rail-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 6px}
.ep-rail-head h3{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0}
.ep-rail-head a{font-weight:700;font-size:14px;color:var(--brand-600) !important;text-decoration:none !important;white-space:nowrap}
.ep-chapter .row{margin:0}
.ep-chapter .row > [class*="col-"]{padding:0;flex:0 0 100%;max-width:100%}
@media (max-width:1199.98px){
  .home-page > .bg-white.ep-chapter{grid-template-columns:1fr}
  .ep-chapter > .ep-chap-intro{grid-row:auto;min-height:0;margin-bottom:16px}
  .ep-chapter > :not(.ep-chap-intro){grid-column:1}
}
@media (max-width:767.98px){
  .home-page > .bg-white.ep-chapter{padding:12px !important;border-radius:22px}
  .ep-chapter > .ep-chap-intro{padding:22px}
  .ep-chap-intro h2{font-size:26px}
  .ep-glyph{font-size:110px}
}

/* plugin product cards -> the design's card: round heart on the image (top-right), ePoints on the image
   (bottom-left), discount top-left, name, then price with a square "+" add button on the right */
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card{padding:14px !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card--img{margin-bottom:14px}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .ePoints{top:auto !important;bottom:10px !important;left:10px !important;right:auto !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--info h3{margin:4px 0 12px !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--info .d-md-flex{display:block !important;padding-right:50px;min-height:40px}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--info .d-md-flex > .d-md-flex{display:flex !important;flex-wrap:wrap;align-items:baseline;column-gap:6px;padding-right:0;min-height:0}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .contentWrapper{margin:0 !important;height:0 !important;overflow:visible}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--button{margin:0 !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--button .d-flex.justify-content-between, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--button .d-flex{display:contents !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .heartBtn{position:absolute !important;top:22px !important;right:22px !important;left:auto !important;bottom:auto !important;margin:0 !important;z-index:3;width:36px !important;height:36px !important;flex:none;border-radius:50% !important;border:0 !important;background:rgba(255,255,255,.88) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(11,37,69,.12);color:#64748b !important;font-size:14px}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .heartBtn:hover{color:#e11d48 !important;transform:scale(1.08)}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .cartBtn{position:absolute !important;right:14px !important;bottom:14px !important;left:auto !important;top:auto !important;margin:0 !important;width:40px !important;height:40px !important;flex:none !important;padding:0 !important;border-radius:12px !important;font-size:0 !important;line-height:0;display:grid !important;place-items:center}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .cartBtn::before{content:"+";font-size:24px !important;font-weight:600;line-height:1}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent--bg{top:10px !important;left:10px !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card.slick-slide{position:relative !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .contentBox, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--info, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .contentWrapper, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--button{position:static !important;transform:none !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .price, .ep-card-price b{white-space:nowrap}

/* slider arrows moved into the heading row by frame.js initRailArrows: top right, design .arrow buttons */
.ep-has-arrows{display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:16px;flex-wrap:nowrap}
.ep-has-arrows > span{flex:1 1 auto;min-width:0}
.ep-arrows{display:flex;gap:8px;flex-shrink:0;margin-left:auto;align-items:center}
.ep-rail-head .ep-arrows{order:3}
.ep-rail-head > a{margin-left:auto}
.ep-arrows .slick-arrow{position:static !important;transform:none !important;top:auto !important;left:auto !important;right:auto !important;width:40px !important;height:40px !important;border-radius:12px !important;border:1.5px solid var(--line) !important;background:rgba(255,255,255,.7) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none !important;display:grid !important;place-items:center;padding:0;margin:0;font-size:0;color:var(--ink);transition:border-color .2s,color .2s;opacity:1}
.ep-arrows .slick-arrow::before{font-family:inherit !important;font-size:22px !important;line-height:1 !important;color:var(--ink) !important;opacity:1 !important}
.ep-arrows .slick-prev::before{content:"\2039" !important}
.ep-arrows .slick-next::before{content:"\203A" !important}
.ep-arrows .slick-arrow:hover{border-color:var(--brand) !important}
.ep-arrows .slick-arrow:hover::before{color:var(--brand-600) !important}
.ep-arrows .slick-arrow.slick-disabled{opacity:.35;cursor:default}
.ep-chapter .ep-rail-head{margin-bottom:12px}
@media (max-width:767.98px){ .ep-arrows{display:none} }

/* Featured Brands -> design "Trusted brands, sourced direct" */
.home-page .ep-brands-head > span::before{content:"Featured brands" !important}
.home-page .ep-brands-head{font-size:clamp(24px,3vw,32px) !important}
.ep-all-brands{font-size:14px;font-weight:700;color:var(--brand-600) !important;text-decoration:none !important;white-space:nowrap;letter-spacing:0;text-transform:none;align-self:flex-end;margin-bottom:6px}
.ep-brands-head .ep-arrows{margin-left:12px}
.home-page .featuredBrand-list .slick-slide{padding:4px 8px 14px}
.home-page .featuredBrand-list a{height:132px !important;padding:22px !important;display:grid !important;place-items:center;border:1px solid transparent !important;border-radius:20px !important;--glass-fill:rgba(255,255,255,.55);background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box !important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow) !important;transition:transform .25s}
.home-page .featuredBrand-list a:hover{transform:translateY(-4px)}
.home-page .featuredBrand-list img{max-height:72px !important;width:auto !important;max-width:80%;object-fit:contain;height:auto !important}

/* plugin "‹ View All ›" bars moved into the heading row */
.ep-bar.customSliderButtonsWrapper{gap:8px !important;margin:0 0 0 auto !important;padding:0 !important;width:auto !important;flex:0 0 auto !important;max-width:none !important;order:3}
.ep-bar > a{order:-1;margin-right:8px;font-size:14px !important;font-weight:700 !important;color:var(--brand-600) !important;text-decoration:none !important;text-transform:none;letter-spacing:0}
.ep-bar > a::after{content:" →"}
.ep-bar .prev-btn, .ep-bar .next-btn{width:40px !important;height:40px !important;border-radius:12px !important;border:1.5px solid var(--line) !important;background:rgba(255,255,255,.7) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none !important;position:relative;padding:0;cursor:pointer;color:var(--ink)}
.ep-bar .prev-btn::before, .ep-bar .next-btn::before{font-size:22px;line-height:1;color:var(--ink);position:absolute;inset:0;display:grid;place-items:center;background:none !important;border:0 !important;transform:none !important;width:auto;height:auto}
.ep-bar .prev-btn::before{content:"\2039"}
.ep-bar .next-btn::before{content:"\203A"}
.ep-bar .prev-btn::after, .ep-bar .next-btn::after{display:none !important}
.ep-bar .prev-btn:hover, .ep-bar .next-btn:hover{border-color:var(--brand) !important}
#mainHeader .general__title.ep-has-arrows, .newArrival-section .general__title.ep-has-arrows{align-items:flex-end !important}
.home-page .featuredBrand-list .slick-slide{margin:0 !important;width:auto}.home-page .featuredBrand-list .slick-slide > div, .home-page .featuredBrand-list .slick-slide a{width:100% !important;max-width:none !important}
.home-page .featuredBrand-list .slick-slide{padding:4px 8px 14px !important}
/* old theme draws a green bar above product cards on hover (common.css .slick-slider .card:hover:before) */
.slick-slider .card::before, .slick-slider .card:hover::before, .slick-slider .card::after{display:none !important;content:none !important}

/* chapter rail head: title + subtitle left, "See all" and arrows on one line at the right; even card gaps */
.ep-chapter .ep-rail-head, .ep-chapter .ep-rail-head.ep-has-arrows{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:16px;margin:4px 0 14px}
.ep-rail-title{flex:1 1 auto;min-width:0}
.ep-rail-title h3{margin:0}
.ep-rail-title small{display:block;color:var(--muted);font-size:13px;font-weight:500;margin-top:2px}
.ep-chapter .ep-rail-head > a{margin-left:0;order:2}
.ep-chapter .ep-rail-head .ep-arrows{order:3;margin-left:4px}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-slide .card, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card.slick-slide{margin:0 !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card.slick-slide{margin:0 8px !important}

/* slider navigation sits above the quick-actions bar that overlaps the slider bottom (design: dots left, buttons right) */
#GrandCarousel.ep-has-dock .carousel-indicators{left:48px;right:auto;bottom:82px;margin:0;justify-content:flex-start}
#GrandCarousel.ep-has-dock .carousel-control-prev, #GrandCarousel.ep-has-dock .carousel-control-next{bottom:72px}
#GrandCarousel.ep-has-dock .carousel-control-prev{right:96px}
#GrandCarousel.ep-has-dock .carousel-control-next{right:48px}
#GrandCarousel .carousel-item .ep-home .slide{box-sizing:border-box}
@media (max-width:1199.98px){
  #GrandCarousel.ep-has-dock .carousel-indicators{left:28px}
  #GrandCarousel.ep-has-dock .carousel-control-prev{right:76px}
  #GrandCarousel.ep-has-dock .carousel-control-next{right:28px}
}
@media (max-width:767.98px){
  #GrandCarousel.ep-has-dock .carousel-indicators{left:20px;bottom:66px}
}

/* admin titles "Kicker | Title | Description" (split by frame.js initPipeTitles) */
.general__title.ep-piped-head, .section__title.ep-piped-head{justify-content:flex-start !important;text-align:left !important;align-items:flex-end !important}
.ep-piped{display:flex !important;flex-direction:column;align-items:flex-start;flex:1 1 auto;min-width:0;text-align:left}
.ep-piped::before, .ep-piped::after{display:none !important;content:none !important}
.ep-piped .ep-tk{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);margin-bottom:4px;line-height:1.3}
.ep-piped .ep-tt{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.15}
.ep-piped .ep-td{display:block;font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:6px;line-height:1.45;text-transform:none}
@media (max-width:767.98px){.ep-piped .ep-td{font-size:13.5px}}

/* "Trending now" tabs (frame.js initTrendTabs): pill tabs over a 4x2 product grid; source sliders hidden */
.ep-in-tabs, #whyus > .ep-empty{display:none !important}
#mainHeader .ep-trend{max-width:var(--ep-max);margin:28px auto 8px !important;padding:0 var(--ep-gut) !important;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.ep-trend-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ep-trend-head .ep-tk{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);margin-bottom:4px}
.ep-trend-head .ep-tt{margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.15}
.ep-pills{display:flex;gap:8px;flex-wrap:wrap}
#mainHeader .ep-pill{display:inline-flex !important;align-items:center;height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px rgba(11,37,69,.06);font:600 14.5px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#334155;cursor:pointer;white-space:nowrap}
#mainHeader .ep-pill:hover{color:var(--ink);border-color:var(--line)}
#mainHeader .ep-pill.on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(11,37,69,.25)}
.ep-trend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ep-trend-grid[hidden]{display:none}
.ep-pills:has(> .ep-pill:only-child){display:none}
#mainHeader .ep-trend-grid .card .change-percent, #mainHeader .ep-trend-grid .card .change-percent--bg{height:auto !important;bottom:auto !important;right:auto !important;width:auto !important}
#mainHeader .ep-trend-grid .card{position:relative;margin:0 !important;width:auto !important;height:100%}
.ep-trend-all{grid-column:1/-1;justify-self:center;margin-top:4px;font-weight:700;color:var(--brand-600) !important;text-decoration:none}
.ep-trend-all:hover{text-decoration:underline}

/* Trending tab (top selling list from #trendingproduct, shown as normal product cards); its old column beside the hero is hidden from the first paint, hero takes full width */
#mainHeader #maindiv > :has(#trendingproduct){display:none !important}
#mainHeader #maindiv:has(#trendingproduct) > :not(:has(#trendingproduct)){flex:1 1 100%;max-width:100%;width:100%}
@media (max-width:991.98px){.ep-trend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767.98px){
  .ep-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ep-pills{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;padding-bottom:2px}
  .ep-pills::-webkit-scrollbar{display:none}
  #mainHeader .ep-pill{height:38px;padding:0 14px;font-size:13.5px}
}
.generalMarginSupporter.ep-topic-done{display:none !important}

/* Brands in the spotlight cards (plugin _Brand.cshtml .ep-spot): picture + tag pill, glass caption with arrow */
#whyus .offerWrapper{background:transparent !important;padding:0 !important;margin:0 !important;border-radius:0 !important}
#whyus .newBannerss .slick-list{margin:0 -8px;padding:6px 0 14px}
#whyus .newBannerss .slick-slide{padding:0 8px !important}
#whyus .newBannerss .slick-track{margin-left:0 !important;margin-right:0 !important}
.ep-spot{position:relative;display:flex !important;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;text-decoration:none !important;color:var(--ink) !important;box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 20px rgba(11,37,69,.08);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.ep-spot:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(11,37,69,.16)}
.ep-spot-pic{position:relative;display:block;overflow:hidden}
#mainHeader .ep-spot-pic img{width:100% !important;aspect-ratio:280/340;height:auto;object-fit:cover;display:block;border-radius:0 !important;box-shadow:none !important;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ep-spot:hover .ep-spot-pic img{transform:scale(1.05)}
.ep-spot-tag{position:absolute;top:12px;left:12px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.02em;padding:5px 10px;border-radius:99px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px rgba(0,0,0,.15)}
.ep-spot-tag.ep-tag-new{background:rgba(15,157,88,.88)}
.ep-spot-tag.ep-tag-deal{background:rgba(255,122,26,.92)}
.ep-spot-tag.ep-tag-alt{background:rgba(11,37,69,.82)}
.ep-spot-foot{position:relative;z-index:1;margin:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.95);box-shadow:0 6px 16px rgba(11,37,69,.08)}
.ep-spot-txt{min-width:0}
.ep-spot-txt b{display:block;font-size:14.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-spot-txt small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-spot-go{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;transition:transform .3s}
.ep-spot:hover .ep-spot-go{transform:translateX(3px)}

/* Trusted brands tiles: room for the shadow, lighter shadow, no edge clipping */
.home-page .featuredBrand-list .slick-list{padding:8px 0 18px !important;margin:-8px -8px -18px !important;overflow:hidden}
.home-page .featuredBrand-list .slick-slide{padding:0 8px !important}
.home-page .featuredBrand-list a{box-shadow:0 2px 10px rgba(11,37,69,.05) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(255,255,255,.8) !important;border:1px solid rgba(255,255,255,.95) !important}
.home-page .featuredBrand-list a:hover{box-shadow:0 8px 20px rgba(11,37,69,.09) !important}
.ep-spot{cursor:pointer}

/* card badges (plugin product cards): never stretch; tag (admin "Flag", e.g. "Restocked", "New arrival") and the
   discount stack top-left, tag first; promotion badge image sits bottom-right of the picture */
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent--bg{height:auto !important;bottom:auto !important;right:auto !important;width:auto !important;max-width:calc(100% - 64px);display:inline-flex !important;align-items:center;line-height:1.25 !important;padding:4px 9px !important;border-radius:999px !important;font-size:11.5px !important;font-weight:800 !important;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;box-shadow:0 4px 10px rgba(11,37,69,.12)}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent{background:#e11d48 !important;color:#fff !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent--bg{background:var(--brand) !important;color:#fff !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent--bg ~ .change-percent{top:40px !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent > span, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .change-percent--bg > span{color:inherit !important;background:none !important;padding:0 !important;font:inherit !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .promobadge-image-right{position:absolute !important;top:auto !important;bottom:10px !important;right:10px !important;left:auto !important;width:44px !important;height:auto !important;z-index:2}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .promobadge-image-right img{width:100% !important;height:auto !important;border-radius:8px;box-shadow:none !important}

/* price row: price and struck-out old price on one line, room for the + button */
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--info > .d-md-flex, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--info > .d-flex{display:block !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .card-body--info > div > .flex-column{display:flex !important;flex-direction:row !important;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;padding-right:50px;min-height:40px;align-content:center}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .actual-price{margin:0 !important;white-space:nowrap}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .old-price{display:inline !important;margin:0 !important;padding:0 !important;white-space:nowrap;font-size:12.5px !important}
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card .ratings{display:none !important}
/* home product cards: 8px inner padding */
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .slick-slide .card, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .card.slick-slide, #mainHeader .ep-trend-grid .card{padding:8px !important}
/* heading arrows: drop slick's translateY(-50%) so they line up with the title row */
:is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .ep-arrows .slick-arrow, :is(.home-page,.newArrival-section,#mainHeader,.ep-cards) .ep-arrows .slick-arrow:hover, .ep-arrows .slick-prev, .ep-arrows .slick-next, .ep-arrows .slick-arrow{position:static !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;transform:none !important;margin:0 !important}
/* Brands in the spotlight before the slider starts (and while it is rebuilt): already 6 / 4 / 2 cards across, so the
   first picture is never drawn full width */
#whyus .newBannerss:not(.slick-initialized){display:flex !important;overflow:hidden;margin:0 -8px}
#whyus .newBannerss:not(.slick-initialized) > *{flex:0 0 16.6667%;max-width:16.6667%;min-width:0}
@media (max-width:1199.98px){#whyus .newBannerss:not(.slick-initialized) > *{flex-basis:25%;max-width:25%}}
@media (max-width:767.98px){#whyus .newBannerss:not(.slick-initialized) > *{flex-basis:50%;max-width:50%}}

/* chapter illustration: line art in the chapter colour, in its own space above the Explore button */
.ep-chap-intro .ep-art{display:block;margin-top:auto;align-self:flex-end;width:128px;height:128px;color:var(--deep);pointer-events:none}
.ep-chap-intro .ep-art svg{width:100%;height:100%;display:block}
.ep-chap-intro .ep-art + .ep-view{margin-top:10px}
@media (max-width:991.98px){.ep-chap-intro .ep-art{position:absolute;right:18px;bottom:14px;width:92px;height:92px;margin:0}.ep-chap-intro .ep-art + .ep-view{margin-top:4px}}
@media (max-width:575.98px){.ep-chap-intro .ep-art{width:72px;height:72px;opacity:.8}}

/* hero slides 5-13 (deploy/banners/slide-5..13): QR, weekly deal, discreet delivery, payday calendar, referral cards */
.ep-home .qr-art,.ep-home .deal-card,.ep-home .disc-card,.ep-home .cal-card,.ep-home .ref-card{position:relative;width:300px;padding:22px;border-radius:24px;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 24px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.45);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.ep-home .qr-art img{width:170px;height:170px;border-radius:16px;background:#fff;padding:8px;box-sizing:content-box}
.ep-home .qr-art b{font-size:15px;margin-top:4px}
.ep-home .qr-stores{display:flex;gap:8px;margin-top:4px}
.ep-home .qr-stores a{padding:7px 12px;border-radius:10px;background:#0b0b0b;color:#fff !important;font-size:12.5px;font-weight:700;text-decoration:none !important}
.ep-home .deal-card small,.ep-home .cal-top{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.ep-home .deal-card b{font-size:34px;line-height:1.05;letter-spacing:-.03em}
.ep-home .deal-card b span{display:block;font-size:76px;color:#bbf7d0}
.ep-home .deal-card p{font-size:13.5px;opacity:.85;margin:0}
.ep-home .disc-ic{width:64px;height:64px;border-radius:20px;background:#fff;color:#86198f;display:grid;place-items:center;font-size:0}
.ep-home .disc-ic::before{content:"";width:32px;height:32px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E") center/contain no-repeat}
.ep-home .disc-card b{font-size:20px}
.ep-home .disc-card ol{list-style:none;margin:6px 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;counter-reset:d}
.ep-home .disc-card ol li{font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.2)}
.ep-home .disc-card ol li::before{counter-increment:d;content:counter(d) ". "}
.ep-home .disc-card small,.ep-home .cal-note{font-size:12.5px;opacity:.8}
.ep-home .cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;margin:6px 0}
.ep-home .cal-days span{aspect-ratio:1;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.14);font-weight:700;font-size:14px}
.ep-home .cal-days span.on{background:#fff;color:#b91c1c;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.ep-home .cal-code{width:100%;padding:12px;border-radius:16px;background:#fff;color:#7f1d1d}
.ep-home .cal-code small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.ep-home .cal-code b{font-size:28px;letter-spacing:.04em}
.ep-home .ref-card b{font-size:18px}
.ep-home .ref-card > small{font-size:12.5px;opacity:.85;max-width:240px}
.ep-home .ref-badge{position:absolute;top:-22px;right:-18px;width:84px;height:84px;border-radius:50%;background:#f97316;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(0,0,0,.25);transform:rotate(8deg)}
.ep-home .ref-badge b{font-size:28px;line-height:1}
.ep-home .ref-badge small{font-size:11px;font-weight:700}
.ep-home .ref-in{width:100%;padding:11px 14px;border-radius:12px;background:#fff;color:#94a3b8;font-size:13px;text-align:left;margin-top:6px}
.ep-home .ref-go{width:100%;padding:11px;border-radius:12px;background:#22c55e;color:#fff;font-weight:800;font-size:14px}
.ep-home .ref-rate{font-size:12px;font-weight:700;opacity:.85}
@media (max-width:767.98px){.ep-home .qr-art,.ep-home .deal-card,.ep-home .disc-card,.ep-home .cal-card,.ep-home .ref-card{width:min(280px,100%);padding:18px}.ep-home .deal-card b span{font-size:56px}.ep-home .ref-badge{right:-6px;top:-14px;width:70px;height:70px}}
/* trust strip with 4 tiles (the "Up to 10% off" tile was removed): 4 across, 2 on tablet and phone */
.ep-home .trust:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1199.98px){.ep-home .trust:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* merged hero slides (deploy/banners/merge-*.html) */
/* ===== merged-slide components ===== */
/* offers: ticket row */
.ep-home .tix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:560px}
.ep-home .tk{position:relative;padding:18px 16px 16px;border-radius:20px;background:rgba(255,255,255,.16);border:1.5px dashed rgba(255,255,255,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 18px 40px rgba(0,0,0,.2);color:#fff;display:flex;flex-direction:column;gap:4px}
.ep-home .tk::before,.ep-home .tk::after{content:"";position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:rgba(5,40,30,.55);translate:0 -50%}
.ep-home .tk::before{left:-9px}.ep-home .tk::after{right:-9px}
.ep-home .tk small{font-size:10.5px;font-weight:800;letter-spacing:.12em;opacity:.8;text-transform:uppercase}
.ep-home .tk b{font-size:26px;letter-spacing:-.02em;line-height:1.05}
.ep-home .tk .code{margin-top:6px;align-self:flex-start;padding:5px 10px;border-radius:8px;background:#fff;color:var(--navy);font-weight:800;font-size:13px;letter-spacing:.05em}
.ep-home .tk .when{font-size:12px;opacity:.85}
.ep-home .tk.hot{background:rgba(255,255,255,.95);color:var(--navy);border-style:solid;border-color:#fff}
.ep-home .tk.hot .code{background:var(--brand);color:#fff}
.ep-home .tk.hot small,.ep-home .tk.hot .when{opacity:.7}
/* offers B: list board */
.ep-home .board{width:min(100%,400px);padding:20px;border-radius:24px;background:rgba(255,255,255,.95);color:var(--ink);box-shadow:0 24px 50px rgba(0,0,0,.25)}
.ep-home .board h4{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-600);margin:0 0 10px}
.ep-home .board .orow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(15,23,42,.08)}
.ep-home .board .orow:first-of-type{border-top:0}
.ep-home .board .pct{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff}
.ep-home .board .orow.r1 .pct{background:linear-gradient(135deg,#16a34a,#22c55e)}
.ep-home .board .orow.r2 .pct{background:linear-gradient(135deg,#b91c1c,#ef4444)}
.ep-home .board .orow.r3 .pct{background:linear-gradient(135deg,#0369a1,#0ea5e9)}
.ep-home .board .orow b{display:block;font-size:15px}
.ep-home .board .orow small{display:block;font-size:12.5px;color:var(--muted)}
.ep-home .board .orow .code{margin-left:auto;flex:none;padding:6px 10px;border-radius:8px;border:1.5px dashed var(--brand);color:var(--brand-600);font-weight:800;font-size:12.5px;letter-spacing:.05em}
/* app + refer */
.ep-home .appx{position:relative;display:flex;align-items:center;gap:18px}
.ep-home .appx .qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;border-radius:24px;background:rgba(255,255,255,.95);color:var(--ink);box-shadow:0 24px 50px rgba(0,0,0,.25)}
.ep-home .appx .qr img{width:150px;height:150px}
.ep-home .appx .qr b{font-size:14px}
.ep-home .appx .stores{display:flex;gap:6px}
.ep-home .appx .stores span{padding:6px 10px;border-radius:9px;background:#0b0b0b;color:#fff;font-size:11.5px;font-weight:700}
.ep-home .appx .refer{width:210px;padding:18px;border-radius:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.2);transform:rotate(3deg) translateY(30px)}
.ep-home .appx .refer .pts{display:inline-flex;align-items:baseline;gap:4px;padding:6px 12px;border-radius:99px;background:#f97316;font-weight:800}
.ep-home .appx .refer .pts b{font-size:22px}
.ep-home .appx .refer h5{font-size:16px;margin:10px 0 4px;color:#fff}
.ep-home .appx .refer p{font-size:12.5px;opacity:.85;margin:0}
.ep-home .appx .refer .rate{display:block;margin-top:10px;font-size:12px;font-weight:700;opacity:.9}
/* app B: phone */
.ep-home .phx{position:relative;width:250px;height:360px;border-radius:38px;padding:10px;background:#0b1220;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(-4deg)}
.ep-home .phx .scr{height:100%;border-radius:30px;background:linear-gradient(180deg,#ecfdf5,#fff 40%);padding:28px 14px 14px;color:var(--ink);display:flex;flex-direction:column;gap:10px}
.ep-home .phx .bar{height:30px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.ep-home .phx .ban{height:64px;border-radius:14px;background:linear-gradient(120deg,#0b6b48,#22c55e)}
.ep-home .phx .rf{padding:12px;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(11,37,69,.1)}
.ep-home .phx .rf b{font-size:13.5px}
.ep-home .phx .rf small{display:block;font-size:11px;color:var(--muted);margin:2px 0 8px}
.ep-home .phx .rf i{display:block;height:26px;border-radius:8px;border:1px solid var(--line);margin-bottom:6px}
.ep-home .phx .rf span{display:block;text-align:center;padding:7px;border-radius:8px;background:#22c55e;color:#fff;font-size:12px;font-weight:800}
.ep-home .phx .badge{position:absolute;top:-16px;right:-26px;width:86px;height:86px;border-radius:50%;background:#f97316;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;box-shadow:0 12px 24px rgba(0,0,0,.25);transform:rotate(10deg)}
.ep-home .phx .badge b{font-size:26px;line-height:1}
.ep-home .phx .badge small{font-size:10.5px}
.ep-home .phx .qrmini{position:absolute;left:-70px;bottom:24px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.25);transform:rotate(4deg)}
.ep-home .phx .qrmini img{width:84px;height:84px;display:block}
/* skincare */
.ep-home .sk4{display:grid;grid-template-columns:repeat(2,140px);gap:12px}
.ep-home .sk4 .kb{width:auto;animation:none}
.ep-home .sk4 .kb .t{display:block}
.ep-home .sk4 .kb:nth-child(2),.ep-home .sk4 .kb:nth-child(4){transform:translateY(26px)}
.ep-home .chips2{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.ep-home .chips2 span{padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);font-size:12.5px;font-weight:700}
.ep-home .skx{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:520px}
.ep-home .skx .col{padding:16px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ep-home .skx .col h5{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:.85;margin:0 0 10px}
.ep-home .skx .pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ep-home .skx .pair a{display:block;padding:8px;border-radius:14px;background:#fff;color:var(--ink);font-size:11.5px;font-weight:700;text-align:center}
.ep-home .skx .pair img{width:100%;aspect-ratio:1;object-fit:contain;display:block;margin-bottom:4px}
@media (max-width:767.98px){.ep-home .tix{grid-template-columns:1fr}.ep-home .appx{flex-direction:column}.ep-home .appx .refer{transform:none}.ep-home .phx .qrmini{display:none}.ep-home .skx{grid-template-columns:1fr}}

/* referral slides: the app's real "Refer a friend" screen in a phone frame */
.ep-home .ref-shot{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}
.ep-home .ref-ph{width:220px;height:380px;padding:9px;border-radius:36px;background:#0b1220;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(-3deg)}
.ep-home .ref-ph img{width:100%;height:100%;object-fit:cover;object-position:center 78%;border-radius:28px;display:block;background:#fff}
.ep-home .ref-shot .ref-badge{top:-14px;right:-30px}
.ep-home .ref-shot .ref-rate{color:#fff;opacity:.9}
.ep-home .phx .scr.shot{padding:0;overflow:hidden;background:#fff}
.ep-home .phx .scr.shot img{width:100%;height:100%;object-fit:cover;object-position:center 78%;display:block}
@media (max-width:767.98px){.ep-home .ref-ph{width:170px;height:300px;border-radius:28px}.ep-home .ref-ph img{border-radius:22px}.ep-home .ref-shot .ref-badge{right:-16px}}

/* referral screenshot at its real proportions (923x2000), never cropped or stretched */
.ep-home .ref-ph{width:180px !important;height:auto !important;padding:8px}
.ep-home .ref-ph img{width:100% !important;height:auto !important;max-height:none !important;aspect-ratio:923/2000;object-fit:contain !important;border-radius:24px}
.ep-home .phx:has(.scr.shot){width:180px !important;height:auto !important;padding:8px}
.ep-home .phx .scr.shot{height:auto !important;border-radius:26px}
.ep-home .phx .scr.shot img{width:100% !important;height:auto !important;aspect-ratio:923/2000;object-fit:contain !important}
@media (max-width:767.98px){.ep-home .ref-ph,.ep-home .phx:has(.scr.shot){width:140px !important}}

/* Refer a friend slide, design 2 (deploy/banners/slide-12-refer-friend.html) */
.ep-home .rf-steps{list-style:none;margin:18px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ep-home .rf-steps li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13.5px;font-weight:700;color:#fff}
.ep-home .rf-steps .n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7e22ce;font-size:12.5px;font-weight:800}
.ep-home .rf-steps li:last-child{background:rgba(251,191,36,.95);border-color:transparent;color:#3b0764}
.ep-home .rf-steps li:last-child .n{background:#3b0764;color:#fff}
.ep-home .rf-art{position:relative;width:420px;height:400px;display:grid;place-items:center}
.ep-home .rf-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35) 0%,rgba(255,255,255,.08) 45%,transparent 70%);font-size:0}
.ep-home .rf-glow::after{content:"";position:absolute;inset:40px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.35)}
.ep-home .rf-phone{position:relative;z-index:1;width:172px;padding:7px;border-radius:32px;background:linear-gradient(160deg,#1f2937,#0b1220);box-shadow:0 40px 70px rgba(20,0,40,.55),0 0 0 1.5px rgba(255,255,255,.18) inset}
.ep-home .rf-phone img{display:block;width:100%;height:auto;aspect-ratio:923/2000;border-radius:26px;background:#fff}
.ep-home .rf-notch{position:absolute;top:12px;left:50%;width:54px;height:14px;border-radius:99px;background:#0b1220;transform:translateX(-50%);z-index:2;font-size:0}
.ep-home .rf-f{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.95);color:#1e1b4b;box-shadow:0 18px 40px rgba(30,0,60,.35);animation:rfFloat 6s ease-in-out infinite}
.ep-home .rf-f b{display:block;font-size:15px;line-height:1.15}
.ep-home .rf-f small{display:block;font-size:12px;color:#6b7280}
.ep-home .rf-f1{left:-6px;top:70px}
.ep-home .rf-f2{right:-4px;bottom:60px;flex-direction:column;align-items:flex-start;gap:0;animation-delay:-3s}
.ep-home .rf-coin{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:19px;color:#fff;background:radial-gradient(circle at 34% 28%,#fde68a,#f59e0b 50%,#d97706);box-shadow:inset 0 2px 2px rgba(255,255,255,.6),0 6px 14px rgba(217,119,6,.45)}
.ep-home .rf-ft{display:block}
@keyframes rfFloat{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.ep-home .rf-f{animation:none}}
@media (max-width:1199.98px){.ep-home .rf-art{width:360px;height:380px}}
@media (max-width:767.98px){.ep-home .rf-art{width:300px;height:330px}.ep-home .rf-phone{width:140px;border-radius:26px}.ep-home .rf-phone img{border-radius:20px}.ep-home .rf-glow{width:260px;height:260px}.ep-home .rf-f{padding:9px 12px}.ep-home .rf-f b{font-size:13px}.ep-home .rf-f1{left:0;top:40px}.ep-home .rf-f2{right:0;bottom:30px}.ep-home .rf-coin{width:32px;height:32px;font-size:15px}}
/* section heading pasted as HTML in a language string or setting:
   <span class="ep-sh"><small class="ep-tk">Label</small><span class="ep-tt">Title</span><small class="ep-td">Description</small></span>
   Same look as the "Label | Title | Description" text headings (.ep-piped). */
.general__title:has(.ep-sh),.section__title:has(.ep-sh){justify-content:flex-start !important;text-align:left !important;align-items:flex-end !important}
.general__title:has(.ep-sh) > span,.section__title:has(.ep-sh) > span{color:inherit !important;flex:1 1 auto;min-width:0}
.general__title:has(.ep-sh) > span::before,.general__title:has(.ep-sh) > span::after,.section__title:has(.ep-sh) > span::before,.section__title:has(.ep-sh) > span::after{display:none !important;content:none !important}
.general__title:has(.ep-sh) > img,.section__title:has(.ep-sh) > img{display:none !important}
.ep-sh{display:flex !important;flex-direction:column;align-items:flex-start;text-align:left}
.ep-sh .ep-tk{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);margin-bottom:4px;line-height:1.3}
.ep-sh .ep-tt{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.15;text-transform:none}
.ep-sh .ep-td{display:block;font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:6px;line-height:1.45;text-transform:none}
.ep-sh .ep-td a{color:var(--brand-600) !important;font-weight:700}
.ep-sh .ep-hl{color:var(--brand-600)}
@media (max-width:767.98px){.ep-sh .ep-td{font-size:13.5px}}

/* Happy Hour countdown (Widgets.Slider _FlashSales): a compact pill; the plugin's spans sit inside the section heading and
   would otherwise inherit its big heading size. Digits keep a fixed width so the timer does not jiggle every second. */
#mainHeader .general__title .countdown-box, .home-page .general__title .countdown-box{margin:0 0 0 auto !important;padding:8px 16px !important;display:inline-flex;align-items:center;gap:6px;background:#fff !important;border:1px solid var(--line) !important;border-radius:999px;box-shadow:var(--shadow);color:var(--ink)}
#mainHeader .countdown-box span, .home-page .countdown-box span{font-size:15px !important;font-weight:800 !important;line-height:1.2 !important;letter-spacing:0;text-transform:none !important;color:var(--ink) !important;background:none !important;padding:0 !important;font-variant-numeric:tabular-nums;white-space:nowrap}
#mainHeader .countdown-box span::before, .home-page .countdown-box span::before{content:none !important}
#mainHeader .countdown-box .col-form-label, .home-page .countdown-box .col-form-label{font-size:13px !important;font-weight:600 !important;color:var(--muted) !important;margin:0 4px 0 0;padding:0 !important}
#mainHeader .countdown-box > *, .home-page .countdown-box > *{display:inline-flex;align-items:center;gap:6px}
@media (max-width:575.98px){#mainHeader .general__title .countdown-box, .home-page .general__title .countdown-box{margin:8px 0 0 !important;padding:6px 12px !important}}
/* timer chips: navy, with the unit after each number (days, hours, minutes, seconds) */
#mainHeader .countdown-box > span > div, .home-page .countdown-box > span > div{width:auto !important;min-width:36px;height:32px !important;padding:0 8px;margin:0 !important;background:var(--navy) !important;color:#fff !important;border-radius:9px !important;font-size:15px;font-weight:800;gap:2px;justify-content:center}
#mainHeader .countdown-box > span > div::after, .home-page .countdown-box > span > div::after{font-size:10.5px;font-weight:700;opacity:.65;margin-left:1px}
#mainHeader .countdown-box > span > div:nth-of-type(1)::after, .home-page .countdown-box > span > div:nth-of-type(1)::after{content:"d"}
#mainHeader .countdown-box > span > div:nth-of-type(2)::after, .home-page .countdown-box > span > div:nth-of-type(2)::after{content:"h"}
#mainHeader .countdown-box > span > div:nth-of-type(3)::after, .home-page .countdown-box > span > div:nth-of-type(3)::after{content:"m"}
#mainHeader .countdown-box > span > div:nth-of-type(4)::after, .home-page .countdown-box > span > div:nth-of-type(4)::after{content:"s"}
#mainHeader .countdown-box > span, .home-page .countdown-box > span{gap:6px}
/* Happy Hour section (plugin class "featured-brandss", inline grey background): no band, it sits on the page like the other sections */
#mainHeader #whyus > .featured-brandss{background:transparent !important;padding-bottom:0 !important}
/* Happy Hour side banner: fills the column and lines up with the cards; the yellow bars were the picture's own background
   colour showing where the picture did not fill its box */
#mainHeader #whyus .featured-brandss .row > .col-xl-2{display:flex;padding:6px 16px 16px 0 !important}
#mainHeader #whyus .featured-brandss .row > .col-xl-2 > img{width:100%;height:100%;object-fit:cover;object-position:center;background:transparent !important;border-radius:var(--radius);align-self:stretch}
@media (max-width:1199.98px){#mainHeader #whyus .featured-brandss .row > .col-xl-2{padding:0 0 16px !important;justify-content:center}#mainHeader #whyus .featured-brandss .row > .col-xl-2 > img{width:auto;max-width:100%;height:auto;max-height:240px;object-fit:contain}}
/* slide-9-sexual-wellness picture (moved from the banner: the slider strips <style>) */
.ep-home .s9{position:relative;width:min(400px,100%);display:grid;gap:16px;justify-items:center}
.ep-home .s9-box{position:relative;width:230px;height:170px;border-radius:20px;background:linear-gradient(145deg,#f5f3f7,#d9d3e0);box-shadow:0 30px 60px rgba(30,0,60,.45),inset 0 -8px 0 rgba(0,0,0,.06);display:grid;place-items:center;transform:rotate(-3deg)}
.ep-home .s9-box::before{content:"";position:absolute;left:0;right:0;top:34px;height:14px;background:rgba(0,0,0,.07)}
.ep-home .s9-box::after{content:"";width:64px;height:64px;border-radius:50%;background:#4a1d7a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/30px no-repeat;box-shadow:0 0 0 8px rgba(255,255,255,.7)}
.ep-home .s9-tag{position:absolute;right:-14px;top:-16px;background:#fff;color:#86198f;font-weight:800;font-size:13px;padding:7px 12px;border-radius:99px;box-shadow:0 10px 24px rgba(0,0,0,.25);transform:rotate(6deg)}
.ep-home .s9-track{display:flex;align-items:flex-start;width:100%;padding:0 6px}
.ep-home .s9-st{flex:1;text-align:center;position:relative;font-size:12.5px;font-weight:700}
.ep-home .s9-st i{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 6px;border-radius:50%;background:#fff;color:#86198f;font-style:normal;font-size:13px;font-weight:800;position:relative;z-index:1}
.ep-home .s9-st:not(:last-child)::after{content:"";position:absolute;top:14px;left:calc(50% + 15px);width:calc(100% - 30px);height:2px;background:rgba(255,255,255,.45)}
.ep-home .s9 small{font-size:12.5px;opacity:.85}
/* slide-10-menstrual-hygiene picture (moved from the banner: the slider strips <style>) */
.ep-home .s10{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0;padding:10px 0}
.ep-home .s10::before{content:"";position:absolute;left:50%;bottom:0;width:420px;height:300px;translate:-50% 0;border-radius:210px 210px 24px 24px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
.ep-home .s10-p{position:relative;width:140px;padding:10px 10px 12px;border-radius:20px;background:#fff;color:#881337 !important;text-align:center;text-decoration:none;box-shadow:0 24px 44px rgba(60,0,20,.4);transition:transform .25s}
.ep-home .s10-p:hover{transform:translateY(-6px)}
.ep-home .s10-p img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#fff1f3;margin-bottom:8px}
.ep-home .s10-p b{display:block;font-size:14px;font-weight:800}
.ep-home .s10-p b{color:#881337}
.ep-home .s10-n{display:block;font-style:normal;font-size:12px;color:#9f1239;opacity:.8}
.ep-home .s10-p:nth-child(1){rotate:-7deg;margin-right:-14px;margin-bottom:6px}
.ep-home .s10-p:nth-child(2){z-index:2;width:160px;margin-bottom:34px}
.ep-home .s10-p:nth-child(3){rotate:7deg;margin-left:-14px;margin-bottom:6px}
.ep-home .s10-chip{position:absolute;top:-4px;right:6px;z-index:3;background:#ffd1e6;color:#881337;font-weight:800;font-size:12px;padding:6px 12px;border-radius:99px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
@media (max-width:767.98px){.ep-home .s10-p{width:104px}.ep-home .s10-p:nth-child(2){width:116px}.ep-home .s10::before{width:300px;height:220px}}
/* slide-11-payday picture (moved from the banner: the slider strips <style>) */
.ep-home .s11{position:relative;width:min(380px,100%);display:grid;gap:14px;justify-items:center}
.ep-home .s11-ticket{position:relative;width:100%;display:grid;grid-template-columns:1fr 112px;border-radius:22px;background:#fff;color:#7f1d1d;box-shadow:0 30px 60px rgba(60,0,0,.45);rotate:-3deg;overflow:hidden}
.ep-home .s11-main{padding:22px 20px 20px;display:grid;gap:2px}
.ep-home .s11-main small{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.ep-home .s11-main strong{display:flex;align-items:flex-start;gap:2px;font-size:68px;line-height:1;font-weight:800;letter-spacing:-.04em;color:#dc2626;margin:4px 0}
.ep-home .s11-main strong sup{position:static;font-size:28px;line-height:1;margin-top:8px}
.ep-home .s11-n{font-style:normal;font-size:13px;font-weight:700}
.ep-home .s11-stub{position:relative;display:grid;place-items:center;align-content:center;gap:4px;padding:14px 8px;background:#fee2e2;border-left:2px dashed #fca5a5;text-align:center}
.ep-home .s11-stub::before,.ep-home .s11-stub::after{content:"";position:absolute;left:-11px;width:20px;height:20px;border-radius:50%;background:#991b1b}
.ep-home .s11-stub::before{top:-10px}.ep-home .s11-stub::after{bottom:-10px}
.ep-home .s11-stub small{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.ep-home .s11-stub b{font-size:17px;letter-spacing:.03em;writing-mode:horizontal-tb}
.ep-home .s11-days{display:flex;align-items:center;gap:8px}
.ep-home .s11-days b{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#b91c1c;font-weight:800;font-size:18px;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.ep-home .s11-days em{font-style:normal;font-size:12.5px;font-weight:700;margin-left:6px;opacity:.9;max-width:110px;line-height:1.25}
@media (max-width:767.98px){.ep-home .s11-main strong{font-size:54px}.ep-home .s11-ticket{grid-template-columns:1fr 96px}}
/* slide 10 product cards are links: the slider's "#GrandCarousel ... .ep-home a" reset would blank them */
#GrandCarousel .carousel-item .carousel-caption .ep-home .s10-p{display:block;padding:10px 10px 12px;border-radius:20px;background:#fff;color:#881337}