/* =========================================================================
   Web2Ink — Store Categories widget : premium display styles
   Token-driven; Elementor controls override the --w2i-cat-* vars per instance.
   ========================================================================= */
.w2i-cats{
  --w2i-cat-accent:#2563eb;
  --w2i-cat-ink:#0f172a;
  --w2i-cat-muted:#64748b;
  --w2i-cat-surface:#ffffff;
  --w2i-cat-surface-2:#f6f8fc;
  --w2i-cat-line:#e6eaf2;
  --w2i-cat-radius:14px;
  --w2i-cat-gap:14px;
  --w2i-cat-cols:4;
  --w2i-cat-shadow:0 10px 30px rgba(15,23,42,.07);
  color:var(--w2i-cat-ink);
  font-feature-settings:"tnum";
}
.w2i-cats *{box-sizing:border-box;}
.w2i-cats a{text-decoration:none;color:inherit;}
.w2i-cats-empty{padding:18px;border:1px dashed var(--w2i-cat-line);border-radius:var(--w2i-cat-radius);color:var(--w2i-cat-muted);text-align:center;font-size:14px;}

/* ---- optional widget title (rendered by the widget, above the list) ---- */
.w2i-cat-widget-title{
  display:flex;align-items:center;gap:10px;
  margin:0 0 16px;color:var(--w2i-cat-ink);
}
.w2i-cat-widget-title.w2i-titlestyle-accent{padding-left:12px;border-left:4px solid var(--w2i-cat-accent);}
.w2i-cat-widget-title.w2i-titlestyle-underline{display:block;padding-bottom:10px;border-bottom:2px solid var(--w2i-cat-line);}
.w2i-cat-widget-title.w2i-titlestyle-underline::after{content:"";display:block;width:48px;height:2px;background:var(--w2i-cat-accent);margin-top:10px;margin-bottom:-12px;}
.w2i-cat-widget-title.w2i-titlestyle-pill{display:inline-flex;padding:7px 16px;background:var(--w2i-cat-surface-2);border-radius:999px;}
.w2i-cat-widget-title.w2i-titlestyle-bar{justify-content:space-between;}
.w2i-cat-widget-title.w2i-titlestyle-bar::after{content:"";flex:1;height:1px;background:var(--w2i-cat-line);}

/* lettered avatar fallback (when a category has no thumbnail) */
.w2i-cat-media{display:block;position:relative;overflow:hidden;background:var(--w2i-cat-surface-2);}
.w2i-cat-media img{display:block;width:100%;height:100%;object-fit:cover;}
.w2i-cat-media--initial::before{
  content:attr(data-w2i-initial);
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--w2i-cat-accent),color-mix(in srgb,var(--w2i-cat-accent) 55%,#7c3aed));
}
.w2i-cat-count{
  display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;
  font-size:12px;font-weight:600;line-height:1;color:var(--w2i-cat-muted);
  background:var(--w2i-cat-surface-2);border-radius:999px;
}

/* =====================================================================
   STYLE 1 — Sidebar Accordion (collapsible nested)
   ===================================================================== */
.w2i-cats--sidebar_accordion .w2i-cat-acc{list-style:none;margin:0;padding:0;
  background:var(--w2i-cat-surface);border:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line);border-radius:var(--w2i-cat-radius);overflow:hidden;box-shadow:var(--w2i-cat-shadow);}
.w2i-cat-acc-item+.w2i-cat-acc-item{border-top:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line);}
.w2i-cat-acc-row{display:flex;align-items:center;}
.w2i-cat-acc-link{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;transition:background .15s,color .15s;}
.w2i-cat-acc-link:hover{background:var(--w2i-cat-surface-2);color:var(--w2i-cat-accent);}
.w2i-cat-acc-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;align-self:stretch;background:none;border:0;border-left:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line);color:var(--w2i-cat-muted);cursor:pointer;transition:color .15s;}
.w2i-cat-acc-toggle:hover{color:var(--w2i-cat-accent);}
.w2i-cat-chevron{transition:transform .22s ease;}
.w2i-cat-acc-item.is-open>.w2i-cat-acc-row .w2i-cat-chevron{transform:rotate(90deg);}
.w2i-cat-acc-sub{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;background:var(--w2i-cat-surface-2);transition:max-height .28s ease;}
.w2i-cat-acc-item.is-open>.w2i-cat-acc-sub{max-height:600px;}
.w2i-cat-acc-sub li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 10px 30px;color:var(--w2i-cat-muted);transition:color .15s,padding .15s;}
.w2i-cat-acc-sub li a:hover{color:var(--w2i-cat-accent);padding-left:34px;}
.w2i-cat-acc-sub li+li a{border-top:1px solid color-mix(in srgb,var(--w2i-cat-line) 60%,transparent);}

/* =====================================================================
   STYLE 4 — Thumbnail Grid
   ===================================================================== */
.w2i-cats--thumb_grid .w2i-cat-grid{display:grid;grid-template-columns:repeat(var(--w2i-cat-cols),minmax(0,1fr));gap:var(--w2i-cat-gap);}
.w2i-cat-tile{display:flex;flex-direction:column;background:var(--w2i-cat-surface);border:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line);border-radius:var(--w2i-cat-radius);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;}
.w2i-cat-tile:hover{transform:translateY(-4px);box-shadow:var(--w2i-cat-shadow);border-color:color-mix(in srgb,var(--w2i-cat-accent) 35%,var(--w2i-cat-line));}
.w2i-cat-tile-media{aspect-ratio:4/3;}
.w2i-cat-tile-media img{transition:transform .35s ease;}
.w2i-cat-tile:hover .w2i-cat-tile-media img{transform:scale(1.06);}
.w2i-cat-tile-body{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;}

/* =====================================================================
   STYLE 5 — Overlay Image Cards
   ===================================================================== */
.w2i-cats--overlay_cards .w2i-cat-overlay-grid{display:grid;grid-template-columns:repeat(var(--w2i-cat-cols),minmax(0,1fr));gap:var(--w2i-cat-gap);}
.w2i-cat-ovc{position:relative;display:block;aspect-ratio:3/4;border-radius:var(--w2i-cat-radius);overflow:hidden;color:#fff;box-shadow:var(--w2i-cat-shadow);}
.w2i-cat-ovc .w2i-cat-ovc-media{position:absolute;inset:0;}
.w2i-cat-ovc .w2i-cat-ovc-media img{transition:transform .5s ease;}
.w2i-cat-ovc:hover .w2i-cat-ovc-media img{transform:scale(1.08);}
.w2i-cat-ovc-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,24,.78) 0%,rgba(8,12,24,.18) 45%,rgba(8,12,24,0) 75%);}
.w2i-cat-ovc-body{position:absolute;left:0;right:0;bottom:0;padding:16px 16px 18px;display:flex;flex-direction:column;gap:3px;transform:translateY(6px);transition:transform .25s ease;}
.w2i-cat-ovc:hover .w2i-cat-ovc-body{transform:translateY(0);}
.w2i-cat-ovc-title{line-height:1.2;}
.w2i-cat-ovc-meta{font-size:12.5px;opacity:.82;}
.w2i-cat-ovc-cta{position:absolute;top:14px;right:14px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s,background .2s;}
.w2i-cat-ovc:hover .w2i-cat-ovc-cta{opacity:1;transform:translateX(0);}
.w2i-cat-ovc:hover .w2i-cat-ovc-cta{background:var(--w2i-cat-accent);}

/* =====================================================================
   STYLE 2 — Sidebar Tree (nested, always expanded)
   ===================================================================== */
.w2i-cats--sidebar_tree .w2i-cat-tree{list-style:none;margin:0;padding:0;}
.w2i-cats--sidebar_tree .w2i-cat-tree.is-root{background:var(--w2i-cat-surface);border:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line);border-radius:var(--w2i-cat-radius);padding:8px;box-shadow:var(--w2i-cat-shadow);}
.w2i-cat-tree a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;transition:background .14s,color .14s;}
.w2i-cat-tree a:hover{background:var(--w2i-cat-surface-2);color:var(--w2i-cat-accent);}
.w2i-cat-tree .is-sub{margin:2px 0 4px;padding-left:14px;border-left:var(--w2i-cat-line-w,1.5px) solid var(--w2i-cat-line);margin-left:14px;}
.w2i-cat-tree .is-sub a{color:var(--w2i-cat-muted);}
.w2i-cat-tree .is-sub a:hover{color:var(--w2i-cat-accent);}

/* =====================================================================
   STYLE 7 — Mega Columns
   ===================================================================== */
.w2i-cats--mega_columns .w2i-cat-mega{display:grid;grid-template-columns:repeat(var(--w2i-cat-cols),minmax(0,1fr));gap:calc(var(--w2i-cat-gap) + 12px);}
.w2i-cat-mega-head{display:flex;align-items:center;gap:8px;padding:0 0 10px;margin:0 0 8px;border-bottom:2px solid var(--w2i-cat-line);}
.w2i-cat-mega-head:hover{color:var(--w2i-cat-accent);border-bottom-color:var(--w2i-cat-accent);}
.w2i-cat-mega-list{list-style:none;margin:0;padding:0;}
.w2i-cat-mega-list li a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;color:var(--w2i-cat-muted);transition:color .14s,padding .14s;}
.w2i-cat-mega-list li a:hover{color:var(--w2i-cat-accent);padding-left:4px;}

/* =====================================================================
   STYLE 3 — Pill Cloud
   ===================================================================== */
.w2i-cats--pill_cloud .w2i-cat-pills{display:flex;flex-wrap:wrap;gap:10px;}
.w2i-cat-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--w2i-cat-surface);border:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line);border-radius:999px;transition:transform .15s,border-color .15s,color .15s,background .15s;}
.w2i-cat-pill:hover{transform:translateY(-2px);border-color:var(--w2i-cat-accent);color:var(--w2i-cat-accent);}
.w2i-cat-pill.is-parent{background:var(--w2i-cat-surface-2);}
.w2i-cat-pill .w2i-cat-count{background:transparent;color:var(--w2i-cat-muted);min-width:auto;padding:0;}
.w2i-cat-pill:hover .w2i-cat-count{color:var(--w2i-cat-accent);}

/* =====================================================================
   STYLE 8 — Editorial Numbered
   ===================================================================== */
.w2i-cats--editorial_numbered .w2i-cat-num{list-style:none;margin:0;padding:0;counter-reset:none;}
.w2i-cat-num li+li{border-top:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line);}
.w2i-cat-num li a{display:flex;align-items:center;gap:16px;padding:15px 6px;transition:padding .18s;}
.w2i-cat-num li a:hover{padding-left:14px;}
.w2i-cat-num-idx{font-size:13px;font-weight:700;color:var(--w2i-cat-accent);letter-spacing:.04em;min-width:26px;font-variant-numeric:tabular-nums;}
.w2i-cat-num-title{flex:1;}
.w2i-cat-num li a:hover .w2i-cat-num-title{color:var(--w2i-cat-accent);}
.w2i-cat-num-arrow{color:var(--w2i-cat-muted);opacity:0;transform:translateX(-6px);transition:opacity .18s,transform .18s;}
.w2i-cat-num li a:hover .w2i-cat-num-arrow{opacity:1;transform:translateX(0);color:var(--w2i-cat-accent);}

/* =====================================================================
   STYLE 9 — Bordered Rows
   ===================================================================== */
.w2i-cats--bordered_rows .w2i-cat-rows{display:flex;flex-direction:column;gap:10px;}
.w2i-cat-row{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;background:var(--w2i-cat-surface);border:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line);border-radius:var(--w2i-cat-radius);transition:transform .16s,box-shadow .16s,border-color .16s;}
.w2i-cat-row:hover{transform:translateY(-2px);box-shadow:var(--w2i-cat-shadow);border-color:color-mix(in srgb,var(--w2i-cat-accent) 35%,var(--w2i-cat-line));}
.w2i-cat-row-media{width:54px;height:54px;flex:0 0 54px;border-radius:10px;}
.w2i-cat-row-body{flex:1;display:flex;flex-direction:column;gap:2px;}
.w2i-cat-row-meta{font-size:12.5px;color:var(--w2i-cat-muted);}
.w2i-cat-row-arrow{color:var(--w2i-cat-muted);transition:transform .16s,color .16s;}
.w2i-cat-row:hover .w2i-cat-row-arrow{transform:translateX(3px);color:var(--w2i-cat-accent);}

/* =====================================================================
   STYLE 6 — Scroll Strip
   ===================================================================== */
.w2i-cats--scroll_strip{
  --w2i-cat-chip-width:120px;
  --w2i-cat-chip-media-size:100px;
  --w2i-cat-chip-radius:18px;
}
.w2i-cats--scroll_strip .w2i-cat-strip{overflow-x:auto;scrollbar-width:thin;margin:0 -4px;padding:4px;}
.w2i-cat-strip::-webkit-scrollbar{height:6px;}
.w2i-cat-strip::-webkit-scrollbar-thumb{background:var(--w2i-cat-line);border-radius:999px;}
.w2i-cat-strip-track{display:flex;gap:var(--w2i-cat-gap,14px);width:max-content;}
.w2i-cat-chip{flex:0 0 auto;width:var(--w2i-cat-chip-width,120px);display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;}
.w2i-cat-chip-media{width:var(--w2i-cat-chip-media-size,100px);height:var(--w2i-cat-chip-media-size,100px);border-radius:var(--w2i-cat-chip-radius,var(--w2i-cat-radius,18px));border:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s;}
.w2i-cat-chip:hover .w2i-cat-chip-media{transform:translateY(-3px);border-color:var(--w2i-cat-accent);box-shadow:var(--w2i-cat-shadow);}
.w2i-cat-chip-title{line-height:1.2;max-width:100%;}
.w2i-cat-chip:hover .w2i-cat-chip-title{color:var(--w2i-cat-accent);}

/* =====================================================================
   STYLE 10 — Featured + List
   ===================================================================== */
.w2i-cats--featured_list .w2i-cat-feat{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--w2i-cat-gap);align-items:stretch;}
.w2i-cat-feat-hero{position:relative;display:block;min-height:320px;border-radius:var(--w2i-cat-radius);overflow:hidden;color:#fff;box-shadow:var(--w2i-cat-shadow);}
.w2i-cat-feat-hero-media{position:absolute;inset:0;}
.w2i-cat-feat-hero-media img{transition:transform .5s ease;}
.w2i-cat-feat-hero:hover .w2i-cat-feat-hero-media img{transform:scale(1.06);}
.w2i-cat-feat-hero .w2i-cat-ovc-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,24,.8) 0%,rgba(8,12,24,.2) 50%,rgba(8,12,24,0) 80%);}
.w2i-cat-feat-hero-body{position:absolute;left:0;right:0;bottom:0;padding:22px;display:flex;flex-direction:column;gap:5px;}
.w2i-cat-feat-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85;}
.w2i-cat-feat-hero-title{line-height:1.15;}
.w2i-cat-feat-hero-meta{font-size:13px;opacity:.85;}
.w2i-cat-feat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.w2i-cat-feat-list li a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;transition:background .14s;}
.w2i-cat-feat-list li a:hover{background:var(--w2i-cat-surface-2);}
.w2i-cat-feat-thumb{width:46px;height:46px;flex:0 0 46px;border-radius:10px;}
.w2i-cat-feat-name{flex:1;}
.w2i-cat-feat-list li a:hover .w2i-cat-feat-name{color:var(--w2i-cat-accent);}

/* ---- responsive ---- */
@media (max-width:1024px){
  .w2i-cats{--w2i-cat-cols:3;}
}
@media (max-width:680px){
  .w2i-cats{--w2i-cat-cols:2;}
  .w2i-cats--featured_list .w2i-cat-feat{grid-template-columns:1fr;}
  .w2i-cats--mega_columns .w2i-cat-mega{grid-template-columns:1fr 1fr;}
}
@media (max-width:420px){
  .w2i-cats{--w2i-cat-cols:1;}
  .w2i-cats--mega_columns .w2i-cat-mega{grid-template-columns:1fr;}
}

/* =====================================================================
   ACTIVE STATE — the category currently being viewed (.is-active)
   Color token: --w2i-cat-active (falls back to the accent color).
   ===================================================================== */
/* Sidebar Accordion */
.w2i-cat-acc-link.is-active{color:var(--w2i-cat-active,var(--w2i-cat-accent));background:color-mix(in srgb,var(--w2i-cat-active,var(--w2i-cat-accent)) 9%,var(--w2i-cat-surface));box-shadow:inset 3px 0 0 var(--w2i-cat-active,var(--w2i-cat-accent));font-weight:700;}
.w2i-cat-acc-sub li a.is-active{color:var(--w2i-cat-active,var(--w2i-cat-accent));font-weight:700;box-shadow:inset 3px 0 0 var(--w2i-cat-active,var(--w2i-cat-accent));}
/* Sidebar Tree */
.w2i-cat-tree a.is-active{color:var(--w2i-cat-active,var(--w2i-cat-accent));background:color-mix(in srgb,var(--w2i-cat-active,var(--w2i-cat-accent)) 10%,var(--w2i-cat-surface));font-weight:700;}
.w2i-cat-tree .is-sub a.is-active{color:var(--w2i-cat-active,var(--w2i-cat-accent));}
/* Mega Columns */
.w2i-cat-mega-head.is-active{color:var(--w2i-cat-active,var(--w2i-cat-accent));border-bottom-color:var(--w2i-cat-active,var(--w2i-cat-accent));}
.w2i-cat-mega-list li a.is-active{color:var(--w2i-cat-active,var(--w2i-cat-accent));font-weight:700;}
/* Pill Cloud */
.w2i-cat-pill.is-active{background:var(--w2i-cat-active,var(--w2i-cat-accent));border-color:var(--w2i-cat-active,var(--w2i-cat-accent));color:#fff;}
.w2i-cat-pill.is-active .w2i-cat-count{color:rgba(255,255,255,.85);}
/* Editorial Numbered */
.w2i-cat-num li.is-active > a .w2i-cat-num-title{color:var(--w2i-cat-active,var(--w2i-cat-accent));font-weight:700;}
.w2i-cat-num li.is-active > a{box-shadow:inset 3px 0 0 var(--w2i-cat-active,var(--w2i-cat-accent));padding-left:14px;}
/* Bordered Rows */
.w2i-cat-row.is-active{border-color:var(--w2i-cat-active,var(--w2i-cat-accent));box-shadow:0 0 0 1px var(--w2i-cat-active,var(--w2i-cat-accent)),var(--w2i-cat-shadow);}
.w2i-cat-row.is-active .w2i-cat-row-title{color:var(--w2i-cat-active,var(--w2i-cat-accent));}
/* Thumbnail Grid */
.w2i-cat-tile.is-active{border-color:var(--w2i-cat-active,var(--w2i-cat-accent));box-shadow:0 0 0 1px var(--w2i-cat-active,var(--w2i-cat-accent)),var(--w2i-cat-shadow);}
.w2i-cat-tile.is-active .w2i-cat-tile-title{color:var(--w2i-cat-active,var(--w2i-cat-accent));}
/* Overlay Cards + Featured hero */
.w2i-cat-ovc.is-active,.w2i-cat-feat-hero.is-active{outline:2px solid var(--w2i-cat-active,var(--w2i-cat-accent));outline-offset:2px;}
/* Scroll Strip */
.w2i-cat-chip.is-active .w2i-cat-chip-media{border-color:var(--w2i-cat-active,var(--w2i-cat-accent));box-shadow:0 0 0 1px var(--w2i-cat-active,var(--w2i-cat-accent));}
.w2i-cat-chip.is-active .w2i-cat-chip-title{color:var(--w2i-cat-active,var(--w2i-cat-accent));font-weight:700;}
/* Featured + List */
.w2i-cat-feat-list li a.is-active{background:color-mix(in srgb,var(--w2i-cat-active,var(--w2i-cat-accent)) 10%,var(--w2i-cat-surface));}
.w2i-cat-feat-list li a.is-active .w2i-cat-feat-name{color:var(--w2i-cat-active,var(--w2i-cat-accent));font-weight:700;}
/* Sections with products */
.w2i-cat-section-title.is-active a span{color:var(--w2i-cat-active,var(--w2i-cat-accent));}

/* ============================ STYLE 11 — Sections with products ============================ */
.w2i-cats--category_sections .w2i-cat-sections{display:flex;flex-direction:column;gap:34px;}
.w2i-cat-section-title{margin:0 0 14px;display:flex;align-items:baseline;gap:8px;}
.w2i-cat-section-title a{color:var(--w2i-cat-ink,#1d2433);text-decoration:none;display:inline-flex;align-items:baseline;gap:8px;}
.w2i-cat-section-title a:hover span{color:var(--w2i-cat-accent,#2563eb);}
.w2i-cat-section-title .w2i-cat-count{font-size:.7em;font-weight:600;color:var(--w2i-cat-accent,#2563eb);}
.w2i-cat-section-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--w2i-sec-cols,4),minmax(0,1fr));gap:18px;}
.w2i-cat-section-items > li{position:relative;background:var(--w2i-cat-surface,#fff);border:var(--w2i-cat-line-w,1px) solid var(--w2i-cat-line,#e7eaf0);border-radius:var(--w2i-cat-radius,14px);overflow:hidden;transition:box-shadow .18s ease,transform .18s ease;}
.w2i-cat-section-items > li:hover{box-shadow:0 10px 28px rgba(20,30,60,.12);transform:translateY(-2px);}
.w2i-cat-section-items > li > a{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%;}
.w2i-cat-section-items > li img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#f4f6fa;order:2;}
.w2i-cat-section-name{order:1;display:block;padding:12px 14px 8px;font-weight:600;font-size:.95rem;color:var(--w2i-cat-ink,#1d2433);}
.w2i-cat-section-items .w2i-item-price{order:3;padding:10px 14px;font-weight:700;color:var(--w2i-cat-ink,#1d2433);}
.w2i-cat-section-items .w2i-item-sizes{order:4;padding:0 14px 12px;font-size:.82rem;opacity:.7;}
.w2i-cat-section-items .w2i-item-colors{order:5;padding:0 14px 12px;}
.w2i-cat-section-items .w2i-color-swatches{display:flex;flex-wrap:wrap;gap:5px;}
.w2i-cat-section-items .w2i-color-swatches > span{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:inline-block;}
.w2i-cat-section-items .w2i-arrow-left,.w2i-cat-section-items .w2i-arrow-right{display:none;}
.w2i-cat-section-more{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(17,24,39,.55);color:#fff;font-style:normal;font-weight:700;font-size:1rem;}
.w2i-cat-section-more i{font-style:normal;}
.w2i-cats-empty-msg{margin:0;padding:18px;color:#6b7280;font-style:italic;}
@media (max-width:768px){.w2i-cat-section-items{grid-template-columns:repeat(var(--w2i-sec-cols-t,2),minmax(0,1fr));}}
@media (max-width:420px){.w2i-cat-section-items{grid-template-columns:repeat(var(--w2i-sec-cols-m,2),minmax(0,1fr));}}