/* ============================================================
   MARIAD ep.airod.dev — global brand CSS
   Fonts: Stratum1 (headers, full weight range) + Inter Tight (body)
   Dark Blaklader-style header.
   ============================================================ */

/* ---------- Rajdhani (headers) ---------- */
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:300;font-display:swap;src:url('/media/fonts/Rajdhani-Light.ttf?v=2') format('truetype')}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:400;font-display:swap;src:url('/media/fonts/Rajdhani-Regular.ttf?v=2') format('truetype')}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:500;font-display:swap;src:url('/media/fonts/Rajdhani-Medium.ttf?v=2') format('truetype')}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url('/media/fonts/Rajdhani-SemiBold.ttf?v=2') format('truetype')}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:700;font-display:swap;src:url('/media/fonts/Rajdhani-Bold.ttf?v=2') format('truetype')}

/* ---------- Inter Tight (body) — variable ---------- */
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:swap;src:url('/media/fonts/InterTight-var.ttf') format('truetype-variations')}

/* ---------- global font application ---------- */
body{font-family:'Inter Tight',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Rajdhani','Inter Tight',sans-serif;letter-spacing:-.01em;}

/* ============================================================
   DARK HEADER — Blaklader 1:1 (announcement bar + single nav row)
   ============================================================ */
:root{ --ep-green:#139570; --ep-green-d:#0f7a5c; --ep-navy:#313963; --ep-head:#0f1720; --ep-head2:#0b1119; }

/* --- FULL WIDTH everywhere: the whole site uses edge-to-edge containers (44px gutter) --- */
.container{max-width:none !important;padding-left:44px;padding-right:44px;}
@media(max-width:768px){.container{padding-left:20px;padding-right:20px;}}

/* --- announcement / top bar --- */
.ep-topbar{background:var(--ep-head2);color:#c4ccd8;font-size:.82rem;}
.ep-topbar .container{position:relative;max-width:none;padding-left:44px;padding-right:44px;}
.ep-headbar .container{max-width:none;padding-left:44px;padding-right:44px;}
.ep-topbar-row{display:flex;align-items:center;justify-content:center;min-height:44px;position:relative;}
.ep-topbar-msg{text-align:center;padding:0 1rem;}
.ep-topbar-msg a{color:#dfe4ec;text-decoration:underline;text-underline-offset:2px;}
.ep-topbar-msg a:hover{color:#fff;}
.ep-topbar-right{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;gap:1.15rem;}
.ep-topbar-link{color:#c4ccd8 !important;text-decoration:none;white-space:nowrap;}
.ep-topbar-link:hover{color:#fff !important;}
.ep-topbar-right .dropdown-toggle,.ep-topbar-right .btn{color:#c4ccd8 !important;padding:.15rem .3rem;font-size:.82rem;}
.ep-topbar-right .dropdown-menu{background:#141c27;}
.ep-topbar-right .dropdown-menu a{color:#dfe4ec !important;}
.ep-topbar-right .dropdown-menu a:hover{background:#1d2836;color:#fff !important;}
.ep-topbar-right .col-auto{padding:0;}
@media(max-width:991px){
  .ep-topbar .container{padding-left:14px;padding-right:14px;}
  .ep-topbar-row{justify-content:center;}
  .ep-topbar-right{display:none;}
  .ep-topbar-msg{padding:0;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.74rem;}
}

/* --- main nav row (logo + menu + icons) --- */
.ep-headbar{background:var(--ep-head);border-bottom:1px solid #1e2a3b;}
.ep-nav-row{display:flex;align-items:center;gap:1.2rem;min-height:78px;}
.ep-nav-left{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;}
.ep-nav-left svg,.ep-nav-left .icon{color:#fff;}
.ep-logo{display:inline-block;width:196px;line-height:0;position:relative;z-index:40;margin-top:-32px;margin-bottom:-6px;}
.ep-logo img{width:100%;height:auto;display:block;}
/* let the oversized logo overflow up into the top bar */
.ep-headbar,.ep-headbar .container,.ep-nav-row,.ep-nav-left{overflow:visible;}
.ep-topbar{position:relative;z-index:5;}
@media(max-width:991px){ .ep-logo{width:170px;margin-top:0;margin-bottom:0;} }
.ep-nav-menu{display:none;flex:1;justify-content:center;align-items:center;gap:1.9rem;}
.ep-nav-item{color:#eef1f6 !important;text-decoration:none;font-family:'Rajdhani','Inter Tight',sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.03em;font-size:.85rem;white-space:nowrap;}
.ep-nav-item:hover{color:#3fbf95 !important;}
.ep-nav-right{display:flex;align-items:center;gap:1.15rem;flex:0 0 auto;margin-left:auto;}
.ep-nav-ico{color:#fff !important;display:inline-flex;align-items:center;gap:.42rem;text-decoration:none;background:transparent;border:0;cursor:pointer;}
.ep-nav-ico:hover{color:#3fbf95 !important;}
.ep-nav-ico svg,.ep-nav-ico .icon{width:27px;height:27px;}
.ep-nav-ico-label{font-size:.9rem;}
.ep-nav-right svg,.ep-nav-right .btn,.ep-nav-right button{color:#fff !important;}
/* cart widget: keep bag icon + count badge, hide the price text (Blaklader shows icon only) */
.ep-nav-right .position-relative span.d-lg-block{display:none !important;}
.ep-nav-right .col-auto{padding:0;width:auto;}
@media(min-width:992px){ .ep-nav-menu{display:flex;} }
@media(max-width:991px){
  .ep-headbar .container{padding-left:12px;padding-right:12px;}
  .ep-nav-left{gap:.55rem;flex:0 0 auto;}
  .ep-logo{width:150px;margin:0;}
  .ep-nav-right{gap:.7rem;}
  .ep-nav-ico svg,.ep-nav-ico .icon{width:24px;height:24px;}
  .ep-nav-search .ep-nav-ico-label{display:none;}
}

/* --- mobile offcanvas menu (hidden on desktop) --- */
.ep-navbar-mobile .w-100.border-bottom{border:0 !important;}
@media(min-width:992px){ .ep-navbar-mobile{display:none !important;} }
.ep-navbar-mobile .offcanvas,.ep-navbar-mobile .offcanvas-lg{background:var(--ep-head);color:#fff;}
.ep-navbar-mobile .offcanvas-title{color:#fff;}
.ep-navbar-mobile .navbar-nav a,.ep-navbar-mobile .nav-link{color:#eef1f6 !important;text-transform:uppercase;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;}
.ep-navbar-mobile .navbar-nav a:hover{color:#3fbf95 !important;}
.ep-navbar-mobile .btn-close{filter:invert(1);}
/* mobile + tablet (hamburger active): behave like a real phone — overlay scrollbar,
   full-screen drawers. No gutter, no layout shift, nothing clipped. */
@media(max-width:991.98px){
  html{scrollbar-width:none;}
  html,body{overflow-x:hidden;}
  html::-webkit-scrollbar{width:0;height:0;}
  .offcanvas.offcanvas-wide,.offcanvas-lg.offcanvas-wide,.ep-search-drawer{width:100vw !important;max-width:100vw !important;border:0 !important;}
}
/* kill Bootstrap's scrollbar compensation shift (header "shrinks" when a drawer opens) */
body[data-bs-padding-right]{padding-right:0 !important;}

/* ============================================================
   HERO (Blaklader style full-bleed image)
   ============================================================ */
.ep-hero2{position:relative;width:100%;min-height:calc(100vh - 122px);display:flex;align-items:center;overflow:hidden;background:#0f1720;}
.ep-hero2-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;}
.ep-hero2-overlay{position:absolute;inset:0;z-index:1;background:
  linear-gradient(90deg,rgba(9,14,20,.85) 0%,rgba(9,14,20,.55) 32%,rgba(9,14,20,.12) 62%,rgba(9,14,20,0) 100%),
  linear-gradient(0deg,rgba(9,14,20,.85) 0%,rgba(9,14,20,.15) 42%,rgba(9,14,20,0) 70%);}
.ep-hero2-inner{position:relative;z-index:2;color:#fff;padding:40px 44px;width:100%;}
.ep-hero2 .ep-eyebrow{display:inline-block;color:#5fd6ad;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;letter-spacing:.22em;font-size:.74rem;text-transform:uppercase;margin-bottom:1.1rem;}
.ep-hero2-title{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;text-transform:uppercase;
  font-size:clamp(2.8rem,7vw,6rem);line-height:.94;letter-spacing:-.01em;margin:0 0 1.3rem;max-width:14ch;
  text-shadow:0 2px 30px rgba(0,0,0,.35);}
.ep-hero2-text{font-size:clamp(1rem,1.4vw,1.2rem);color:#e4e8f0;max-width:520px;margin:0 0 2rem;line-height:1.5;}
.ep-hero2-actions{display:flex;gap:.9rem;flex-wrap:wrap;}
.ep-btn-box{display:inline-flex;align-items:center;gap:.9rem;background:var(--ep-green);color:#fff;font-family:'Rajdhani','Inter Tight',sans-serif;
  font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.72rem 1.7rem;border-radius:0;font-size:.95rem;
  border:0;cursor:pointer;transition:.15s;}
.ep-btn-box:hover{background:var(--ep-green-d);color:#fff;}
.ep-btn-box svg{width:18px;height:18px;}
.ep-btn-box--outline{background:transparent;border:1.5px solid rgba(255,255,255,.6);color:#fff;}
.ep-btn-box--outline:hover{background:rgba(255,255,255,.12);}

@media(max-width:768px){
  .ep-hero2{min-height:calc(100vh - 132px);}
  .ep-hero2-inner{padding-bottom:52px;}
  .ep-hero2-title{max-width:16ch;}
}

/* ============================================================
   MENU (Produse dropdown + accent items) + SEARCH DRAWER + CART FIX
   ============================================================ */
.ep-nav-item--icon{display:inline-flex;align-items:center;gap:.5rem;}
.ep-nav-item--icon svg{width:20px;height:20px;}
.ep-nav-item--accent{color:#eef1f6 !important;}
.ep-nav-item--accent:hover{color:#3fbf95 !important;}
.ep-headbar{position:relative;}
.ep-nav-dd{position:static;display:inline-flex;align-items:center;}
.ep-nav-dd-menu{position:absolute;top:100%;left:0;min-width:250px;background:#0f1720;border:1px solid #22304a;border-radius:8px;padding:.5rem;display:none;flex-direction:column;z-index:1200;box-shadow:0 18px 40px rgba(0,0,0,.45);margin-top:.55rem;}
.ep-nav-dd:hover .ep-nav-dd-menu{display:flex;}
.ep-nav-dd-menu a{color:#dfe4ec !important;padding:.6rem .8rem;border-radius:6px;font-family:'Inter Tight',sans-serif;text-transform:none;font-weight:600;font-size:.95rem;white-space:nowrap;letter-spacing:0;}
.ep-nav-dd-menu a:hover{background:#1a2634;color:#fff !important;}
/* PRODUSE mega menu — opens on the LEFT, from the header down to the bottom of the screen */
.ep-nav-mega{position:absolute;top:100%;left:0;z-index:1200;width:min(940px,95vw);height:calc(100vh - 122px);overflow-y:auto;background:#fff;color:#0f1720;box-shadow:26px 30px 60px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease .25s,transform .16s ease .25s,visibility .16s ease .25s;margin-top:0;display:flex;}
.ep-nav-dd:hover .ep-nav-mega{opacity:1;visibility:visible;transform:none;transition-delay:0s;}
.ep-mega-inner{padding:26px 34px 30px;flex:1;display:flex;flex-direction:column;}
.ep-mega-top{display:block;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em;color:#0f1720 !important;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid #e6e8ec;}
.ep-mega-top:hover{color:var(--ep-green) !important;}
.ep-mega-cats{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;}
@media(max-width:900px){.ep-mega-cats{grid-template-columns:1fr;}}
.ep-mega-cat{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #f0f1f3;text-decoration:none;}
.ep-mega-cat-name{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.02rem;color:#0f1720;letter-spacing:.01em;transition:color .12s;text-decoration:none;flex:1 1 auto;}
.ep-mega-thumb{cursor:pointer;}
.ep-mega-thumb:hover{outline:2px solid var(--ep-green);outline-offset:-2px;}
.ep-mega-cat:hover .ep-mega-cat-name{color:var(--ep-green);}
.ep-mega-thumbs{display:flex;gap:7px;flex:0 0 auto;}
.ep-mega-thumb{width:46px;height:46px;background:#f4f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ep-mega-thumb img{width:100%;height:100%;object-fit:contain;padding:5px;mix-blend-mode:darken;}
.ep-mega-bottom{display:flex;gap:26px;padding-top:16px;margin-top:auto;border-top:1px solid #e6e8ec;}
.ep-mega-bottom a{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.76rem;letter-spacing:.05em;color:#0f1720 !important;}
.ep-mega-bottom a:hover{color:var(--ep-green) !important;}
@media(max-width:991px){.ep-nav-mega{display:none;}}

/* cart fix — no white box: hide live loader, transparent button, white icon */
.ep-nav-right [data-loading]{display:none !important;}
.ep-nav-cart .btn,.ep-nav-cart button{background:transparent !important;border:0 !important;box-shadow:none !important;color:#fff !important;padding:0 !important;}
.ep-nav-cart .btn:hover,.ep-nav-cart .btn:focus,.ep-nav-cart button:hover{background:transparent !important;color:#3fbf95 !important;}
.ep-nav-cart svg,.ep-nav-cart .icon{width:27px;height:27px;color:currentColor;}
.ep-nav-cart .badge{background:var(--ep-green) !important;color:#fff;}
/* the count hugs the bag's top-right corner (bootstrap's .btn .badge{position:relative} must lose) */
.ep-nav-cart .ep-cart-badge{position:absolute !important;top:-7px !important;right:-9px;left:auto;font-size:.62rem;line-height:1;padding:.3em .42em;min-width:16px;}
.ep-nav-cart{margin-right:4px;}
.ep-nav-cart .sylius-shop-loader,.ep-nav-cart .spinner-dots{display:none !important;}

/* search drawer (Blaklader style, right slide-in) */
.ep-search-drawer{--bs-offcanvas-width:min(680px,100vw);background:#fff;color:#0f1720;}
.ep-search-head{display:flex;align-items:center;justify-content:space-between;padding:17px 34px;border-bottom:1px solid #e6e8ec;}
.ep-search-title{margin:0;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;}
.ep-search-close{background:transparent;border:0;cursor:pointer;color:#0f1720;padding:4px;line-height:0;}
.ep-search-close svg{width:19px;height:19px;}
.ep-search-body{padding:24px 34px 44px;overflow-y:auto;}
.ep-search-form{display:flex;align-items:center;gap:.55rem;border-bottom:1.5px solid #0f1720;padding:.3rem .1rem .65rem;margin-bottom:2.2rem;}
.ep-search-form svg{width:17px;height:17px;color:#0f1720;flex:0 0 auto;}
.ep-search-form input{border:0;outline:0;font-size:.88rem;width:100%;letter-spacing:.07em;background:transparent;color:#0f1720;}
.ep-search-form input::placeholder{color:#aab1ba;}
.ep-search-label{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.68rem;letter-spacing:.11em;color:#8a929c;margin-bottom:.85rem;}
.ep-search-sec{margin-bottom:2rem;}
.ep-search-chips{display:flex;flex-wrap:wrap;gap:.5rem;}
.ep-chip{display:inline-block;border:1px solid #d3d8de;border-radius:4px;padding:.42rem .75rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#0f1720 !important;transition:.12s;}
.ep-chip:hover{background:#0f1720;color:#fff !important;border-color:#0f1720;}
.ep-search-page{display:block;font-size:.88rem;font-weight:600;color:#0f1720 !important;padding:.28rem 0;}
.ep-search-page:hover{color:var(--ep-green) !important;}
/* popular products grid inside the drawer */
.ep-search-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ep-search-prod{text-decoration:none;color:#0f1720;}
.ep-search-prod-img{aspect-ratio:1/1;background:#f4f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:9px;}
.ep-search-prod-img img{width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:darken;}
.ep-search-prod-name{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.71rem;line-height:1.22;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ep-search-prod:hover .ep-search-prod-name{color:var(--ep-green);}
.ep-search-prod-price{color:var(--ep-green);font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:.78rem;margin-top:3px;}
@media(max-width:560px){.ep-search-prods{grid-template-columns:repeat(2,1fr);}}
@media(max-width:991px){ .ep-nav-dd-menu{position:static;box-shadow:none;margin-top:.3rem;} }

/* ============================================================
   PRODUCT PAGE — artra.sk style (scoped to product show route)
   ============================================================ */
body[data-route="sylius_shop_product_show"]{--ep-pink:var(--ep-green);}
body[data-route="sylius_shop_product_show"] h1.h2{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:clamp(1.6rem,2.6vw,2.1rem);text-transform:uppercase;letter-spacing:.01em;line-height:1.05;}
/* price -> big magenta */
body[data-route="sylius_shop_product_show"] .sylius-product-price,
body[data-route="sylius_shop_product_show"] [data-test-product-price],
body[data-route="sylius_shop_product_show"] .mb-3.pb-1 .fs-3,
body[data-route="sylius_shop_product_show"] .product-price{color:var(--ep-pink) !important;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:2.2rem;line-height:1;}
.ep-novat{color:#6b7280;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:.98rem;margin-top:.25rem;}
/* price-on-request (feed products imported at 0) */
.ep-price-request{font-weight:700;}
body[data-route="sylius_shop_product_show"] .product-price.ep-price-request{font-size:1.5rem !important;}
/* add to cart -> full width square brand bar (reference style) */
body[data-route="sylius_shop_product_show"] #add-to-cart-button{width:100%;background:var(--ep-green) !important;border:0 !important;color:#fff !important;border-radius:0 !important;padding:1.05rem 1.6rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;transition:background .15s;}
body[data-route="sylius_shop_product_show"] #add-to-cart-button:hover{background:var(--ep-navy) !important;}
/* quantity -> pro stepper right before the button */
.ep-qty{display:flex;align-items:center;border:1.5px solid #d5d9df;width:150px;height:48px;}
.ep-qty button{flex:0 0 46px;height:100%;background:none;border:0;cursor:pointer;font-size:1.25rem;color:#0f1720;line-height:1;transition:background .12s;}
.ep-qty button:hover{background:#f4f4f5;}
body[data-route="sylius_shop_product_show"] .ep-qty input{flex:1;width:100%;height:100%;border:0 !important;outline:0;text-align:center;font-weight:700;font-size:1rem;color:#0f1720;background:transparent;-moz-appearance:textfield;appearance:textfield;box-shadow:none !important;}
.ep-qty input::-webkit-outer-spin-button,.ep-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
/* variant / options selects -> clean bordered controls */
body[data-route="sylius_shop_product_show"] select.form-select,
body[data-route="sylius_shop_product_show"] select.form-control{border:1.5px solid #cfd4da;border-radius:8px;padding:.75rem 1rem;font-weight:600;}
body[data-route="sylius_shop_product_show"] label.form-label,body[data-route="sylius_shop_product_show"] legend{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#111820;font-size:.95rem;}
/* option radio buttons -> grid tiles (if rendered as choices) */
body[data-route="sylius_shop_product_show"] .form-check-inline{margin:0;}
/* gallery main image */
body[data-route="sylius_shop_product_show"] .product-gallery img,
body[data-route="sylius_shop_product_show"] [data-test-main-image] img,
body[data-route="sylius_shop_product_show"] img.img-fluid{border-radius:12px;}
/* trust line */
body[data-route="sylius_shop_product_show"] .ep-trust{display:none !important;}
/* subtitle + badge under title */
.ep-p-subtitle{display:flex;align-items:center;gap:.8rem;color:#6b7280;margin:-.5rem 0 1rem;font-size:.95rem;}
.ep-p-badge{display:inline-block;border:1px solid #cfd4da;border-radius:4px;padding:.2rem .55rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;color:#111820;}
/* specs table already injected in description via importer */
body[data-route="sylius_shop_product_show"] table.sir-specs th{white-space:nowrap;}

/* ============================================================
   PRODUCT PAGE — stacked gallery + sticky summary + spec band
   ============================================================ */
body[data-route="sylius_shop_product_show"] .row{align-items:flex-start;}
@media(min-width:992px){
body[data-route="sylius_shop_product_show"] div[class*="col-lg-5"],
body[data-route="sylius_shop_product_show"] div[class*="col-xl-4"]{position:sticky;top:24px;}
}
/* wider summary column on desktop */
@media(min-width:992px){
  body[data-route="sylius_shop_product_show"] div[class*="col-lg-7"]{flex:0 0 56% !important;max-width:56% !important;width:56% !important;}
  body[data-route="sylius_shop_product_show"] div[class*="col-lg-5"]{flex:0 0 44% !important;max-width:44% !important;width:44% !important;}
}
.ep-pgal{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ep-pgal-item{display:block;background:#f4f4f5;overflow:hidden;aspect-ratio:4/5;}
.ep-pgal-item img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:darken;}
.ep-pgal-item--main{grid-column:1 / -1;aspect-ratio:auto;}
.ep-pgal-item--main img{height:auto;}
/* MOBILE (<992px): gallery on top + swipeable image carousel */
@media(max-width:991.98px){
  body[data-route="sylius_shop_product_show"] div[class*="col-xl-8"]{order:-1;margin-bottom:1.1rem;}
  .ep-pgal{display:flex;grid-template-columns:none;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;}
  .ep-pgal::-webkit-scrollbar{display:none;}
  .ep-pgal-item,.ep-pgal-item--main{flex:0 0 88%;grid-column:auto;aspect-ratio:1/1;scroll-snap-align:center;}
  .ep-pgal-item:only-child{flex-basis:100%;}
  .ep-pgal-item img,.ep-pgal-item--main img{height:100%;object-fit:contain;}
}
.ep-prating{display:flex;align-items:center;gap:.45rem;margin:.2rem 0 .6rem;font-size:.92rem;}
.ep-prating-star{color:#0f1720;}
.ep-prating-val{font-weight:700;color:#0f1720;}
.ep-prating-link{color:#0f1720 !important;text-decoration:underline;text-underline-offset:3px;font-weight:600;}
.ep-prating-link:hover{color:var(--ep-green) !important;}
.ep-psku{color:#8a929c;font-size:.85rem;font-weight:600;margin-top:.9rem;}
.ep-psum-shortdesc{color:#374151;font-size:.95rem;line-height:1.6;margin:.9rem 0 .8rem;}
.ep-pinfo-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid #e6e8ec;border-bottom:1px solid #e6e8ec;padding:.9rem 0;margin:.4rem 0 0;cursor:pointer;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.88rem;letter-spacing:.04em;color:#0f1720;}
.ep-pinfo-toggle span{font-size:1.2rem;line-height:1;}
.ep-pinfo-toggle:hover{color:var(--ep-green);}
/* dark full-width specifications band */
.ep-specband{background:#0f1720;color:#fff;width:100vw;margin:56px 0 0 calc(50% - 50vw);padding:72px 44px;}
.ep-specband-inner{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:3rem;}
.ep-specband-eyebrow{display:block;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#8a97a8;margin-bottom:.5rem;}
.ep-specband-title{margin:0;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.02;color:#fff;}
.ep-spec-sec{border-bottom:1px solid #2a3547;}
.ep-spec-sec summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:2rem;padding:19px 34px 19px 0;position:relative;}
.ep-spec-sec summary::-webkit-details-marker{display:none;}
.ep-spec-sec summary span{flex:0 0 220px;font-weight:700;color:#fff;font-size:.98rem;}
.ep-spec-sec summary em{font-style:normal;color:#8a97a8;font-size:.95rem;}
.ep-spec-sec summary::after{content:"+";position:absolute;right:2px;color:#fff;font-size:1.35rem;font-weight:400;line-height:1;}
.ep-spec-sec[open] summary::after{content:"\2212";}
.ep-spec-body{padding:4px 0 26px;color:#c7cdd6;font-size:.95rem;line-height:1.65;}
.ep-spec-body a{color:#fff;}
.ep-spec-body .artra-specs th,.ep-spec-body .ren-specs th{color:#8a97a8 !important;}
.ep-spec-body .artra-specs td,.ep-spec-body .ren-specs td{color:#e5e9ef !important;}
.ep-spec-body .artra-doc{background:#fff;color:#0f1720 !important;}
.ep-spec-body .artra-benefit span{color:#e5e9ef !important;}
.ep-spec-body .artra-benefit img{filter:invert(1);}
.ep-spec-review{margin-bottom:1.1rem;}
.ep-spec-review-stars i{font-style:normal;}
.ep-spec-review-stars i::before{content:'\2605';color:#fff;font-size:.9rem;}
.ep-spec-review-stars i.is-off::before{opacity:.3;}
.ep-spec-review strong{display:block;color:#fff;margin:.2rem 0;}
.ep-spec-review p{margin:0;}
.ep-spec-noreviews{margin:0 0 .8rem;}
.ep-spec-review-link{display:inline-block;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;color:#fff !important;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:860px){.ep-specband{padding:48px 20px;}.ep-specband-inner{grid-template-columns:1fr;gap:1.5rem;}.ep-spec-sec summary{gap:1rem;}.ep-spec-sec summary span{flex-basis:118px;}.ep-spec-sec summary em{font-size:.85rem;}}
/* similar products slider spacing */
.ep-simsec{padding-top:64px;}
/* complete-the-look bundle */
.ep-look{width:100vw;margin-left:calc(50% - 50vw);background:#fff;padding:64px 44px 80px;border-top:1px solid #eceef1;}
.ep-look-title{margin:0 0 .3rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(1.5rem,2.6vw,2.1rem);}
.ep-look-sub{color:#6b7280;margin:0 0 1.8rem;}
.ep-look-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:1.6rem;}
.ep-look-thumb{width:104px;height:104px;background:#f4f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .15s;}
.ep-look-thumb img{width:100%;height:100%;object-fit:cover;mix-blend-mode:darken;}
.ep-look-thumb.is-off{opacity:.28;}
.ep-look-plus{color:#9aa1a9;font-size:1.3rem;font-weight:600;}
.ep-look-cta{margin-left:auto;display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;}
.ep-look-total{color:#374151;font-size:.95rem;}
.ep-look-total strong{color:var(--ep-green);font-family:'Rajdhani','Inter Tight',sans-serif;font-size:1.25rem;}
.ep-look-btn{display:inline-flex;align-items:center;gap:.7rem;background:var(--ep-green);color:#fff;border:0;cursor:pointer;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1.6rem;font-size:.95rem;transition:background .15s;}
.ep-look-btn:hover{background:var(--ep-navy);}
.ep-look-list{display:flex;flex-direction:column;max-width:640px;}
.ep-look-item{display:flex;align-items:center;gap:.8rem;padding:.65rem 0;border-bottom:1px solid #f0f1f3;cursor:pointer;margin:0;}
.ep-look-check{width:19px;height:19px;accent-color:var(--ep-green);flex:0 0 auto;cursor:pointer;}
.ep-look-name{flex:1;font-size:.95rem;color:#0f1720;}
.ep-look-name a{color:#0f1720 !important;text-decoration:underline;text-underline-offset:3px;font-weight:600;}
.ep-look-name a:hover{color:var(--ep-green) !important;}
.ep-look-price{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;color:var(--ep-green);}
@media(max-width:768px){.ep-look{padding:44px 20px 60px;}.ep-look-cta{margin-left:0;}}

/* option tiles (size grid + color) — artra style */
.ep-opt{margin:1.1rem 0;}
.ep-opt-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;gap:1rem;}
.ep-opt-label{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#111820;font-size:1.02rem;}
.ep-opt-guide{display:inline-flex;align-items:center;gap:.35rem;color:#111820;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;background:none;border:0;padding:0;font-family:inherit;}
/* size-guide drawer (right slide-in, brand-configurable in admin) */
.ep-sg-overlay{position:fixed;inset:0;background:rgba(15,23,32,.5);z-index:2000;opacity:0;transition:opacity .3s;}
.ep-sg-overlay.is-open{opacity:1;}
.ep-sg-drawer{position:fixed;top:0;right:0;height:100%;width:min(560px,100vw);background:#fff;z-index:2001;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;box-shadow:-12px 0 44px rgba(0,0,0,.22);}
.ep-sg-drawer.is-open{transform:none;}
.ep-sg-head{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #e6e8ec;flex:0 0 auto;}
.ep-sg-title{margin:0;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.15rem;letter-spacing:.02em;}
.ep-sg-close{background:none;border:0;cursor:pointer;color:#0f1720;padding:4px;line-height:0;}
.ep-sg-body{padding:26px 30px 60px;overflow-y:auto;}
.ep-sg-table{width:100%;border-collapse:separate;border-spacing:0 7px;}
.ep-sg-table th{background:#0f1720;color:#fff;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.82rem;letter-spacing:.04em;padding:15px 18px;text-align:center;}
.ep-sg-table th:last-child{background:var(--ep-green);}
.ep-sg-table td{background:#eef0f3;padding:13px 18px;text-align:center;font-weight:600;color:#0f1720;}
.ep-sg-note{margin-top:1.8rem;color:#374151;line-height:1.6;font-size:.98rem;}
.ep-sg-note h4,.ep-sg-note strong,.ep-sg-note b{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;}
.ep-sg-img{margin-top:1.3rem;}
.ep-sg-img img{width:100%;border-radius:8px;display:block;}
.ep-opt-guide:hover{color:var(--ep-pink);}
.ep-opt-grid{display:grid;gap:.6rem;}
.ep-opt--size .ep-opt-grid{grid-template-columns:repeat(5,1fr);}
.ep-opt--other .ep-opt-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
.ep-opt-tile{position:relative;border:1.5px solid #d5d9df;border-radius:8px;padding:.75rem .5rem;text-align:center;cursor:pointer;font-weight:600;font-size:.95rem;color:#111820;background:#fff;transition:.12s;user-select:none;}
.ep-opt-tile input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;}
.ep-opt-tile:hover{border-color:#111820;}
.ep-opt-tile.is-selected{border-color:#111820;border-width:2px;padding:calc(.75rem - .5px) .5rem;}
.ep-secure{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem;margin:1.1rem 0 .3rem;}
@media(max-width:1200px){ .ep-opt--size .ep-opt-grid{grid-template-columns:repeat(4,1fr);} }
@media(max-width:560px){ .ep-opt--size .ep-opt-grid{grid-template-columns:repeat(3,1fr);} }

/* language switcher flags */
.ep-flag{width:20px;height:15px;object-fit:cover;border-radius:2px;margin-right:6px;vertical-align:-2px;box-shadow:0 0 0 1px rgba(255,255,255,.18);}
.ep-lang-btn,.ep-topbar-right .ep-lang-btn{display:inline-flex;align-items:center;}
.ep-lang-item{display:flex;align-items:center;}

/* ============================================================
   10% PROMO — floating light-green button + first-order modal
   ============================================================ */
.ep-promo-tab{position:fixed;left:18px;bottom:0;z-index:1050;animation:epPromoUp .55s cubic-bezier(.2,.8,.2,1) .9s both;}
.ep-promo-btn{display:inline-flex;align-items:center;gap:.55rem;background:var(--ep-green);color:#fff;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:0;border-radius:12px 12px 0 0;padding:.55rem 1.5rem;font-size:.95rem;cursor:pointer;box-shadow:0 -6px 26px rgba(0,0,0,.3);transition:background .15s;}
.ep-promo-btn:hover{background:var(--ep-green-d);}
.ep-promo-tab-x{position:absolute;top:-11px;right:-11px;width:26px;height:26px;border-radius:50%;background:#0f1720;color:#fff;border:2px solid #0f1720;font-size:1.1rem;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.4);}
.ep-promo-tab-x:hover{background:var(--ep-green-d);border-color:var(--ep-green-d);}
@keyframes epPromoUp{from{transform:translateY(105%);}to{transform:translateY(0);}}
.ep-promo-overlay{position:fixed;inset:0;z-index:1100;background:rgba(6,10,16,.72);display:flex;align-items:center;justify-content:center;padding:20px;}
.ep-promo-overlay[hidden]{display:none;}
.ep-promo-modal{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:920px;width:100%;background:#0f1720;border-radius:14px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55);}
.ep-promo-img{background-size:cover;background-position:center;min-height:440px;}
.ep-promo-body{padding:52px 46px;color:#fff;display:flex;flex-direction:column;justify-content:center;}
.ep-promo-title{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:2.1rem;line-height:1.04;margin:0 0 1rem;}
.ep-promo-sub{color:#c4ccd8;margin:0 0 1.7rem;line-height:1.5;font-size:1rem;}
.ep-promo-form{display:flex;flex-direction:column;gap:1rem;}
.ep-promo-form input{border:0;border-radius:8px;padding:1rem 1.2rem;font-size:1rem;background:#fff;color:#0f1720;width:100%;}
.ep-promo-cta{background:var(--ep-green);color:#fff;border:0;border-radius:999px;padding:1rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:1.05rem;cursor:pointer;transition:.15s;}
.ep-promo-cta:hover{background:var(--ep-green-d);}
.ep-promo-no{background:transparent;border:0;color:#c4ccd8;margin-top:1.15rem;cursor:pointer;font-size:.95rem;text-align:center;}
.ep-promo-no:hover{color:#fff;}
.ep-promo-close{position:absolute;top:14px;right:16px;background:transparent;border:0;color:#fff;font-size:2rem;line-height:1;cursor:pointer;z-index:2;padding:0 6px;}
.ep-promo-thanks{color:#4ade80;font-weight:700;font-size:1.15rem;text-align:center;padding:1rem 0;}
@media(max-width:768px){.ep-promo-modal{grid-template-columns:1fr;}.ep-promo-img{display:none;}.ep-promo-body{padding:40px 28px;}.ep-promo-title{font-size:1.7rem;}.ep-promo-btn{padding:.8rem 1.2rem;font-size:.9rem;}}

/* ============================================================
   FOOTER — Blaklader 1:1 layout, brand colors
   ============================================================ */
.ep-footer{background:#0f1720;color:#c4ccd8;font-family:'Inter Tight',sans-serif;margin-top:auto;}
.ep-footer .container{padding-top:20px;padding-bottom:20px;max-width:none;padding-left:44px;padding-right:44px;}
.ep-foot-bottom .container{max-width:none;padding-left:44px;padding-right:44px;}
.ep-foot-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:32px;border-bottom:1px solid #1e2a3b;}
.ep-foot-feature{display:flex;align-items:center;gap:16px;}
.ep-foot-ficon{flex:0 0 auto;width:62px;height:62px;border-radius:50%;background:#1a2634;display:flex;align-items:center;justify-content:center;color:#fff;}
.ep-foot-ficon svg{width:28px;height:28px;}
.ep-foot-ftitle{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;color:#fff;font-size:.92rem;letter-spacing:.03em;margin-bottom:3px;}
.ep-foot-ftext{color:#c4ccd8;font-size:.9rem;line-height:1.4;text-decoration:none;}
.ep-foot-flink{text-decoration:underline;text-underline-offset:2px;display:inline-block;}
.ep-foot-flink:hover{color:#fff;}
.ep-foot-main{display:grid;grid-template-columns:1.35fr 2fr;gap:32px;padding:34px 0;}
.ep-foot-h{font-family:'Rajdhani','Inter Tight',sans-serif;color:#fff;font-weight:700;font-size:1.15rem;margin:0 0 14px;}
.ep-foot-rule{height:1px;background:#2a3a4d;margin-bottom:22px;}
.ep-foot-newstext{color:#8fa0b3;font-size:.95rem;line-height:1.55;margin:0 0 22px;max-width:460px;}
.ep-foot-form{display:flex;max-width:460px;margin-bottom:18px;}
.ep-foot-form input{flex:1;border:1px solid #2a3a4d;background:transparent;color:#fff;padding:.85rem 1rem;font-size:1rem;min-width:0;}
.ep-foot-form input::placeholder{color:#7d8da0;}
.ep-foot-form button{background:#139570;color:#fff;border:0;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;padding:0 1.6rem;cursor:pointer;letter-spacing:.03em;}
.ep-foot-form button:hover{background:#0f7a5c;}
.ep-foot-consent{display:flex;gap:.6rem;align-items:flex-start;color:#8fa0b3;font-size:.82rem;line-height:1.5;max-width:460px;margin-bottom:26px;}
.ep-foot-consent input{margin-top:3px;flex:0 0 auto;}
.ep-paycards{display:flex;flex-wrap:wrap;gap:7px;align-items:center;}
.ep-paycards svg{display:block;border-radius:3px;}
.ep-foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ep-foot-col a{display:block;color:#c4ccd8;text-decoration:none;padding:.26rem 0;font-size:.95rem;}
.ep-foot-col a:hover{color:#3fbf95;}
.ep-foot-logo{text-align:center;padding:8px 0 14px;}
.ep-foot-logo img{width:200px;height:auto;}
.ep-foot-bottom{background:#fff;color:#0f1720;border-top:1px solid #eceef1;}
.ep-foot-bottom-row{display:flex;align-items:center;gap:24px;padding:4px 0;flex-wrap:wrap;min-height:30px;}
.ep-foot-rating{display:flex;align-items:center;gap:7px;color:#0f1720;line-height:1;}
.ep-foot-stars-svg{display:inline-flex;align-items:center;gap:2px;color:#0f1720;line-height:0;}
.ep-foot-stars-svg svg{display:block;}
.ep-foot-legal,.ep-foot-copy{align-self:center;}
.ep-foot-rating-val{font-size:.78rem;font-weight:600;}
.ep-foot-legal{display:flex;gap:22px;flex-wrap:wrap;}
.ep-foot-legal a{color:#0f1720;text-decoration:none;font-family:'Inter Tight',sans-serif;font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.03em;}
.ep-foot-legal a:hover{color:var(--ep-green);}
.ep-foot-copy{margin-left:auto;color:#6b7280;font-family:'Inter Tight',sans-serif;font-weight:600;font-size:.73rem;letter-spacing:.01em;}
@media(max-width:900px){.ep-foot-features{grid-template-columns:repeat(2,1fr);gap:22px;}.ep-foot-main{grid-template-columns:1fr;gap:36px;}}
@media(max-width:560px){.ep-foot-features{grid-template-columns:1fr;}.ep-foot-cols{grid-template-columns:1fr;gap:6px;}.ep-foot-copy{margin-left:0;width:100%;}}

/* ============================================================
   RECOMMENDED PRODUCTS SLIDER (Blaklader style)
   ============================================================ */
.ep-reco-eyebrow{display:block;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--ep-green);margin-bottom:.4rem;}
.ep-recos{padding-top:64px;}
.ep-recos .ep-wrap{max-width:none;padding:0 44px;margin-bottom:1.6rem;}
/* full-width slider: only the centered card reveals its details */
.ep-slider-wrap{position:relative;width:100%;overflow:hidden;}
.ep-slider{display:flex;align-items:flex-start;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px calc(50vw - 172px) 40px;-ms-overflow-style:none;scrollbar-width:none;}
.ep-slider::-webkit-scrollbar{display:none;}
/* 5-up carousel: outer cards are clipped by the viewport edges, only the centered one shows its details */
.ep-pcard{flex:0 0 268px;max-width:268px;scroll-snap-align:center;display:flex;flex-direction:column;background:transparent;transition:flex-basis .25s ease,max-width .25s ease;}
.ep-pcard.is-active{flex:0 0 344px;max-width:344px;}
.ep-pcard-imgwrap{position:relative;}
.ep-pcard-img{display:flex;align-items:center;justify-content:center;background:#f4f4f5;aspect-ratio:4/5;overflow:hidden;}
.ep-pcard-imgel,.ep-pcard-img img{width:100%;height:100%;object-fit:contain;padding:18px;display:block;mix-blend-mode:darken;}
/* heart: no background/border, only appears on card hover (or when already saved) */
.ep-fav{position:absolute;top:10px;right:10px;z-index:5;width:38px;height:38px;background:none;border:none;color:var(--ep-head);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:0;transition:opacity .18s,color .15s,transform .15s;}
.ep-fav svg{width:24px;height:24px;transition:transform .15s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));}
.ep-pcard:hover .ep-fav{opacity:1;}
.ep-fav:hover{color:var(--ep-green);}
.ep-fav:hover svg{transform:scale(1.14);}
.ep-fav.is-fav{opacity:1;color:var(--ep-green);}
.ep-fav.is-fav svg{fill:var(--ep-green);stroke:var(--ep-green);}
/* side cards ARE the slider controls: the cursor itself turns into a directional arrow, click moves the carousel */
.ep-pcard.is-left{cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='46'%20height='46'%3E%3Crect%20x='1'%20y='1'%20width='44'%20height='44'%20fill='%230f1720'/%3E%3Cpath%20d='M26%2015l-8%208%208%208'%20fill='none'%20stroke='%23fff'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") 23 23, w-resize;}
.ep-pcard.is-right{cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='46'%20height='46'%3E%3Crect%20x='1'%20y='1'%20width='44'%20height='44'%20fill='%230f1720'/%3E%3Cpath%20d='M20%2015l8%208-8%208'%20fill='none'%20stroke='%23fff'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") 23 23, e-resize;}
.ep-pcard.is-left a,.ep-pcard.is-right a,.ep-pcard.is-left .ep-pcard-img,.ep-pcard.is-right .ep-pcard-img{cursor:inherit;}
/* body reveals only for the centered card, at a FIXED height so nothing below shifts when you move the slider */
.ep-pcard-body{height:auto;opacity:1;overflow:visible;padding:16px 2px 0;display:flex;flex-direction:column;align-items:stretch;text-align:left;}
.ep-pcard.is-active .ep-pcard-body{padding:20px 2px 0;}
.ep-pcard-name{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:600;text-transform:uppercase;color:#0f1720;text-decoration:none;font-size:1.05rem;line-height:1.18;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.36em;}
.ep-pcard-name:hover{color:var(--ep-green);}
.ep-pcard-price{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;color:var(--ep-green);font-size:1.15rem;margin:.4rem 0 .5rem;}
.ep-pcard-desc{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ep-pcard-btn{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:#0c1320;color:#fff !important;border:0;padding:.85rem 1.15rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.92rem;text-decoration:none;transition:background .15s ease;}
.ep-pcard-btn:hover{background:var(--ep-green);color:#fff !important;}
.ep-pcard-btn svg{width:18px;height:18px;flex:0 0 auto;}
@media(max-width:768px){.ep-pcard{flex:0 0 78vw;max-width:78vw;}.ep-slider{padding-left:11vw;padding-right:11vw;}.ep-pcard-nav{display:none;}}

/* ============================================================
   FAVORITES — header badge + wishlist page
   ============================================================ */
.ep-nav-fav{position:relative;}
.ep-fav-count{position:absolute;top:-3px;right:-7px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--ep-green);color:#fff;font-size:.66rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;font-family:'Rajdhani','Inter Tight',sans-serif;box-shadow:0 0 0 2px #111820;}
@keyframes epFavPop{0%{transform:scale(1);}40%{transform:scale(1.32);}100%{transform:scale(1);}}
.ep-fav-pop svg{animation:epFavPop .32s ease;}
.ep-fav-page{padding:52px 0 96px;}
.ep-fav-page .ep-reco-eyebrow{margin-bottom:.5rem;}
.ep-fav-title{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.02em;margin:0 0 .3rem;}
.ep-fav-count-line{color:#6b7280;margin:0 0 2.2rem;font-weight:600;font-size:.95rem;}
.ep-favgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.ep-favgrid .ep-pcard{flex:none;max-width:none;opacity:1;transform:none;background:transparent;}
.ep-favgrid .ep-fav{opacity:1;}
.ep-favgrid .ep-pcard-body{height:auto;opacity:1;padding:18px 4px 0;text-align:left;align-items:stretch;}
.ep-favgrid .ep-pcard-name{font-size:1.05rem;}
.ep-favgrid .ep-pcard-price{font-size:1.15rem;}
.ep-favgrid .ep-pcard-btn{width:100%;margin-top:14px;padding:.75rem 1rem;justify-content:space-between;}
.ep-fav-empty{text-align:center;padding:64px 0 40px;color:#6b7280;}
.ep-fav-empty svg{width:66px;height:66px;color:#d7dbe0;margin-bottom:1rem;}
.ep-fav-empty p{font-size:1.12rem;margin:0 0 1.6rem;}
.ep-fav-loading{text-align:center;color:#9aa1a9;padding:34px;font-weight:600;}
@media(max-width:980px){.ep-favgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.ep-favgrid{grid-template-columns:1fr;}}

/* ============================================================
   PRODUCT LISTING — grid + Blaklader-style cards
   ============================================================ */
.products-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:44px 14px !important;}
.products-grid.ep-view-3{grid-template-columns:repeat(3,1fr) !important;}
.products-grid.ep-view-6{grid-template-columns:repeat(6,1fr) !important;}
@media(max-width:1100px){.products-grid,.products-grid.ep-view-3,.products-grid.ep-view-6{grid-template-columns:repeat(3,1fr) !important;}}
@media(max-width:860px){.products-grid,.products-grid.ep-view-3,.products-grid.ep-view-6{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:520px){.products-grid,.products-grid.ep-view-3,.products-grid.ep-view-6{grid-template-columns:1fr !important;}}
.ep-plist-card{position:relative;display:flex;flex-direction:column;}
.ep-plist-card .ep-fav{top:12px;right:12px;}
.ep-plist-img{display:flex;align-items:center;justify-content:center;background:#f4f4f5;aspect-ratio:3/4;overflow:hidden;}
.ep-plist-img img{width:100%;height:100%;object-fit:contain;padding:14px;display:block;mix-blend-mode:darken;transition:transform .25s ease;}
.ep-plist-card:hover .ep-plist-img img{transform:scale(1.04);}
.ep-plist-meta{padding:12px 2px 0;display:flex;flex-direction:column;gap:2px;}
.ep-plist-toprow{display:flex;align-items:center;justify-content:space-between;min-height:18px;}
.ep-plist-code{color:#8a929c;font-size:.78rem;font-weight:600;letter-spacing:.02em;}
.ep-plist-rating{color:#0f1720;font-size:.8rem;font-weight:700;}
.ep-plist-name{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;color:#0f1720 !important;text-decoration:none;font-size:.98rem;line-height:1.2;letter-spacing:.01em;}
.ep-plist-name:hover{color:var(--ep-green) !important;}
.ep-plist-price{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;color:#0f1720;font-size:1rem;margin-top:2px;}

/* ============================================================
   FILTER & SORT — left slide-in drawer (Blaklader style)
   ============================================================ */
.ep-f-bar{display:flex;align-items:center;justify-content:space-between;margin:6px 0 26px;}
.ep-f-trigger{display:inline-flex;align-items:center;gap:.5rem;background:none;border:0;padding:0;cursor:pointer;color:#0f1720;font-weight:600;font-size:.95rem;font-family:inherit;}
.ep-f-trigger:hover{color:var(--ep-green);}
.ep-f-count{color:#6b7280;font-size:.9rem;font-weight:600;}
.ep-f-right{display:flex;align-items:center;gap:1.1rem;}
.ep-f-view{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem;font-weight:600;}
.ep-f-view button{display:inline-flex;background:none;border:0;padding:2px;cursor:pointer;color:#c3c9d0;line-height:0;transition:color .12s;}
.ep-f-view button:hover{color:#0f1720;}
.ep-f-view button.is-active{color:#0f1720;}
.ep-f-view svg{width:17px;height:17px;}
.ep-f-overlay{position:fixed;inset:0;background:rgba(15,23,32,.5);z-index:2000;opacity:0;transition:opacity .3s;}
.ep-f-overlay.is-open{opacity:1;}
.ep-f-drawer{position:fixed;top:0;left:0;height:100%;width:min(540px,100vw);background:#fff;z-index:2001;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s ease;box-shadow:12px 0 44px rgba(0,0,0,.22);}
.ep-f-drawer.is-open{transform:none;}
.ep-f-head{display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid #e6e8ec;flex:0 0 auto;}
.ep-f-title{font-weight:600;font-size:.98rem;}
.ep-f-close{display:inline-flex;align-items:center;gap:.45rem;background:none;border:0;cursor:pointer;color:#0f1720;font-weight:600;font-size:.92rem;font-family:inherit;padding:0;}
.ep-f-body{flex:1;overflow-y:auto;}
.ep-f-sec{border-bottom:1px solid #e6e8ec;}
.ep-f-sec summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:17px 30px;font-weight:600;font-size:.95rem;color:#0f1720;}
.ep-f-sec summary::-webkit-details-marker{display:none;}
.ep-f-sec summary::after{content:"";width:9px;height:9px;border-right:1.8px solid #0f1720;border-bottom:1.8px solid #0f1720;transform:rotate(45deg);transition:transform .15s;margin-left:1rem;}
.ep-f-sec[open] summary::after{transform:rotate(225deg);}
.ep-f-sec-body{padding:2px 30px 20px;display:flex;flex-direction:column;gap:2px;}
.ep-f-radio{display:flex;align-items:center;gap:.7rem;padding:.5rem 0;color:#374151 !important;text-decoration:none;font-size:.93rem;font-weight:500;}
/* attribute-filter checkboxes */
.ep-f-check{display:flex;align-items:center;gap:.6rem;padding:.42rem 0;cursor:pointer;font-size:.93rem;color:#374151;}
.ep-f-check input{position:absolute;opacity:0;width:0;height:0;}
.ep-f-check-box{flex:0 0 auto;width:18px;height:18px;border:1.5px solid #c8cdd4;border-radius:4px;position:relative;transition:.12s;}
.ep-f-check input:checked+.ep-f-check-box{background:var(--ep-green);border-color:var(--ep-green);}
.ep-f-check input:checked+.ep-f-check-box::after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.ep-f-check-lbl{flex:1;}
.ep-f-check-n{color:#9aa3af;font-size:.82rem;font-weight:600;}
.ep-f-check:hover .ep-f-check-box{border-color:var(--ep-green);}
.ep-f-dot{width:17px;height:17px;border-radius:50%;border:1.6px solid #c8cdd4;flex:0 0 auto;position:relative;transition:border-color .12s;}
.ep-f-radio:hover .ep-f-dot{border-color:#0f1720;}
.ep-f-radio.is-active{color:#0f1720 !important;font-weight:700;}
.ep-f-radio.is-active .ep-f-dot{border-color:#0f1720;}
.ep-f-radio.is-active .ep-f-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0f1720;}
.ep-f-search{display:flex;align-items:center;gap:.55rem;border-bottom:1.5px solid #0f1720;padding:.3rem .1rem .6rem;}
.ep-f-search input{border:0;outline:0;width:100%;font-size:.92rem;background:transparent;}
.ep-f-search button{background:none;border:0;padding:2px;cursor:pointer;color:#0f1720;line-height:0;}
.ep-f-limits{flex-direction:row;gap:10px;}
.ep-f-limit{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:.5rem .6rem;border:1.5px solid #d5d9df;color:#0f1720 !important;text-decoration:none;font-weight:600;font-size:.92rem;transition:.12s;}
.ep-f-limit:hover{border-color:#0f1720;}
.ep-f-limit.is-active{border-color:#0f1720;box-shadow:inset 0 0 0 1px #0f1720;}
.ep-f-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:16px 30px;border-top:1px solid #e6e8ec;background:#fff;}
.ep-f-reset{color:#0f1720 !important;font-weight:600;font-size:.93rem;text-decoration:none;}
.ep-f-reset:hover{text-decoration:underline;}
.ep-f-show{background:none;border:0;cursor:pointer;color:#0f1720;font-weight:600;font-size:.93rem;font-family:inherit;padding:0;}
.ep-f-show:hover{color:var(--ep-green);}

/* ============================================================
   CATEGORY PAGE — header + subcategory tile row (Blaklader style)
   ============================================================ */
.ep-cat-head{padding:6px 0 4px;}
.ep-cat-head-top{display:flex;justify-content:space-between;gap:3rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:1.7rem;}
.ep-cat-title{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(1.8rem,3.6vw,2.6rem);letter-spacing:-.01em;margin:0;line-height:1.04;color:#0f1720;}
.ep-cat-descwrap{max-width:600px;}
.ep-cat-desc{color:#4b5563;font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.ep-cat-desc.is-open{display:block;-webkit-line-clamp:none;}
.ep-cat-readmore{background:none;border:0;padding:0;margin-top:.5rem;cursor:pointer;color:#0f1720;font-weight:600;font-size:.9rem;font-family:inherit;}
.ep-cat-readmore:hover{color:var(--ep-green);}
.ep-cat-tiles-wrap{position:relative;}
.ep-cat-arrow{position:absolute;top:calc(50% - 7px);transform:translateY(-50%);z-index:6;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #e0e3e8;color:#0f1720;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.14);transition:background .15s,color .15s;padding:0;}
.ep-cat-arrow:hover{background:#0f1720;color:#fff;border-color:#0f1720;}
.ep-cat-arrow svg{width:20px;height:20px;}
.ep-cat-arrow--l{left:-8px;}
.ep-cat-arrow--r{right:-8px;}
.ep-cat-tiles{display:flex;gap:12px;overflow-x:auto;padding:4px 0 14px;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;}
.ep-cat-tiles::-webkit-scrollbar{display:none;}
.ep-cat-tile{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border:1px solid #e0e3e8;background:#fff;text-decoration:none;color:#0f1720;transition:border-color .15s,box-shadow .15s;}
.ep-cat-tile:hover{border-color:#0f1720;}
.ep-cat-tile.is-active{border-color:#0f1720;box-shadow:inset 0 0 0 1px #0f1720;}
.ep-cat-tile-img{width:48px;height:48px;flex:0 0 auto;background:#f4f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9aa1a9;}
.ep-cat-tile-img img{width:100%;height:100%;object-fit:contain;padding:4px;mix-blend-mode:darken;}
.ep-cat-tile-img svg{width:24px;height:24px;}
.ep-cat-tile--all .ep-cat-tile-img{color:#0f1720;}
.ep-cat-tile-name{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.82rem;letter-spacing:.02em;white-space:nowrap;}
@media(max-width:768px){.ep-cat-head-top{gap:1rem;}.ep-cat-title{font-size:1.6rem;}}

/* ============================================================
   SHOP BY CATEGORY — split panel (Blaklader style)
   ============================================================ */
.ep-shopcat{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:var(--ep-head);}
.ep-shopcat-left{background:#0c1320;color:#fff;padding:60px 44px 56px;display:flex;flex-direction:column;}
.ep-shopcat-eyebrow{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:#8a97a8;margin-bottom:2.4rem;}
.ep-shopcat-list{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;}
.ep-shopcat-item{display:inline-flex;align-items:center;gap:.7rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(1.7rem,3vw,2.9rem);line-height:1.18;color:#5a6675;text-decoration:none;letter-spacing:.005em;transition:color .15s;}
.ep-shopcat-arrow{width:.9em;height:.9em;flex:0 0 auto;opacity:0;transform:translateX(-10px);transition:opacity .15s,transform .15s;}
.ep-shopcat-item:hover{color:#fff;}
.ep-shopcat-item:hover .ep-shopcat-arrow{opacity:1;transform:none;}
/* first category highlighted by default; drops highlight while hovering the list */
.ep-shopcat-item:first-child{color:#fff;}
.ep-shopcat-item:first-child .ep-shopcat-arrow{opacity:1;transform:none;}
.ep-shopcat-list:hover .ep-shopcat-item:first-child{color:#5a6675;}
.ep-shopcat-list:hover .ep-shopcat-item:first-child .ep-shopcat-arrow{opacity:0;transform:translateX(-10px);}
.ep-shopcat-list:hover .ep-shopcat-item:first-child:hover{color:#fff;}
.ep-shopcat-list:hover .ep-shopcat-item:first-child:hover .ep-shopcat-arrow{opacity:1;transform:none;}
.ep-shopcat-desc{margin-top:auto;padding-top:44px;color:#8592a3;font-size:.98rem;line-height:1.65;max-width:460px;}
.ep-shopcat-right{position:relative;overflow:hidden;background:#f4f4f5;}
.ep-shopcat-img{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .28s ease;}
.ep-shopcat-img.is-on{opacity:1;}
.ep-shopcat-img img{width:100%;height:100%;object-fit:contain;padding:72px;mix-blend-mode:darken;display:block;}
/* admin-uploaded category image -> fill the whole panel, no gray, no blend */
.ep-shopcat-img--full img{object-fit:cover !important;padding:0 !important;mix-blend-mode:normal !important;}
@media(max-width:860px){.ep-shopcat{grid-template-columns:1fr;}.ep-shopcat-right{min-height:320px;order:-1;}.ep-shopcat-left{padding:44px 24px;}.ep-shopcat-img img{padding:34px;}}

/* ============================================================
   BESTSELLERS — two split panels (Blaklader style)
   ============================================================ */
.ep-best{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff;padding:10px;}
.ep-best-panel{position:relative;min-height:640px;background:#f4f4f5;overflow:hidden;}
.ep-best-chip{position:absolute;top:20px;left:20px;z-index:3;background:var(--ep-green);color:#fff;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;padding:.38rem .7rem;}
.ep-best-img{position:absolute;inset:0 0 170px 0;display:flex;align-items:center;justify-content:center;}
.ep-best-img img{width:100%;height:100%;object-fit:contain;padding:56px;mix-blend-mode:darken;display:block;}
.ep-best-body{position:absolute;left:0;right:0;bottom:0;padding:0 34px 32px;z-index:2;}
.ep-best-eyebrow{display:block;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#6b7280;margin-bottom:.45rem;}
.ep-best-title{margin:0 0 .55rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(1.4rem,2.2vw,2.1rem);line-height:1.05;letter-spacing:-.01em;max-width:560px;}
.ep-best-title a{color:#0f1720;text-decoration:none;}
.ep-best-title a:hover{color:var(--ep-green);}
.ep-best-desc{color:#4b5563;font-size:.95rem;line-height:1.55;margin:0 0 18px;max-width:520px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ep-best-actions{display:flex;gap:10px;flex-wrap:wrap;}
.ep-best-btn{display:inline-flex;align-items:center;gap:2.2rem;background:var(--ep-green);color:#fff;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.62rem 1.1rem;text-decoration:none;font-size:.88rem;transition:background .15s;}
.ep-best-btn:hover{background:var(--ep-navy);color:#fff;}
.ep-best-btn svg{width:18px;height:18px;flex:0 0 auto;}
/* custom full-bleed background image for a bestseller panel (fills all, no gray) */
.ep-best-bg{position:absolute;inset:0;z-index:0;}
.ep-best-bg img{width:100%;height:100%;object-fit:cover;display:block;}
.ep-best-panel--img::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,12,18,0) 38%,rgba(8,12,18,.85) 100%);pointer-events:none;}
.ep-best-panel--img .ep-best-eyebrow{color:rgba(255,255,255,.82);}
.ep-best-panel--img .ep-best-title a{color:#fff;}
.ep-best-panel--img .ep-best-title a:hover{color:var(--ep-green);}
.ep-best-panel--img .ep-best-desc{color:rgba(255,255,255,.92);}
@media(max-width:860px){.ep-best{grid-template-columns:1fr;}.ep-best-panel{min-height:520px;}.ep-best-img{inset:0 0 190px 0;}.ep-best-img img{padding:30px;}.ep-best-body{padding:0 22px 26px;}}

/* ============================================================
   FULL-WIDTH BANNER — lifestyle image + product hotspots
   ============================================================ */
.ep-banner{position:relative;min-height:min(88vh,840px);overflow:hidden;margin:0 10px 10px;display:block;background:#0f1720;}
.ep-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.ep-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,18,.05) 45%,rgba(8,12,18,.62) 100%);}
.ep-banner-body{position:absolute;left:34px;right:34px;bottom:84px;z-index:3;color:#fff;max-width:700px;}
.ep-banner-eyebrow{display:block;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:#e3e8ef;margin-bottom:.55rem;}
.ep-banner-title{margin:0 0 .75rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(2rem,4.6vw,3.8rem);line-height:.98;letter-spacing:-.01em;color:#fff;}
.ep-banner-desc{margin:0;color:#e7ebf1;font-size:.98rem;line-height:1.6;max-width:560px;}
.ep-banner-cta{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--ep-green);color:#fff;text-decoration:none;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;padding:.85rem 22px;transition:background .15s;}
.ep-banner-cta:hover{background:var(--ep-navy);color:#fff;}
.ep-banner-cta svg{width:20px;height:20px;flex:0 0 auto;}
/* hotspots: white square markers on the products, click -> product page */
.ep-hotspot{position:absolute;z-index:3;width:24px;height:24px;transform:translate(-50%,-50%);border:2px solid #fff;background:rgba(15,23,32,.32);display:flex;align-items:center;justify-content:center;transition:transform .15s;}
.ep-hotspot::after{content:"";width:6px;height:6px;background:#fff;}
.ep-hotspot:hover{transform:translate(-50%,-50%) scale(1.18);}
.ep-hotspot-card{position:absolute;left:30px;top:50%;transform:translateY(-50%);width:224px;background:#fff;color:#0f1720;padding:12px 14px;box-shadow:0 14px 40px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .15s;display:block;}
.ep-hotspot:hover .ep-hotspot-card{opacity:1;visibility:visible;}
.ep-hotspot-name{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.76rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ep-hotspot-price{display:block;color:var(--ep-green);font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:.85rem;margin-top:4px;}
@media(max-width:768px){.ep-banner{min-height:72vh;}.ep-banner-body{left:20px;right:20px;bottom:80px;}.ep-hotspot-card{width:180px;}}
.ep-best-chip--dark{background:#0f1720;}
.ep-banner--corp{margin-top:10px;}

/* ============================================================
   CUSTOMER REVIEWS — dark centered carousel
   ============================================================ */
.ep-reviews{background:var(--ep-head);color:#fff;padding:88px 20px 96px;text-align:center;}
.ep-reviews-title{margin:0 0 .5rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.5rem;letter-spacing:.02em;}
.ep-reviews-agg{display:flex;align-items:center;justify-content:center;gap:.55rem;color:#c7cdd6;font-size:.88rem;margin-bottom:3.6rem;}
.ep-stars{display:inline-flex;gap:.15rem;line-height:1;}
.ep-stars i{font-style:normal;}
.ep-stars i::before{content:'\2605';color:#fff;font-size:1rem;}
.ep-stars i.is-off::before{opacity:.32;}
.ep-stars i.is-half::before{background:linear-gradient(90deg,#fff 50%,rgba(255,255,255,.32) 50%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ep-stars--sm i::before{font-size:.92rem;}
.ep-reviews-track{position:relative;max-width:1000px;margin:0 auto;min-height:230px;}
.ep-review{display:none;margin:0;padding:0 70px;}
.ep-review.is-on{display:block;animation:epRevIn .35s ease;}
@keyframes epRevIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.ep-review-quote{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(1.3rem,2.9vw,2.15rem);line-height:1.12;letter-spacing:.01em;margin:0 0 1.4rem;color:#fff;}
.ep-review .ep-stars{margin-bottom:1.1rem;}
.ep-review-author{display:flex;align-items:center;justify-content:center;gap:.45rem;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em;color:#e5e9ef;margin-bottom:1.5rem;}
.ep-review-check{width:17px;height:17px;}
.ep-review-product{display:inline-block;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;color:#fff !important;text-decoration:underline;text-underline-offset:3px;}
.ep-review-product:hover{color:#5fd6ad !important;}
.ep-rev-arrow{position:absolute;top:38%;left:0;transform:translateY(-50%);z-index:2;background:transparent;border:0;color:#fff;cursor:pointer;padding:8px;line-height:0;transition:opacity .15s;}
.ep-rev-arrow:hover{opacity:.65;}
.ep-rev-arrow svg{width:30px;height:30px;}
.ep-rev-arrow--r{left:auto;right:0;}
@media(max-width:560px){.ep-review{padding:0 40px;}.ep-rev-arrow svg{width:24px;height:24px;}}

/* ============================================================
   BLOG PAGES — /blog list + article page
   ============================================================ */
.ep-blogpage{padding:52px 0 96px;}
.ep-blogpage .ep-reco-eyebrow{margin-bottom:.5rem;}
.ep-blogpage-empty{color:#6b7280;font-size:1.05rem;padding:40px 0;}
.ep-bloggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:2rem;}
.ep-bloggrid--3{grid-template-columns:repeat(3,1fr);}
.ep-bloggrid .ep-pcard{flex:none;max-width:none;display:flex;flex-direction:column;}
.ep-bloggrid .ep-pcard-body{height:auto;opacity:1;padding:16px 2px 0;display:flex;flex-direction:column;flex:1;}
.ep-bloggrid .ep-blog-read{margin-top:12px;}
.ep-blogcard-img{display:block;aspect-ratio:4/5;background:#f4f4f5;overflow:hidden;}
.ep-blogcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.ep-blogcard-img:hover img{transform:scale(1.03);}
@media(max-width:980px){.ep-bloggrid,.ep-bloggrid--3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.ep-bloggrid,.ep-bloggrid--3{grid-template-columns:1fr;}}
.ep-article{padding-bottom:90px;}
.ep-article-hero{max-height:480px;overflow:hidden;background:#f4f4f5;}
.ep-article-hero img{width:100%;height:480px;object-fit:cover;display:block;}
.ep-article-inner{max-width:820px;margin:0 auto;padding:44px 0 10px;}
.ep-article-back{display:inline-block;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;color:#6b7280 !important;margin-bottom:1.4rem;text-decoration:none;}
.ep-article-back:hover{color:var(--ep-green) !important;}
.ep-article-title{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.03;letter-spacing:-.01em;margin:0 0 .6rem;}
.ep-article-meta{color:#9aa1a9;font-size:.85rem;font-weight:600;margin-bottom:1.6rem;}
.ep-article-lead{font-size:1.15rem;line-height:1.6;color:#374151;font-weight:600;margin:0 0 1.4rem;}
.ep-article-content{font-size:1.02rem;line-height:1.75;color:#374151;}
.ep-article-content h2,.ep-article-content h3{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:800;text-transform:uppercase;margin:2rem 0 .7rem;line-height:1.1;}
.ep-article-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0;}
.ep-article-content ul{padding-left:1.2rem;}
.ep-article-others{max-width:1240px;margin:64px auto 0;}
.ep-article-others-title{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;text-transform:uppercase;font-size:1.5rem;margin:0 0 .4rem;}

/* blog article cards: plain read-more link instead of green button */
.ep-blog-read{display:inline-flex;align-items:center;gap:.55rem;margin-top:auto;align-self:flex-start;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;color:#0f1720;text-decoration:none;transition:color .12s;}
.ep-blog-read:hover{color:var(--ep-green);}
.ep-blog-read svg{width:17px;height:17px;flex:0 0 auto;}
.ep-blog .ep-pcard.is-active .ep-pcard-body{height:190px;}

/* ---- smart search: live autocomplete ---- */
.ep-search-live{margin-top:4px;}
.ep-search-item{display:flex;align-items:center;gap:12px;padding:8px 6px;text-decoration:none;color:#0f1720;}
.ep-search-item:hover,.ep-search-item.is-sel{background:#f4f4f5;}
.ep-search-item-img{width:54px;height:54px;flex:0 0 54px;background:#f4f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ep-search-item-img img{width:100%;height:100%;object-fit:contain;padding:5px;mix-blend-mode:darken;display:block;}
.ep-search-item-name{font-size:.86rem;line-height:1.3;flex:1;min-width:0;color:#0f1720;}
.ep-search-item-code{display:block;color:#9aa1a9;font-size:.72rem;margin-top:2px;letter-spacing:.02em;}
.ep-search-item-price{font-weight:700;font-size:.84rem;color:var(--ep-green);white-space:nowrap;}
mark.ep-hl{background:none;color:var(--ep-green);font-weight:700;padding:0;}
.ep-search-seeall{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:13px;background:#0f1720;color:#fff;text-decoration:none;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;transition:background .15s;}
.ep-search-seeall:hover,.ep-search-seeall.is-sel{background:var(--ep-green);color:#fff;}
.ep-search-none{padding:12px 0 4px;color:#5c636b;font-size:.9rem;}
.ep-search-fuzzy{color:#9aa1a9;font-size:.76rem;margin:2px 0 6px;}
.ep-search-form.is-loading svg{animation:epspin .9s linear infinite;}
@keyframes epspin{to{transform:rotate(360deg);}}
.ep-search-clear{float:right;background:none;border:0;color:#9aa1a9;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;padding:0;}
.ep-search-clear:hover{color:var(--ep-green);}

/* ---- smart search: results page ---- */
.ep-searchpage{padding:46px 0 70px;}
.ep-search-count{color:#5c636b;margin:6px 0 26px;}
.ep-search-none-page{color:#5c636b;margin:0 0 18px;}
.ep-search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
@media(max-width:1100px){.ep-search-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:800px){.ep-search-grid{grid-template-columns:repeat(2,1fr);gap:16px;}}
@media(max-width:520px){.ep-search-grid{grid-template-columns:1fr;}}
.ep-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:44px;font-weight:700;}
.ep-pager a{color:#0f1720;text-decoration:none;border:1.5px solid #d5d9df;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;}
.ep-pager a:hover{background:#0f1720;color:#fff;border-color:#0f1720;}

/* ---- checkout: MARIAD polish ---- */
body[data-route^="sylius_shop_checkout"] h1,body[data-route^="sylius_shop_checkout"] h2,
body[data-route^="sylius_shop_checkout"] h5,body[data-route^="sylius_shop_checkout"] .h5,
body[data-route^="sylius_shop_checkout"] h6:not(.dropdown-header){font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#0f1720;}
body[data-route^="sylius_shop_checkout"] .checkout-sidebar{background:#f8f9fa;border-left:1px solid #ececee;}
body[data-route^="sylius_shop_checkout"] .btn-primary{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
/* summary items with photo */
.ep-cosum{display:flex;align-items:center;gap:12px;}
.ep-cosum-img{width:52px;height:52px;flex:0 0 52px;background:#f4f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ep-cosum-img img{width:100%;height:100%;object-fit:contain;padding:4px;mix-blend-mode:darken;display:block;}
.ep-cosum-name{font-size:.9rem;font-weight:600;line-height:1.25;}
.ep-cosum-name small{display:block;color:#9aa1a9;font-weight:500;margin-top:2px;}
/* PF/PJ toggle + ANAF */
.ep-pfpj{margin:6px 0 22px;}
.ep-pfpj-tabs{display:flex;gap:0;border:1.5px solid #d5d9df;width:max-content;}
.ep-pfpj-tab{display:block;cursor:pointer;margin:0;}
.ep-pfpj-tab input{position:absolute;opacity:0;pointer-events:none;}
.ep-pfpj-tab span{display:flex;align-items:center;padding:11px 22px;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.88rem;color:#5c636b;transition:background .15s,color .15s;}
.ep-pfpj-tab input:checked + span{background:#0f1720;color:#fff;}
.ep-pfpj-tab:hover span{color:#0f1720;}
.ep-pfpj-tab input:checked + span:hover{color:#fff;}
.ep-anaf{margin-top:14px;padding:16px;background:#f4f4f5;}
.ep-anaf-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#5c636b;margin-bottom:7px;}
.ep-anaf-row{display:flex;gap:10px;}
.ep-anaf-row input{flex:1;border:1.5px solid #d5d9df;background:#fff;padding:10px 13px;font-size:.95rem;outline:0;}
.ep-anaf-row input:focus{border-color:var(--ep-green);}
.ep-anaf-btn{background:var(--ep-green);color:#fff;border:0;padding:10px 18px;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;cursor:pointer;transition:background .15s;white-space:nowrap;}
.ep-anaf-btn:hover{background:#0f1720;}
.ep-anaf-status{margin-top:10px;font-size:.85rem;}
.ep-anaf-status.is-ok{color:var(--ep-green);}
.ep-anaf-status.is-err{color:#c0392b;}
/* keep the checkout distraction-free: no floating promo tab */
body[data-route^="sylius_shop_checkout"] .ep-promo-tab,
body[data-route^="sylius_shop_checkout"] .ep-promo-overlay{display:none !important;}

/* ---- static pages (legal + about) ---- */
.ep-page{padding:46px 0 80px;}
.ep-page-body{max-width:860px;margin-top:10px;font-size:.95rem;line-height:1.75;color:#2c3238;}
.ep-page-body h2,.ep-page-body h3{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#0f1720;margin:34px 0 12px;}
.ep-page-body h2{font-size:1.45rem;}
.ep-page-body h3{font-size:1.15rem;}
.ep-page-body p{margin:0 0 14px;}
.ep-page-body ul,.ep-page-body ol{margin:0 0 16px;padding-left:22px;}
.ep-page-body li{margin-bottom:7px;}
.ep-page-body a{color:var(--ep-green);text-decoration:none;font-weight:600;}
.ep-page-body a:hover{text-decoration:underline;}
.ep-page-body em{font-style:normal;}  /* the source text is italic-wrapped everywhere — normalize */
.ep-page-body strong{color:#0f1720;}
/* about page */
.ep-about-grid{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:38px;align-items:start;margin-bottom:34px;}
@media(max-width:860px){.ep-about-grid{grid-template-columns:1fr;}}
.ep-about-img{margin:0;background:#f4f4f5;}
.ep-about-img img{width:100%;height:auto;display:block;}
.ep-about-text h2{margin-top:0;}
.ep-about-data{background:#f4f4f5;padding:26px 28px;max-width:640px;}
.ep-about-data h3{margin-top:0 !important;}
.ep-about-data ul{list-style:none;padding:0;margin:0;}
.ep-about-data li{padding:5px 0;border:0;}

/* cart page: rein the full-width container in, keep the header untouched */
body[data-route="sylius_shop_cart_summary"] .container.mt-4{max-width:1180px !important;margin-left:auto;margin-right:auto;}

/* product page: small breadcrumb right above the title */
.ep-bc{margin-bottom:10px;}
.ep-bc .breadcrumb{margin:0;font-size:.74rem;letter-spacing:.01em;flex-wrap:wrap;}
.ep-bc .breadcrumb-item a{color:#9aa1a9;text-decoration:none;transition:color .12s;}
.ep-bc .breadcrumb-item a:hover{color:var(--ep-green);}
.ep-bc .breadcrumb-item.active{color:#5c636b;}

/* safety net: if the cart widget ever re-renders without its svg, paint the bag from CSS */
.ep-nav-cart button[aria-label="cart button"]{min-width:27px;min-height:27px;}
.ep-nav-cart button[aria-label="cart button"]:not(:has(svg))::before{content:"";display:block;width:27px;height:27px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6.331%208H17.67a2%202%200%200%201%201.977%202.304l-1.255%208.152A3%203%200%200%201%2015.426%2021H8.574a3%203%200%200%201-2.965-2.544l-1.255-8.152A2%202%200%200%201%206.331%208z'/%3E%3Cpath%20d='M9%2011V6a3%203%200%200%201%206%200v5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6.331%208H17.67a2%202%200%200%201%201.977%202.304l-1.255%208.152A3%203%200%200%201%2015.426%2021H8.574a3%203%200%200%201-2.965-2.544l-1.255-8.152A2%202%200%200%201%206.331%208z'/%3E%3Cpath%20d='M9%2011V6a3%203%200%200%201%206%200v5'/%3E%3C/svg%3E") center/contain no-repeat;}
/* checkout: narrow the CONTENT container like the cart (the small checkout header stays full) */
body[data-route^="sylius_shop_checkout"] .flex-grow-1 > .container{max-width:1180px !important;margin-left:auto;margin-right:auto;}

/* ---- one-page checkout ---- */
.ep-opc{min-height:100vh;background:#fff;}
.ep-opc-wrap{max-width:1180px;margin:0 auto;padding:0 20px;}
.ep-opc-head{border-bottom:1px solid #ececee;background:#fff;}
.ep-opc-head .ep-opc-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px;}
.ep-opc-logo img{width:180px;height:auto;display:block;}
.ep-opc-account{display:inline-flex;align-items:center;gap:8px;color:#0f1720;text-decoration:none;font-weight:600;font-size:.92rem;}
.ep-opc-account svg{width:20px;height:20px;}
.ep-opc-account:hover{color:var(--ep-green);}
.ep-opc-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:44px;align-items:start;padding-top:34px;padding-bottom:80px;}
@media(max-width:991px){.ep-opc-grid{grid-template-columns:1fr;}}
.ep-opc-title{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.9rem;margin:0 0 18px;color:#0f1720;}
.ep-opc-error{background:#fdecea;color:#b3261e;padding:13px 16px;margin-bottom:18px;font-size:.92rem;}
.ep-opc-sec{margin-bottom:30px;}
.ep-opc-sec h2{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.12rem;letter-spacing:.02em;color:#0f1720;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid #0f1720;}
.ep-opc-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
@media(max-width:640px){.ep-opc-2col{grid-template-columns:1fr;}}
.ep-opc-form .form-label{font-size:.82rem;font-weight:600;color:#3c434b;}
.ep-opc-form .form-control,.ep-opc-form .form-select{border:1.5px solid #d5d9df;border-radius:0;padding:.6rem .8rem;}
.ep-opc-form .form-control:focus,.ep-opc-form .form-select:focus{border-color:var(--ep-green);box-shadow:none;}
.ep-opc-check{display:flex;align-items:flex-start;gap:10px;margin:14px 0;cursor:pointer;font-size:.92rem;}
.ep-opc-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--ep-green);flex:0 0 auto;}
.ep-opc-shipaddr{background:#f8f9fa;padding:18px 18px 6px;margin-top:6px;}
.ep-opc-method{display:flex;align-items:center;gap:14px;border:1.5px solid #d5d9df;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s;}
.ep-opc-method:has(input:checked){border-color:var(--ep-green);background:#f2faf7;}
.ep-opc-method input{width:18px;height:18px;accent-color:var(--ep-green);flex:0 0 auto;}
.ep-opc-method-body{flex:1;display:flex;flex-direction:column;gap:2px;}
.ep-opc-method-body strong{font-size:.95rem;color:#0f1720;}
.ep-opc-method-body small{color:#5c636b;font-size:.8rem;}
.ep-opc-method-price{font-weight:700;color:#0f1720;white-space:nowrap;}
.ep-opc-notes{width:100%;border:1.5px solid #d5d9df;padding:.7rem .8rem;font-size:.95rem;outline:0;resize:vertical;}
.ep-opc-notes:focus{border-color:var(--ep-green);}
.ep-opc-terms{margin-top:6px;}
.ep-opc-terms a{color:var(--ep-green);font-weight:600;}
.ep-opc-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:16px;background:var(--ep-green);color:#fff;border:0;padding:17px;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;cursor:pointer;transition:background .15s;}
.ep-opc-submit:hover{background:#0f1720;}
.ep-opc-submit svg{width:20px;height:20px;}
.ep-opc-side{position:sticky;top:20px;}
.ep-opc-card{background:#f8f9fa;padding:26px;}
.ep-opc-card h3{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.12rem;margin:0 0 16px;color:#0f1720;}
.ep-opc-item{display:flex;align-items:center;gap:12px;padding:9px 0;}
.ep-opc-item + .ep-opc-item{border-top:1px solid #ececee;}
.ep-opc-item-img{position:relative;width:56px;height:56px;flex:0 0 56px;background:#f4f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ececee;}
.ep-opc-item-img img{width:100%;height:100%;object-fit:contain;padding:4px;mix-blend-mode:darken;}
.ep-opc-item-img b{position:absolute;top:-1px;right:-1px;background:#0f1720;color:#fff;font-size:.66rem;line-height:1;padding:3px 6px;border-radius:0 0 0 6px;}
.ep-opc-item-name{flex:1;font-size:.88rem;font-weight:600;line-height:1.3;color:#0f1720;}
.ep-opc-item-name small{display:block;color:#9aa1a9;font-weight:500;margin-top:2px;}
.ep-opc-item-total{font-weight:700;font-size:.88rem;white-space:nowrap;}
.ep-opc-totals{margin-top:16px;border-top:2px solid #0f1720;padding-top:14px;font-size:.92rem;}
.ep-opc-totals > div{display:flex;justify-content:space-between;padding:4px 0;}
.ep-opc-tax{color:#9aa1a9;font-size:.82rem;}
.ep-opc-grand{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.15rem;margin-top:8px;border-top:1px solid #d5d9df;padding-top:12px !important;}
/* trust badge */
.ep-secure{margin-top:16px;background:#f4f4f5;padding:14px 16px;}
.ep-opc-card .ep-secure{background:#fff;border:1px solid #ececee;}
.ep-secure-row{display:flex;align-items:flex-start;gap:11px;}
.ep-secure-row svg{width:22px;height:22px;flex:0 0 auto;color:var(--ep-green);margin-top:1px;}
.ep-secure-title{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.86rem;color:#0f1720;}
.ep-secure-text{font-size:.78rem;color:#5c636b;margin-top:1px;}
.ep-secure .ep-paycards{margin-top:10px;}

/* info pages + blog: content reined in like cart/checkout (site header stays full) */
.ep-page > .container,
.ep-blogpage > .container,
.ep-article > .container,
.ep-article-hero,
.ep-article-inner{max-width:1180px !important;margin-left:auto;margin-right:auto;}
.ep-searchpage > .container{max-width:1180px !important;margin-left:auto;margin-right:auto;}
/* one-page checkout: spacing between bootstrap-themed rows + no promo tab */
.ep-opc-form .mb-3{margin-bottom:14px !important;}
.ep-opc-form label.form-label{margin-bottom:5px;}
body[data-route="ep_checkout"] .ep-promo-tab,
body[data-route="ep_checkout"] .ep-promo-overlay{display:none !important;}

/* ---- support hub (Contact / FAQ / Retururi / Garantii) ---- */
.ep-hub{padding:34px 0 80px;}
.ep-hub-wrap{max-width:1180px !important;margin-left:auto;margin-right:auto;}
.ep-hub-bc{font-size:.76rem;color:#9aa1a9;margin-bottom:10px;}
.ep-hub-bc a{color:#9aa1a9;text-decoration:none;}
.ep-hub-bc a:hover{color:var(--ep-green);}
.ep-hub-bc span{margin:0 5px;}
.ep-hub-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:40px;align-items:start;margin-bottom:22px;}
@media(max-width:860px){.ep-hub-head{grid-template-columns:1fr;gap:10px;}}
.ep-hub-head h1{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:2.2rem;margin:0;color:#0f1720;}
.ep-hub-intro{color:#5c636b;font-size:.92rem;line-height:1.65;margin:4px 0 0;}
.ep-hub-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 34px;}
.ep-hub-tabs a{display:inline-flex;align-items:center;padding:11px 20px;border:1.5px solid #d5d9df;color:#0f1720;text-decoration:none;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.84rem;transition:all .15s;background:#fff;}
.ep-hub-tabs a:hover{border-color:#0f1720;}
.ep-hub-tabs a.is-on{background:#0f1720;border-color:#0f1720;color:#fff;}
.ep-hub-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:48px;align-items:start;}
@media(max-width:991px){.ep-hub-grid{grid-template-columns:1fr;}}
.ep-hub-h2{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.25rem;color:#0f1720;margin:0 0 10px;}
.ep-hub-h3{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.95rem;color:#0f1720;margin:22px 0 6px;}
.ep-hub-p{color:#3c434b;font-size:.93rem;line-height:1.7;margin:0 0 10px;}
.ep-hub-p a{color:var(--ep-green);font-weight:600;text-decoration:none;}
.ep-hub-p a:hover{text-decoration:underline;}
.ep-contact-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;}
@media(max-width:640px){.ep-contact-cols{grid-template-columns:1fr;}}
.ep-hub-divider{height:1px;background:#ececee;margin:26px 0;}
/* form card (contact + retur) */
.ep-form-card{background:#f8f9fa;padding:28px;}
.ep-form-card h3{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.15rem;margin:0 0 16px;color:#0f1720;}
.ep-form-card label{display:block;font-size:.8rem;font-weight:700;color:#3c434b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.03em;}
.ep-form-card input[type=text],.ep-form-card input[type=email],.ep-form-card input[type=tel],
.ep-form-card select,.ep-form-card textarea{display:block;width:100%;margin-top:5px;border:1.5px solid #d5d9df;background:#fff;padding:.62rem .8rem;font-size:.95rem;font-weight:400;text-transform:none;letter-spacing:0;outline:0;resize:vertical;}
.ep-form-card input:focus,.ep-form-card select:focus,.ep-form-card textarea:focus{border-color:var(--ep-green);}
.ep-form-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
@media(max-width:640px){.ep-form-2col{grid-template-columns:1fr;}}
.ep-form-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--ep-green);color:#fff;border:0;padding:15px;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.98rem;cursor:pointer;transition:background .15s;margin-top:4px;}
.ep-form-submit:hover{background:#0f1720;color:#fff;}
.ep-form-submit svg{width:18px;height:18px;}
.ep-hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;opacity:0;}
.ep-form-ok{text-align:center;padding:18px 6px;}
.ep-form-ok svg{width:52px;height:52px;color:var(--ep-green);margin-bottom:10px;}
.ep-form-ok h3{margin-bottom:8px;}
.ep-form-ok p{color:#5c636b;font-size:.92rem;}
.ep-form-again{display:inline-block;margin-top:12px;color:var(--ep-green);font-weight:700;text-decoration:none;}
.ep-return-number{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:2rem;color:#0f1720;background:#fff;border:2px dashed var(--ep-green);padding:10px 18px;margin:10px auto;display:inline-block;}
.ep-return-steps{counter-reset:pas;list-style:none;padding:0;margin:0 0 8px;}
.ep-return-steps li{position:relative;padding:0 0 18px 52px;color:#3c434b;font-size:.93rem;line-height:1.65;counter-increment:pas;}
.ep-return-steps li::before{content:counter(pas);position:absolute;left:0;top:0;width:36px;height:36px;background:#0f1720;color:#fff;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center;}
.ep-return-notes{list-style:none;padding:0;margin:0;}
.ep-return-notes li{position:relative;padding:0 0 10px 24px;color:#3c434b;font-size:.9rem;line-height:1.6;}
.ep-return-notes li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;background:var(--ep-green);}
.ep-return-refund{margin:2px 0 12px;padding:14px 16px;background:#fff;border:1.5px solid #ececee;}
.ep-return-refund-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#3c434b;margin-bottom:8px;}
.ep-return-refund .ep-opc-check{margin:8px 0;font-weight:500;text-transform:none;letter-spacing:0;}
.ep-return-iban{margin-top:10px;}
.ep-warranty-card p{color:#5c636b;font-size:.92rem;margin-bottom:14px;}
/* FAQ */
.ep-faq-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:48px;align-items:start;}
@media(max-width:860px){.ep-faq-grid{grid-template-columns:1fr;gap:20px;}}
.ep-faq-side{position:sticky;top:20px;}
.ep-faq-search{width:100%;border:0;border-bottom:1.5px solid #d5d9df;padding:10px 2px;font-size:.95rem;outline:0;margin-bottom:20px;background:transparent;}
.ep-faq-search:focus{border-color:var(--ep-green);}
.ep-faq-cats{display:flex;flex-direction:column;gap:2px;}
.ep-faq-cats a{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:1.02rem;color:#9aa1a9;text-decoration:none;padding:7px 0;transition:color .12s;}
.ep-faq-cats a:hover{color:#0f1720;}
.ep-faq-cats a.is-on{color:#0f1720;}
.ep-faq-cats a.is-on::before{content:"→ ";color:var(--ep-green);}
.ep-faq-main{border-left:1px solid #ececee;padding-left:48px;}
@media(max-width:860px){.ep-faq-main{border-left:0;padding-left:0;}}
.ep-faq-cat-title{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.05rem;color:#9aa1a9;margin:30px 0 4px;}
.ep-faq-group:first-child .ep-faq-cat-title{margin-top:0;}
.ep-faq-item{border-bottom:1px solid #ececee;}
.ep-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:17px 2px;font-size:.97rem;font-weight:500;color:#0f1720;transition:color .12s;}
.ep-faq-item summary::-webkit-details-marker{display:none;}
.ep-faq-item summary:hover{color:var(--ep-green);}
.ep-faq-plus{position:relative;width:14px;height:14px;flex:0 0 14px;}
.ep-faq-plus::before,.ep-faq-plus::after{content:"";position:absolute;background:#0f1720;transition:transform .18s;}
.ep-faq-plus::before{left:0;top:6px;width:14px;height:2px;}
.ep-faq-plus::after{left:6px;top:0;width:2px;height:14px;}
.ep-faq-item[open] .ep-faq-plus::after{transform:scaleY(0);}
.ep-faq-a{padding:0 30px 18px 2px;color:#3c434b;font-size:.92rem;line-height:1.7;}
.ep-faq-a a{color:var(--ep-green);font-weight:600;text-decoration:none;}
.ep-faq-none{padding:26px 0;color:#5c636b;}

/* ---- partners program ---- */
.ep-partners{padding-bottom:80px;}
.ep-part-hero{background:#0f1720;color:#fff;padding:64px 0 54px;margin-bottom:44px;}
.ep-part-chip{display:inline-block;background:var(--ep-green);color:#fff;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;padding:7px 14px;margin-bottom:18px;}
.ep-part-hero h1{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1.06;margin:0 0 14px;}
.ep-part-hero h1 em{font-style:normal;color:var(--ep-green);}
.ep-part-hero p{max-width:640px;color:#c7cdd4;font-size:1rem;line-height:1.7;margin:0 0 30px;}
.ep-part-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:760px;}
@media(max-width:720px){.ep-part-stats{grid-template-columns:repeat(2,1fr);}}
.ep-part-stats b{display:block;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:2rem;color:var(--ep-green);line-height:1;}
.ep-part-stats span{color:#9aa1a9;font-size:.82rem;}
.ep-part-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:48px;align-items:start;}
@media(max-width:991px){.ep-part-grid{grid-template-columns:1fr;}}
.ep-part-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:640px){.ep-part-benefits{grid-template-columns:1fr;}}
.ep-part-card{border:1.5px solid #ececee;padding:20px;transition:border-color .15s,transform .15s;}
.ep-part-card:hover{border-color:var(--ep-green);transform:translateY(-2px);}
.ep-part-card svg{width:30px;height:30px;color:var(--ep-green);margin-bottom:10px;}
.ep-part-card h3{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.98rem;margin:0 0 6px;color:#0f1720;}
.ep-part-card p{color:#5c636b;font-size:.86rem;line-height:1.6;margin:0;}
.ep-part-side{position:sticky;top:20px;}
.ep-part-form h3{font-size:1.2rem;}
.ep-part-note{color:#9aa1a9;font-size:.76rem;text-align:center;margin:10px 0 0;font-weight:400;text-transform:none;letter-spacing:0;}
/* quote button + modal */
.ep-quote-btn{display:inline-flex;align-items:center;gap:10px;margin-top:14px;background:#0f1720;color:#fff;border:0;padding:15px 28px;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:1rem;cursor:pointer;transition:background .15s;}
.ep-quote-btn:hover{background:var(--ep-green);}
.ep-qmodal{position:fixed;inset:0;background:rgba(15,23,32,.55);z-index:1080;display:flex;align-items:center;justify-content:center;padding:20px;}
.ep-qmodal-card{position:relative;background:#fff;max-width:520px;width:100%;padding:30px;max-height:92vh;overflow:auto;}
.ep-qmodal-x{position:absolute;top:10px;right:14px;background:none;border:0;font-size:1.7rem;line-height:1;cursor:pointer;color:#9aa1a9;}
.ep-qmodal-x:hover{color:#0f1720;}
.ep-qmodal-card h3{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.25rem;margin:0 0 4px;color:#0f1720;}
.ep-qmodal-prod{color:var(--ep-green);font-weight:700;font-size:.92rem;margin-bottom:16px;}
.ep-qmodal-card label{display:block;font-size:.78rem;font-weight:700;color:#3c434b;margin-bottom:11px;text-transform:uppercase;letter-spacing:.03em;}
.ep-qmodal-card input[type=text],.ep-qmodal-card input[type=email],.ep-qmodal-card input[type=tel],.ep-qmodal-card input[type=number],.ep-qmodal-card textarea{display:block;width:100%;margin-top:5px;border:1.5px solid #d5d9df;padding:.58rem .75rem;font-size:.95rem;font-weight:400;text-transform:none;letter-spacing:0;outline:0;}
.ep-qmodal-card input:focus,.ep-qmodal-card textarea:focus{border-color:var(--ep-green);}
.ep-qmodal-err{background:#fdecea;color:#b3261e;padding:10px 13px;font-size:.86rem;margin-bottom:10px;}

/* --- INDUSTRII dropdown (header) --- */
.ep-nav-dd--ind{position:relative;}
.ep-nav-dd--ind:hover .ep-nav-dd-menu{display:flex;}
.ep-nav-dd-link{display:block;padding:.55rem .9rem;color:#dfe4ec !important;text-decoration:none;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.03em;border-radius:6px;}
.ep-nav-dd-link:hover{background:#1d2836;color:#fff !important;}

/* --- pagina INDUSTRII --- */
.ep-ind-page{padding:56px 44px 80px;}
.ep-ind-head{max-width:780px;margin:0 0 34px;}
.ep-ind-eyebrow{display:inline-block;color:var(--ep-green);font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;letter-spacing:.2em;font-size:.74rem;text-transform:uppercase;margin-bottom:.6rem;}
.ep-ind-head h1{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(2rem,4vw,3rem);margin:0 0 .6rem;color:#0f1720;}
.ep-ind-head p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0;}
.ep-ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:1200px){.ep-ind-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){.ep-ind-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.ep-ind-grid{grid-template-columns:1fr;}.ep-ind-page{padding:32px 16px 56px;}}
.ep-ind-card{display:flex;flex-direction:column;gap:.5rem;padding:26px 22px 20px;background:#fff;border:1px solid #e6e8ec;border-radius:14px;text-decoration:none;transition:box-shadow .16s,transform .16s,border-color .16s;}
.ep-ind-card:hover{box-shadow:0 18px 40px rgba(15,23,32,.12);transform:translateY(-3px);border-color:var(--ep-green);}
.ep-ind-ico{width:46px;height:46px;border-radius:11px;background:#eaf7f2;color:var(--ep-green);display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;}
.ep-ind-ico svg{width:24px;height:24px;}
.ep-ind-name{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.12rem;color:#0f1720;letter-spacing:.01em;}
.ep-ind-desc{color:#6b7280;font-size:.88rem;line-height:1.5;flex:1 1 auto;}
.ep-ind-count{display:inline-flex;align-items:center;gap:.4rem;color:var(--ep-green);font-weight:700;font-size:.9rem;margin-top:.5rem;}
.ep-ind-card:hover .ep-ind-count svg{transform:translateX(3px);transition:transform .15s;}

/* ---- Meniul mobil: Bootstrap pune .navbar (flex-wrap:wrap) pe același element
   cu .offcanvas-lg (flex-direction:column). Când conținutul depășește înălțimea
   ecranului, coloana "curge" într-o a doua coloană, adică exact un ecran mai la
   dreapta — sertarul se deschidea gol. -------------------------------------- */
@media (max-width: 991.98px) {
  #navbarNav.offcanvas-lg { flex-wrap: nowrap !important; }
  #navbarNav .offcanvas-header { flex: 0 0 auto; }
  #navbarNav .offcanvas-body { flex: 1 1 auto; min-height: 0; width: 100% !important; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  #navbarNav .navbar-nav { width: 100%; }
}

/* ---- Săgeți sus/jos pe mobil, pentru listele lungi de produse ------------- */
.ep-scroller { position: fixed; right: 12px; bottom: 84px; z-index: 1030; display: none; flex-direction: column; gap: 8px; }
.ep-scroller button {
  width: 42px; height: 42px; border: 0; border-radius: 50%;
  background: #0c1320; color: #fff; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 18px rgba(12, 19, 32, .28); cursor: pointer;
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s, background .18s;
}
.ep-scroller button.is-on { opacity: 1; visibility: visible; transform: none; }
.ep-scroller button:active { background: var(--ep-green); }
.ep-scroller svg { width: 20px; height: 20px; }
@media (max-width: 991.98px) { .ep-scroller.is-ready { display: flex; } }

/* ---- Footer pe mobil ------------------------------------------------------
   Containerul avea 44px padding fix pe orice lățime (88px din 375 = un sfert
   de ecran), iar elementele de grid au `min-width:auto` implicit, deci nu
   coborau sub min-content-ul lor de 369px — formularul de newsletter și
   iconițele de plată ieșeau din ecran. ------------------------------------- */
@media (max-width: 991.98px) {
  .ep-footer .container,
  .ep-foot-bottom .container { padding-left: 24px; padding-right: 24px; }
  .ep-foot-main, .ep-foot-main > *,
  .ep-foot-cols, .ep-foot-cols > *,
  .ep-foot-features, .ep-foot-features > * { min-width: 0; }
}
@media (max-width: 560px) {
  .ep-footer .container,
  .ep-foot-bottom .container { padding-left: 16px; padding-right: 16px; }
  .ep-foot-form button { padding: 0 1.05rem; font-size: .92rem; }
  .ep-foot-main { padding: 26px 0; }
}

/* ---- Slidere pe mobil (produse + blog): centrare garantată --------------
   Lățimea cardului și paddingul lateral erau două numere scrise separat
   (78vw și 11vw). Regula `.ep-pcard.is-active{flex:0 0 344px}` e mai
   specifică decât cea din media query, deci cardul din centru rămânea 344px
   într-un slot calculat pentru 78vw — ieșea din ecran în dreapta. Acum
   paddingul se calculează din aceeași variabilă ca lățimea cardului. ------ */
@media (max-width: 768px) {
  .ep-slider { --ep-card: 78vw; padding-left: calc((100vw - var(--ep-card)) / 2); padding-right: calc((100vw - var(--ep-card)) / 2); }
  .ep-slider .ep-pcard,
  .ep-slider .ep-pcard.is-active { flex: 0 0 var(--ep-card); max-width: var(--ep-card); }
  .ep-slider .ep-pcard { scroll-snap-align: center; scroll-snap-stop: always; }
}

/* ---- Submeniul din sertarul mobil ----------------------------------------
   `.dropdown-menu` are fundal alb de la Bootstrap, iar linkurile din sertar
   sunt forțate pe #eef1f6 — ieșea text alb pe fundal alb. Îl facem parte din
   sertarul întunecat, cu o linie de indentare care arată ierarhia. --------- */
@media (max-width: 991.98px) {
  #navbarNav .dropdown-menu {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 6px;
    padding: 2px 0 6px 6px;
    width: 100%;
    min-width: 0;
  }
  #navbarNav .dropdown-menu a,
  #navbarNav .dropdown-menu .dropdown-item {
    color: #a9b7c8 !important;
    background: transparent;
    font-size: .92rem;
    font-weight: 600;
    letter-spacing: .02em;
    padding: .48rem 0 .48rem .9rem;
    border-left: 2px solid #24344a;
  }
  #navbarNav .dropdown-menu a:hover,
  #navbarNav .dropdown-menu a:focus,
  #navbarNav .dropdown-menu a:active,
  #navbarNav .dropdown-menu .dropdown-item:hover,
  #navbarNav .dropdown-menu .dropdown-item:focus,
  #navbarNav .dropdown-menu .dropdown-item:active {
    color: #fff !important;
    background: transparent;
    border-left-color: var(--ep-green);
  }
  /* săgeata categoriei părinte, când submeniul e deschis */
  #navbarNav .nav-link[aria-expanded="true"] { color: var(--ep-green) !important; }
  #navbarNav .nav-link[aria-expanded="true"] svg { transform: rotate(180deg); }
  #navbarNav .nav-link svg { transition: transform .15s ease; }
}

/* ---- Mesaj de indisponibilitate la adăugarea în coș ---------------------- */
.ep-atc-alert {
  display: flex; gap: .8rem; align-items: flex-start;
  background: #fff6f6; border: 1px solid #f3c9c9; border-left: 3px solid #c0392b;
  padding: .95rem 1.1rem; margin: 0 0 1.1rem; border-radius: 4px;
}
.ep-atc-alert svg { width: 20px; height: 20px; flex: 0 0 auto; color: #c0392b; margin-top: 1px; }
.ep-atc-alert strong {
  display: block; color: #0f1720; font-family: 'Rajdhani', 'Inter Tight', sans-serif;
  font-weight: 700; font-size: 1rem; letter-spacing: .01em; margin-bottom: .15rem;
}
.ep-atc-alert span { display: block; color: #6b7280; font-size: .9rem; line-height: 1.5; }
.ep-atc-alert--out { background: #f6f7f9; border-color: #dfe3e8; border-left-color: #6b7280; }
.ep-atc-alert--out svg { color: #6b7280; }

/* combinații inexistente: plăcile rămân vizibile, dar stinse și neclicabile */
.ep-opt-tile.is-off { opacity: .34; cursor: not-allowed; position: relative; }
.ep-opt-tile.is-off span { text-decoration: line-through; text-decoration-thickness: 1px; }
.ep-opt-tile.is-off:hover { border-color: inherit; }

/* ---- Meniul INDUSTRII ----------------------------------------------------
   Se inchidea imediat ce plecai cu mausul de pe buton: panoul avea
   `margin-top:.55rem`, iar `:hover` sta pe wrapper, care se termina la marginea
   butonului. Cele 9px de gol erau in afara lui — hover pierdut, `display:none`,
   meniu dispărut inainte sa ajungi la primul rand.

   Doua schimbari: o punte invizibila care acopera golul (e copil al panoului,
   deci tine hover-ul pe wrapper) si trecerea de pe `display` pe
   opacitate+vizibilitate, ca sa se poata intarzia inchiderea — cum face deja
   mega-meniul PRODUSE. In plus panoul e alb, cu iconitele si numaratorile din
   pagina „Industrii", nu o cutie neagra cu text. --------------------------- */
.ep-nav-dd--ind .ep-nav-dd-menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(228px, 1fr));
  gap: 1px 6px;
  width: max-content;
  max-width: min(620px, 92vw);
  background: #fff;
  color: #0f1720;
  border: 0;
  border-radius: 14px;
  padding: 12px;
  margin-top: .55rem;
  box-shadow: 0 26px 60px rgba(12, 19, 32, .24), 0 2px 8px rgba(12, 19, 32, .08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  /* la inchidere se lasa o clipa de gratie, ca sa nu fuga la o tremurare */
  transition: opacity .16s ease .2s, transform .16s ease .2s, visibility 0s linear .36s;
}

.ep-nav-dd--ind:hover .ep-nav-dd-menu,
.ep-nav-dd--ind:focus-within .ep-nav-dd-menu {
  display: grid;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .14s ease, transform .14s ease, visibility 0s;
}

/* puntea peste gol: nu se vede, dar se poate trece cu mausul peste ea */
.ep-nav-dd--ind .ep-nav-dd-menu::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -.7rem;
  height: .7rem;
}

/* colțul care arată de unde vine panoul */
.ep-nav-dd--ind .ep-nav-dd-menu::after {
  content: '';
  position: absolute;
  top: -5px;
  left: 26px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 2px;
  transform: rotate(45deg);
}

.ep-nav-dd--ind .ep-nav-dd-link {
  display: flex;
  align-items: center;
  gap: .68rem;
  padding: .58rem .66rem;
  border-radius: 10px;
  color: #0f1720 !important;
  text-decoration: none;
  transition: background .14s ease;
}

.ep-nav-dd--ind .ep-nav-dd-link:hover,
.ep-nav-dd--ind .ep-nav-dd-link:focus-visible {
  background: #f1f6f4;
  color: #0f1720 !important;
}

.ep-nav-dd--ind .ep-nav-dd-ico {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #eaf7f2;
  color: var(--ep-green);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .14s ease, color .14s ease;
}

.ep-nav-dd--ind .ep-nav-dd-link:hover .ep-nav-dd-ico {
  background: var(--ep-green);
  color: #fff;
}

.ep-nav-dd--ind .ep-nav-dd-ico svg { width: 19px; height: 19px; }

.ep-nav-dd--ind .ep-nav-dd-name {
  display: block;
  font-family: 'Rajdhani', 'Inter Tight', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: .88rem;
  line-height: 1.15;
}

.ep-nav-dd--ind .ep-nav-dd-count {
  display: block;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  font-size: .76rem;
  color: #7b838d;
  margin-top: 1px;
}

.ep-nav-dd--ind .ep-nav-dd-all {
  grid-column: 1 / -1;
  margin-top: 6px;
  padding: .6rem .66rem .18rem;
  border-top: 1px solid #edf0f3;
  display: flex;
  align-items: center;
  gap: .4rem;
  color: var(--ep-green) !important;
  text-decoration: none;
  font-family: 'Rajdhani', 'Inter Tight', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .8rem;
}

.ep-nav-dd--ind .ep-nav-dd-all svg { width: 15px; height: 15px; transition: transform .14s ease; }
.ep-nav-dd--ind .ep-nav-dd-all:hover svg { transform: translateX(3px); }

@media (max-width: 640px) {
  .ep-nav-dd--ind .ep-nav-dd-menu { grid-template-columns: 1fr; }
}

/* ---- „descoperă mai mult" sub descrierea scurtă --------------------------
   Descrierile aduse de pe site-ul vechi erau tăiate fix la 250 de caractere,
   în mijlocul cuvântului („...disponibile la comanda. Pent"). Textul se taie
   acum la capăt de propoziție și se încheie cu „…", iar legătura de aici
   deschide descrierea completă de mai jos. ------------------------------- */
.ep-psum-more {
  display: inline;
  border: 0;
  background: none;
  padding: 0;
  margin-left: .3rem;
  color: var(--ep-green);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}

.ep-psum-more:hover { color: #0f1720; }

/* ---- checkout: cupon si taxa de ramburs ---------------------------------- */
.ep-opc-cupon {
  margin: 0 0 14px;
  padding: 14px 16px;
  background: #f2faf7;
  border: 1px solid #cfe9df;
  border-radius: 10px;
}
.ep-opc-cupon label { display: block; font-weight: 700; color: #0f1720; margin-bottom: 8px; font-size: .92rem; }
.ep-opc-cupon-row { display: flex; gap: 8px; }
.ep-opc-cupon-row input {
  flex: 1 1 auto; min-width: 0; padding: .55rem .7rem; border: 1.5px solid #cfe9df;
  border-radius: 7px; font-size: .95rem; text-transform: uppercase; outline: 0; background: #fff;
}
.ep-opc-cupon-row input:focus { border-color: var(--ep-green); }
.ep-opc-cupon-row button {
  flex: 0 0 auto; padding: .55rem 1.1rem; border: 0; border-radius: 7px;
  background: var(--ep-green); color: #fff; font-weight: 700; cursor: pointer;
}
.ep-opc-cupon-ok { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: .93rem; }
.ep-opc-cupon-ok strong { color: #0f7a5c; letter-spacing: .5px; }
.ep-opc-cupon-ok button { border: 0; background: none; color: #8a929b; text-decoration: underline; cursor: pointer; font-size: .85rem; }

/* taxa scrisa langa metoda de plata, ca sa n-o afle omul abia pe factura */
.ep-opc-taxa-info { display: block; color: #b4690e; font-weight: 600; }
/* taxa de ramburs: se vede si sub transport, si la metoda de plata */
.ep-opc-taxa-rand{display:block !important;padding:0 0 4px !important;color:#5c636b;font-size:.78rem;text-align:right;}
.ep-opc-taxa-rand[hidden]{display:none !important;}
.ep-opc-method-body small.ep-opc-taxa-info{font-size:.82rem;margin-top:2px;}
.ep-opc-mesaj{margin:0 0 14px;padding:12px 16px;border-radius:8px;font-size:.9rem;line-height:1.45;}
.ep-opc-mesaj-error{background:#fdeeee;border:1px solid #f3c2c2;color:#8f2323;}
.ep-opc-mesaj-success{background:#eaf7f2;border:1px solid #b9e2d3;color:#0d6b51;}
.ep-promo-eroare{margin-top:8px;color:#8f2323;font-size:.85rem;line-height:1.4;}
.ep-opc-totals > div[hidden]{display:none !important;}
.ep-opc-cupon-mesaj{margin-top:10px;font-size:.82rem;line-height:1.45;color:#0d6b51;}
.ep-opc-cupon-mesaj.este-eroare{color:#8f2323;}
.ep-opc-indiciu{display:block;margin-top:5px;color:#8a929b;font-size:.78rem;line-height:1.4;}

/* ---------- pagina de după comandă ---------- */
.ep-ty{max-width:820px;margin:0 auto;padding:40px 16px 64px;}
.ep-ty h2{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;text-transform:uppercase;
    font-size:1.05rem;letter-spacing:.5px;color:#0f1720;margin:0 0 14px;}
.ep-ty-head{text-align:center;margin-bottom:36px;}
.ep-ty-bifa{width:62px;height:62px;margin:0 auto 18px;border-radius:50%;background:#eaf7f2;color:#139570;
    display:flex;align-items:center;justify-content:center;}
.ep-ty-head h1{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:2.1rem;
    text-transform:uppercase;color:#0f1720;margin:0 0 10px;}
.ep-ty-sub{font-size:1.02rem;color:#3c434b;margin:0 0 6px;}
.ep-ty-mail{font-size:.9rem;color:#5c636b;margin:0;}
.ep-ty-pasi{display:grid;gap:18px;margin-bottom:30px;}
@media (min-width:720px){.ep-ty-pasi{grid-template-columns:repeat(3,1fr);}}
.ep-ty-pas{display:flex;gap:12px;align-items:flex-start;}
.ep-ty-nr{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#0f1720;color:#fff;
    font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.ep-ty-pas strong{display:block;font-size:.95rem;color:#0f1720;margin-bottom:4px;}
.ep-ty-pas p{margin:0;font-size:.85rem;line-height:1.5;color:#5c636b;}
.ep-ty-plata{border:1px solid #dfe3e8;border-radius:12px;padding:22px 24px;margin-bottom:22px;background:#fff;}
.ep-ty-plata-atentie{border-color:#139570;background:#f4fbf8;}
.ep-ty-suma{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:1.9rem;
    color:#0f1720;margin:0 0 10px;}
.ep-ty-plata p{margin:0;font-size:.9rem;line-height:1.6;color:#3c434b;}
.ep-ty-banca{background:#fff;border:1px dashed #b9c2cc;border-radius:8px;padding:12px 14px;margin-bottom:12px;
    font-family:'Courier New',Courier,monospace;font-size:.88rem;line-height:1.6;color:#0f1720;}
.ep-ty-card{border:1px solid #dfe3e8;border-radius:12px;padding:22px 24px;margin-bottom:22px;background:#fff;}
.ep-ty-tabel{width:100%;border-collapse:collapse;font-size:.9rem;}
.ep-ty-tabel td{padding:9px 0;vertical-align:top;color:#3c434b;}
.ep-ty-tabel tbody td small{display:block;color:#8a929b;font-size:.78rem;margin-top:2px;}
.ep-ty-tabel tfoot td small{display:block;color:#8a929b;font-size:.75rem;font-weight:400;}
.ep-ty-cant{white-space:nowrap;color:#8a929b;text-align:right;padding-right:16px !important;}
.ep-ty-pret{text-align:right;white-space:nowrap;color:#0f1720;}
.ep-ty-tabel tfoot{border-top:1px solid #e6e9ed;}
.ep-ty-tabel tfoot td{padding-top:10px;}
.ep-ty-tva td{color:#9aa1a9 !important;font-size:.82rem;}
.ep-ty-total td{font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;font-size:1.15rem;
    text-transform:uppercase;color:#0f1720 !important;border-top:1px solid #d5d9df;padding-top:12px !important;}
.ep-ty-doua{display:grid;gap:22px;}
@media (min-width:720px){.ep-ty-doua{grid-template-columns:1fr 1fr;}}
.ep-ty-adresa{margin:0;font-size:.9rem;line-height:1.65;color:#3c434b;}
.ep-ty-mic{margin:10px 0 0;font-size:.8rem;color:#8a929b;line-height:1.5;}
.ep-ty-ajutor{border-top:1px solid #e6e9ed;padding-top:24px;margin-top:8px;}
.ep-ty-ajutor p{margin:0 0 8px;font-size:.9rem;line-height:1.6;color:#3c434b;}
.ep-ty-ajutor a{color:#139570;}
.ep-ty-butoane{margin-top:26px;text-align:center;}
.ep-ty-btn{display:inline-block;padding:13px 30px;border-radius:8px;background:#0f1720;color:#fff;
    text-decoration:none;font-family:'Rajdhani','Inter Tight',sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.5px;}
.ep-ty-btn:hover{background:#139570;color:#fff;}