/* Mondial Sport — product category redesign. Every selector is scoped to .ms-category. */
.ms-category { --ms-ink:#101112; --ms-muted:#6d7175; --ms-border:#e6e7e7; --ms-accent:#d9f456; --ms-bg:#f5f6f4; color:var(--ms-ink); background:#fff; padding:0 0 45px; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5; }
.ms-category, .ms-category * { box-sizing:border-box; }
.ms-category a { color:inherit; text-decoration:none; }
.ms-category a:hover { color:inherit; }
.ms-category button,.ms-category input,.ms-category select { font:inherit; }
.ms-category button { cursor:pointer; }
.ms-category__container { /*width:min(1432px,calc(100% - 76px));*/ width: 100%; margin-inline:auto; }
.ms-breadcrumb { min-height:64px; display:flex; align-items:center; gap:11px; font-size:12px; color:#828589; margin: 0 76px; }
.ms-breadcrumb a:hover { color:#111; text-decoration:underline; }
.ms-breadcrumb [aria-current] { color:var(--ms-ink); font-weight:600; }
.ms-hero { position:relative; min-height:278px; display:flex; align-items:center; overflow:hidden; background:#101213; color:white; isolation:isolate; }
.ms-hero::after { content:""; position:absolute; height:560px; width:560px; border:1px solid rgba(255,255,255,.1); border-radius:50%; right:-120px; top:-170px; z-index:-1; }
.ms-hero__content { max-width:660px; padding:41px 58px; position:relative; z-index:2; }
.ms-eyebrow { margin:0 0 12px; display:flex; align-items:center; gap:10px; font-weight:800; font-size:10px; letter-spacing:2.1px; color:#cfd2d0; }
.ms-hero__dot { width:7px; height:7px; border-radius:50%; background:var(--ms-accent); display:inline-block; }
.ms-hero h1 { color:white; font-weight:900; margin:0; text-transform:uppercase; font-size:clamp(45px,5.7vw,83px); letter-spacing:-3px; line-height:1.08; }
.ms-hero__period { color:var(--ms-accent); }
.ms-hero__description { color:#c6c9ca; font-size:15px; line-height:1.6; max-width:500px; margin:17px 0; }
.ms-hero__meta { display:flex; align-items:center; gap:16px; font-size:12px; font-weight:700; color:#f0f0f0; }
.ms-hero__sep { height:14px; width:1px; background:#555; }
.ms-hero__art { position:absolute; width:46%; right:-2%; top:-50px; bottom:-50px; pointer-events:none; transform:skewX(-15deg); background:repeating-linear-gradient(105deg,transparent 0,transparent 42px,rgba(255,255,255,.04) 42px,rgba(255,255,255,.04) 44px); }
.ms-hero__art span { font-size:250px; letter-spacing:-28px; font-weight:1000; position:absolute; top:17px; right:11%; line-height:1.2; opacity:.09; font-style:italic; }
.ms-hero__art i { width:110px; height:140%; top:-20%; right:26%; transform:rotate(19deg); background:var(--ms-accent); position:absolute; opacity:.89; clip-path:polygon(68% 0,100% 0,32% 100%,0% 100%); }
.ms-category-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:30px; padding:17px 32px 1px; border-bottom:1px solid var(--ms-border); }
.ms-category-tabs__link { color:#707477!important; padding:0 0 17px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.6px; white-space:nowrap; position:relative; }
.ms-category-tabs__link.is-active { color:#121414!important; }
.ms-category-tabs__link.is-active::after { content:""; background:#111; position:absolute; left:0; right:0; height:3px; bottom:-1px; }
.ms-toolbar { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:40px 0 20px; margin: 0 32px; }
.ms-toolbar__intro { display:flex; align-items:baseline; gap:14px; }
.ms-toolbar__intro h2 { color:var(--ms-ink); font-size:28px; font-weight:900; letter-spacing:-.9px; line-height:1.1; margin:0; }
.ms-toolbar__intro span { color:var(--ms-muted); font-size:12px; white-space:nowrap; }
.ms-toolbar__actions { display:flex; align-items:center; gap:18px; }
.ms-sort { display:flex; align-items:center; gap:11px; margin:0; }
.ms-sort label { color:#747779; font-size:12px; white-space:nowrap; }
.ms-sort select { border:1px solid var(--ms-border); background:#fff; border-radius:0; padding:11px 38px 11px 13px; color:var(--ms-ink); font-size:12px; font-weight:800; cursor:pointer; box-shadow:none; min-width:164px; }
.ms-filter-trigger { display:none; align-items:center; gap:8px; border:1px solid #dedede; background:#fff; border-radius:0; padding:10px 12px; font-size:12px; font-weight:800; color:var(--ms-ink); }
.ms-filter-trigger__count { background:#111; color:#fff; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; width:17px; height:17px; font-size:10px; }
.ms-catalog { display:grid; grid-template-columns:225px minmax(0,1fr); gap:32px; align-items:start; }
.ms-filters { border-top:2px solid #161718; margin-top:1px; }
.ms-filters__header { display:none; }
.ms-filter-section { padding:20px 0 24px; border-bottom:1px solid var(--ms-border); }
.ms-filter-section h3 { text-transform:uppercase; font-size:12px; letter-spacing:.4px; font-weight:900; margin:0 0 20px; color:#191b1c; }
.ms-price-range { display:flex; gap:8px; align-items:end; }
.ms-price-range label { display:block; color:#787d7d; font-size:10px; font-weight:700; flex:1; min-width:0; }
.ms-price-range label input { display:block; margin-top:7px; border:1px solid #dfe1e1; border-radius:0; min-width:0; width:100%; padding:10px 7px; color:#161616; font-size:12px; background:#fff; height:40px; }
.ms-price-range>span { padding-bottom:11px; color:#a4a4a4; }
.ms-size-options { display:flex; flex-wrap:wrap; gap:7px; }
.ms-size-option { cursor:pointer; position:relative; }
.ms-size-option input { position:absolute; opacity:0; width:100%; height:100%; cursor:pointer; }
.ms-size-option span { display:flex; min-width:38px; height:38px; align-items:center; justify-content:center; border:1px solid #e4e5e5; padding:0 9px; font-size:11px; font-weight:700; }
.ms-size-option input:checked+span { background:#141515; color:#fff; border-color:#141515; }
.ms-size-option input:focus-visible+span { outline:2px solid #2989f2; outline-offset:2px; }
.ms-check { display:flex; align-items:center; gap:10px; cursor:pointer; font-size:12px; margin:0 0 14px; color:#464b4d; }
.ms-check:last-child { margin:0; }
.ms-check input { appearance:auto; accent-color:#111; width:16px; height:16px; margin:0; }
.ms-filter-link { display:flex; justify-content:space-between; padding:8px 0; font-size:12px; font-weight:600; }
.ms-filter-form__actions { padding-top:22px; display:grid; gap:10px; }
.ms-apply { background:#111!important; color:#fff!important; border:0!important; padding:13px 10px!important; width:100%; font-size:12px!important; font-weight:800!important; letter-spacing:.2px; text-transform:none; border-radius:0!important; }
.ms-apply:hover { background:#333!important; }
.ms-reset { display:block; text-align:center; text-decoration:underline!important; font-size:11px; color:#5d5f60!important; padding:5px; }
.ms-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 16px; }
.ms-product-card { margin:0; min-width:0; display:flex; flex-direction:column; }
.ms-product-card__imagewrap { position:relative; background:#f1f2f1; overflow:hidden; }
.ms-product-card__image { display:flex; height:auto; aspect-ratio:4/4.7; align-items:center; justify-content:center; padding:10px; }
.ms-product-card__image img { display:block; width:100%!important; height:100%!important; max-width:none!important; object-fit:contain; mix-blend-mode:multiply; transition:transform .28s ease; }
.ms-product-card:hover .ms-product-card__image img { transform:scale(1.045); }
.ms-product-card__badge { position:absolute; top:12px; left:12px; font-size:10px; font-weight:900; color:#111; background:var(--ms-accent); padding:6px 9px; z-index:1; }
.ms-product-card__badge--sold { background:#fff; }
.ms-product-card__details { padding:13px 1px 0; display:flex; flex-direction:column; align-items:flex-start; flex:1; }
.ms-product-card__category { text-transform:uppercase; letter-spacing:1.1px; font-size:9px; font-weight:900; color:#909495; }
.ms-product-card__title { margin:5px 0 9px!important; font-size:14px!important; line-height:1.3!important; font-weight:800!important; letter-spacing:-.1px; color:#171819!important; min-height:19px; }
.ms-product-card__title a { color:inherit!important; }
.ms-product-card__title a:hover { text-decoration:underline; }
.ms-product-card__price { font-size:14px; font-weight:900; color:#121313; margin:0 0 14px; line-height:1.4; }
.ms-product-card__price del { color:#868686; font-weight:400; padding-right:5px; font-size:12px; }
.ms-product-card__price ins { text-decoration:none; }
.ms-product-card__price .woocommerce-Price-amount { font-weight:900; }
.ms-product-card__button { width:100%; display:flex; align-items:center; justify-content:space-between; padding:11px 13px; border:1px solid #1e1f20; background:#fff; color:#111!important; font-weight:800; font-size:11px; line-height:1.3; margin-top:auto; transition:background .15s ease,color .15s ease; }
.ms-product-card__button span { font-size:17px; font-weight:400; line-height:1; }
.ms-product-card__button:hover { background:#111; color:#fff!important; }
/* Pagination V1.1: directly-targeted elements avoid applying button styling to nested icons/labels. */
.ms-category .ms-pagination { padding:36px 0 24px; max-width:100%; overflow-x:auto; scrollbar-width:thin; -webkit-overflow-scrolling:touch; }
.ms-category .ms-pagination ul.page-numbers { display:flex!important; flex-flow:row nowrap!important; gap:8px!important; justify-content:center; align-items:center; list-style:none!important; width:max-content; min-width:min(100%, 250px); max-width:none; margin:0 auto!important; padding:3px!important; border:0!important; background:transparent!important; }
.ms-category .ms-pagination ul.page-numbers > li { display:block!important; float:none!important; list-style:none!important; flex:0 0 auto; margin:0!important; padding:0!important; border:0!important; background:transparent!important; }
.ms-category .ms-pagination ul.page-numbers > li > a.page-numbers,
.ms-category .ms-pagination ul.page-numbers > li > span.page-numbers { box-sizing:border-box; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px; position:relative; float:none!important; width:auto!important; min-width:44px; height:44px; min-height:44px; padding:0 13px!important; margin:0!important; border:1px solid #e4e5e5!important; border-radius:9px!important; box-shadow:none!important; background:#fff!important; color:#17191a!important; font-family:inherit; font-size:13px!important; font-weight:700!important; line-height:1!important; letter-spacing:0!important; text-decoration:none!important; text-align:center!important; white-space:nowrap!important; vertical-align:middle; transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }
.ms-category .ms-pagination ul.page-numbers > li > a.page-numbers:hover { background:#eef7cf!important; border-color:#cde963!important; color:#101112!important; transform:translateY(-1px); }
.ms-category .ms-pagination ul.page-numbers > li > span.page-numbers.current { background:#111313!important; border-color:#111313!important; color:#fff!important; }
.ms-category .ms-pagination ul.page-numbers > li > span.page-numbers.dots { min-width:21px; padding:0 3px!important; border-color:transparent!important; background:transparent!important; color:#747779!important; }
.ms-category .ms-pagination ul.page-numbers > li > a.prev,
.ms-category .ms-pagination ul.page-numbers > li > a.next { display:inline-flex!important; flex-direction:row!important; gap:10px!important; width:auto!important; min-width:44px; padding:0 15px!important; }
.ms-category .ms-pagination__label,
.ms-category .ms-pagination__icon { display:inline!important; flex:0 0 auto!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; color:inherit!important; font-size:inherit!important; line-height:1!important; white-space:nowrap!important; }
.ms-category .ms-pagination__label::before, .ms-category .ms-pagination__icon::before {
  content: "" !important;
}
.ms-category .ms-pagination__icon { font-size:18px!important; font-weight:500!important; }
.ms-category .ms-pagination a.page-numbers:focus-visible { outline:3px solid #89b827!important; outline-offset:3px; }
@media(max-width:600px) {
  .ms-category .ms-pagination { padding:27px 0 15px; }
  .ms-category .ms-pagination ul.page-numbers { gap:6px!important; }
  .ms-category .ms-pagination ul.page-numbers > li > a.page-numbers,
  .ms-category .ms-pagination ul.page-numbers > li > span.page-numbers { min-width:40px; height:40px; min-height:40px; border-radius:8px!important; padding:0 10px!important; font-size:12px!important; }
  .ms-category .ms-pagination ul.page-numbers > li > a.prev,
  .ms-category .ms-pagination ul.page-numbers > li > a.next { min-width:40px; padding:0 11px!important; }
  /* Visually hidden (not display:none) so assistive technology still announces link names. */
  .ms-category .ms-pagination__label { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
}
@media(prefers-reduced-motion:reduce) { .ms-category .ms-pagination a.page-numbers { transition:none!important; transform:none!important; } }
.ms-benefits { display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px; border-top:1px solid #e7e8e8; border-bottom:1px solid #e7e8e8; margin-top:44px; padding:20px 12px; font-size:11px; text-transform:uppercase; font-weight:800; letter-spacing:.2px; margin: 0 32px; }
.ms-empty { min-height:360px; background:#f6f6f6; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:30px; }
.ms-empty>span { font-size:60px; }
.ms-empty h3 { font-size:22px; margin:8px 0; }
.ms-empty p { color:#777; }
.ms-empty a { display:block; padding:11px 16px; background:#111; color:white!important; font-weight:700; }
.ms-filter-backdrop { display:none; }
.ms-category :focus-visible { outline:2px solid #3a8bf5; outline-offset:2px; }
@media(min-width:1280px) { .ms-product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .ms-catalog { grid-template-columns:246px minmax(0,1fr); gap:40px; margin: 0 32px; } }
@media(max-width:1050px) { .ms-category__container { width:min(100% - 38px,1200px); } .ms-catalog { grid-template-columns:195px minmax(0,1fr); gap:22px; } .ms-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ms-hero__content { padding:39px 38px; } .ms-hero__art span { font-size:200px; } }
@media(max-width:700px) {
  .ms-category__container { width:100%; }
  .ms-breadcrumb { min-height:50px; gap:8px; font-size:10px; margin: 0 12px; }
  .ms-hero { min-height:222px; }
  .ms-hero__content { padding:30px 22px; }
  .ms-hero h1 { font-size:clamp(39px,12vw,62px); letter-spacing:-1.8px; }
  .ms-hero__description { font-size:12px; max-width:290px; margin:11px 0; }
  .ms-hero__meta { font-size:10px; gap:9px; }
  .ms-eyebrow { font-size:8px; letter-spacing:1.2px; }
  .ms-hero__art { opacity:.3; width:42%; right:-10%; }
  .ms-hero__art span { font-size:180px; right:5%; }
  .ms-category-tabs { gap:22px; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; padding-top:15px; padding-left: 2px; padding-right: 2px; margin: 0 12px; }
  .ms-category-tabs::-webkit-scrollbar { display:none; }
  .ms-category-tabs__link { font-size:11px; padding-bottom:14px; }
  .ms-toolbar { padding:27px 0 17px; display:block; margin: 0 12px; }
  .ms-toolbar__intro h2 { font-size:23px; }
  .ms-toolbar__intro span { font-size:11px; }
  .ms-toolbar__actions { margin-top:15px; justify-content:space-between; gap:8px; }
  .ms-filter-trigger { display:inline-flex; }
  .ms-sort { gap:5px; }
  .ms-sort label { display:none; }
  .ms-sort select { min-width:137px; font-size:11px; padding:11px 26px 11px 9px; }
  .ms-catalog { display:block; margin: 0 8px; }
  .ms-filters { position:fixed; right:0; top:0; bottom:0; height:100dvh; width:min(365px,88vw); background:#fff; overflow-y:auto; z-index:999999; transform:translateX(100%); transition:transform .22s ease; border:0; padding:0 22px 24px; box-shadow:-10px 0 36px rgba(0,0,0,.12); visibility:hidden; }
  .ms-filters.is-open { transform:translateX(0); visibility:visible; }
  .ms-filters__header { display:flex; align-items:center; justify-content:space-between; padding:17px 0 9px; border-bottom:1px solid #e6e6e6; }
  .ms-filters__header h2 { margin:0; font-size:20px; }
  .ms-filters__close { font-size:30px; border:0; background:none; line-height:1.2; padding:4px; }
  .ms-filter-backdrop.is-open { display:block; position:fixed; inset:0; background:rgba(0,0,0,.48); z-index:999998; }
  .ms-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 11px; }
  .ms-product-card__image { padding:5px; aspect-ratio:4/5; }
  .ms-product-card__details { padding-top:10px; }
  .ms-product-card__title { font-size:12px!important; margin-bottom:6px!important; }
  .ms-product-card__price { font-size:12px; margin-bottom:11px; }
  .ms-product-card__button { font-size:10px; padding:10px 9px; }
  .ms-benefits { display:grid; font-size:10px; margin-top:30px; margin-right: 10px; margin-left: 10px; }
}
@media(max-width:360px) { .ms-product-card__title { font-size:11px!important; } .ms-hero__meta { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .ms-category *, .ms-category *::after { transition:none!important; } }