/* Catalog extension of the approved homepage tokens. Only commerce roots are
   targeted; shared navigation, footer and homepage retain their existing CSS.
   The root ID and class intentionally outrank the legacy theme layers. */
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce {
  color:var(--ink); background:var(--paper)!important; font-family:var(--f-ui)!important;
  padding:28px var(--egrd-gut) 64px!important; margin:0 auto!important;
  width:100%!important; max-width:100%!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.enghome-category-container,.eg-search-shell-v230,.egp-container) {max-width:var(--egrd-max)!important;width:100%!important;margin:auto!important;padding:0!important}
body.enghome-body #product-special.eg-commerce {max-width:calc(var(--egrd-max) + 2 * var(--egrd-gut))!important}
/* Mini-cart drawer — final say (this file loads last of every enghome-*.css).
   Three separate legacy rules in enghome.css (all !important, all painting
   this button as a pink/red pill with a fake "×" icon) kept beating the
   intended plain/muted treatment in enghome-redesign-phase1.css despite
   that file's selector having one more class in its specificity — traced
   with a real screenshot, not guesswork; not worth hunting down and
   deleting three scattered old rules when one decisive override here does
   it. Also: the drawer previously always stretched to ~full viewport
   height regardless of how many items it held, leaving a large dead gap
   between a single item and the totals footer — switched to shrink-to-fit
   with a sane cap. And the per-item price row showed "unit price" (styled
   like a strikethrough) next to "total price" even when they're identical
   at quantity 1, reading as a fake discount — now only shown when they
   actually differ (qty > 1). */
body.enghome-body .eg-cart-drawer-items .eg-cart-remove-btn {
	border:1px solid var(--line-strong)!important;border-radius:2px!important;background:var(--paper)!important;
	color:var(--muted)!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;
	letter-spacing:.06em!important;min-height:32px!important;padding:0 10px!important;box-shadow:none!important;
}
body.enghome-body .eg-cart-drawer-items .eg-cart-remove-btn::before { content:none!important; }
body.enghome-body .eg-cart-drawer-items .eg-cart-remove-btn:hover {
	background:var(--sale)!important;color:#fff!important;border-color:var(--sale)!important;transform:none!important;box-shadow:none!important;
}
body.enghome-body .eg-cart-drawer { height:auto!important;max-height:calc(100dvh - var(--eg-header-h) - 12px)!important; }
/* enghome.css carries a ≤700px rule meant for the full /cart page's item
   cards (a light "pill" box with 32px price, built for a wide grid row) —
   it isn't scoped away from the drawer, so on any phone-width viewport it
   also painted the narrow mini-cart's price with that same oversized pill,
   clashing with the plain/compact treatment already defined above for the
   drawer. Reassert the plain layout, !important, so it wins regardless of
   viewport width. */
body.enghome-body .eg-cart-drawer-items .eg-cart-item-prices {
	grid-area:auto!important;display:flex!important;align-items:baseline!important;justify-content:flex-start!important;
	gap:8px!important;width:auto!important;padding:0!important;border-radius:0!important;background:transparent!important;border:0!important;
}
body.enghome-body .eg-cart-drawer-items .eg-item-total-price {
	font-size:14px!important;line-height:1.2!important;text-align:left!important;color:var(--ink)!important;font-weight:700!important;
}
body.enghome-body .eg-cart-drawer-items .eg-item-unit-price {font-size:12px!important;color:var(--muted)!important}

/* "Mund të të pëlqejnë edhe" — more-from-this-category strip at the bottom
   of every listing page, so a customer never runs out of things to browse
   right after the last product on the page. */
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special).eg-commerce .eg-related-products {margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special).eg-commerce .eg-related-products-kicker {margin:0 0 8px;font:700 11.5px/1.3 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special).eg-commerce .eg-related-products-title {margin:0 0 24px;font-family:var(--f-disp);font-size:clamp(24px,2.6vw,32px);font-weight:300;color:var(--ink)}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special).eg-commerce .eg-related-products-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px}
@media(max-width:980px){body.enghome-body :is(#product-category,#product-all,#product-search,#product-special).eg-commerce .eg-related-products-grid{grid-template-columns:1fr 1fr;gap:20px 14px}}
@media(max-width:900px){body.enghome-body :is(#product-category,#product-all,#product-search,#product-special).eg-commerce .eg-related-products{margin-top:36px;padding-top:28px}}

/* Zero-result search: never a dead end — a "view all" link plus a small
   grid of popular products, instead of just an empty message. */
body.enghome-body .eg-search-suggestions {margin-top:40px;padding-top:32px;border-top:1px solid var(--line);text-align:left}
body.enghome-body .eg-search-suggestions-title {margin:0 0 16px;font:600 11px/1.3 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center}
body.enghome-body .eg-search-suggestions-grid {max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px}
@media(max-width:980px){body.enghome-body .eg-search-suggestions-grid{grid-template-columns:1fr 1fr;gap:20px 14px}}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(#content,.enghome-catalog-main,.eg-search-content-v230,.egp-content) {min-width:0!important;padding:0!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(h1,.enghome-category-title-final,.egp-title) {font-family:var(--f-disp)!important;font-size:clamp(34px,4vw,54px)!important;font-weight:300!important;line-height:1.12!important;color:var(--ink)!important;letter-spacing:-.02em!important;margin:12px 0 20px!important;overflow-wrap:anywhere}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(h2,.egp-related-title) {font-family:var(--f-disp)!important;font-size:clamp(26px,3vw,36px)!important;font-weight:300!important;color:var(--ink)!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.breadcrumb,.enghome-breadcrumb,.eg-search-breadcrumb-v230,.egp-breadcrumb) {display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important;margin:0 0 28px!important;background:none!important;border:0!important;border-radius:0!important;font-size:12px!important;color:var(--muted)!important;overflow-wrap:anywhere}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.breadcrumb,.eg-search-breadcrumb-v230,.egp-breadcrumb) a {color:var(--muted)!important;white-space:normal!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(button,select,input,textarea,.btn) {font-family:var(--f-ui)!important;border-radius:1px!important;box-shadow:none!important;max-width:100%;}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {border:1px solid var(--line-strong)!important;background:var(--paper)!important;color:var(--ink)!important;min-height:44px;padding:10px 12px!important;min-width:0;}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(button,.btn) {min-height:44px;cursor:pointer}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce button:disabled {opacity:.5;cursor:not-allowed}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.enghome-product-toolbar,.eg-search-results-head-v230) {display:flex!important;flex-wrap:wrap!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;margin:0 0 24px!important;padding:0 0 24px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;border-radius:0!important;box-shadow:none!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.enghome-toolbar-controls,.eg-search-controls-v230) {display:flex!important;flex-wrap:wrap!important;gap:10px!important;max-width:100%;min-width:0}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.enghome-toolbar-controls,.eg-search-controls-v230) select {width:auto!important;max-width:100%;font-size:12px!important;min-height:44px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-toolbar-select-label {display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-toolbar-select-label > span {font:600 10px/1.2 var(--f-ui)!important;letter-spacing:.1em!important;text-transform:uppercase;color:var(--muted)!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.eg-search-eyebrow-v230,.p-brand) {font:500 10.5px/1.5 var(--f-ui)!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--muted)!important}
/* Product-detail brand line (.egp-brand) reported barely legible — same
   muted/light-letter-spacing combo as the old .enghome-kicker bug above.
   Darker + bolder, matching that fix. */
body.enghome-body #product-product.eg-commerce .egp-brand {font:700 11px/1.5 var(--f-ui)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--ink-2)!important}
/* The page-level "PRODUCTS" kicker is a structural label, not secondary
   brand text — reported live as barely legible (muted gray, 10.5px,
   heavy letter-spacing all compound against it). Darker, bolder, and a
   touch bigger; still a restrained small-caps eyebrow, just actually
   readable. */
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .enghome-kicker {font:700 11.5px/1.5 var(--f-ui)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--ink-2)!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .commerce-description {max-width:75ch;line-height:1.8;margin-bottom:24px;color:var(--ink-2)}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .commerce-description img {max-width:100%;height:auto!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .commerce-subcategories {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .commerce-subcategories a {padding:10px 14px;border:1px solid var(--line);font-size:12px}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce #compare-total {display:inline-block;margin-bottom:20px;color:var(--ink-2);font-size:12px}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-catalog-layout {display:grid!important;grid-template-columns:276px minmax(0,1fr)!important;gap:36px!important;align-items:start!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-catalog-layout > aside#eg-filter-panel.eg-filter-panel {
  position:sticky!important;top:calc(var(--eg-header-h,76px) + 18px)!important;align-self:start!important;width:276px!important;
  max-height:calc(100dvh - var(--eg-header-h,76px) - 36px)!important;min-width:0!important;padding:0!important;overflow-y:auto!important;
  border:1px solid var(--line)!important;border-radius:1px!important;background:#faf6f0!important;color:var(--ink)!important;box-shadow:none!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-form {display:flex!important;flex-direction:column!important;padding:18px 20px 20px!important;background:transparent!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce :is(.eg-filter-group,.eg-filter-topline) {margin:0!important;padding:16px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-topline {display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;padding-top:2px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-topline span {display:block!important;margin:0 0 6px!important;color:var(--clay)!important;font:600 10px/1 var(--f-ui)!important;letter-spacing:.18em!important;text-transform:uppercase!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-topline strong {display:block!important;color:var(--ink)!important;font:400 21px/1.15 var(--f-disp)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-topline a {flex:0 0 auto!important;color:var(--muted)!important;font-size:11px!important;text-decoration:underline!important;text-underline-offset:3px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-label {display:block!important;width:100%!important;margin:0 0 11px!important;padding:0!important;color:var(--muted)!important;font:600 10px/1.2 var(--f-ui)!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce :is(.eg-filter-brand-list,.eg-filter-category-list) {display:flex!important;flex-direction:column!important;gap:2px!important;max-height:188px!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:5px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-search {position:relative!important;display:block!important;background:transparent!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-search svg {position:absolute!important;z-index:2!important;left:12px!important;top:50%!important;width:17px!important;height:17px!important;transform:translateY(-50%)!important;fill:none!important;stroke:currentColor!important;color:var(--muted)!important;pointer-events:none!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-search input {width:100%!important;height:44px!important;padding:9px 10px 9px 39px!important;border-color:var(--line-strong)!important;background:var(--paper)!important;font-size:13px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-check {position:relative!important;display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-height:34px!important;margin:0!important;padding:5px 2px!important;color:var(--ink-2)!important;font-size:12.5px!important;font-weight:400!important;cursor:pointer!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-check input {position:absolute!important;opacity:0!important;pointer-events:none!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-checkmark {display:grid!important;place-items:center!important;width:17px!important;height:17px!important;margin:0!important;border:1px solid var(--line-strong)!important;border-radius:1px!important;background:var(--paper)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-categories input[type="radio"] + .eg-filter-checkmark {border-radius:50%!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-check input:checked + .eg-filter-checkmark {border-color:var(--clay)!important;background:var(--clay)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-check input:checked + .eg-filter-checkmark::after {content:""!important;width:5px!important;height:9px!important;border:solid #fff!important;border-width:0 1.5px 1.5px 0!important;transform:translateY(-1px) rotate(45deg)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-check small {color:var(--muted)!important;font-size:10px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-check-name {min-width:0!important;overflow-wrap:anywhere!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-price-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-price-grid label > span {display:block!important;margin-bottom:6px!important;color:var(--muted)!important;font-size:10px!important;text-transform:uppercase!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-price-grid label > div {position:relative!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-price-grid input {width:100%!important;height:42px!important;padding:8px 24px 8px 8px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-price-grid b {position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--muted)!important;font-size:11px!important;pointer-events:none!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce :is(.eg-filter-apply,.eg-filter-toggle) {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;background:var(--ink)!important;color:var(--paper)!important;border:1px solid var(--ink)!important;box-shadow:none!important;border-radius:1px!important;animation:none!important;font:600 11px/1 var(--f-ui)!important;letter-spacing:.09em!important;text-transform:uppercase!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-apply {width:100%!important;margin-top:18px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-clear-mobile {display:block!important;margin:11px 0 0!important;color:var(--muted)!important;font-size:11px!important;text-align:center!important;text-decoration:underline!important;text-underline-offset:3px!important}

/* Filter panel — consolidated premium pass (final say, this file loads
   last). The header bar, toggle switches, price inputs and apply button
   were previously scattered across enghome.css/enghome-warm-theme.css in
   several near-duplicate, mutually-conflicting versions (some with a
   glossy brown gradient button clashing with the flat/minimal look used
   everywhere else on the site) — this replaces all of that with one
   coherent, deliberate treatment. */
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-mobile-head {
	display:flex!important;align-items:center!important;justify-content:space-between!important;
	flex:none!important;padding:20px 22px!important;border-bottom:1px solid var(--line)!important;background:var(--paper)!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-mobile-head strong {
	font-family:var(--f-disp)!important;font-size:20px!important;font-weight:400!important;color:var(--ink)!important;letter-spacing:-.01em!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-mobile-head button {
	width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;border:1px solid var(--line-strong)!important;
	background:var(--paper)!important;color:var(--ink)!important;font-size:18px!important;line-height:1!important;
	display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .15s ease,color .15s ease!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-mobile-head button:hover {background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}

body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-topline {display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-topline span {display:block!important;margin:0 0 4px!important;font:600 10px/1.2 var(--f-ui)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--muted)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-topline strong {font-family:var(--f-disp)!important;font-size:24px!important;font-weight:400!important;color:var(--ink)!important;letter-spacing:-.01em!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-topline a {color:var(--clay)!important;font-size:11.5px!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:3px!important;white-space:nowrap!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-topline a:hover {color:var(--ink)!important}

body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-label {
	display:block!important;margin:0 0 12px!important;font:700 10px/1.2 var(--f-ui)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--muted)!important;
}

body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-search {
	position:relative!important;display:flex!important;align-items:center!important;border:1px solid var(--line-strong)!important;border-radius:2px!important;background:var(--paper)!important;transition:border-color .15s ease!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-search:focus-within {border-color:var(--clay)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-search svg {
	/* An older rule earlier in this file still pins this icon with
	   position:absolute;left:12px — that rule predates this flex layout
	   and was never fully superseded (only width/margin were re-declared
	   here, not position), so the icon sat glued on top of the input's
	   own left padding, overlapping the first letter of the placeholder.
	   Cancel the absolute positioning so it flows normally as a flex item. */
	position:static!important;left:auto!important;top:auto!important;transform:none!important;z-index:auto!important;
	width:16px!important;height:16px!important;margin-left:12px!important;flex:none!important;fill:none!important;stroke:var(--muted)!important;stroke-width:2!important;pointer-events:none!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-search input {flex:1 1 auto!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;padding:10px 12px!important;font-size:13px!important;color:var(--ink)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-search input:focus {outline:0!important}

/* Brand/category checklists: bounded height, subtle custom scrollbar and
   per-row hover instead of a plain unstyled overflow box. */
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce :is(.eg-filter-brand-list,.eg-filter-category-list) {
	max-height:220px!important;overflow-y:auto!important;padding-right:6px!important;scrollbar-width:thin!important;scrollbar-color:var(--line-strong) transparent!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce :is(.eg-filter-brand-list,.eg-filter-category-list)::-webkit-scrollbar {width:5px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce :is(.eg-filter-brand-list,.eg-filter-category-list)::-webkit-scrollbar-thumb {background:var(--line-strong)!important;border-radius:3px!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-check {border-radius:2px!important;padding:6px 6px!important;transition:background .12s ease!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-check:hover {background:var(--soft)!important}

/* Price range: kill the native number-input spinner arrows and give the
   pair a clean, matching border/focus treatment. */
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-price-grid input {
	border:1px solid var(--line-strong)!important;border-radius:2px!important;background:var(--paper)!important;
	padding:8px 30px 8px 10px!important;font-size:13px!important;color:var(--ink)!important;transition:border-color .15s ease!important;-moz-appearance:textfield!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-price-grid input:focus {outline:0!important;border-color:var(--clay)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-price-grid input::-webkit-outer-spin-button,
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-price-grid input::-webkit-inner-spin-button {-webkit-appearance:none!important;margin:0!important}

/* Availability toggles — full redesign (previous two passes both tried a
   thin-border "hollow pill" for OFF with a tinted dot; at real switch size
   the border and dot always ended up close enough in value to read as one
   flat gray blob, live, in both attempts). Switched to the standard
   solid-track pattern instead: the dot is ALWAYS white with its own shadow
   so it pops regardless of track color, and OFF/ON are two unmistakably
   different track fills (light gray vs ink) — no more relying on a thin
   border for the distinction. */
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-switch-row {
	display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
	padding:11px 0!important;border:0!important;background:transparent!important;cursor:pointer!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-switch-row span {font-size:13px!important;color:var(--ink-2)!important;font-weight:400!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-switch-row input {position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-switch-row i {
	position:relative!important;flex:none!important;width:42px!important;height:24px!important;border-radius:999px!important;
	border:0!important;background:#DDD7CC!important;box-shadow:inset 0 0 0 1px rgba(20,17,14,.08)!important;
	transition:background .18s ease!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-switch-row i::after {
	content:""!important;position:absolute!important;top:3px!important;left:3px!important;width:18px!important;height:18px!important;
	border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(20,17,14,.35)!important;
	transition:transform .18s cubic-bezier(.2,.7,.2,1)!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-switch-row input:checked + i {background:var(--ink)!important;box-shadow:none!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-switch-row input:checked + i::after {transform:translateX(18px)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-switch-row input:focus-visible + i {outline:2px solid var(--clay)!important;outline-offset:2px!important}

/* Apply button: flat ink fill matching every other primary CTA on the
   site (cart, checkout) — not the one-off brown gradient some legacy
   files gave only this button. */
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-apply {
	margin-top:6px!important;min-height:52px!important;border:0!important;border-radius:2px!important;
	background:var(--ink)!important;color:var(--paper)!important;font:600 12px/1 var(--f-ui)!important;
	letter-spacing:.08em!important;text-transform:uppercase!important;box-shadow:none!important;transition:background .15s ease!important;
}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-apply:hover {background:var(--clay)!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-mobile-head {display:none!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .enghome-products-grid {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px 22px!important;margin:20px 0 28px!important;align-items:stretch!important}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-products-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:0!important}
/* One card component for categories, search, offers and related products. */
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-card {display:flex;flex-direction:column;gap:14px;min-width:0;height:100%;background:var(--paper);border:0;box-shadow:none}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-frame {aspect-ratio:1;display:grid;place-items:center;background:var(--soft);padding:0;overflow:hidden;position:relative}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-frame img {display:block;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important;mix-blend-mode:normal!important;transition:transform .75s cubic-bezier(.2,.7,.2,1)!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-card:hover .p-frame img {transform:scale(1.055)!important}
@media(prefers-reduced-motion:reduce){
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-frame img {transition:none!important}
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-card:hover .p-frame img {transform:none!important}
}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-meta {display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-brand {min-height:16px}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-name {font:500 14.5px/1.5 var(--f-ui)!important;margin:0!important;min-height:3em;overflow-wrap:anywhere}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-name a {color:var(--ink)!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .price-row {display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums;margin-top:auto;padding-top:8px}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-price {font-size:18px;font-weight:700;color:var(--ink)}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .price-old {font-size:12px;font-weight:400;color:var(--muted)}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.p-tax,.p-stock) {font-size:11px;color:var(--muted)}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-discount {position:absolute;top:12px;left:12px;font-size:10.5px;color:var(--sale);background:var(--paper);border:1px solid var(--sale);padding:3px 8px}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-rating {font-size:12px;color:var(--clay)}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-actions {display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:5px;margin-top:12px}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-actions button {background:transparent!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;padding:8px 5px;font-size:18px;line-height:1.4}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-actions .p-cart {font-size:10px;letter-spacing:.06em;text-transform:uppercase}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-actions button:hover {background:var(--soft)!important;border-color:var(--ink)!important}
/* Favorited state — guest or logged-in, session or DB backed (see
   account/wishlist.php + header.twig's wishlist patch). The card button
   swaps its ♡/♥ glyph in JS; this just carries the color so a favorited
   product is recognizable at a glance across every listing/related grid. */
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-actions .p-wishlist.is-active {color:var(--sale)!important;border-color:var(--sale)!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.enghome-pagination-row,.eg-search-pagination-v230) {display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)!important;padding-top:24px!important;color:var(--muted)!important;font-size:12px}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .pagination {display:flex;flex-wrap:wrap;gap:4px;padding:0;list-style:none}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .pagination > li > :is(a,span) {display:grid;place-items:center;min-width:40px;min-height:44px;background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:0!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .pagination > .active > span {background:var(--ink)!important;color:var(--paper)!important}
body.enghome-body #product-search.eg-commerce .eg-search-hero-v230 {display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;padding:28px!important;background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;margin-bottom:36px!important}
body.enghome-body #product-search.eg-commerce :is(.eg-search-form-v230,.eg-search-query-v230,.eg-search-input-wrap-v230) {background:transparent!important;box-shadow:none!important;border-radius:0!important;min-width:0}
body.enghome-body #product-search.eg-commerce .eg-search-form-v230 {padding:0!important;border:0!important}
body.enghome-body #product-search.eg-commerce .eg-search-submit-v230 {background:var(--ink)!important;color:var(--paper)!important;box-shadow:none!important}
body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.enghome-empty-category,.eg-search-empty-v230) {padding:36px 20px!important;border:1px solid var(--line)!important;background:var(--soft)!important;border-radius:0!important;box-shadow:none!important}
/* Product gallery and purchase controls retain their original selectors. */
body.enghome-body #product-product.eg-commerce .egp-product-shell {display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;gap:48px!important;padding:0!important;background:var(--paper)!important;border:0!important;border-radius:0!important;box-shadow:none!important;align-items:start!important}
body.enghome-body #product-product.eg-commerce :is(.egp-gallery-card,.egp-info-card,.egp-buy-box,.egp-price-box) {min-width:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;border:0!important}
body.enghome-body #product-product.eg-commerce .egp-gallery-layout {display:flex!important;flex-direction:column!important;gap:14px!important}
body.enghome-body #product-product.eg-commerce .egp-main-image-wrap {order:0;aspect-ratio:1;position:relative;background:var(--soft)!important;border:0!important;border-radius:0!important;min-height:0!important;height:auto!important}
body.enghome-body #product-product.eg-commerce .egp-main-image-button {display:block!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;border:0!important}
body.enghome-body #product-product.eg-commerce #egp-main-image {display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
body.enghome-body #product-product.eg-commerce .egp-thumbs {order:1;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px!important;width:100%!important;max-height:none!important;padding:0!important}
body.enghome-body #product-product.eg-commerce .egp-thumb {width:68px!important;height:68px!important;min-width:0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--line)!important;background:var(--soft)!important;border-radius:0!important}
body.enghome-body #product-product.eg-commerce .egp-thumb.is-active {border-color:var(--ink)!important}
body.enghome-body #product-product.eg-commerce .egp-thumb img {width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.enghome-body #product-product.eg-commerce .egp-title {font-size:clamp(30px,3.3vw,46px)!important}
body.enghome-body #product-product.eg-commerce .egp-product-submeta {display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;color:var(--muted)!important;margin:18px 0!important}
body.enghome-body #product-product.eg-commerce .egp-price-box {display:flex!important;flex-wrap:wrap;gap:20px;justify-content:space-between;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;padding:24px 0!important;margin:24px 0!important}
body.enghome-body #product-product.eg-commerce .egp-price-main {font:700 34px/1.2 var(--f-ui)!important;color:var(--ink)!important}
body.enghome-body #product-product.eg-commerce .egp-price-old {color:var(--muted)!important;font-size:13px!important;font-weight:400!important;text-decoration:line-through}
body.enghome-body #product-product.eg-commerce .egp-sale-badge {background:transparent!important;border:1px solid var(--sale)!important;color:var(--sale)!important;border-radius:0!important}
body.enghome-body #product-product.eg-commerce .egp-price-actions button {background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
body.enghome-body #product-product.eg-commerce .egp-wishlist-btn.is-active {border-color:var(--sale)!important;color:var(--sale)!important}
body.enghome-body #product-product.eg-commerce .egp-wishlist-btn.is-active svg {fill:var(--sale)!important;stroke:var(--sale)!important}
body.enghome-body #product-product.eg-commerce .egp-options-grid {display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
body.enghome-body #product-product.eg-commerce .egp-choice {border:1px solid var(--line)!important;background:var(--paper)!important;border-radius:0!important}
body.enghome-body #product-product.eg-commerce .egp-purchase-row {display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;gap:16px!important;align-items:end!important;position:static!important;margin:24px 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
body.enghome-body #product-product.eg-commerce .egp-qty-stepper {display:flex!important;height:52px!important;border:1px solid var(--line-strong)!important;border-radius:0!important;overflow:hidden}
body.enghome-body #product-product.eg-commerce .egp-qty-stepper button {flex:0 0 36px;padding:0!important;background:var(--paper)!important;color:var(--ink)!important;border:0!important}
body.enghome-body #product-product.eg-commerce #input-quantity {width:50px!important;min-width:0!important;padding:0!important;border:0!important;text-align:center}
body.enghome-body #product-product.eg-commerce .egp-purchase-row #button-cart.egp-cart-btn {height:52px!important;min-height:52px!important;background:var(--ink)!important;color:var(--paper)!important;border:1px solid var(--ink)!important;border-radius:1px!important;font-size:12px!important;letter-spacing:.08em!important}
body.enghome-body #product-product.eg-commerce #egp-buy-now-button-v121 {background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;border-radius:1px!important;box-shadow:none!important}
body.enghome-body #product-product.eg-commerce :is(.egp-shipping-accordion,.egp-tabs-section,.egp-tabs-content) {background:var(--paper)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.enghome-body #product-product.eg-commerce .egp-tabs-section {margin-top:48px!important;border-top:1px solid var(--line)!important;padding:24px 0!important}
body.enghome-body #product-product.eg-commerce .egp-tabs-nav {display:flex!important;flex-wrap:wrap!important;gap:10px 24px!important;border-bottom:1px solid var(--line)!important;padding:0!important;list-style:none}
body.enghome-body #product-product.eg-commerce .egp-tabs-nav a {background:transparent!important;color:var(--ink-2)!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:14px 0!important;font:600 13px/1.4 var(--f-ui)!important;letter-spacing:.02em!important;transition:color .15s,border-color .15s}
/* Legacy .egp-page rule (enghome.css) fills the active tab with a navy
   pill — reported live as an ugly dark blob. Override background/border
   explicitly since the legacy rule only targets background/color/border-color. */
body.enghome-body #product-product.eg-commerce .egp-tabs-nav li.active a,
body.enghome-body #product-product.eg-commerce .egp-tabs-nav .active a {background:transparent!important;border:0!important;border-bottom:2px solid var(--ink)!important;color:var(--ink)!important;font-weight:700!important}
body.enghome-body #product-product.eg-commerce .egp-tabs-content {padding:24px 0!important;line-height:1.8;color:var(--ink-2)!important;overflow-wrap:anywhere}
body.enghome-body #product-product.eg-commerce .tab-pane {display:none}
body.enghome-body #product-product.eg-commerce .tab-pane.active {display:block}
body.enghome-body #product-product.eg-commerce .egp-tabs-content table {width:100%!important;border-collapse:collapse;table-layout:fixed}
body.enghome-body #product-product.eg-commerce .egp-tabs-content :is(td,th) {padding:12px;border:1px solid var(--line)!important;overflow-wrap:anywhere}
body.enghome-body #product-product.eg-commerce #form-review {max-width:680px;margin-top:28px}
body.enghome-body #product-product.eg-commerce #form-review :is(input:not([type=radio]),textarea) {display:block;width:100%}
body.enghome-body #product-product.eg-commerce #form-review fieldset label {display:inline-flex;gap:5px;padding:10px}
body.enghome-body #product-product.eg-commerce #form-review h3 {font:300 clamp(20px,2vw,26px)/1.2 var(--f-disp)!important;color:var(--ink)!important;margin:0 0 14px!important}
body.enghome-body #product-product.eg-commerce #form-review a {color:var(--clay)!important;text-decoration:underline!important;text-underline-offset:2px!important}
/* Rating summary line above the buy box. */
body.enghome-body #product-product.eg-commerce .egp-stars i {font-size:14px}
body.enghome-body #product-product.eg-commerce .egp-rating-line a {color:var(--clay)!important;text-decoration:none!important;font-size:13px!important}
body.enghome-body #product-product.eg-commerce .egp-rating-line a:hover {text-decoration:underline!important}
/* Review list: a card per review, replacing the old unstyled bootstrap table. */
body.enghome-body #product-product.eg-commerce #review {margin-top:8px}
body.enghome-body #product-product.eg-commerce .egp-review-list {display:flex;flex-direction:column;gap:4px}
body.enghome-body #product-product.eg-commerce .egp-review-card {padding:18px 0;border-bottom:1px solid var(--line)}
body.enghome-body #product-product.eg-commerce .egp-review-head {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 16px;margin-bottom:8px}
body.enghome-body #product-product.eg-commerce .egp-review-author {color:var(--ink)!important;font-size:14px;font-weight:600}
body.enghome-body #product-product.eg-commerce .egp-review-date {color:var(--muted)!important;font-size:12px}
body.enghome-body #product-product.eg-commerce .egp-review-stars {color:var(--clay);font-size:12px;letter-spacing:3px;margin-bottom:8px}
body.enghome-body #product-product.eg-commerce .egp-review-text {color:var(--ink-2)!important;line-height:1.7;margin:0}
body.enghome-body #product-product.eg-commerce .egp-review-pagination {display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
body.enghome-body #product-product.eg-commerce .egp-review-empty {color:var(--muted)!important;padding:8px 0}
body.enghome-body #product-product.eg-commerce .egp-related-track {display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 66px)/4)!important;grid-template-columns:none!important;gap:22px!important;overflow-x:auto!important;padding:0 0 18px!important;scroll-snap-type:x mandatory}
body.enghome-body #product-product.eg-commerce .egp-related-track .p-card {scroll-snap-align:start}
/* Match the minimal editorial treatment used everywhere else on the page —
   the boxed cream card (rounded corners, border, tinted background) was a
   leftover from an earlier design-system generation. */
body.enghome-body #product-product.eg-commerce .egp-related-section {margin-top:48px!important;padding:24px 0 0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.enghome-body #product-product.eg-commerce .egp-related-head {display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:22px!important}
body.enghome-body #product-product.eg-commerce .egp-related-head span {color:var(--clay)!important;font:600 10px/1 var(--f-ui)!important;letter-spacing:.18em!important;text-transform:uppercase!important}
body.enghome-body #product-product.eg-commerce .egp-related-title {margin-top:9px!important;color:var(--ink)!important;font:300 clamp(26px,3vw,36px)/1.1 var(--f-disp)!important;letter-spacing:-.015em!important}
body.enghome-body #product-product.eg-commerce .egp-related-controls button {width:40px!important;height:40px!important;border-radius:999px!important;background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;box-shadow:none!important;font-size:18px!important;transition:background-color .2s ease,color .2s ease!important}
body.enghome-body #product-product.eg-commerce .egp-related-controls button:hover {background:var(--ink)!important;color:var(--paper)!important}
body.enghome-body #product-product.eg-commerce .egp-related-controls button:disabled {opacity:.35!important;cursor:not-allowed!important}
@media(max-width:1100px) {
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .enghome-products-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-products-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.enghome-body #product-product.eg-commerce .egp-product-shell {gap:28px!important}
  body.enghome-body #product-product.eg-commerce .egp-related-track {grid-auto-columns:calc((100% - 44px)/3)!important}
}
@media(min-width:861px) {
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-toggle {display:none!important}
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-catalog-layout > aside#eg-filter-panel.eg-filter-panel {transform:none!important;visibility:visible!important}
}
@media(max-width:860px) {
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-catalog-layout {grid-template-columns:minmax(0,1fr)!important}
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-catalog-layout > aside#eg-filter-panel.eg-filter-panel {position:fixed!important;inset:0 0 0 auto!important;display:flex!important;flex-direction:column!important;width:min(390px,100%)!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;z-index:2147483110!important;transform:translateX(105%)!important;visibility:hidden!important;transition:transform .24s ease,visibility .24s ease!important;background:var(--paper)!important;box-shadow:-18px 18px 48px rgba(20,17,14,.16)!important}
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-catalog-layout > aside#eg-filter-panel.eg-filter-panel.is-open {transform:translateX(0)!important;visibility:visible!important}
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-mobile-head {display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:70px!important;padding:12px 18px!important;border-bottom:1px solid var(--line)!important;background:var(--paper)!important}
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-mobile-head strong {font:400 21px/1.1 var(--f-disp)!important;color:var(--ink)!important}
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-mobile-head button {display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important;background:var(--paper)!important;color:var(--ink)!important;font-size:24px!important}
  /* Toolbar sort/limit selects: below the 860px point the filter panel
     itself switches to a mobile drawer, so this pair should center as a
     unit too — centering used to only kick in at ≤480px, leaving a wide
     481-860px gap where the pair sat left-aligned with dead space on the
     right (reported live). */
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.enghome-toolbar-controls,.eg-search-controls-v230) {width:100%!important;justify-content:center!important}
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .eg-toolbar-select-label {flex:0 1 200px!important;width:auto!important}
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(.enghome-toolbar-controls,.eg-search-controls-v230) select {width:100%!important;display:block!important;min-height:44px!important;border:1px solid var(--line-strong)!important;background:var(--paper)!important}
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-form {flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:18px 20px 26px!important}
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-overlay:not([hidden]) {display:block!important;position:fixed!important;inset:0!important;background:rgba(20,17,14,.35)!important;z-index:2147483105!important}
  body.enghome-body #product-search.eg-commerce .eg-search-hero-v230 {grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding:22px!important}
  body.enghome-body #product-product.eg-commerce .egp-product-shell {grid-template-columns:minmax(0,1fr)!important;gap:30px!important}
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .enghome-products-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.enghome-body #product-product.eg-commerce .egp-related-track {grid-auto-columns:calc((100% - 18px)/2)!important;gap:18px!important}
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce :is(#column-left,#column-right) {display:block!important;width:100%!important;float:none!important}
}
@media(max-width:480px) {
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .enghome-products-grid {gap:24px 12px!important}
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-frame {padding:0}
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-name {font-size:13px!important}
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .p-actions {grid-template-columns:minmax(0,1fr) 44px}
  body.enghome-body :is(#product-category,#product-all,#product-search,#product-special,#product-product).eg-commerce .eg-search-controls-v230 label {flex:1 1 120px;min-width:0}
  body.enghome-body #product-product.eg-commerce .egp-purchase-row {grid-template-columns:110px minmax(0,1fr)!important;gap:10px!important}
  body.enghome-body #product-product.eg-commerce .egp-qty-stepper button {flex-basis:30px}
  body.enghome-body #product-product.eg-commerce .egp-purchase-row #button-cart.egp-cart-btn {font-size:10px!important;padding:8px!important;white-space:normal!important}
}
body.enghome-body #product-special.eg-commerce .commerce-list-toolbar {display:flex;flex-wrap:wrap;gap:16px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:24px}
body.enghome-body #product-special.eg-commerce .commerce-list-toolbar > div {flex:1 1 180px;min-width:0}
body.enghome-body #product-special.eg-commerce .commerce-list-toolbar label {display:block;font-size:12px;margin-bottom:6px}
body.enghome-body #product-special.eg-commerce .commerce-list-toolbar select {width:100%}
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .eg-filter-overlay[hidden] {display:none!important}
@media(prefers-reduced-motion:reduce) {
  body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-catalog-layout > aside#eg-filter-panel.eg-filter-panel {transition:none!important}
}
body.enghome-body :is(#product-category,#product-special).eg-commerce > .row,
body.enghome-body :is(#product-category,#product-all,#product-search).eg-commerce .enghome-category-container > .row {margin-left:0!important;margin-right:0!important}
body.enghome-body #product-product.eg-commerce .egp-info-card {position:static!important}
body.enghome-body #product-product.eg-commerce .egp-zoom-hint {background:var(--paper)!important;color:var(--ink-2)!important;border-radius:0!important;font-size:11px!important}
body.enghome-body #product-product.eg-commerce .egp-alert {position:fixed!important;z-index:2147483060!important;right:20px!important;bottom:20px!important;width:min(360px,calc(100% - 32px))!important;margin:0!important;padding:14px 42px 14px 16px!important;border:1px solid var(--line-strong)!important;border-radius:2px!important;background:var(--paper)!important;box-shadow:0 16px 44px rgba(20,17,14,.16)!important;color:var(--ink)!important;font-size:13px!important;line-height:1.5!important}
body.enghome-body #product-product.eg-commerce .egp-alert .close {position:absolute!important;top:5px!important;right:6px!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--ink)!important}
@media(max-width:480px) {body.enghome-body #product-product.eg-commerce .egp-alert {right:16px!important;bottom:16px!important;left:16px!important;width:auto!important}}

/* ===== Mobile responsive audit (320/375/390/500px) — 2026-09-09 =====
   Consolidated here (last-loaded file) so these are the definitive word
   regardless of the many historical header/grid rules earlier in the
   cascade. Desktop (min-width:901px) is untouched throughout. */
@media(max-width:900px) {
  /* Header: explicit full width, no box-model surprises. */
  html body.enghome-body .eg-premium-header {
    box-sizing:border-box!important;width:100%!important;max-width:100vw!important;
  }
  html body.enghome-body .eg-premium-header * {box-sizing:border-box!important}
  html body.enghome-body .eg-premium-header .eg-header-inner {
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;
    align-items:center!important;column-gap:10px!important;
  }
  html body.enghome-body .eg-premium-header .eg-header-left-actions {min-width:0!important}
  html body.enghome-body .eg-premium-header .eg-logo-link {
    justify-self:center!important;align-self:center!important;min-width:0!important;
  }
  html body.enghome-body .eg-premium-header .eg-header-actions {
    justify-self:end!important;align-self:center!important;
    display:flex!important;align-items:center!important;gap:10px!important;
  }

  /* Hamburger icon: match the plain, borderless, transparent treatment
     already used successfully by its siblings (.eg-action-btn — search/
     account/cart), instead of the boxed/bordered look tried earlier,
     which read as an empty blank square in practice.
     CORRECTED (2026-09-10, explicit user request): an earlier session
     force-pinned this to always-dark, hero included, on the theory that
     legibility outranked the transparent-on-hero look — flagged as a
     judgment call at the time. The user has since asked for the opposite:
     white on the transparent hero, same as its sibling icons, dark only
     once the header is in its opaque/scrolled state. Color is intentionally
     NOT set in this rule any more — it's owned by the shared :is(.eghx-
     trigger,.eg-lang-toggle,...) group in enghome-sitewide-final.css, which
     already implements exactly that hero-vs-scrolled behavior for its other
     members. This rule (and its svg partner below) only resets background/
     border/box-shadow and lets stroke inherit via currentColor. */
  html body.enghome-body .eg-premium-header .eghx-trigger {
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  html body.enghome-body .eg-premium-header .eghx-trigger-glyph {
    stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;opacity:1!important;
  }

  /* Product tabs ("Përshkrimi" / "Vlerësime (N)") had zero horizontal
     padding on mobile, relying only on the inter-tab gap — cramped
     against the container edge and against each other. */
  html body.enghome-body #product-product.eg-commerce .egp-tabs-nav a {
    padding:14px 4px!important;
  }

  /* Category/listing pages: kicker/title/result-count and the intro
     description centered on mobile, per request. Originally scoped to
     just #product-category/#product-all/#product-search — #product-special
     (the "Oferta"/Offers listing) uses the exact same toolbar markup and
     was missed, leaving its heading block the only one not centered.
     text-align:center alone was not enough: .enghome-product-toolbar is a
     flex row (justify-content:space-between) and .enghome-toolbar-title-wrap
     never had its own width set, so it only ever shrink-wrapped to its
     text's width — centering text inside a box exactly as wide as that
     text does nothing visible. Needs width:100% on mobile (where the
     toolbar's other flex child, the sort/filter controls, wraps onto its
     own line) so there is actually a full-width box for the text to
     center within. */
  html body.enghome-body :is(#product-category,#product-all,#product-search,#product-special).eg-commerce .enghome-toolbar-title-wrap {
    width:100%!important;text-align:center!important;
  }
  html body.enghome-body :is(#product-category,#product-all,#product-search,#product-special).eg-commerce .commerce-description {
    text-align:center!important;margin-left:auto!important;margin-right:auto!important;
  }

  /* Confirm, explicitly and unconditionally, that the qty+add-to-cart row
     never becomes sticky/fixed on mobile (an old v308-era rule tried to
     pin it to the viewport bottom; a higher-specificity rule elsewhere in
     this same file already neutralizes it, this just removes all doubt). */
  html body.enghome-body #product-product.eg-commerce .egp-purchase-row {
    position:static!important;
  }

  /* "Blej tani" sits as its own full-width button directly under the
     qty+add-to-cart row, but had its own untouched inline height (60px)
     from an older design generation while the row above it is 52px —
     same width, mismatched height reads as misaligned. Match it. */
  html body.enghome-body #product-product.eg-commerce .egp-buy-now-button-v121 {
    height:52px!important;min-height:52px!important;
    font-weight:600!important;letter-spacing:.08em!important;
  }
}
@media(max-width:500px) {
  /* Gallery/thumbnails/buy-box: keep every piece inside the viewport,
     no fixed widths wider than the narrowest supported screen. */
  html body.enghome-body #product-product.eg-commerce .egp-gallery-card,
  html body.enghome-body #product-product.eg-commerce .egp-info-card,
  html body.enghome-body #product-product.eg-commerce .egp-purchase-row,
  html body.enghome-body #product-product.eg-commerce .egp-thumbs {
    box-sizing:border-box!important;max-width:100%!important;
  }
  html body.enghome-body #product-product.eg-commerce .egp-title {overflow-wrap:anywhere!important}
}

/* Mobile hamburger trigger — final, unambiguous say on LAYOUT/VISIBILITY
   only (this file loads last of every enghome-*.css). Color is deliberately
   NOT set here — it's owned by the shared :is(.eghx-trigger,.eg-lang-toggle,
   .eg-inline-search-toggle,.eg-account-header-btn,.eg-cart-btn) group in
   enghome-sitewide-final.css, which already correctly flips white-on-hero
   vs ink-on-scrolled for its other members; hardcoding color here at this
   file's high specificity previously fought that group and pinned the icon
   permanently dark, breaking the intentional white-on-hero look. */
@media(max-width:940px) {
  html body.enghome-body .eg-premium-header .eg-header-left-actions.eg-header-left-actions.eg-header-left-actions {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;
    opacity:1!important;visibility:visible!important;overflow:visible!important;
  }
  html body.enghome-body .eg-premium-header .eghx-trigger.eghx-trigger.eghx-trigger {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
    opacity:1!important;visibility:visible!important;
    background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;
  }
  html body.enghome-body .eg-premium-header .eghx-trigger.eghx-trigger.eghx-trigger .eghx-trigger-glyph {
    display:block!important;font-size:22px!important;line-height:1!important;font-style:normal!important;
    opacity:1!important;visibility:visible!important;color:inherit!important;
  }
  html body.enghome-body .eg-premium-header .eghx-trigger.eghx-trigger.eghx-trigger .eghx-trigger-label {display:none!important}
}