/* Native category controls and cards follow the supplied dm-* layout. */
.tw-catalog-page #dm-products{scroll-margin-top:90px;background:var(--white);padding:clamp(var(--space-9),3.5vw,56px) 0 clamp(var(--space-10),5vw,var(--space-12))}.tw-catalog-heading h2{font:var(--fw-bold) calc(clamp(22px,2.4vw,32px) - 1px)/1.2 var(--font-sans);text-transform:uppercase;color:var(--text-heading);margin:0 0 var(--space-4)}.tw-catalog-heading h2 span{color:var(--teal-800)}.tw-catalog-heading p{font:var(--fw-regular) calc(var(--fs-small) + 1px)/1.6 var(--font-sans);margin:0 0 var(--space-6)}
.tw-catalog-page .tw-catalog-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 16px;padding:0 0 var(--space-6);border-radius:0;background:transparent;border-bottom:1px solid #e2e2e2;margin:0}.tw-catalog-choice{min-width:0;position:relative}.tw-catalog-choice[open]{z-index:4}.tw-catalog-choice summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dedede;border-radius:4px;padding:12px 10px;min-height:44px;font:var(--fw-semibold) 11px/1.25 var(--font-sans);text-transform:uppercase;background:var(--white);color:var(--text-strong);cursor:pointer}.tw-catalog-choice summary::-webkit-details-marker{display:none}.tw-catalog-choice summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-catalog-choice[open] summary{border-color:var(--teal-700)}.tw-catalog-options{position:absolute;left:0;top:calc(100% + 6px);min-width:100%;max-height:290px;overflow:auto;background:var(--white);border:1px solid var(--border-default);border-radius:5px;box-shadow:var(--shadow-menu);padding:6px}.tw-catalog-options button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;text-align:left;white-space:nowrap;border:0;background:transparent;color:var(--text-body);padding:10px 12px;font:var(--fw-regular) 13px/1.4 var(--font-sans);border-radius:3px}.tw-catalog-options button:hover,.tw-catalog-options button[aria-selected=true]{background:var(--teal-100);color:var(--teal-800)}
#dm-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5);padding:clamp(var(--space-7),2.4vw,var(--space-9)) 0}.tw-catalog-count,.tw-catalog-clear{font:var(--fw-regular) var(--fs-small)/1.5 var(--font-sans)}.tw-catalog-clear{text-align:right}#dm-meta .woocommerce-pagination{margin:0}#dm-meta .woocommerce-pagination ul{display:flex;gap:8px;padding:0;list-style:none}#dm-meta .woocommerce-pagination a,#dm-meta .woocommerce-pagination span{min-width:34px;height:34px;font-size:13px}#dm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(var(--space-6),2vw,24px);align-items:stretch;padding:0;margin:0}
@media(max-width:1100px){#dm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw-catalog-page .tw-catalog-filters{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){#dm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tw-catalog-page .tw-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#dm-meta{grid-template-columns:1fr auto}.tw-catalog-count{display:none}}

.tw-c-bcdb0354bb{background:var(--surface-canvas);padding:clamp(var(--space-9), 4vw, 64px) 0 clamp(var(--space-8), 3vw, 48px);overflow:hidden}
.tw-c-19ba303884{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;padding:6px 0 32px}
.tw-c-675cc0b670{display:flex;align-items:flex-start;width:max-content}
.tw-c-dc88966dd9{flex:0 0 auto;width:clamp(280px, 27vw, 480px);margin:0 24px 0 0;display:block;overflow:hidden;border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.14);text-decoration:none;transition:box-shadow .25s ease, transform .25s ease}
.tw-c-b6135ace5f{display:block;aspect-ratio:515/318;background-color:var(--surface-sunken);background-image:url("/wp-content/uploads/2026/10/bo-suu-tap-longines-master-collection.webp");background-size:cover;background-repeat:no-repeat;background-position:center}
.tw-c-6cee99c7d8{flex:0 0 auto;width:clamp(280px, 27vw, 480px);margin:56px 24px 0 0;display:block;overflow:hidden;border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.14);text-decoration:none;transition:box-shadow .25s ease, transform .25s ease}
.tw-c-bea9c757b7{display:block;aspect-ratio:515/318;background-color:var(--surface-sunken);background-image:url("/wp-content/uploads/2026/10/bo-suu-tap-longines-conquest.webp");background-size:cover;background-repeat:no-repeat;background-position:center}
.tw-c-7d280c1292{display:block;aspect-ratio:515/318;background-color:var(--surface-sunken);background-image:url("/wp-content/uploads/2026/10/bo-suu-tap-longines-hydroconquest.webp");background-size:cover;background-repeat:no-repeat;background-position:center}
.tw-c-cc924ec4fa{display:block;aspect-ratio:515/318;background-color:var(--surface-sunken);background-image:url("/wp-content/uploads/2026/10/bo-suu-tap-longines-spirit.webp");background-size:cover;background-repeat:no-repeat;background-position:center}
.tw-c-fc7b8de8db{display:block;aspect-ratio:515/318;background-color:var(--surface-sunken);background-image:url("/wp-content/uploads/2026/10/bo-suu-tap-longines-dolcevita.webp");background-size:cover;background-repeat:no-repeat;background-position:center}
.tw-c-752576d414{display:block;aspect-ratio:515/318;background-color:var(--surface-sunken);background-image:url("/wp-content/uploads/2026/10/bo-suu-tap-longines-primaluna.webp");background-size:cover;background-repeat:no-repeat;background-position:center}
.tw-c-1f777b3584{display:block;aspect-ratio:515/318;background-color:var(--surface-sunken);background-image:url("/wp-content/uploads/2026/10/bo-suu-tap-longines-flagship.webp");background-size:cover;background-repeat:no-repeat;background-position:center}
.tw-c-7e90fa93ba{display:block;aspect-ratio:515/318;background-color:var(--surface-sunken);background-image:url("/wp-content/uploads/2026/10/bo-suu-tap-longines-legend-diver.webp");background-size:cover;background-repeat:no-repeat;background-position:center}
/* Result bar and pagination as in danh-muc-san-pham.html: count centred (left on mobile), "× Xóa bộ lọc" on the
   right, page boxes below the product grid. */
#dm-meta > .tw-catalog-count{font:var(--fw-medium) var(--fs-body)/1.4 var(--font-sans);color:var(--text-strong);text-align:center}
#dm-meta > .tw-catalog-clear{justify-self:end;display:flex;align-items:center;gap:var(--space-6)}
#dm-meta .tw-catalog-clear a{display:inline-flex;align-items:center;gap:var(--space-3);font:var(--fw-semibold) var(--fs-small)/1 var(--font-sans);color:var(--teal-800);text-decoration:none;transition:color 200ms var(--ease-out)}
#dm-meta .tw-catalog-clear a:hover{color:var(--teal-700)}
#dm-meta .tw-catalog-clear svg{flex:0 0 auto}
.tw-catalog-page .woocommerce-pagination{margin:clamp(var(--space-9),3.5vw,56px) 0 0}
.tw-catalog-page .woocommerce-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin:0;padding:0;list-style:none;border:0}
.tw-catalog-page .woocommerce-pagination ul li{margin:0;border:0;float:none}
.tw-catalog-page .woocommerce-pagination .page-numbers li > .page-numbers{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 var(--space-4);border:1px solid var(--teal-700);border-radius:5px;background:var(--white);color:var(--teal-800);font:var(--fw-medium) var(--fs-body)/1 var(--font-sans);transition:background 200ms var(--ease-out),color 200ms var(--ease-out),border-color 200ms var(--ease-out)}
.tw-catalog-page .woocommerce-pagination .page-numbers li > a.page-numbers:hover{background:var(--teal-100)}
.tw-catalog-page .woocommerce-pagination .page-numbers li > .page-numbers.current{background:var(--teal-800);border-color:var(--teal-800);color:var(--white)}
.tw-catalog-page .woocommerce-pagination .page-numbers li > .page-numbers.dots{border-color:#D6D6D6;color:var(--text-strong)}
@media(max-width:760px){
  #dm-meta{grid-template-columns:1fr auto}
  #dm-meta > span:first-child{display:none}
  #dm-meta > .tw-catalog-count{display:block;text-align:left}
}

/* Filter boxes as in danh-muc-san-pham.html: square 40px box, bold uppercase label, solid caret. Hover, open and
   a chosen value all show the teal state; the option list marks the current choice with a dark teal row. */
.tw-catalog-page .tw-catalog-choice summary{box-sizing:border-box;gap:var(--space-4);min-height:0;height:40px;padding:0 var(--space-5);border:1px solid #D6D6D6;border-radius:0;background:var(--white);color:var(--text-strong);font:var(--fw-bold) 12px/1.2 var(--font-sans);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;transition:border-color 200ms var(--ease-out),color 200ms var(--ease-out),background 200ms var(--ease-out)}
.tw-catalog-page .tw-catalog-choice summary svg{flex:0 0 auto}
.tw-catalog-page .tw-catalog-choice summary:hover,.tw-catalog-page .tw-catalog-choice[open] summary,.tw-catalog-page .tw-catalog-choice.has-value summary{border-color:var(--teal-700);background:var(--teal-100);color:var(--teal-800)}
.tw-catalog-page .tw-catalog-choice summary:focus-visible{outline:2px solid var(--teal-700);outline-offset:2px}
.tw-catalog-page .tw-catalog-options{z-index:30;padding:var(--space-2) 0;border:1px solid #E2E2E2;border-radius:6px;box-shadow:0 12px 28px -12px rgba(7,25,35,.22)}
.tw-catalog-page .tw-catalog-options button{display:block;padding:var(--space-4) var(--space-6);border-radius:0;color:var(--text-strong);font:var(--fw-regular) var(--fs-small)/1.4 var(--font-sans);transition:background 150ms var(--ease-out),color 150ms var(--ease-out)}
.tw-catalog-page .tw-catalog-options button:hover{background:var(--teal-100);color:var(--teal-800)}
.tw-catalog-page .tw-catalog-options button[aria-selected=true]{background:var(--teal-800);color:var(--white);font-weight:var(--fw-semibold)}
/* Brand options are links to the brand's category page; they share the option row style. */
.tw-catalog-page .tw-catalog-options a{display:block;box-sizing:border-box;width:100%;padding:var(--space-4) var(--space-6);white-space:nowrap;text-decoration:none;color:var(--text-strong);font:var(--fw-regular) var(--fs-small)/1.4 var(--font-sans);transition:background 150ms var(--ease-out),color 150ms var(--ease-out)}
.tw-catalog-page .tw-catalog-options a:hover,.tw-catalog-page .tw-catalog-options a:focus-visible{background:var(--teal-100);color:var(--teal-800);outline:0}
.tw-catalog-page .tw-catalog-options a[aria-selected=true]{background:var(--teal-800);color:var(--white);font-weight:var(--fw-semibold)}

/* Sub-category pills (topwatch_catalog_subcategories, 30/10/2026) – replace the repeated catalog title: a sideways
   rail of rounded links between two round arrow buttons; the current category is filled teal. Mobile: swipe, no arrows. */
.tw-subcats{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-5);margin:0 0 clamp(var(--space-8),2.5vw,var(--space-9))}
.tw-subcats-track{display:flex;gap:var(--space-5);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px}
.tw-subcats-track::-webkit-scrollbar{display:none}
.tw-subcats-track>a{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-8);border:1px solid var(--border-default);border-radius:999px;background:var(--white);color:var(--text-strong);font:var(--fw-medium) 15px/1.2 var(--font-sans);white-space:nowrap;transition:border-color 200ms var(--ease-out),color 200ms var(--ease-out),background-color 200ms var(--ease-out)}
.tw-subcats-track>a:hover{border-color:var(--teal-700);color:var(--teal-800)}
.tw-subcats-track>a[aria-current="page"]{background:var(--teal-700);border-color:var(--teal-700);color:var(--white)}
.tw-subcats-arrow{all:unset;box-sizing:border-box;display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--teal-700);border-radius:50%;color:var(--teal-700);cursor:pointer;transition:background-color 200ms var(--ease-out),color 200ms var(--ease-out)}
.tw-subcats-arrow:hover{background:var(--teal-700);color:var(--white)}
.tw-subcats-arrow:focus-visible{outline:2px solid var(--teal-700);outline-offset:2px}
.tw-subcats-arrow[disabled]{opacity:.3;cursor:default;background:transparent;color:var(--teal-700)}
.tw-subcats.is-static{grid-template-columns:minmax(0,1fr)}.tw-subcats.is-static .tw-subcats-arrow{display:none}
@media (max-width:767px){
  .tw-subcats{grid-template-columns:minmax(0,1fr);margin-inline:calc(-1 * var(--container-gutter))}
  .tw-subcats-arrow{display:none}
  .tw-subcats-track{gap:var(--space-4);padding-inline:var(--container-gutter);scroll-padding-inline:var(--container-gutter)}
  .tw-subcats-track>a{min-height:40px;padding:0 var(--space-7);font-size:var(--tw-c-body)}
}