/* page width = the live site's grid (common.css + Bootstrap container steps), 15px side gutters */
:root{--ep-max:100%;--ep-gut:15px}
@media (min-width:576px){:root{--ep-max:540px}}
@media (min-width:768px){:root{--ep-max:720px}}
@media (min-width:992px){:root{--ep-max:960px}}
@media (min-width:1200px){:root{--ep-max:1140px}}
@media (min-width:1366px){:root{--ep-max:1300px}}
@media (min-width:1600px){:root{--ep-max:1520px}}
/* ePharmacy frame for GrandNode VueThemeNew — utility bar, glass header, category menu, quick cart drawer,
   side panels, glass footer, phone tab bar, back-to-top.
   Loaded last (from _Root.Head.cshtml) after tokens.css. Every rule is scoped to an .ep-* class or a sidebar id,
   so pages that are not redesigned yet keep their old styles.
   Breakpoints (Bootstrap): 1199.98 tablet · 991.98 hamburger menu + search row · 767.98 phone tab bar · 575.98 small phone */

.ep-util, .ep-hd, .ep-ft, .ep-tab, #sidebar-cart, #sidebar-menu, #sidebar-right, .ep-to-top{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
/* page background field, same as the design (soft green / peach) — glass panels need colour behind them */
body.ep-skin{background:#eef4f6}
body.ep-skin::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(560px 560px at 8% 4%,rgba(159,227,194,.75),transparent 70%),radial-gradient(440px 440px at 42% 102%,rgba(255,207,159,.6),transparent 70%),linear-gradient(160deg,#e3f6ec 0%,#f3f7f2 55%,#fdf0e4 100%)}
@media (prefers-reduced-transparency:reduce){body.ep-skin::before{display:none}}
.ep-wrap{max-width:var(--ep-max);margin:0 auto;padding-left:var(--ep-gut);padding-right:var(--ep-gut);width:100%}
.ep-hd a, .ep-util a, .ep-ft a, .ep-tab a, #sidebar-cart a{text-decoration:none}
.ep-hd svg, .ep-ft svg, .ep-tab svg, #sidebar-cart svg{display:block;flex-shrink:0}
.ep-hd button, .ep-tab button, #sidebar-cart button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}

/* scroll progress */
.ep-progress{position:fixed;top:0;left:0;right:0;height:3px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--brand),#5cf0a5);z-index:1100;pointer-events:none}

/* utility bar */
.ep-util{background:var(--navy);color:#cfd8e3;font-size:13px}
.ep-util .ep-wrap{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:16px}
.ep-util-l, .ep-util-r{display:flex;gap:22px;align-items:center}
.ep-util a{color:#cfd8e3}
.ep-util a:hover{color:#fff}
.ep-dot{width:6px;height:6px;border-radius:50%;background:#3ddc84;display:inline-block;margin-right:6px;vertical-align:2px}

/* header — glass */
/* z-index: header 1020 holds the sidebars (they render inside it), so the tab bar (1015) stays under open drawers */
.ep-hd{position:sticky;top:0;z-index:1020;color:var(--ink);--glass-fill:rgba(255,255,255,.78);background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box;border-bottom:1px solid transparent;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 -1px 0 rgba(255,255,255,.6);transition:box-shadow .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.ep-hd.scrolled{--glass-fill:rgba(255,255,255,.7);box-shadow:inset 0 -1px 0 rgba(255,255,255,.6),0 10px 30px rgba(11,37,69,.1)}
.ep-hd.ep-drawer{transform:none !important;-webkit-backdrop-filter:none;backdrop-filter:none;--glass-fill:#fff}
.ep-head{display:flex;align-items:center;gap:24px;height:78px}
.ep-logo{display:flex;align-items:center;flex-shrink:0}
.ep-logo img{height:48px;width:auto;display:block}
.ep-menu-btn.btn{display:none;width:42px;height:42px;padding:0;border-radius:12px;background:rgba(255,255,255,.7) !important;border:1px solid rgba(15,23,42,.08) !important;color:var(--ink) !important;box-shadow:none !important;place-items:center}

/* search (GrandNode SearchBox component) */
.ep-search{flex:1;min-width:0;position:relative}
.ep-search .searchBox .input-group{display:flex;flex-wrap:nowrap;align-items:center;height:50px;padding:0 6px 0 6px;background:rgba(255,255,255,.6);border:1.5px solid var(--line);border-radius:14px;transition:border-color .2s,box-shadow .2s,background .2s}
.ep-search .searchBox .input-group:focus-within{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px var(--brand-50)}
.ep-search .search-box-text.form-control{order:2;flex:1;min-width:0;height:100%;border:0 !important;background:none !important;box-shadow:none !important;font:inherit;font-size:15px;color:var(--ink);padding:0 12px;border-radius:0}
.ep-search .search-box-select.custom-select{order:1;flex:0 0 auto;width:auto;max-width:150px;height:30px;border:0 !important;border-right:1px solid var(--line) !important;border-radius:0 !important;background-color:transparent !important;box-shadow:none !important;font:inherit;font-size:14px;font-weight:600;color:var(--muted);padding:0 26px 0 10px}
.ep-search .input-group-append{order:3;margin:0}
.ep-search .search-box-button.btn{height:38px;padding:0 16px;border-radius:10px !important;background:var(--brand) !important;border:0 !important;color:#fff !important;box-shadow:none !important;font-weight:700}
.ep-search .search-box-button.btn:hover{background:var(--brand-600) !important}
/* search suggestions (SearchBox/Default.cshtml): products with picture, name (typed words bold), one-line description and
   the price paid; categories and brands as chips on the right; "See all results" at the bottom */
.ep-search .ep-sr{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:max(100%, 720px);max-width:calc(100vw - 32px);z-index:60;display:grid;grid-template-columns:minmax(0,1fr) 220px;max-height:min(72vh,620px);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(11,37,69,.18);font-family:"Plus Jakarta Sans",system-ui,sans-serif;text-align:left}
.ep-sr-main{max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:14px 10px 10px;min-width:0}
.ep-sr-side{max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:14px 16px;border-left:1px solid var(--line);background:#f8faf9}
.ep-sr-h{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:2px 8px 8px;line-height:1.3}
.ep-sr-side .ep-sr-h{margin:2px 0 8px}
.ep-sr-side .ep-sr-chips + .ep-sr-h{margin-top:18px}
.ep-sr-list{display:flex;flex-direction:column;gap:2px}
.ep-sr-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;color:var(--ink) !important;text-decoration:none !important}
.ep-sr-item:hover, .ep-sr-item:focus{background:var(--brand-50);outline:none}
.ep-sr-pic{flex:0 0 48px;width:48px;height:48px;border-radius:10px;background:#f4f7f5;display:grid;place-items:center;overflow:hidden}
.ep-sr-pic img{max-width:88%;max-height:88%;object-fit:contain}
.ep-sr-nopic{width:20px;height:20px;background:linear-gradient(#bfe3cc,#bfe3cc) center/6px 100% no-repeat,linear-gradient(#bfe3cc,#bfe3cc) center/100% 6px no-repeat}
.ep-sr-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ep-sr-name{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ep-sr-name mark, .ep-sr-chip mark{background:none;color:var(--brand-600);font-weight:800;padding:0}
.ep-sr-desc{font-size:12.5px;line-height:1.4;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-sr-price{flex:0 0 auto;font-weight:800;font-size:14px;color:var(--ink);white-space:nowrap}
.ep-sr-chips{display:flex;flex-wrap:wrap;gap:6px}
.ep-sr-chip{display:inline-block;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;line-height:1.3;color:#334155 !important;text-decoration:none !important}
.ep-sr-chip:hover, .ep-sr-chip:focus{border-color:var(--brand);background:var(--brand-50);color:var(--brand-600) !important;outline:none}
.ep-sr-empty{margin:4px 8px 10px;color:var(--muted);font-size:14px}
.ep-sr-all{display:block;margin:8px 8px 2px;padding:10px 12px;border-radius:12px;background:#f4f7f5;text-align:center;font-weight:700;font-size:13.5px;color:var(--brand-600) !important;text-decoration:none !important}
.ep-sr-all:hover, .ep-sr-all:focus{background:var(--brand-50);outline:none}
@media (max-width:899.98px){
  .ep-search .ep-sr{width:auto;right:0;grid-template-columns:1fr;max-height:70vh;overflow-y:auto;overscroll-behavior:contain}
  .ep-sr-main, .ep-sr-side{max-height:none;overflow:visible}
  .ep-sr-side{border-left:0;border-top:1px solid var(--line)}
}

/* header actions */
.ep-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
.ep-cart-wrap{display:contents}
.ep-icon-btn{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;font-size:13px;font-weight:600;color:var(--ink) !important;line-height:1.25;white-space:nowrap}
.ep-icon-btn:hover{background:rgba(15,23,42,.05)}
.ep-icon-btn:focus-visible, .ep-rx-btn:focus-visible, .ep-tab a:focus-visible, .ep-tab button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.ep-lbl{text-align:left}
.ep-lbl small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.ep-hd .ep-badge.qty-indicator{position:absolute;top:2px;left:26px;right:auto;bottom:auto;width:auto;min-width:18px;height:18px;margin:0;padding:0 5px;border-radius:99px;border:2px solid #fff;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;line-height:14px;text-align:center;display:block}
.ep-rx-btn{white-space:nowrap;flex-shrink:0;margin-left:6px;background:var(--accent);color:#fff !important;padding:12px 18px;border-radius:12px;font-weight:700;font-size:14px;display:flex;gap:8px;align-items:center;box-shadow:0 6px 16px rgba(255,138,61,.3)}
.ep-rx-btn:hover{background:#f57a28}
.ep-admin{color:var(--brand-600) !important}
.ep-admin .ep-lbl{display:none}

/* category menu (keeps GrandNode .desktop-nav dropdown behaviour from main.css) */
.ep-hd nav.ep-cats.desktop-nav{display:block;height:auto;margin:0;padding:0;background:transparent !important;border:0;border-top:1px solid rgba(15,23,42,.06)}
.ep-hd .ep-cats > .container{max-width:var(--ep-max);padding-left:var(--ep-gut);padding-right:var(--ep-gut)}
.ep-hd .ep-cats .Menu{display:flex !important;align-items:center;gap:4px;min-height:50px;flex-wrap:wrap}
.ep-hd .ep-cats.desktop-nav > div > .Menu > li{margin:0}
.ep-hd .ep-cats.desktop-nav > div > .Menu > li > a, .ep-hd .ep-cats.desktop-nav > div > .Menu > li > div{display:block;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600;color:#334155 !important;transition:background .25s,color .25s;cursor:pointer}
.ep-hd .ep-cats.desktop-nav > div > .Menu > li:hover > a, .ep-hd .ep-cats.desktop-nav > div > .Menu > li:hover > div{background:var(--brand-50) !important;color:var(--brand-600) !important}
.ep-hd .ep-cats.desktop-nav > div > .Menu > li.-hasSubmenu > div{padding-right:26px;position:relative}
.ep-hd .ep-cats.desktop-nav > div > .Menu > li.-hasSubmenu > div:after{top:50%;right:12px;transform:translateY(-50%);color:currentColor}


/* mega menu (desktop): hovering a top category (with a short pause, frame.js initMega adds .ep-open) opens a glass
   panel under it, sized to its columns. Second-level groups become columns with their own links; plain links sit in
   the grid; "Show <category>" becomes a header link. Overrides the old slide-in phone menu rules (common.css
   .Menu li>ul / .-visible), main.css dropdown rules and main.css promo badges (li:nth-child(7/8) a:before). */
.ep-hd .ep-cats.desktop-nav .Menu{position:relative !important}
.ep-hd .ep-cats.desktop-nav .Menu > li{position:relative !important}
.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > ul{position:absolute !important;top:100% !important;left:0;right:auto !important;bottom:auto !important;width:max-content !important;min-width:280px !important;max-width:calc(100vw - 48px);margin-top:10px;padding:20px 22px 22px !important;display:none !important;grid-template-columns:repeat(var(--ep-cols,3),minmax(180px,220px));gap:4px 22px;align-items:start;column-count:auto !important;-webkit-column-count:auto !important;border-radius:22px;border:1px solid rgba(15,23,42,.06);background:#fff !important;box-shadow:0 30px 70px rgba(11,37,69,.18);opacity:0 !important;visibility:hidden !important;transform:translateY(6px) !important;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s !important;z-index:30;max-height:min(70vh,560px);overflow-y:auto}
.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu.ep-open > ul, .ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu:focus-within > ul{display:grid !important;opacity:1 !important;visibility:visible !important;transform:none !important;transition:opacity .16s ease,transform .16s ease,visibility 0s !important}
/* closed panels are display:none so they never widen the page; hover bridge so the pointer can travel from the tab to the panel */
.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu.ep-open::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu.ep-open > div, .ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu:focus-within > div{background:var(--brand-50) !important;color:var(--brand-600) !important}
.ep-hd .ep-cats.desktop-nav .Menu ul li{display:block !important;position:static !important;border:0;margin:0;padding:0;break-inside:avoid}
.ep-hd .ep-cats.desktop-nav .Menu ul li.back{display:none !important}
.ep-hd .ep-cats.desktop-nav .Menu ul a::before, .ep-hd .ep-cats.desktop-nav .Menu ul a::after, .b-sidebar-body ul ul a::before{content:none !important;display:none !important}
.ep-hd .ep-cats.desktop-nav .Menu ul .badge{position:static;margin-left:6px;vertical-align:1px}
/* "Show Life Style" -> header row */
.ep-hd .ep-cats.desktop-nav .Menu > li > ul > li.sub-cat-name-container{grid-column:1/-1;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.ep-hd .ep-cats.desktop-nav .Menu > li > ul > li.sub-cat-name-container a{display:inline-flex !important;align-items:center;gap:6px;padding:0 !important;background:none !important;color:var(--brand-600) !important;font-weight:800;font-size:14px}
.ep-hd .ep-cats.desktop-nav .Menu > li > ul > li.sub-cat-name-container a span::after{content:" →"}
/* plain links */
.ep-hd .ep-cats.desktop-nav .Menu ul li > a{display:block;padding:7px 10px !important;border-radius:10px;font-size:13.5px !important;font-weight:500 !important;color:#334155 !important;white-space:normal !important;line-height:1.35;background:none}
.ep-hd .ep-cats.desktop-nav .Menu ul li > a:hover{background:var(--brand-50) !important;color:var(--brand-600) !important}
/* second-level groups: heading + their own list, always open inside the panel */
.ep-hd .ep-cats.desktop-nav .Menu > li > ul > li.-hasSubmenu{grid-row:span 4}
.ep-hd .ep-cats.desktop-nav .Menu > li > ul > li.-hasSubmenu > div{display:block;padding:6px 10px 4px !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.07em;text-transform:uppercase;color:var(--ink) !important;cursor:default;white-space:normal}
.ep-hd .ep-cats.desktop-nav .Menu > li > ul > li.-hasSubmenu > div::after{display:none !important}
.ep-hd .ep-cats.desktop-nav .Menu ul ul, .ep-hd .ep-cats.desktop-nav .Menu ul.sublist.next-level, .ep-hd .ep-cats.desktop-nav .Menu ul ul.-visible{position:static !important;display:block !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;background:none !important;border:0 !important;padding:0 !important;margin:0 0 6px !important;min-width:0 !important;width:auto !important;column-count:auto !important}
.ep-hd .ep-cats.desktop-nav .Menu ul ul li.sub-cat-name-container{order:99}
.ep-hd .ep-cats.desktop-nav .Menu ul ul li.sub-cat-name-container a{font-size:12.5px !important;font-weight:700 !important;color:var(--brand-600) !important}
.ep-hd .ep-cats.desktop-nav .Menu ul ul li.sub-cat-name-container a span{font-size:0}
.ep-hd .ep-cats.desktop-nav .Menu ul ul li.sub-cat-name-container a span::before{content:"View all →";font-size:12.5px}
.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > ul.-visible{transform:none !important}
@media (prefers-reduced-motion:reduce){
  .ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > ul{transition:none !important}
}

/* page container lines up with the header and footer (Bootstrap .container is 1140px) */
body.ep-skin .main-container.container{max-width:var(--ep-max);width:100%;padding-left:var(--ep-gut);padding-right:var(--ep-gut)}
/* containers nested inside the page (product page, breadcrumb) fill it instead of shrinking back to 1140px */
body.ep-skin .main-container .container{max-width:none;padding-left:0;padding-right:0}
@media (max-width:767.98px){
  body.ep-skin .main-container.container{padding-left:16px;padding-right:16px}
}

/* side panels (category menu on phone/tablet, account) */
#sidebar-menu.b-sidebar, #sidebar-right.b-sidebar{height:100vh;height:100dvh;max-width:92vw;border-radius:0 24px 24px 0;background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
#sidebar-right.b-sidebar{border-radius:24px 0 0 24px}
#sidebar-right .btn-outline-success{border-radius:12px;font-weight:700;border-color:var(--line);color:var(--ink)}
#sidebar-right .btn-outline-success:hover{background:var(--brand-50);border-color:var(--brand);color:var(--brand-600)}

/* quick cart drawer (Views/Shared/FlyoutShoppingCart.cshtml) */
#sidebar-cart.b-sidebar{height:100vh;height:100dvh;max-width:100vw;color:var(--ink) !important;background:rgba(255,255,255,.94) !important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:24px 0 0 24px;box-shadow:-20px 0 60px rgba(11,37,69,.2)}
#sidebar-cart .b-sidebar-body{display:flex;flex-direction:column;padding:0;background:transparent}
.ep-qc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 14px;border-bottom:1px solid var(--line)}
.ep-qc-head b{display:block;font-size:18px;letter-spacing:-.02em}
.ep-qc-head small{color:var(--muted);font-size:13px}
.ep-qc-x{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--bg) !important}
.ep-qc-free{margin:14px 22px 4px;padding:12px 14px;border-radius:14px;background:var(--brand-50);font-size:13px;color:#14532d}
.ep-qc-bar{display:block;height:6px;border-radius:99px;background:rgba(15,157,88,.15);margin-top:8px;overflow:hidden}
.ep-qc-bar i{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .4s}
.ep-qc-list{flex:1;overflow-y:auto;padding:6px 22px}
.ep-qc-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.ep-qc-item:last-child{border-bottom:0}
.ep-qc-pic{width:64px;height:64px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.ep-qc-pic img{max-width:100%;max-height:100%;object-fit:contain}
.ep-qc-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;color:var(--ink) !important;line-height:1.35}
.ep-qc-name:hover{color:var(--brand-600) !important}
.ep-qc-attr{font-size:12px;color:var(--muted);margin-top:2px}
.ep-qc-meta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:13px;color:var(--muted)}
.ep-qc-meta b{color:var(--ink)}
.ep-qc-rm{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#94a3b8 !important}
.ep-qc-rm:hover{background:#fff1f2 !important;color:#be123c !important}
.ep-qc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 28px;color:var(--muted);gap:14px}
.ep-qc-art{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-600)}
.ep-qc-foot{padding:16px 22px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:rgba(255,255,255,.7)}
.ep-qc-sub{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.ep-qc-sub b{font-size:20px;letter-spacing:-.02em}
.ep-qc-note{display:block;color:var(--muted);font-size:12px;margin:4px 0 14px}
.ep-qc-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ep-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:12px;font-weight:700;font-size:14px;transition:background .2s,box-shadow .2s}
.ep-btn-brand{background:var(--brand);color:#fff !important;box-shadow:0 8px 20px rgba(15,157,88,.28)}
.ep-btn-brand:hover{background:var(--brand-600)}
.ep-btn-line{background:#fff;color:var(--ink) !important;border:1.5px solid var(--line)}
.ep-btn-line:hover{border-color:var(--brand);color:var(--brand-600) !important}

/* footer — glass */
.ep-ft{position:relative;margin-top:72px;color:#475569;font-size:14px;--glass-fill:rgba(255,255,255,.6);background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,var(--glass-rim) border-box;border:1px solid transparent;border-bottom:0;border-radius:32px 32px 0 0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 -10px 40px rgba(11,37,69,.06);overflow:hidden}
.ep-ft a{color:#475569;transition:color .2s}
.ep-ft a:hover{color:var(--brand-600)}
.ep-ft-assure{display:grid;grid-template-columns:repeat(4,1fr);padding-top:26px;padding-bottom:26px;border-bottom:1px solid rgba(15,23,42,.07)}
.ep-ft-assure > div{display:flex;gap:12px;align-items:center;padding:0 18px;border-left:1px solid rgba(15,23,42,.07)}
.ep-ft-assure > div:first-child{border-left:0;padding-left:0}
.ep-i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:var(--brand-600);background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(15,157,88,.12)}
.ep-ft-assure b{display:block;color:var(--ink);font-size:14.5px}
.ep-ft-assure small{font-size:12.5px;color:var(--muted)}
.ep-ft-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:34px;padding-top:40px;padding-bottom:34px}
.ep-ft .ep-logo img{height:44px}
.ep-ft-about{margin:14px 0 18px;max-width:300px;line-height:1.6}
.ep-ft h5{color:var(--ink);font-size:14px;font-weight:700;margin:0 0 14px}
.ep-ft ul{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.ep-ft-contact{display:grid;gap:11px}
.ep-ft-contact a, .ep-ft-contact span{display:flex;gap:10px;align-items:flex-start;overflow-wrap:anywhere}
.ep-ft-contact svg{color:var(--brand-600);margin-top:2px}
.ep-ft-social, .ep-ft-store{display:flex;gap:8px;flex-wrap:wrap}
.ep-ft-store{margin-top:10px}
.ep-ft-social a, .ep-ft-store a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(30,50,80,.06);color:var(--ink);font-size:13px;font-weight:600}
.ep-ft-store small{display:block;font-size:10px;font-weight:500;color:var(--muted);line-height:1}
.ep-news{margin-top:18px}
.ep-news .input-group{display:flex;flex-wrap:nowrap;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 2px rgba(15,23,42,.06);border-radius:14px;padding:5px}
.ep-news input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ink);font:inherit;font-size:14px;padding:0 10px}
.ep-news button{background:var(--brand);color:#fff;font-weight:700;font-size:13.5px;padding:10px 14px;border-radius:10px;border:0;cursor:pointer}
.ep-news-wait, .ep-news-msg{display:block;font-size:12.5px;color:var(--brand-600);margin-top:6px}
.ep-news-msg .alert{padding:0;margin:0;border:0;background:none;color:inherit}
.ep-ft-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:24px;border-top:1px solid rgba(15,23,42,.07);font-size:12.5px;color:var(--muted)}
.ep-ft-pay{display:flex;gap:6px;flex-wrap:wrap}
.ep-ft-pay span{border:1px solid rgba(15,23,42,.1);border-radius:8px;padding:4px 9px;font-weight:700;color:#475569;font-size:11.5px;background:rgba(255,255,255,.7)}

/* home slider fallback (frame.js startCarousel) */
.ep-carousel .carousel-item.active{animation:ep-fade .6s ease}
@keyframes ep-fade{from{opacity:.35}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.ep-carousel .carousel-item.active{animation:none}}

/* back to top + phone tab bar */
.ep-to-top{position:fixed;right:22px;bottom:84px;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;z-index:1010;color:var(--ink) !important;opacity:0;translate:0 12px;pointer-events:none;transition:.3s;--glass-fill:rgba(255,255,255,.75);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-to-top.show{opacity:1;translate:0 0;pointer-events:auto}
.ep-tab{display:none}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ep-hd, .ep-ft, .ep-to-top{--glass-fill:rgba(255,255,255,.96)}
}
@media (prefers-reduced-transparency:reduce){
  .ep-hd, .ep-ft, .ep-to-top, .ep-tab{background:#fff !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
}
@media (prefers-reduced-motion:reduce){
  .ep-hd, .ep-to-top, .ep-qc-bar i{transition:none}
}

@media (max-width:1399.98px){
  .ep-actions > .ep-icon-btn:first-child .ep-lbl{display:none}
}
@media (max-width:1199.98px){
  .ep-hd .ep-lbl, .ep-util .ep-hide-lg, .ep-rx-btn span{display:none}
  .ep-search .search-box-select.custom-select{display:none}
  .ep-logo img{height:40px}
  .ep-ft-assure{grid-template-columns:1fr 1fr;row-gap:18px}
  .ep-ft-assure > div:nth-child(3){border-left:0;padding-left:0}
  .ep-ft-main{grid-template-columns:1fr 1fr 1fr}
  .ep-ft-main > div:first-child{grid-column:1/-1}
}
@media (max-width:991.98px){
  .ep-head{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px;gap:12px}
  .ep-menu-btn.btn{display:grid}
  .ep-search{order:3;flex-basis:100%}
  .ep-actions{margin-left:auto}
  .ep-hd nav.ep-cats.desktop-nav{display:none}
}
@media (max-width:767.98px){
  .ep-wrap, .ep-hd .ep-cats > .container{padding-left:16px;padding-right:16px}
  .ep-util-r{display:none}
  .ep-util{font-size:12px}
  .ep-actions > .ep-icon-btn:first-child, .ep-rx-btn, .ep-admin{display:none}
  .ep-hd.tucked{transform:translateY(calc(-1 * var(--ep-tuck,0px)))}
  .ep-search .searchBox .input-group{height:46px}
  body.ep-skin{padding-bottom:96px}
  .ep-tab{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1015;justify-content:space-around;align-items:flex-end;padding:8px 6px;border-radius:28px;--glass-fill:rgba(255,255,255,.7);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),0 12px 30px rgba(11,37,69,.18)}
  .ep-tab a, .ep-tab button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:600;color:var(--muted) !important;padding:6px 0;border-radius:18px;line-height:1.2}
  .ep-tab a.on, .ep-tab button.on{color:var(--brand-600) !important}
  .ep-tab-rx span{width:52px;height:52px;margin-top:-26px;border-radius:50%;background:linear-gradient(180deg,#ff9a55,var(--accent));color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(255,138,61,.45),inset 0 1.5px 0 rgba(255,255,255,.5);border:3px solid rgba(255,255,255,.9)}
  .ep-tab a.ep-tab-rx{color:var(--accent) !important}
  .ep-tab-badge{position:absolute;top:2px;left:calc(50% + 4px);background:var(--accent);color:#fff;font-style:normal;font-size:10px;font-weight:700;min-width:17px;height:17px;padding:0 4px;border-radius:99px;display:grid;place-items:center;border:2px solid #fff}
  .ep-to-top{bottom:100px}
  #sidebar-cart.b-sidebar{border-radius:0}
  .ep-ft{margin-top:48px;border-radius:24px 24px 0 0}
  .ep-ft-assure{grid-template-columns:1fr;padding-top:22px;padding-bottom:22px}
  .ep-ft-assure > div{border-left:0;padding:0}
  .ep-ft-main{grid-template-columns:1fr 1fr;gap:26px;padding-top:30px;padding-bottom:24px}
  .ep-ft-main > div:last-child{grid-column:1/-1}
  .ep-ft-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:575.98px){
  .ep-util-l > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ep-logo img{height:34px}
  .ep-icon-btn{padding:8px}
  .ep-hd .ep-badge.qty-indicator{left:20px}
  .ep-qc-btns{grid-template-columns:1fr}
}

/* wishlist heart: filled red when the product is in the wishlist (frame.js markHearts) */
.heartBtn.ep-wished, .add-to-wishlist-button.ep-wished, .ep-card-wish.ep-wished{color:#e11d48 !important;background:#fff1f3 !important;border-color:#fecdd3 !important}
.heartBtn.ep-wished svg, .heartBtn.ep-wished svg path, .add-to-wishlist-button.ep-wished svg path, .ep-card-wish.ep-wished svg, .ep-card-wish.ep-wished svg path{fill:#e11d48 !important;color:#e11d48 !important;stroke:#e11d48}
.heartBtn.ep-wished, .ep-card-wish.ep-wished{animation:ep-pop .32s ease}
@keyframes ep-pop{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}
/* toast */
.ep-toast{position:fixed;left:50%;bottom:28px;z-index:2000;display:flex;align-items:center;gap:14px;padding:12px 16px 12px 18px;border-radius:16px;background:rgba(11,37,69,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font:600 14px/1.3 "Plus Jakarta Sans",system-ui,sans-serif;box-shadow:0 18px 40px rgba(11,37,69,.3);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.ep-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.ep-toast a{color:#5cf0a5 !important;font-weight:700;text-decoration:none;white-space:nowrap}
@media (max-width:767.98px){.ep-toast{bottom:96px;max-width:calc(100% - 32px)}}

/* festival / offer link in the category menu (frame.js initOfferNav): festive pill, phone menu row */
.ep-cats .Menu > li.ep-nav-offer-li{margin-left:auto}
.ep-cats .Menu > li > a.ep-nav-offer, #sidebar-menu .Menu > li > a.ep-nav-offer{position:relative;overflow:hidden;display:inline-flex !important;align-items:center;gap:6px;padding:7px 14px !important;border-radius:999px !important;background:linear-gradient(120deg,#ff7a1a 0%,#e11d48 55%,#a21caf 100%) !important;color:#fff !important;font-weight:800 !important;font-size:14px !important;text-shadow:none !important;box-shadow:0 6px 16px rgba(225,29,72,.28);text-decoration:none !important;line-height:1.2}
.ep-cats .Menu > li > a.ep-nav-offer *, #sidebar-menu .Menu > li > a.ep-nav-offer *{color:#fff !important;font-size:inherit !important;font-weight:inherit !important;text-shadow:none !important;background:none !important;-webkit-text-fill-color:#fff !important}
.ep-cats .Menu > li > a.ep-nav-offer::before, #sidebar-menu .Menu > li > a.ep-nav-offer::before{content:"✦" !important;display:inline !important;position:static !important;font-size:12px;color:#fde68a;background:none !important;padding:0 !important;margin:0 !important;transform:none !important;border:0 !important;box-shadow:none !important;width:auto !important;height:auto !important}
.ep-cats .Menu > li > a.ep-nav-offer::after, #sidebar-menu .Menu > li > a.ep-nav-offer::after{content:"" !important;display:block !important;position:absolute !important;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent) !important;transform:skewX(-20deg);animation:ep-shine 3.2s ease-in-out infinite;border:0 !important;height:auto !important}
.ep-cats .Menu > li > a.ep-nav-offer:hover{filter:brightness(1.06);transform:translateY(-1px)}
@keyframes ep-shine{0%,60%{left:-60%}100%{left:130%}}
#sidebar-menu .Menu > li > a.ep-nav-offer{display:flex !important;margin:6px 0;border-radius:14px !important;padding:12px 16px !important}
@media (prefers-reduced-motion:reduce){.ep-nav-offer::after{animation:none !important;display:none !important}}

/* offer topic page (frame.js initOfferPage): banner, glass brand cards, tap-to-copy coupon */
.ep-offer-wrap .page-title h1, .ep-offer-wrap .page-title .generalTitle{font-size:clamp(26px,3vw,34px) !important;font-weight:800 !important;letter-spacing:-.03em;color:var(--ink) !important;text-transform:none !important;text-align:left !important;border:0 !important;padding:0 !important;margin:8px 0 16px !important}
.ep-offer-wrap .page-title h1::before, .ep-offer-wrap .page-title .generalTitle::before{content:"Festival offer";display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-600);margin-bottom:4px}
.ep-offer-wrap .page-title h1::after, .ep-offer-wrap .page-title .generalTitle::after{display:none !important}
.ep-offer-page > p:first-child img{border-radius:24px;box-shadow:0 14px 34px rgba(11,37,69,.12);display:block;height:auto}
.ep-offer-page > p:first-child{margin-bottom:24px}
.ep-offer-page .row{margin:0 -8px}
.ep-offer-page .row > [class*="col-"]{padding:0 8px}
.ep-offer-page .card{position:relative;height:calc(100% - 16px);margin-bottom:16px !important;border:1px solid rgba(255,255,255,.95) !important;border-radius:22px !important;background:rgba(255,255,255,.8) !important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 16px rgba(11,37,69,.06);overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.ep-offer-page .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,37,69,.12)}
.ep-offer-page .card-body{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px !important}
.ep-offer-page .card-body > a{display:grid;place-items:center;aspect-ratio:1/1;border-radius:16px;background:#fff}
.ep-offer-page .card-body > a img{max-width:78%;max-height:78%;width:auto;height:auto;object-fit:contain}
.ep-offer-page .badge-danger{top:12px !important;right:12px !important;z-index:2;border-radius:999px !important;padding:5px 10px !important;font-size:11.5px !important;font-weight:800 !important;background:#e11d48 !important;box-shadow:0 4px 10px rgba(225,29,72,.25)}
.ep-offer-page .ep-code{display:flex !important;align-items:center;justify-content:space-between;gap:8px;margin:0 !important;padding:9px 12px !important;border-radius:12px !important;border:1.5px dashed rgba(15,157,88,.45);background:var(--brand-50) !important;color:var(--brand-600) !important;font-size:14px !important;font-weight:800 !important;letter-spacing:.04em;cursor:pointer;white-space:nowrap;text-align:left}
.ep-offer-page .ep-code strong{display:block !important;margin:0 !important;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ep-offer-page .ep-code::after{content:"Copy";font-size:11.5px;font-weight:800;letter-spacing:0;padding:4px 9px;border-radius:999px;background:var(--brand);color:#fff}
.ep-offer-page .ep-code.ep-copied::after{content:"Copied ✓"}
.ep-offer-page .ep-code:hover{border-color:var(--brand)}
.ep-offer-page .ep-code{flex-wrap:wrap;row-gap:4px;font-size:13.5px !important;padding:8px 10px !important}
.ep-offer-page .ep-code strong{flex:0 0 100%}
.ep-offer-page .ep-code::after{margin-left:auto}
/* keep the offer pill's gradient and white text on hover (beats the menu's generic li:hover > a rule) */
.ep-hd .ep-cats.desktop-nav > div > .Menu > li.ep-nav-offer-li:hover > a.ep-nav-offer, .ep-hd .ep-cats.desktop-nav > div > .Menu > li.ep-nav-offer-li > a.ep-nav-offer:focus-visible{background:linear-gradient(120deg,#ff7a1a 0%,#e11d48 55%,#a21caf 100%) !important;color:#fff !important;filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 22px rgba(225,29,72,.36)}
.ep-hd .ep-cats.desktop-nav > div > .Menu > li.ep-nav-offer-li:hover > a.ep-nav-offer *{color:#fff !important;-webkit-text-fill-color:#fff !important}

/* menu chevron: centred on the label, turns up while the panel is open */
.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > div{position:relative;padding-right:28px !important}
.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > div::after{content:"" !important;display:block !important;position:absolute !important;top:50% !important;right:12px !important;left:auto !important;bottom:auto !important;width:7px !important;height:7px !important;margin:0 !important;padding:0 !important;border:0 !important;border-right:2px solid currentColor !important;border-bottom:2px solid currentColor !important;border-radius:1px;background:none !important;-webkit-mask:none !important;mask:none !important;opacity:.6;transform:translateY(-70%) rotate(45deg) !important;transition:transform .2s ease,opacity .2s}
.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu.ep-open > div::after, .ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu:focus-within > div::after{opacity:1;transform:translateY(-25%) rotate(225deg) !important}

/* old main.css / mobile-main.css put text badges on menu items by position (li:nth-child(7) "Vaccine & Blood Test",
   li:nth-child(8) "UPTO 50% OFF"), so they land on the wrong item whenever the menu changes. Removed; menu badges
   come only from the category "Flag" set in admin (e.g. "Offer", "New"). The offer pill's ✦ is kept. */
.desktop-nav > .container > ul > li > a:not(.ep-nav-offer)::before, .desktop-nav > .container > ul > li > a:not(.ep-nav-offer):before,
.b-sidebar-body ul li > a:not(.ep-nav-offer)::before, .b-sidebar-body ul li > a:not(.ep-nav-offer):before{content:none !important;display:none !important;animation:none !important}

/* 404 page (Views/Common/PageNotFound.cshtml .ep-404), ported from pages/404.html */
.ep-404{font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);padding:18px 0 8px}
.ep-404 .ep-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px}
.ep-404 .ep-crumbs a{color:var(--muted)}
.ep-404 .ep-crumbs a:hover{color:var(--brand-600)}
.ep-404 .ep-crumbs span[aria-hidden]{opacity:.5}
.ep-404 .ep-crumbs [aria-current]{color:var(--ink);font-weight:600}
.ep-nf{display:grid;grid-template-columns:340px minmax(0,1fr);gap:40px;align-items:center;padding:44px 48px;max-width:980px;margin:10px auto 0;border-radius:28px;--glass-fill:rgba(255,255,255,.58);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-nf-art{position:relative;display:grid;place-items:center}
.ep-nf-art .glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(92,240,165,.35),transparent 68%)}
.ep-nf-art svg{position:relative;width:240px;height:auto;animation:ep-bob 5s ease-in-out infinite}
.ep-nf-art .pill{transform-box:fill-box;transform-origin:center}
.ep-nf-art .p1{animation:ep-tumble 6s ease-in-out infinite}
.ep-nf-art .p2{animation:ep-tumble 7s ease-in-out infinite reverse}
@keyframes ep-bob{50%{transform:translateY(-8px) rotate(-2deg)}}
@keyframes ep-tumble{50%{transform:translateY(-6px) rotate(25deg)}}
.ep-nf-code{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--brand-600);text-transform:uppercase}
.ep-nf h1{font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:8px 0 0;color:var(--ink)}
.ep-nf p{color:var(--muted);margin:10px 0 22px;font-size:15.5px;max-width:460px}
.ep-nf-search{display:flex;gap:8px}
.ep-nf-search input{flex:1;min-width:0;height:52px;border-radius:16px;border:1.5px solid rgba(15,23,42,.12);background:rgba(255,255,255,.8);padding:0 16px;font:inherit;font-size:15px;color:var(--ink);outline:none}
.ep-nf-search input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-50)}
.ep-nf-search button{height:52px;padding:0 22px;border-radius:16px;border:0;background:var(--brand);color:#fff;font:700 15px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(15,157,88,.28),inset 0 1px 0 rgba(255,255,255,.3)}
.ep-nf-search button:hover{background:var(--brand-600)}
.ep-nf-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.ep-nf-quick a{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(30,50,80,.05);font-weight:700;font-size:14px;color:var(--ink) !important;text-decoration:none !important;transition:transform .2s,box-shadow .2s}
.ep-nf-quick a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,50,80,.1)}
.ep-nf-quick a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.ep-nf-quick i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:17px;font-weight:800}
.ep-nf-help{text-align:center;color:var(--muted);font-size:14px;margin-top:22px}
.ep-nf-help a{color:var(--brand-600);font-weight:700}
@media (max-width:991.98px){
  .ep-nf{grid-template-columns:1fr;text-align:center;padding:30px 22px;gap:10px}
  .ep-nf-art svg{width:180px}
  .ep-nf p{margin-left:auto;margin-right:auto}
  .ep-nf-quick{grid-template-columns:1fr 1fr;text-align:left}
}
@media (max-width:767.98px){
  .ep-nf h1{font-size:28px}
  .ep-nf-search{flex-direction:column}
  .ep-nf-search input{flex:none;width:100%}
}
@media (prefers-reduced-motion:reduce){.ep-nf-art svg, .ep-nf-art .pill{animation:none}}

/* Breadcrumb (all pages) on the design (.crumbs): small grey links, "›" separators, no underline or icon */
body.ep-skin .breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 14px !important;padding:16px 0 0 !important;border:0 !important;background:none !important;font-size:13px;color:var(--muted)}
body.ep-skin .breadcrumb .breadcrumb-item{padding:0 !important;display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
body.ep-skin .breadcrumb .breadcrumb-item + .breadcrumb-item::before{content:"\203A" !important;padding:0 !important;float:none;color:var(--muted);opacity:.5}
body.ep-skin .breadcrumb a{color:var(--muted) !important;text-decoration:none}
body.ep-skin .breadcrumb a:hover{color:var(--brand-600) !important}
body.ep-skin .breadcrumb .b-icon, body.ep-skin .breadcrumb svg{display:none}
body.ep-skin .breadcrumb .active, body.ep-skin .breadcrumb .active *, body.ep-skin .breadcrumb .current-item{color:var(--ink) !important;font-weight:600}

/* Skin Analyzer entry points (frame.js initSkin; admins only until launch) */
.ep-cats .Menu > li.ep-nav-skin-li{margin-left:auto}
.ep-cats .Menu > li.ep-nav-skin-li + li.ep-nav-offer-li{margin-left:8px}
a.ep-nav-skin{display:inline-flex !important;align-items:center;gap:6px;padding:6px 12px !important;border-radius:999px !important;background:#fdf2f8 !important;border:1px solid #fbcfe8;color:#9d174d !important;font-weight:700 !important;font-size:13.5px !important;line-height:1.2;text-decoration:none !important;white-space:nowrap;transition:background .2s,transform .2s}
a.ep-nav-skin:hover{background:#fce7f3 !important;transform:translateY(-1px)}
a.ep-nav-skin svg{flex:none}
a.ep-nav-skin em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:99px;background:#9d174d;color:#fff}
a.ep-nav-skin::before,a.ep-nav-skin::after{display:none !important}
#sidebar-menu .Menu > li.ep-nav-skin-li{padding:10px 16px}
.ep-home .quick-grid:has(.ep-qa-skin){grid-template-columns:repeat(7,minmax(0,1fr))}
.ep-home .ic-skin{background:#fdf2f8;color:#be185d}
.ep-home .ic-skin::before{display:none !important}
.ep-home .ic-skin svg{width:26px;height:26px}
@media (max-width:1199.98px){.ep-home .quick-grid:has(.ep-qa-skin){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767.98px){.ep-home .quick-grid:has(.ep-qa-skin) .qa{padding:10px 2px;min-width:0}.ep-home .quick-grid:has(.ep-qa-skin) .qa b{font-size:12px;overflow-wrap:anywhere}}
.ep-chap-intro a.ep-skin-chip{position:relative;z-index:1;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);color:var(--deep) !important;font-size:12.5px;font-weight:700;text-decoration:none !important}
.ep-chap-intro .ep-art + a.ep-skin-chip{margin-top:10px}
.ep-skin-banner{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:14px 16px;border-radius:18px;background:linear-gradient(120deg,#fdf2f8,#f5f3ff);border:1px solid #fbcfe8}
.ep-skin-banner .ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#be185d}
.ep-skin-banner .ic svg{width:22px;height:22px}
.ep-skin-banner b{display:block;font-size:14.5px;color:var(--ink)}
.ep-skin-banner small{display:block;font-size:12.5px;color:var(--muted)}
.ep-skin-banner a.go{margin-left:auto;flex:none;padding:9px 14px;border-radius:10px;background:#9d174d;color:#fff !important;font-weight:700;font-size:13px;text-decoration:none !important;white-space:nowrap}
@media (max-width:575.98px){.ep-skin-banner{flex-wrap:wrap}.ep-skin-banner > div{flex:1 1 calc(100% - 60px)}.ep-skin-banner a.go{margin-left:56px}}
a.ep-skin-line{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:10px 14px;border-radius:14px;background:#fdf2f8;border:1px solid #fbcfe8;color:#9d174d !important;font-size:13px;text-decoration:none !important}
a.ep-skin-line b{text-decoration:underline}
/* Skin Analyzer + offer pills: same height, same centre line; never touch the menu items */
.ep-cats .Menu > li.ep-nav-skin-li,.ep-cats .Menu > li.ep-nav-offer-li{display:flex !important;align-items:center;align-self:center;padding-top:0 !important;padding-bottom:0 !important}
.ep-cats .Menu > li.ep-nav-skin-li{margin-left:auto;padding-left:12px !important}
.ep-cats .Menu > li.ep-nav-skin-li > a.ep-nav-skin,.ep-cats .Menu > li.ep-nav-offer-li > a.ep-nav-offer{height:34px;margin:0 !important;padding-top:0 !important;padding-bottom:0 !important;box-sizing:border-box}
@media (max-width:1439.98px){a.ep-nav-skin{padding:0 10px !important;gap:5px;font-size:13px !important}a.ep-nav-skin em{display:none}}
@media (max-width:1299.98px){a.ep-nav-skin span{display:none}a.ep-nav-skin em{display:inline}}
/* home page section dots (frame.js initDotsNav), as in the design */
.ep-dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:40;opacity:0;pointer-events:none;transition:opacity .3s}
.ep-dots.show{opacity:1;pointer-events:auto}
.ep-dots a{display:block;width:10px;height:10px;border-radius:9px;background:#cbd5e1;position:relative;transition:height .3s,background .3s}
.ep-dots a:hover{background:#94a3b8}
.ep-dots a.active{background:var(--brand,#0f9d58);height:28px}
.ep-dots a span{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;background:rgba(11,37,69,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .2s}
.ep-dots a:hover span,.ep-dots a:focus-visible span{opacity:1}
@media (max-width:1279.98px){.ep-dots{display:none}}
body.modal-open .ep-dots{display:none}
/* category bar stays on one line on smaller laptops (992–1279px) */
@media (min-width:992px) and (max-width:1279.98px){
  .ep-cats .Menu > li > div,.ep-cats .Menu > li > a:not(.ep-nav-skin):not(.ep-nav-offer){padding-left:8px !important;padding-right:20px !important;font-size:13px !important}
  .ep-cats .Menu > li > a.ep-nav-offer{padding:6px 11px !important;font-size:13px !important}
  .ep-cats .Menu{column-gap:2px !important}
}
@media (min-width:992px) and (max-width:1099.98px){
  .ep-cats .Menu > li > div,.ep-cats .Menu > li > a:not(.ep-nav-skin):not(.ep-nav-offer){padding-left:6px !important;padding-right:17px !important;font-size:12.5px !important}
}
@media (min-width:992px) and (max-width:1279.98px){.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > div{padding-right:20px !important}}
@media (min-width:992px) and (max-width:1099.98px){.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > div{padding-right:17px !important}}
@media (min-width:992px) and (max-width:1279.98px){.ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > div::after{right:7px !important;width:6px !important;height:6px !important}}
@media (min-width:992px) and (max-width:1199.98px){
  .ep-cats .Menu > li > div,.ep-cats .Menu > li > a:not(.ep-nav-skin):not(.ep-nav-offer){padding-left:6px !important;font-size:12.5px !important}
  .ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > div{padding-right:17px !important}
}
@media (min-width:1280px) and (max-width:1439.98px){
  .ep-cats .Menu > li > div,.ep-cats .Menu > li > a:not(.ep-nav-skin):not(.ep-nav-offer){padding-left:11px !important}
  .ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > div{padding-right:25px !important}
  .ep-hd .ep-cats.desktop-nav .Menu > li.-hasSubmenu > div::after{right:10px !important}
}
/* phone menu drawer: Skin Analyzer pill always shows its label */
#sidebar-menu a.ep-nav-skin span{display:inline !important}
#sidebar-menu a.ep-nav-skin em{display:inline !important}
#sidebar-menu a.ep-nav-skin{padding:10px 14px !important;font-size:14px !important}

/* ===== Phone menu, design option A (frame.js initPhoneMenu) ===== */
#sidebar-menu.ep-mm-on{width:min(92vw,380px) !important;background:#fff !important}
#sidebar-menu.ep-mm-on .Menu{display:none !important}
#sidebar-menu.ep-mm-on .b-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px !important;background:#fff;border:0 !important}
#sidebar-menu .mm-logo img{height:36px;width:auto;display:block}
#sidebar-menu.ep-mm-on .b-sidebar-header .close{width:38px;height:38px;border-radius:12px;background:var(--bg,#f5f7fa) !important;display:grid;place-items:center;opacity:1;margin:0 0 0 auto;font-size:20px}
#sidebar-menu.ep-mm-on .b-sidebar-body{padding:0 !important;background:#fff}
.ep-mm{padding:4px 0 18px;font-family:inherit;color:var(--ink)}
.ep-mm a{text-decoration:none !important;color:inherit}
.ep-mm .mm-acct{display:flex;align-items:center;gap:12px;margin:4px 16px 14px;padding:14px 16px;border-radius:18px;background:linear-gradient(120deg,var(--navy,#0b2545),#13315c 55%,#0b6b48);color:#fff !important}
.ep-mm .mm-acct .av{flex:none;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-weight:800;font-size:15px}
.ep-mm .mm-acct .tx{min-width:0}
.ep-mm .mm-acct b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-mm .mm-acct small{display:block;font-size:12.5px;opacity:.82}
.ep-mm .mm-acct .go{margin-left:auto;font-size:24px;line-height:1;opacity:.8}
.ep-mm .mm-qa{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 16px 16px}
.ep-mm .mm-qa a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:16px;background:var(--bg,#f5f7fa);font-size:12px;font-weight:700;text-align:center}
.ep-mm .mm-qa .ic{width:38px;height:38px;border-radius:12px;background:#fff;color:var(--brand-600,#0b8549);display:grid;place-items:center;box-shadow:0 2px 6px rgba(11,37,69,.06)}
.ep-mm .mm-qa svg,.ep-mm .row .ic svg{width:21px;height:21px}
.ep-mm .mm-lbl{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#5b6b7f);padding:4px 20px 8px}
.ep-mm .mm-cat{border-top:1px solid rgba(15,23,42,.06)}
.ep-mm .mm-cat:last-child{border-bottom:1px solid rgba(15,23,42,.06)}
.ep-mm .row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;text-align:left;font:inherit;font-size:15.5px;font-weight:700;color:var(--ink);background:none;border:0;cursor:pointer}
.ep-mm .row .ic{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--b);color:var(--c)}
.ep-mm .row .nm{min-width:0}
.ep-mm .row .chev{margin-left:auto;font-size:22px;line-height:1;color:#94a3b8;transition:transform .2s}
.ep-mm .mm-cat.open .chev{transform:rotate(90deg)}
.ep-mm .subs{display:none;flex-wrap:wrap;gap:6px;padding:0 16px 14px 68px}
.ep-mm .mm-cat.open .subs{display:flex}
.ep-mm .subs a{padding:7px 12px;border-radius:99px;background:var(--b);color:var(--c) !important;font-size:13px;font-weight:600}
.ep-mm .subs a.all{background:var(--c);color:#fff !important}
.ep-mm .bdg{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:99px;margin-left:6px;vertical-align:2px}
.ep-mm .bdg.o{background:#fef3c7;color:#b45309}.ep-mm .bdg.n{background:#fee2e2;color:#b91c1c}
.ep-mm .t1{--c:#9a3412;--b:#fff1e6}.ep-mm .t2{--c:#9d174d;--b:#fdf2f8}.ep-mm .t3{--c:#6b21a8;--b:#f3e8ff}.ep-mm .t4{--c:#0e7490;--b:#ecfeff}
.ep-mm .t5{--c:#be185d;--b:#fce7f3}.ep-mm .t6{--c:#b45309;--b:#fef3c7}.ep-mm .t7{--c:#065f46;--b:#e9f7ef}.ep-mm .t8{--c:#0369a1;--b:#e0f2fe}
.ep-mm .mm-promos{display:grid;gap:8px;margin:16px}
.ep-mm .promo{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;font-weight:800;font-size:14.5px}
.ep-mm .promo .pi{font-size:15px}
.ep-mm .promo.sk{background:#fdf2f8;color:#9d174d !important;border:1px solid #fbcfe8}
.ep-mm .promo.sk em{margin-left:auto;font-style:normal;font-size:10.5px;padding:3px 8px;border-radius:99px;background:#9d174d;color:#fff}
.ep-mm .promo.of{background:linear-gradient(120deg,#ff7a1a,#e11d48 55%,#a21caf);color:#fff !important}
.ep-mm .mm-help{margin:6px 16px 0;padding:14px;border-radius:16px;background:var(--bg,#f5f7fa);font-size:13px;color:#475569}
.ep-mm .mm-help b{display:block;color:var(--ink);font-size:14px}
.ep-mm .mm-help a{color:var(--brand-600) !important;font-weight:700}
#sidebar-menu.ep-mm-on .b-sidebar-header{flex-direction:row !important}
#sidebar-menu.ep-mm-on .b-sidebar-header .mm-logo{order:1;margin-right:auto}
#sidebar-menu.ep-mm-on .b-sidebar-header > span{display:none}
#sidebar-menu.ep-mm-on .b-sidebar-header .close{order:2}
/* "/" search shortcut hint inside the header search box (desktop only; hidden while typing or when the box has text) */
.ep-search .ep-kbd{order:2;flex:0 0 auto;align-self:center;margin:0 8px 0 0;min-width:24px;height:24px;padding:0 7px;border:1px solid var(--line);border-bottom-width:2px;border-radius:7px;background:#fff;color:var(--muted);font:700 12.5px/21px "Plus Jakarta Sans",system-ui,sans-serif;text-align:center;box-shadow:none;pointer-events:none}
.ep-search .input-group:focus-within .ep-kbd, .ep-search .input-group.ep-has-q .ep-kbd{display:none}
@media (hover:none), (max-width:991.98px){.ep-search .ep-kbd{display:none}}