/* easipac Category Pages 1.0.0 (generated from src/ecp.src.css). Everything is scoped under body.ecp-on. */
body.ecp-on{--ecp-forest:#0F3A27;--ecp-g400:#2F624A;--ecp-g300:#5E8E72;--ecp-g50:#EAF2EC;--ecp-lime:#B2D851;
  --ecp-ink:#0B1F16;--ecp-fg2:#4A5A52;--ecp-fg3:#6B7B73;--ecp-line:rgba(15,58,39,.12);--ecp-line2:rgba(15,58,39,.32);
  --ecp-ok:#1B7A43;
  --ecp-head:'Rubik',system-ui,sans-serif;--ecp-body:'Roboto',system-ui,sans-serif;
  --ecp-r:20px;--ecp-btn-r:14px;--ecp-ease:cubic-bezier(.2,.8,.2,1);
  --ecp-sh-md:0 6px 16px -8px rgba(15,58,39,.18),0 2px 4px rgba(15,58,39,.06);
  --ecp-sh-lg:0 20px 40px -16px rgba(15,58,39,.35),0 4px 8px rgba(15,58,39,.08);
  --ecp-gut:16px;--ecp-hh:66px;--ecp-th:52px;--ecp-gap:20px;}
@media (min-width:768px){body.ecp-on{--ecp-gut:32px}}
@media (min-width:1041px){body.ecp-on{--ecp-hh:80px}}
@media (min-width:1200px){body.ecp-on{--ecp-gut:48px}}
body.ecp-on .ecp-wrap,body.ecp-on .ecp-wrap *,body.ecp-on .ecp-wrap *::before,body.ecp-on .ecp-wrap *::after{box-sizing:border-box}
body.ecp-on .ecp-wrap{flex:1 1 100%;width:100%;min-width:0;max-width:1760px;margin:0 auto;padding:var(--ecp-gap) var(--ecp-gut) 0;overflow-x:clip;background:#fff;color:var(--ecp-ink);font-family:var(--ecp-body);font-size:15px;line-height:1.5;text-align:left;-webkit-text-size-adjust:100%}
body.ecp-on .ecp-wrap [hidden]{display:none!important}
body.ecp-on .ecp-wrap h1,body.ecp-on .ecp-wrap h2,body.ecp-on .ecp-wrap h3{text-transform:none;letter-spacing:normal;font-style:normal}
body.ecp-on .ecp-wrap p,body.ecp-on .ecp-wrap ul,body.ecp-on .ecp-wrap ol{margin-top:0}
body.ecp-on .ecp-wrap a{color:inherit;text-decoration:none;background:none;box-shadow:none}
body.ecp-on .ecp-wrap a:hover,body.ecp-on .ecp-wrap a:focus{color:inherit}
body.ecp-on .ecp-wrap button{font:inherit;color:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;text-shadow:none;margin:0;min-height:0;min-width:0;box-shadow:none;background:none;border:0;border-radius:0;padding:0;line-height:inherit}
body.ecp-on .ecp-wrap img{max-width:100%;height:auto;box-shadow:none;border-radius:0}
body.ecp-on .ecp-wrap :focus-visible{outline:2px solid #1d8f9a;outline-offset:2px}
body.ecp-on .ecp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.ecp-on .ecp-sprite{position:absolute;width:0;height:0;overflow:hidden}
body.ecp-on .ecp-i{width:22px;height:22px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;pointer-events:none}
body.ecp-on .ecp-crumbs{padding-top:16px;font-size:13px;color:var(--ecp-fg2)}
body.ecp-on .ecp-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center}
body.ecp-on .ecp-crumbs li{margin:0;padding:0}
body.ecp-on .ecp-crumbs li+li::before{content:"/";margin-right:8px;color:var(--ecp-fg3)}
body.ecp-on .ecp-crumbs a{color:var(--ecp-fg2)}
body.ecp-on .ecp-crumbs a:hover{color:var(--ecp-forest);text-decoration:underline}
body.ecp-on .ecp-crumbs [aria-current]{color:var(--ecp-ink);font-weight:500}
body.ecp-on .ecp-titlerow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px}
body.ecp-on .ecp-title{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}
body.ecp-on .ecp-wrap h1,body.ecp-on .ecp-count{font-family:var(--ecp-head);font-weight:500;font-size:26px;line-height:1.15;letter-spacing:-.01em;color:var(--ecp-forest);margin:0;padding:0}
@media (min-width:768px){body.ecp-on .ecp-wrap h1,body.ecp-on .ecp-count{font-size:30px}}
body.ecp-on .ecp-sortlink{padding:6px 0;font-size:14px;color:var(--ecp-ink);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
body.ecp-on .ecp-sortlink b{font-weight:500}
body.ecp-on .ecp-sortlink .ecp-i{width:20px;height:20px}
body.ecp-on .ecp-help{margin:12px 0 0;color:var(--ecp-fg2);font-size:14.5px;max-width:62ch}
body.ecp-on .ecp-above{margin:12px 0 0;color:var(--ecp-fg2);font-size:15px;line-height:1.6;max-width:70ch}
body.ecp-on .ecp-above p{margin:0 0 10px}
body.ecp-on .ecp-above h2,body.ecp-on .ecp-above h3{font-family:var(--ecp-head);font-weight:500;font-size:17px;color:var(--ecp-ink);margin:12px 0 6px}
body.ecp-on .ecp-layout{display:block;margin-top:18px}
@media (min-width:1024px){body.ecp-on .ecp-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 48px;margin-top:22px}}
body.ecp-on .ecp-side{display:none}
@media (min-width:1024px){body.ecp-on .ecp-side{display:block;padding-top:4px;padding-bottom:40px}}
body.ecp-on .ecp-side ul{list-style:none;margin:0;padding:0}
body.ecp-on .ecp-side li{margin:0;padding:0}
body.ecp-on .ecp-side a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;font-size:14px;color:var(--ecp-fg2);line-height:1.3}
body.ecp-on .ecp-side a:hover{color:var(--ecp-forest)}
body.ecp-on .ecp-side a[aria-current="page"]{color:var(--ecp-forest);font-weight:700}
body.ecp-on .ecp-side ul ul{padding-left:14px}
body.ecp-on .ecp-side .ecp-n{color:var(--ecp-fg3);font-size:12.5px;font-variant-numeric:tabular-nums}
body.ecp-on .ecp-side .ecp-top>a{font-family:var(--ecp-head);font-weight:500;color:var(--ecp-ink);font-size:15px}
body.ecp-on .ecp-side .ecp-top>a[aria-current="page"]{color:var(--ecp-forest);font-weight:600}
body.ecp-on .ecp-side h2{font-family:var(--ecp-head);font-weight:500;font-size:13px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--ecp-fg3);margin:0 0 6px}
body.ecp-on .ecp-main{display:block;min-width:0;padding-bottom:40px}
body.ecp-on .ecp-picrow{position:relative;margin:4px calc(var(--ecp-gut) * -1) 6px}
@media (min-width:1024px){body.ecp-on .ecp-picrow{margin:0 0 8px}}
body.ecp-on .ecp-scroller{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:8px var(--ecp-gut) 10px;-webkit-overflow-scrolling:touch}
@media (min-width:1024px){body.ecp-on .ecp-scroller{padding-left:0;padding-right:0}}
body.ecp-on .ecp-scroller::-webkit-scrollbar{display:none}
body.ecp-on .ecp-pic{flex:0 0 auto;width:96px;text-align:center;color:var(--ecp-ink);scroll-snap-align:start;padding:4px 2px;border-radius:14px}
@media (min-width:768px){body.ecp-on .ecp-pic{width:136px}}
body.ecp-on .ecp-pic .ecp-im{display:block;width:80px;height:80px;margin:0 auto 8px;object-fit:contain}
@media (min-width:768px){body.ecp-on .ecp-pic .ecp-im{width:112px;height:112px}}
body.ecp-on .ecp-pic .ecp-draw{background:#fff;mix-blend-mode:normal;object-fit:contain;padding:0}
body.ecp-on .ecp-pic span{display:block;font-size:13px;line-height:1.25;font-weight:500}
body.ecp-on .ecp-pic:hover span{color:var(--ecp-forest);text-decoration:underline;text-underline-offset:3px}
body.ecp-on .ecp-arrow{position:absolute;top:44px;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--ecp-line2);display:none;place-items:center;box-shadow:var(--ecp-sh-md);color:var(--ecp-forest);z-index:2;padding:0}
body.ecp-on .ecp-arrow.prev{left:-8px}
body.ecp-on .ecp-arrow.next{right:-8px}
@media (min-width:768px) and (hover:hover){body.ecp-on .ecp-arrow:not([hidden]){display:grid!important}}
body.ecp-on .ecp-tabsbar{position:sticky;top:var(--ecp-hh);z-index:30;background:#fff;border-bottom:1px solid var(--ecp-line);display:flex;align-items:stretch;margin:0 calc(var(--ecp-gut) * -1);padding:0 var(--ecp-gut);height:var(--ecp-th)}
@media (min-width:1024px){body.ecp-on .ecp-tabsbar{margin:0;padding:0}}
body.ecp-on .ecp-tabs{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}
body.ecp-on .ecp-tabs::-webkit-scrollbar{display:none}
body.ecp-on .ecp-tab{flex:0 0 auto;display:flex;align-items:center;border-bottom:2px solid transparent!important;margin-bottom:-1px;padding:0 2px!important;font-size:14px;font-weight:500;color:var(--ecp-fg2);white-space:nowrap;cursor:pointer;background:none}
body.ecp-on .ecp-tab:hover{color:var(--ecp-forest)}
body.ecp-on .ecp-tab[aria-current="true"],body.ecp-on .ecp-tab[aria-current="page"]{color:var(--ecp-forest);border-bottom-color:var(--ecp-forest)!important;font-weight:700}
body.ecp-on .ecp-fsbtn{flex:0 0 auto;align-self:center;margin-left:10px!important}
body.ecp-on .ecp-wrap .ecp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-transform:uppercase;letter-spacing:.14em;border:1.5px solid var(--ecp-forest);border-radius:var(--ecp-btn-r);background:var(--ecp-forest);padding:14px 20px;line-height:1;font-family:var(--ecp-body);font-weight:700;font-size:12px;transition:background-color .2s var(--ecp-ease),box-shadow .2s var(--ecp-ease),transform .12s var(--ecp-ease)}
body.ecp-on .ecp-wrap .ecp-btn:hover{background:var(--ecp-g400);border-color:var(--ecp-g400);box-shadow:var(--ecp-sh-md);color:#fff}
body.ecp-on .ecp-btn:active{transform:scale(.98)}
body.ecp-on .ecp-wrap .ecp-btn.outline{background:#fff;color:var(--ecp-forest);border-color:var(--ecp-line2)}
body.ecp-on .ecp-wrap .ecp-btn.outline:hover{background:var(--ecp-g50);border-color:var(--ecp-forest);box-shadow:none;color:var(--ecp-forest)}
body.ecp-on .ecp-wrap .ecp-btn.sm{padding:11px 14px;font-size:11px;letter-spacing:.1em}
body.ecp-on .ecp-btn .ecp-i{width:18px;height:18px}
body.ecp-on .ecp-btn .ecp-dot{background:var(--ecp-forest);color:#fff;border-radius:9px;min-width:18px;height:18px;font-size:11px;letter-spacing:0;display:grid;place-items:center;padding:0 5px}
body.ecp-on .ecp-wrap .ecp-btn:disabled{opacity:.45;pointer-events:none}
body.ecp-on .ecp-status{margin:14px 0 0;font-size:13.5px;color:var(--ecp-fg2);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body.ecp-on .ecp-status button{color:var(--ecp-forest);text-decoration:underline;text-underline-offset:3px;font-weight:500}
body.ecp-on .ecp-group{padding-top:28px;scroll-margin-top:calc(var(--ecp-hh) + var(--ecp-th) + 4px)}
body.ecp-on .ecp-ghead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
body.ecp-on .ecp-gtitle{display:flex;align-items:baseline;gap:6px;min-width:0}
body.ecp-on .ecp-ghead h2{font-family:var(--ecp-head);font-weight:500;font-size:20px;line-height:1.2;margin:0;padding:0;color:var(--ecp-ink)}
body.ecp-on .ecp-gn{font-family:var(--ecp-body);font-weight:400;font-size:13px;color:var(--ecp-fg3)}
body.ecp-on .ecp-ghead a{font-size:14px;font-weight:500;color:var(--ecp-forest);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--ecp-line2);white-space:nowrap}
body.ecp-on .ecp-wrap .ecp-ghead a:hover{color:var(--ecp-forest);text-decoration-color:var(--ecp-forest)}
body.ecp-on .ecp-plaingrid{padding-top:22px}
body.ecp-on .ecp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
@media (min-width:768px){body.ecp-on .ecp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}}
@media (min-width:1200px){body.ecp-on .ecp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.ecp-on .ecp-card{min-width:0;display:flex;flex-direction:column}
body.ecp-on .ecp-ph{position:relative;display:block;aspect-ratio:1/1;background:color-mix(in srgb,var(--ecp-g50) 60%,#fff);border-radius:var(--ecp-r);overflow:hidden}
body.ecp-on .ecp-phl{position:absolute;inset:0;display:block}
body.ecp-on .ecp-ph img{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain;display:block;margin:0;padding:0;border:0;max-width:none}
body.ecp-on .ecp-ph img.ecp-blend{mix-blend-mode:multiply}
/* 27 Oct: out-of-stock photos no longer faded (Sam); the "Back soon" line says it */
body.ecp-on .ecp-ph img.ecp-hov{inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s var(--ecp-ease,ease)}
body.ecp-on .ecp-card .ecp-ph img.ecp-hov{opacity:0}
@media (hover:hover) and (pointer:fine){body.ecp-on .ecp-card:hover .ecp-ph img.ecp-hov{opacity:1}}
body.ecp-on .ecp-add{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%!important;background:var(--ecp-forest)!important;color:#fff!important;display:grid;place-items:center;box-shadow:0 2px 6px rgba(15,58,39,.28)!important;transition:background-color .2s var(--ecp-ease),transform .12s var(--ecp-ease);z-index:2;padding:0!important}
body.ecp-on .ecp-add:hover{background:var(--ecp-g400)!important}
body.ecp-on .ecp-add:active{transform:scale(.94)}
body.ecp-on .ecp-add .ecp-i{width:24px;height:24px;stroke-width:2.4}
body.ecp-on .ecp-wrap .ecp-nm{padding:0;text-transform:none;letter-spacing:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0;font-family:var(--ecp-body);font-size:14px;line-height:1.3;font-weight:500;color:var(--ecp-ink);min-height:2.6em}
body.ecp-on .ecp-wrap .ecp-nm a{font:inherit;color:inherit}
body.ecp-on .ecp-wrap .ecp-nm:hover,body.ecp-on .ecp-wrap .ecp-nm a:hover{color:var(--ecp-forest);text-decoration:underline;text-underline-offset:3px}
body.ecp-on .ecp-price{margin:6px 0 0;font-family:var(--ecp-head);font-weight:600;font-size:16px;color:var(--ecp-forest);line-height:1.2}
body.ecp-on .ecp-price .woocommerce-Price-amount,body.ecp-on .ecp-price bdi{font:inherit;color:inherit}
body.ecp-on .ecp-price .ecp-vat{font-family:var(--ecp-body);font-weight:400;font-size:11.5px;color:var(--ecp-fg3);margin-left:4px}
body.ecp-on .ecp-price .ecp-from{font-family:var(--ecp-body);font-weight:400;font-size:13px;color:var(--ecp-fg2);margin-right:3px}
body.ecp-on .ecp-sizes{margin:7px 0 0;font-size:12.5px;color:var(--ecp-fg2)}
body.ecp-on .ecp-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;height:23px;overflow:hidden}
body.ecp-on .ecp-chip{flex:0 0 auto;max-width:100%;border:1px solid var(--ecp-line2);border-radius:7px;padding:2px 7px;font-size:11.5px;line-height:17px;color:var(--ecp-fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ecp-on .ecp-chip.off{color:var(--ecp-fg3);border-color:var(--ecp-line);text-decoration:line-through;text-decoration-color:rgba(15,58,39,.35)}
body.ecp-on .ecp-chip.more{border-style:dashed}
body.ecp-on .ecp-case{margin:6px 0 0;font-size:12.5px;color:var(--ecp-fg2)}
body.ecp-on .ecp-avail{margin:5px 0 0;font-size:12.5px;display:flex;align-items:center;gap:6px;font-weight:500}
body.ecp-on .ecp-avail::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
body.ecp-on .ecp-avail.ok{color:var(--ecp-ok)}
body.ecp-on .ecp-avail.part{color:var(--ecp-fg2)}
body.ecp-on .ecp-avail.part::before{background:var(--ecp-ok)}
body.ecp-on .ecp-avail.no{color:var(--ecp-fg3);font-weight:400}
body.ecp-on .ecp-helpcard{margin-top:44px;border:1px solid var(--ecp-line);border-radius:var(--ecp-r);padding:22px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;background:#fff}
@media (min-width:768px){body.ecp-on .ecp-helpcard{flex-direction:row;align-items:center;justify-content:space-between;padding:26px 30px}}
body.ecp-on .ecp-helpcard .ecp-helptitle{font-family:var(--ecp-head);font-weight:500;font-size:20px;line-height:1.25;margin:0 0 4px;padding:0;color:var(--ecp-forest)}
body.ecp-on .ecp-helpcard p{margin:0;color:var(--ecp-fg2);font-size:15px}
body.ecp-on .ecp-helpcard p.ecp-helptitle{margin:0 0 4px;color:var(--ecp-forest);font-size:20px}
body.ecp-on .ecp-wrap .ecp-helpcard p a{color:var(--ecp-forest);font-weight:700;white-space:nowrap}
body.ecp-on .ecp-about{margin-top:20px;border-top:1px solid var(--ecp-line)}
body.ecp-on .ecp-about summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-family:var(--ecp-head);font-weight:500;font-size:17px;color:var(--ecp-ink)}
body.ecp-on .ecp-about summary::-webkit-details-marker{display:none}
body.ecp-on .ecp-about summary .ecp-i{transition:transform .2s var(--ecp-ease);color:var(--ecp-forest)}
body.ecp-on .ecp-about[open] summary .ecp-i{transform:rotate(180deg)}
body.ecp-on .ecp-about .ecp-body{padding:0 0 22px;max-width:70ch;color:var(--ecp-fg2);font-size:15px;line-height:1.65}
body.ecp-on .ecp-about .ecp-body h2,body.ecp-on .ecp-about .ecp-body h3,body.ecp-on .ecp-about .ecp-body h4{font-family:var(--ecp-head);font-weight:500;font-size:17px;line-height:1.3;color:var(--ecp-ink);margin:18px 0 6px;padding:0}
body.ecp-on .ecp-about .ecp-body p{margin:0 0 12px}
body.ecp-on .ecp-about .ecp-body ul,body.ecp-on .ecp-about .ecp-body ol{padding-left:20px;margin:0 0 12px}
body.ecp-on .ecp-wrap .ecp-about .ecp-body a{color:var(--ecp-forest);text-decoration:underline;text-underline-offset:3px}
body.ecp-on .ecp-empty{padding:40px 0;color:var(--ecp-fg2)}
body.ecp-on .ecp-backdrop{position:fixed;inset:0;background:rgba(11,31,22,.5);opacity:0;pointer-events:none;transition:opacity .22s var(--ecp-ease);z-index:100000}
body.ecp-on .ecp-backdrop.on{opacity:1;pointer-events:auto}
body.ecp-on .ecp-sheet{position:fixed;z-index:100001;background:#fff;color:var(--ecp-ink);display:flex;flex-direction:column;transition:transform .26s var(--ecp-ease);visibility:hidden;left:0;right:0;bottom:0;max-height:88vh;border-radius:22px 22px 0 0;transform:translateY(100%);box-shadow:var(--ecp-sh-lg);font-family:var(--ecp-body);font-size:15px;line-height:1.5}
body.ecp-on .ecp-sheet.on{transform:none;visibility:visible}
@media (min-width:768px){body.ecp-on .ecp-sheet{left:auto;top:0;bottom:0;right:0;width:400px;max-height:none;border-radius:22px 0 0 22px;transform:translateX(100%)}}
body.ecp-on .ecp-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--ecp-line)}
body.ecp-on .ecp-sheet header .ecp-stitle{font-family:var(--ecp-head);font-weight:500;font-size:19px;line-height:1.25;margin:0;padding:0;color:var(--ecp-forest);text-transform:none;letter-spacing:normal}
body.ecp-on .ecp-xbtn{padding:6px!important;border-radius:50%!important;display:inline-flex;color:var(--ecp-ink)!important;background:none;border:0}
body.ecp-on .ecp-xbtn:hover{background:var(--ecp-g50)!important}
body.ecp-on .ecp-sheet .ecp-sbody{padding:16px 20px;overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}
body.ecp-on .ecp-sheet footer{padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--ecp-line);display:flex;gap:12px;align-items:center}
body.ecp-on .ecp-sheet footer .ecp-btn{flex:1;white-space:nowrap}
body.ecp-on .ecp-sheet footer .ecp-btn.outline{flex:0 0 auto}
body.ecp-on .ecp-sheet *{box-sizing:border-box}
body.ecp-on .ecp-sheet button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;margin:0;min-height:0;box-shadow:none}
body.ecp-on .ecp-sheet .ecp-btn{color:#fff;text-transform:uppercase;letter-spacing:.14em;border:1.5px solid var(--ecp-forest);border-radius:var(--ecp-btn-r);background:var(--ecp-forest);padding:14px 20px;line-height:1;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
body.ecp-on .ecp-sheet .ecp-btn:hover{background:var(--ecp-g400);border-color:var(--ecp-g400);color:#fff}
body.ecp-on .ecp-sheet .ecp-btn.outline{background:#fff;color:var(--ecp-forest);border-color:var(--ecp-line2)}
body.ecp-on .ecp-sheet .ecp-btn.outline:hover{background:var(--ecp-g50);border-color:var(--ecp-forest);color:var(--ecp-forest)}
body.ecp-on .ecp-sheet .ecp-btn:disabled{opacity:.45;pointer-events:none}
body.ecp-on .ecp-sec{margin:0 0 20px}
body.ecp-on .ecp-sec h3{font-family:var(--ecp-head);font-weight:500;font-size:14px;line-height:1.3;margin:0 0 8px;padding:0;color:var(--ecp-ink);text-transform:none;letter-spacing:normal}
body.ecp-on .ecp-opt{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--ecp-line);border-radius:14px;margin:0 0 8px;cursor:pointer;font-size:14.5px;background:#fff}
body.ecp-on .ecp-opt:hover{border-color:var(--ecp-line2)}
body.ecp-on .ecp-opt input{accent-color:var(--ecp-forest);width:18px;height:18px;margin:0;flex:0 0 auto}
body.ecp-on .ecp-opt:has(input:checked){border-color:var(--ecp-forest);background:var(--ecp-g50)}
body.ecp-on .ecp-opt .t{flex:1;min-width:0}
body.ecp-on .ecp-opt .t small{display:block;color:var(--ecp-fg2);font-size:12.5px}
body.ecp-on .ecp-opt .p{font-family:var(--ecp-head);font-weight:600;color:var(--ecp-forest);white-space:nowrap}
body.ecp-on .ecp-opt.dis{opacity:.55;cursor:not-allowed}
body.ecp-on .ecp-pshow{display:flex;gap:14px;align-items:center;margin-bottom:16px}
body.ecp-on .ecp-pshow .th{width:72px;height:72px;border-radius:16px;background:var(--ecp-g50);flex:0 0 auto;position:relative;overflow:hidden}
body.ecp-on .ecp-pshow .th img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;max-width:none}
body.ecp-on .ecp-pshow .th img.ecp-blend{mix-blend-mode:multiply}
body.ecp-on .ecp-pshow b{font-weight:500;font-size:15px;line-height:1.3}
body.ecp-on .ecp-qty{display:flex;align-items:center;gap:0;border:1px solid var(--ecp-line2);border-radius:14px;width:max-content;overflow:hidden}
body.ecp-on .ecp-qty button{background:#fff;border:0;width:46px;height:46px;display:grid;place-items:center;color:var(--ecp-forest);padding:0;border-radius:0}
body.ecp-on .ecp-qty button:hover{background:var(--ecp-g50)}
body.ecp-on .ecp-qty input{width:56px;height:46px;border:0;border-left:1px solid var(--ecp-line);border-right:1px solid var(--ecp-line);text-align:center;font:600 16px var(--ecp-head);color:var(--ecp-ink);-moz-appearance:textfield;appearance:textfield;border-radius:0;padding:0;margin:0;background:#fff;box-shadow:none}
body.ecp-on .ecp-qty input::-webkit-outer-spin-button,body.ecp-on .ecp-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
body.ecp-on .ecp-sumline{margin:12px 0 0;font-size:14px;color:var(--ecp-fg2)}
body.ecp-on .ecp-sumline b{color:var(--ecp-ink);font-family:var(--ecp-head);font-weight:600;font-size:17px}
body.ecp-on .ecp-err{margin:12px 0 0;font-size:13.5px;color:#9b2c1f}
body.ecp-on .ecp-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--ecp-line);border-radius:14px;margin:0 0 8px;cursor:pointer;font-size:14.5px}
body.ecp-on .ecp-toggle input{accent-color:var(--ecp-forest);width:18px;height:18px;margin:0}
body.ecp-on .ecp-toggle:has(input:checked){border-color:var(--ecp-forest);background:var(--ecp-g50)}
body.ecp-on .ecp-note{font-size:12.5px;color:var(--ecp-fg3);margin:6px 0 0}
body.ecp-on .ecp-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ecp-ink);color:#fff;border-radius:14px;padding:12px 18px;font-family:var(--ecp-body);font-size:14px;line-height:1.4;z-index:100002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s var(--ecp-ease);display:flex;gap:8px;align-items:center;max-width:calc(100vw - 32px)}
body.ecp-on .ecp-toast.on{opacity:1;transform:translate(-50%,0)}
body.ecp-on .ecp-toast .ecp-i{color:var(--ecp-lime);width:20px;height:20px}
@media (max-width:767px){body.ecp-on .ecp-toast{bottom:104px}}

/* ---- easipac Design System type (27 Oct 2026): page title Rubik Black caps, headings Roboto Bold, body Roboto 16px, buttons Roboto Bold caps ---- */
body.ecp-on .ecp-wrap h1{font-family:var(--ecp-head);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1;font-size:clamp(26px,2.6vw,40px)}
body.ecp-on .ecp-wrap h1 .ep-brand{text-transform:none}
body.ecp-on .ecp-count{font-family:var(--ecp-body);font-weight:400;font-size:16px;letter-spacing:0;text-transform:none;color:var(--ecp-fg2)}
body.ecp-on .ecp-ghead h2,body.ecp-on .ecp-helpcard .ecp-helptitle,body.ecp-on .ecp-sheet header .ecp-stitle{font-family:var(--ecp-body);font-weight:700;font-size:22px;letter-spacing:0}
body.ecp-on .ecp-above h2,body.ecp-on .ecp-above h3,body.ecp-on .ecp-about summary,body.ecp-on .ecp-about .ecp-body h3,body.ecp-on .ecp-about .ecp-body h4,body.ecp-on .ecp-sec h3{font-family:var(--ecp-body);font-weight:700;font-size:18px;letter-spacing:0}
body.ecp-on .ecp-sec h3{font-size:15px}
body.ecp-on .ecp-side h2{font-family:var(--ecp-head);font-weight:700;letter-spacing:.12em}
body.ecp-on .ecp-side .ecp-top>a{font-family:var(--ecp-body);font-weight:700}
body.ecp-on .ecp-side .ecp-top>a[aria-current="page"]{font-weight:700}
body.ecp-on .ecp-crumbs [aria-current],body.ecp-on .ecp-sortlink b,body.ecp-on .ecp-pic span,body.ecp-on .ecp-tab,body.ecp-on .ecp-ghead a,body.ecp-on .ecp-status button,body.ecp-on .ecp-avail,body.ecp-on .ecp-pshow b{font-family:var(--ecp-body);font-weight:400}
body.ecp-on .ecp-tab[aria-current="true"],body.ecp-on .ecp-tab[aria-current="page"],body.ecp-on .ecp-pic span{font-weight:700}
body.ecp-on .ecp-wrap .ecp-nm{font-family:var(--ecp-body);font-weight:700;font-size:15px}
body.ecp-on .ecp-price,body.ecp-on .ecp-opt .p,body.ecp-on .ecp-sumline b{font-family:var(--ecp-body);font-weight:700}
body.ecp-on .ecp-about .ecp-body,body.ecp-on .ecp-about .ecp-body p{font-family:var(--ecp-body);font-weight:400;font-size:16px;line-height:1.55}
body.ecp-on .ecp-wrap .ecp-btn,body.ecp-on .ecp-fsbtn{font-family:var(--ecp-body);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
/* Range jump buttons on small pages split into ranges, e.g. Clear Cup Lids: U Clear / Classic Clear (27 Oct 2026) */
body.ecp-on .ecp-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
body.ecp-on .ecp-wrap .ecp-jumps .ecp-jump{flex:0 0 auto;height:auto;min-height:40px;margin:0;padding:8px 18px!important;border:1px solid var(--ecp-line2)!important;border-radius:999px;background:#fff;color:var(--ecp-forest);font-family:var(--ecp-body);font-size:14px;font-weight:700;line-height:1.2;transition:background-color .2s var(--ecp-ease),border-color .2s var(--ecp-ease)}
body.ecp-on .ecp-wrap .ecp-jumps .ecp-jump:hover{background:var(--ecp-g50);border-color:var(--ecp-forest)!important}
body.ecp-on .ecp-wrap .ecp-jumps .ecp-jump[hidden]{display:none}

/* 29 Oct 2026: quick add sheet takes several sizes at once (one row and counter per size) */
body.ecp-on .ecp-mrow{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border:1px solid var(--ecp-line);border-radius:14px;margin:0 0 8px;background:#fff}
body.ecp-on .ecp-mrow.on{border-color:var(--ecp-forest);background:var(--ecp-g50)}
body.ecp-on .ecp-mrow.dis{opacity:.55}
body.ecp-on .ecp-mrow .t{flex:1;min-width:0;font-size:14.5px;line-height:1.3}
body.ecp-on .ecp-mrow .t small{display:block;color:var(--ecp-fg2);font-size:12.5px}
body.ecp-on .ecp-mrow .p{font-family:var(--ecp-body);font-weight:700;color:var(--ecp-forest);white-space:nowrap;font-size:14.5px}
body.ecp-on .ecp-qty.sm{border-radius:12px;flex:0 0 auto}
body.ecp-on .ecp-qty.sm button{width:36px;height:38px}
body.ecp-on .ecp-qty.sm button:disabled{opacity:.35;cursor:default}
body.ecp-on .ecp-qty.sm input{width:40px;height:38px;font-size:15px}

/* 29 Oct 2026: [ecp_products] cards on other pages (homepage product rows). The section around it sets the gutters. */
body.ecp-on .ecp-wrap.ecp-embed{padding:0;max-width:none;background:transparent;overflow:visible}
body.ecp-on .ecp-wrap.ecp-embed .ecp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
@media (min-width:768px){body.ecp-on .ecp-wrap.ecp-embed .ecp-grid{grid-template-columns:repeat(2,minmax(0,330px));justify-content:center;gap:30px 20px}}
@media (min-width:900px){body.ecp-on .ecp-wrap.ecp-embed .ecp-grid{grid-template-columns:repeat(4,minmax(0,300px))}}
body.ecp-on .ecp-wrap.ecp-embed-ui{padding:0;max-width:none;background:transparent;height:0;overflow:visible}