/* ==========================================================================
   HTS — WooCommerce styling (brand-matched: light surface, navy + signal yellow)
   Loaded only on shop / product / cart / checkout / account pages.
   Inherits the design tokens (--accent, --ink, --line, …) from style.css.
   ========================================================================== */

.woocommerce-section{position:relative}
.woocommerce-section .container{max-width:var(--container)}

/* ---------- WooCommerce page-head breadcrumb (in the dark band) ---------- */
.wc-head .crumbs a{color:var(--muted)}
.wc-head .crumbs a:hover{color:var(--accent)}
.wc-head .woocommerce-breadcrumb{color:var(--muted);font-weight:700;font-size:.85rem}

/* ---------- Notices / messages ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce-NoticeGroup{
  border-radius:12px;border:1px solid var(--line);background:#fff;color:#22324a;
  border-top:3px solid var(--accent);padding:16px 20px 16px 46px;
}
.woocommerce-error{border-top-color:var(--danger)}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{color:var(--accent);top:18px;left:18px}
.woocommerce-error::before{color:var(--danger)}
.woocommerce-message .button,
.woocommerce-info .button{float:none;margin-top:8px}

/* ---------- Shop toolbar (result count + ordering) ---------- */
.woocommerce .woocommerce-result-count{color:#5b6b80;font-weight:600;margin:0 0 22px}
.woocommerce .woocommerce-ordering select,
.woocommerce select.orderby{
  background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:11px 40px 11px 16px;font:inherit;font-weight:700;color:#22324a;
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='%23b98e00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:18px;
}

/* ---------- Product grid (cards) ---------- */
.woocommerce ul.products,
.woocommerce-page ul.products{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0 0 38px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width:auto!important;margin:0!important;float:none!important;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  overflow:hidden;display:flex;flex-direction:column;padding:0;
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-7px);border-color:rgba(255,196,29,.5);box-shadow:var(--shadow-1);
}
.woocommerce ul.products li.product a img{margin:0;border-radius:0;display:block;width:100%}
.woocommerce ul.products li.product .woocommerce-loop-product__link{display:block;padding:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--font-display);font-weight:700;font-size:1.02rem;color:#0f1c30;
  padding:18px 22px 4px;line-height:1.35;
}
.woocommerce ul.products li.product .price{
  display:block;padding:0 22px;color:#0f1c30;font-weight:800;font-size:1.05rem;
}
.woocommerce ul.products li.product .price del{color:#9aa7b8;font-weight:600;margin-right:8px}
.woocommerce ul.products li.product .price ins{color:var(--ink);text-decoration:none}
.woocommerce ul.products li.product .star-rating{margin:8px 22px 0;color:var(--accent-2)}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{
  margin:16px 22px 22px;align-self:flex-start;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
  background:var(--accent);color:var(--ink);font-weight:800;border-radius:999px;
  min-height:auto;min-width:auto;line-height:1;padding:7px 13px;margin:0;
  top:12px;right:12px;left:auto;position:absolute;font-size:.74rem;
}

/* ---------- Buttons (consolidated) ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt{
  background:var(--accent);color:var(--ink);font-weight:800;border:0;border-radius:9px;
  padding:13px 22px;font-size:.92rem;line-height:1;cursor:pointer;
  transition:background .25s,transform .25s var(--ease),box-shadow .25s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{
  background:var(--accent-2);transform:translateY(-2px);box-shadow:var(--shadow-accent);color:var(--ink);
}
.woocommerce a.button.added,.woocommerce .added_to_cart{
  background:var(--ink);color:#fff;border-radius:9px;font-weight:800;padding:13px 22px;
}
.woocommerce a.button.added:hover,.woocommerce .added_to_cart:hover{background:#080e1c;color:#fff}
.woocommerce #respond input#submit.disabled,
.woocommerce button.button.disabled{opacity:.5}

/* ---------- Single product ---------- */
.woocommerce div.product{margin-top:6px}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{margin-bottom:0}
.woocommerce div.product div.images img{border-radius:var(--r-md);border:1px solid var(--line)}
.woocommerce div.product .flex-control-thumbs li img{border-radius:8px}
.woocommerce div.product .product_title{
  font-family:var(--font-display);font-weight:700;color:#0f1c30;
  font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2;margin-bottom:14px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:#0f1c30;font-weight:800;font-size:1.6rem}
.woocommerce div.product p.price del,.woocommerce div.product span.price del{color:#9aa7b8;font-size:1.1rem;font-weight:600}
.woocommerce div.product p.price ins{color:var(--ink);text-decoration:none}
.woocommerce div.product .woocommerce-product-rating{margin-bottom:14px}
.woocommerce div.product .woocommerce-product-details__short-description{color:#5a6678;line-height:1.7}
.woocommerce div.product form.cart{margin:24px 0}
.woocommerce div.product form.cart div.quantity .qty,
.woocommerce .quantity .qty{
  background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:12px 8px;width:78px;color:#22324a;font-weight:700;text-align:center;
}
.woocommerce div.product .product_meta{color:#5a6678;font-size:.88rem;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}
.woocommerce div.product .product_meta a{color:var(--ink);font-weight:700}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 0;display:flex;gap:8px;flex-wrap:wrap;border:0}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:#fff;border:1px solid var(--line);border-radius:999px;margin:0;padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:#5a6678;font-weight:800;padding:11px 22px;display:block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--accent);border-color:var(--accent)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink)}
.woocommerce div.product .woocommerce-tabs .panel{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:28px;margin-top:18px;color:#33405a;
}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:1.3rem}

/* Related / upsells */
.woocommerce .related>h2,.woocommerce .upsells>h2,.woocommerce .cross-sells>h2{
  font-family:var(--font-display);color:#0f1c30;font-size:1.5rem;margin-bottom:24px;
}

/* ---------- Cart ---------- */
.woocommerce table.shop_table{
  border:1px solid var(--line);border-radius:var(--r-md);border-collapse:separate;
  border-spacing:0;overflow:hidden;background:#fff;
}
.woocommerce table.shop_table th{
  background:#0f1c30;color:#fff;font-family:var(--font-display);font-weight:700;
  padding:16px 18px;font-size:.9rem;border:0;
}
.woocommerce table.shop_table td{padding:18px;border-top:1px solid var(--line);color:#22324a}
.woocommerce table.cart img{border-radius:8px;border:1px solid var(--line)}
.woocommerce a.remove{color:var(--danger)!important;border-radius:50%;font-weight:700}
.woocommerce a.remove:hover{background:var(--danger)!important;color:#fff!important}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:8px 24px 24px;
}
.woocommerce .cart_totals h2{font-family:var(--font-display);color:#0f1c30;font-size:1.3rem;padding-top:18px}
.woocommerce .cart_totals .order-total .amount{color:var(--ink);font-weight:800}
.woocommerce .cart .actions .coupon .input-text{
  background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:#22324a;width:200px;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button{font-size:1rem;padding:16px 24px;text-align:center}

/* ---------- Checkout ---------- */
.woocommerce-checkout h3{font-family:var(--font-display);color:#0f1c30;font-size:1.25rem}
.woocommerce form .form-row label{color:#5b6b80;font-weight:700;font-size:.86rem;margin-bottom:6px}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-checkout #customer_details input.input-text,
.select2-container--default .select2-selection--single{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;
  color:#22324a!important;padding:13px 16px!important;font:inherit;min-height:48px;line-height:1.4;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{
  border-color:var(--accent)!important;box-shadow:0 0 0 4px rgba(255,196,29,.13)!important;outline:none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;color:#22324a;padding-left:4px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce-checkout #payment{background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line)}
.woocommerce-checkout #payment div.payment_box{background:#f4f7fb;color:#33405a;border-radius:10px}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#f4f7fb}
.woocommerce-checkout #order_review{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:8px 22px 22px}
.woocommerce-checkout #place_order{width:100%;font-size:1.05rem;padding:18px;margin-top:14px}
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-coupon{
  background:#fff;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;
}

/* ---------- My account ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{color:#33405a;font-weight:700;padding:14px 18px;display:block}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--accent);color:var(--ink)}

/* ---------- Pagination ---------- */
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--line);border-radius:10px;min-width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;color:#33405a;font-weight:700;padding:0 12px;
}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--accent);color:var(--accent);background:transparent}

/* ---------- Responsive (4 -> 3 -> 2 -> 1) ---------- */
@media (max-width:1180px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);gap:18px}
}
@media (max-width:560px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr}
}

/* ============================================================
   Product enrichment: availability badge + popover, downloads
   ============================================================ */
.hts-avail{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:14px 0 18px}
.hts-avail-badge{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.92rem;
  padding:7px 14px;border-radius:999px;line-height:1;border:1px solid transparent}
.hts-avail-badge .dot{width:9px;height:9px;border-radius:50%;background:currentColor;
  box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}
.hts-avail-badge.state-immediate{color:#15803d;background:#e7f7ec;border-color:#bfe6cb}
.hts-avail-badge.state-available{color:#1a8f4e;background:#e9f7ef;border-color:#c4e9d2}
.hts-avail-badge.state-web{color:#0d8a8a;background:#e3f6f6;border-color:#bce6e6}
.hts-avail-badge.state-limited{color:#b9770a;background:#fdf3e0;border-color:#f3ddb0}
.hts-avail-badge.state-order{color:#8a6d1f;background:#f6f1e2;border-color:#e6dcc0}
.hts-avail-badge.state-out{color:#c0392b;background:#fdeceb;border-color:#f4cfca}

.hts-avail-info{position:relative;display:inline-flex;align-items:center;gap:6px;
  color:var(--muted);font-size:.86rem;font-weight:600;cursor:help;outline:none}
.hts-avail-info:hover,.hts-avail-info:focus-visible{color:var(--ink)}
.hts-avail-info svg{flex:none;opacity:.8}
.hts-avail-link{border-bottom:1px dotted currentColor;padding-bottom:1px}

.hts-avail-pop{position:absolute;top:calc(100% + 10px);left:0;z-index:40;width:min(340px,86vw);
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:0 18px 50px -12px rgba(16,32,56,.28);padding:16px 16px 14px;
  display:none;text-align:left;cursor:default}
.hts-avail-pop::before{content:"";position:absolute;top:-7px;left:18px;width:12px;height:12px;
  background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.hts-avail-info:hover .hts-avail-pop,
.hts-avail-info:focus-within .hts-avail-pop,
.hts-avail-pop.is-open{display:block}
.hts-avail-close{position:absolute;top:8px;right:9px;border:0;background:none;font-size:1.25rem;line-height:1;
  color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:8px}
.hts-avail-close:hover{color:var(--ink);background:rgba(16,32,56,.06)}
.hts-avail-row{padding:8px 0;border-top:1px solid var(--line)}
.hts-avail-row:first-of-type{border-top:0;padding-top:2px}
.hts-avail-row strong{display:block;font-size:.9rem;margin-bottom:2px;font-weight:700}
.hts-avail-row span{display:block;font-size:.8rem;line-height:1.45;color:var(--muted)}
.hts-avail-row strong.state-immediate{color:#15803d}
.hts-avail-row strong.state-available{color:#1a8f4e}
.hts-avail-row strong.state-web{color:#0d8a8a}
.hts-avail-row strong.state-limited{color:#b9770a}
.hts-avail-row strong.state-order{color:#8a6d1f}
.hts-avail-row strong.state-out{color:#c0392b}

/* Downloads tab */
.hts-downloads{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:560px}
.hts-dl{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff;text-decoration:none;color:var(--ink);
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
.hts-dl:hover{border-color:var(--accent);box-shadow:0 10px 26px -14px rgba(16,32,56,.3);transform:translateY(-1px)}
.hts-dl-ic{flex:none;font-size:.64rem;font-weight:800;letter-spacing:.04em;color:#c0392b;
  background:#fdeceb;border:1px solid #f4cfca;border-radius:7px;padding:7px 8px}
.hts-dl-name{flex:1;font-weight:600;font-size:.94rem}
.hts-dl-size{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}
.hts-dl-go{flex:none;color:var(--accent);font-weight:800}

/* ============================================================
   Shop landing — curated category grid (branded icon tiles)
   ============================================================ */
.hts-shop-intro{margin:0 0 34px;max-width:680px}
.hts-shop-intro .kicker{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:.78rem;
  letter-spacing:.16em;text-transform:uppercase;color:#b98e00;margin-bottom:10px}
.hts-shop-intro h2{font-family:var(--font-display);font-weight:700;color:#0f1c30;font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 10px}
.hts-shop-intro .lede{color:var(--muted);font-size:1.02rem;line-height:1.6;margin:0}

.woocommerce ul.products li.product-category{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s;
}
.woocommerce ul.products li.product-category::before{display:none}
.woocommerce ul.products li.product-category a{
  display:flex!important;flex-direction:column;align-items:flex-start;gap:14px;
  padding:26px 26px 22px;height:100%;color:var(--ink)!important;text-decoration:none;box-shadow:none;
}
.woocommerce ul.products li.product-category .hts-cat-ic{
  width:62px;height:62px;display:grid;place-items:center;border-radius:16px;
  background:linear-gradient(140deg,#16243f,#0b1322);color:var(--accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .35s var(--ease),box-shadow .35s;
}
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title{
  font-family:var(--font-display);font-weight:700;color:#0f1c30!important;font-size:1.12rem;
  line-height:1.3;padding:0;margin:0;text-transform:none;
}
.woocommerce ul.products li.product-category mark.count,
.woocommerce ul.products li.product-category .count{display:none}
.woocommerce ul.products li.product-category .hts-cat-go{
  margin-top:auto;color:var(--muted);font-weight:700;font-size:.85rem;
  display:inline-flex;align-items:center;gap:6px;transition:color .25s,gap .25s var(--ease);
}
.woocommerce ul.products li.product-category:hover{
  transform:translateY(-7px);border-color:rgba(255,196,29,.55);box-shadow:var(--shadow-1);
}
.woocommerce ul.products li.product-category:hover .hts-cat-ic{
  transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(11,19,34,.55)}
.woocommerce ul.products li.product-category:hover .hts-cat-go{color:#b98e00;gap:10px}

/* ============================================================
   Availability badge on product-loop cards (compact)
   ============================================================ */
.hts-card-avail{display:inline-flex;align-items:center;gap:6px;margin:10px 22px 2px;
  font-size:.73rem;font-weight:700;line-height:1;padding:5px 11px;border-radius:999px;
  border:1px solid transparent;max-width:calc(100% - 44px)}
.hts-card-avail .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.hts-card-avail.state-immediate{color:#15803d;background:#e7f7ec;border-color:#bfe6cb}
.hts-card-avail.state-available{color:#1a8f4e;background:#e9f7ef;border-color:#c4e9d2}
.hts-card-avail.state-web{color:#0d8a8a;background:#e3f6f6;border-color:#bce6e6}
.hts-card-avail.state-limited{color:#b9770a;background:#fdf3e0;border-color:#f3ddb0}
.hts-card-avail.state-order{color:#8a6d1f;background:#f6f1e2;border-color:#e6dcc0}
.hts-card-avail.state-out{color:#c0392b;background:#fdeceb;border-color:#f4cfca}

/* ============================================================
   Single product — award-winning 2-column layout (grid, not floats)
   ============================================================ */
.woocommerce div.product{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:42px 50px;align-items:start;margin-top:8px;
}
.woocommerce div.product>.woocommerce-product-gallery{
  grid-column:1;width:auto!important;float:none!important;margin:0!important;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;
}
.woocommerce div.product>.woocommerce-product-gallery img{border:0!important;border-radius:12px}
.woocommerce div.product .flex-control-thumbs{margin-top:14px;display:flex;gap:10px;padding:0}
.woocommerce div.product .flex-control-thumbs li{width:64px!important;margin:0}
.woocommerce div.product>.summary{
  grid-column:2;width:auto!important;float:none!important;margin:0!important;
}
.woocommerce div.product>.woocommerce-tabs{grid-column:1 / -1;margin-top:8px}
.woocommerce div.product>.related,
.woocommerce div.product>.upsells{
  grid-column:1 / -1;border-top:1px solid var(--line);padding-top:40px;margin-top:14px;
}
.woocommerce div.product p.price,.woocommerce div.product span.price{
  display:block;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.woocommerce div.product form.cart .single_add_to_cart_button{
  padding:16px 30px;font-size:1rem;border-radius:11px}
.woocommerce div.product .quantity{margin-right:12px}
@media (max-width:900px){
  .woocommerce div.product{grid-template-columns:1fr;gap:28px}
  .woocommerce div.product>.woocommerce-product-gallery,
  .woocommerce div.product>.summary{grid-column:1}
}

/* ============================================================
   Fix: WooCommerce clearfix pseudo-elements become grid items and
   leave an empty cell at the start/end of the grid. Remove them.
   ============================================================ */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{display:none!important}

/* ============================================================
   Subcategory nav strip on category archive pages (subcats on top)
   ============================================================ */
.hts-subcats{margin:0 0 30px}
.hts-subcats-label{display:block;font-family:var(--font-display);font-weight:700;font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;color:#b98e00;margin-bottom:14px}
.hts-subcats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.hts-subcat{display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 16px;
  color:var(--ink);text-decoration:none;font-weight:700;font-size:.92rem;line-height:1.25;
  transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.hts-subcat:hover{border-color:rgba(255,196,29,.6);transform:translateY(-2px);
  box-shadow:0 12px 26px -16px rgba(16,32,56,.4)}
.hts-subcat-count{flex:none;background:#f1f4f9;color:#5b6b80;border-radius:999px;
  padding:3px 10px;font-size:.74rem;font-weight:800;min-width:26px;text-align:center;transition:background .25s,color .25s}
.hts-subcat:hover .hts-subcat-count{background:var(--accent);color:var(--ink)}