/* CloudJersey: scoped to the opt-in catalogue templates. */
body.cj-catalog-page #content{background:#fff}
body.cj-catalog-page #content>.ast-container{display:block;max-width:none;padding:0}
body.cj-catalog-page #primary.cj-catalog{float:none;width:100%;max-width:1440px;margin:0 auto;padding:0 var(--catalog-gutter,40px)}
/* Astra resets #primary padding; keep the catalogue gutters above that rule. */
@media(max-width:1250px){body.cj-catalog-page #primary.cj-catalog{--catalog-gutter:28px}}
@media(max-width:900px){body.cj-catalog-page #primary.cj-catalog{--catalog-gutter:22px}}
@media(max-width:600px){body.cj-catalog-page #primary.cj-catalog{--catalog-gutter:16px}.cj-catalog .collection-shortcuts{margin-right:0;padding-right:0;max-width:100%}}
.cj-catalog{--ink:#002041;--muted:#596877;--line:#dfe5eb;--soft:#f3f6f8;--blue:#0f406a;color:var(--ink);background:#fff;font-size:15px;line-height:1.5;min-width:0}
.cj-catalog,.cj-catalog *,.cj-catalog *::before,.cj-catalog *::after{box-sizing:border-box}
.cj-catalog a{color:inherit;text-decoration:none}
.cj-catalog button,.cj-catalog input,.cj-catalog select{font:inherit;box-shadow:none;text-transform:none;letter-spacing:normal}
.cj-catalog button{color:inherit}
.cj-catalog a:focus-visible,.cj-catalog button:focus-visible,.cj-catalog summary:focus-visible,.cj-catalog input:focus-visible,.cj-catalog select:focus-visible{outline:3px solid #407cad;outline-offset:3px}
.cj-catalog [hidden]{display:none!important}
.cj-catalog img{max-width:100%}
.cj-catalog h1,.cj-catalog h2,.cj-catalog h3{font-family:inherit}
.cj-catalog button,.cj-catalog summary{cursor:pointer}
.collection{max-width:1440px;margin:auto;padding:0 40px}.collection-breadcrumb{display:flex;gap:10px;align-items:center;padding-top:24px;color:#677585;font-size:12px;flex-wrap:wrap}.collection-breadcrumb a:hover{text-decoration:underline}
.collection-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;padding:26px 0 28px}.collection-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:750;color:#63778c;margin:0 0 9px}.collection h1{font-size:clamp(32px,3.6vw,51px);font-weight:800;letter-spacing:-.045em;line-height:1.08;margin:0;max-width:640px}.collection-intro__text{color:var(--muted);font-size:15px;line-height:1.7;max-width:465px;margin:0;justify-self:end}.collection-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.collection-tabs a{padding:11px 0 14px;white-space:nowrap;font-size:14px;color:var(--muted);border-bottom:3px solid transparent}.collection-tabs a[aria-current]{color:var(--ink);font-weight:750;border-color:var(--ink)}.collection-tabs a:last-child{margin-left:auto;font-size:12px}.collection-tabs a:hover{color:var(--ink)}
.collection-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:22px 0 30px}.collection-shortcut{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 13px 8px 8px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s,background .15s}.collection-shortcut:hover{border-color:#92a8be;background:#f8fafc}.collection-shortcut__photo{width:68px;height:68px;display:grid;place-items:center;background:var(--soft);border-radius:8px;flex-shrink:0;overflow:hidden}.collection-shortcut__photo img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.collection-shortcut strong{display:block;font-size:13px;line-height:1.3;font-weight:700}.collection-shortcut small{display:block;font-size:11px;line-height:1.45;color:var(--muted);margin-top:4px}.collection-shortcut>span:last-child{margin-left:auto;font-size:17px}.collection-shortcuts--selecciones{grid-template-columns:repeat(6,minmax(0,1fr))}.collection-shortcut--crest{gap:9px}.collection-shortcut--crest .collection-shortcut__photo{width:40px;height:50px;background:none}.collection-shortcut--crest .collection-shortcut__photo img{width:34px;height:42px}.collection-shortcut--crest>span:last-child{display:none}
.collection-catalog{scroll-margin-top:120px;border-top:1px solid var(--line);padding-top:24px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.collection h2{font-size:24px;letter-spacing:-.025em;line-height:1.2;margin:0;font-weight:750}.collection-toolbar p{font-size:12px;color:var(--muted);margin:5px 0 0}.collection-toolbar__actions{display:flex;align-items:center;gap:12px}.collection-sort{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.collection-sort select{font-size:12px;padding:10px 28px 10px 12px;color:var(--ink);border:1px solid var(--line);border-radius:7px;background:#fff;min-height:40px;max-width:210px}
.collection-catalog__layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:28px}.collection-filters__title{display:flex;align-items:center;justify-content:space-between}.collection-filters h3{font-size:14px;font-weight:700;margin:0 0 21px}.collection-filter{display:block;margin-bottom:22px}.collection-filter>span{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.collection-filter select,.collection-filter input{display:block;width:100%;min-width:0;border:1px solid #dbe2e8;border-radius:7px;padding:11px 10px;background:#fff;color:var(--ink);font-size:12px;min-height:42px}.collection-filter input::placeholder{color:#72808d}.collection-check{display:flex;gap:8px;align-items:center;font-size:12px;margin:10px 0 19px}.collection-check input{accent-color:var(--ink);width:16px;height:16px}.collection-reset{border:0;border-bottom:1px solid #abb9c7;background:none;padding:1px 0;font-size:12px;color:#50677a}.collection-filter-tip{font-size:12px;line-height:1.65;color:var(--muted);margin:30px 0 0;padding:17px 0;border-top:1px solid var(--line)}.collection-filter-toggle,.collection-filter-close,.collection-filter-apply{display:none}
.collection-active{display:flex;gap:8px;flex-wrap:wrap}.collection-active:not(:empty){margin-bottom:18px}.collection-active a{border:1px solid #dbe3ec;border-radius:20px;background:#edf3f8;font-size:11px;padding:7px 10px;color:#254867}.collection-active a span{margin-left:10px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.collection-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:32px 0 16px}.collection-pagination>p{width:100%;text-align:center;font-size:12px;color:var(--muted);margin:0 0 15px}.collection-pagination a{border:1px solid var(--line);border-radius:6px;min-width:36px;height:36px;display:grid;place-items:center;font-size:12px;padding:0 10px}.collection-pagination a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}.collection-pagination a:hover{border-color:var(--ink)}.collection-empty{grid-column:1/-1;text-align:center;padding:64px 20px;border-radius:12px;background:var(--soft)}.collection-empty h3{font-size:20px;margin:0 0 8px}.collection-empty p{font-size:14px;color:var(--muted);margin:0 0 20px}.collection-empty a{background:var(--ink);color:#fff;padding:10px 16px;border:0;border-radius:6px}
.collection-guide{border-radius:14px;background:#f0f4f7;display:grid;grid-template-columns:1fr 1.5fr;gap:45px;padding:30px 32px;margin:52px 0 40px}.collection-guide h2{max-width:320px;font-size:25px}.collection-guide>div>p:last-child{font-size:13px;color:var(--muted);max-width:420px;margin:12px 0 0}.collection-guide ol{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;gap:24px;list-style:none}.collection-guide li>span{font-size:11px;font-weight:600;color:#72879b}.collection-guide li h3{font-size:13px;margin:14px 0 7px}.collection-guide li p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.collection-faq{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin:0 0 42px}.collection-faq h2{font-size:23px}.collection-faq details{border-bottom:1px solid var(--line)}.collection-faq summary{font-size:14px;padding:16px 20px 16px 0;font-weight:600;list-style:none;position:relative}.collection-faq summary::after{content:'+';position:absolute;right:0;font-size:20px;top:10px;font-weight:400}.collection-faq details[open] summary::after{content:'−'}.collection-faq details p{font-size:13px;color:var(--muted);margin:0 0 18px;max-width:640px}.collection-related{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px}.collection-related a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0;font-size:16px;font-weight:650}.collection-related a:hover{text-decoration:underline}.collection-notes{font-size:12px;color:var(--muted);border-top:1px dashed #c7d3df;padding:15px 0;margin-bottom:24px}.collection-notes summary{font-weight:600}.collection-notes p{max-width:850px}.collection-filter-backdrop{position:fixed;inset:0;background:#00142860;z-index:10000}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1250px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection{padding:0 28px}.collection-catalog__layout{grid-template-columns:190px minmax(0,1fr);gap:22px}.collection-shortcut__photo{width:52px;height:60px}.collection-shortcut strong{font-size:12px}.collection-shortcuts--selecciones{grid-template-columns:repeat(6,minmax(0,1fr))}.collection-shortcut--crest{flex-direction:column;gap:3px;padding:10px;text-align:center}.collection-shortcut--crest small{display:none}}
@media(max-width:900px){.collection{padding:0 22px}.collection-intro{gap:28px}.collection-intro__text{font-size:13px}.collection-shortcut small{display:none}.collection-shortcut strong{font-size:12px}.collection-catalog__layout{grid-template-columns:1fr}.collection-filter-toggle{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;min-height:42px;padding:9px 12px;font-size:12px}.collection-filters{display:none;position:fixed;inset:0 auto 0 0;width:min(90vw,370px);padding:25px;background:#fff;z-index:10001;overflow:auto}.collection-filters.is-open{display:block}.collection-filter-close{display:block;font-size:25px;background:none;border:0;padding:0 5px;line-height:1}.collection-filters h3{font-size:19px;margin:0}.collection-filters__title{margin-bottom:26px}.collection-filter>span{font-size:14px}.collection-filter input,.collection-filter select{font-size:16px}.collection-check{font-size:14px}.collection-filter-apply{display:block;background:var(--ink);color:white;padding:12px;border:0;border-radius:7px;width:100%;margin-top:26px}.collection-sort>span{display:none}.collection-guide{grid-template-columns:1fr;gap:25px}.collection-guide h2{max-width:none}.collection-faq{grid-template-columns:1fr;gap:15px}}
@media(max-width:600px){.collection-preview{font-size:9px;padding:8px 12px;line-height:1.6}.collection-preview>a{display:none}.collection-preview>span{font-size:8px;margin-right:4px}.collection{padding:0 16px}.collection-breadcrumb{padding-top:15px;font-size:10px;gap:7px}.collection-intro{display:block;padding:20px 0}.collection-eyebrow{font-size:8px;letter-spacing:.10em;margin-bottom:10px}.collection h1{font-size:34px;max-width:370px;letter-spacing:-.04em}.collection-intro__text{font-size:13px;line-height:1.6;margin:13px 0 0;max-width:410px}.collection-tabs{gap:23px}.collection-tabs a{font-size:12px;padding:10px 0}.collection-tabs a:last-child{display:none}.collection-shortcuts{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding:16px 0 20px;scrollbar-width:thin;scrollbar-color:#cfdae5 transparent;margin-right:-16px;padding-right:16px}.collection-shortcut{flex:0 0 173px;min-height:72px;scroll-snap-align:start;gap:9px;padding:7px}.collection-shortcut__photo{width:47px;height:55px}.collection-shortcut>span:last-child{font-size:14px}.collection-shortcuts--selecciones .collection-shortcut{flex:0 0 92px;min-height:91px}.collection-shortcut--crest .collection-shortcut__photo{height:46px}.collection-shortcut--crest strong{font-size:11px}.collection-catalog{padding-top:20px;scroll-margin-top:135px}.collection h2{font-size:22px}.collection-toolbar{display:block;margin-bottom:18px}.collection-toolbar p{font-size:11px}.collection-toolbar__actions{justify-content:space-between;margin-top:16px}.collection-sort select{max-width:220px;font-size:11px;min-height:42px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.collection-guide{padding:23px 20px;margin:35px 0 30px;border-radius:11px}.collection-guide h2{font-size:23px}.collection-guide ol{grid-template-columns:1fr;gap:17px}.collection-guide li{display:flex;gap:16px}.collection-guide li>span{padding-top:2px}.collection-guide li h3{margin:0 0 2px}.collection-faq{margin-bottom:30px}.collection-faq summary{font-size:13px}.collection-related{gap:20px;margin-bottom:20px}.collection-related a{font-size:13px;gap:8px}.collection-notes{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cj-catalog *{transition:none!important}}
.collection-intro__mobile{display:none}
/* Misma estructura visual que las tarjetas de Más vendidas de CloudJersey. */
.collection-card{
  min-width:0;display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid #efefef;border-radius:12px;
  transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease;
}
.collection-card__link{
  display:flex;flex:1;flex-direction:column;min-width:0;color:inherit;text-decoration:none;
}
.collection-card__image{
  display:block;aspect-ratio:1/1.08;overflow:hidden;padding:12px;background:#fff;
}
.collection-card__image img{
  display:block;width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 0 10px #e0e0e0);transition:transform .3s ease;
}
.collection-card__body{display:flex;flex:1;flex-direction:column;align-items:center;padding:12px 14px 16px;text-align:center;gap:7px}
.collection-card h3{
  margin:0;color:#111;font-size:14px;line-height:1.3;font-weight:600;
  overflow-wrap:anywhere;text-align:center;
}
.collection-card__price{margin-top:auto;color:#0d1b3e;font-size:20px;line-height:1.3;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.collection-card__link:focus-visible{outline-offset:-3px;border-radius:11px}
.collection-card__unavailable{margin:0;font-size:11px;color:#755b40}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .collection-card:hover{transform:translateY(-2px);border-color:#dce1e6;box-shadow:0 5px 16px rgb(0 32 65 / 5%)}
  .collection-card:hover img{transform:scale(1.02)}
}
@media(max-width:600px){
  .collection-sort{min-width:0;flex:1;max-width:220px}
  .collection-sort select{width:100%;min-width:0}
  .collection-filter-toggle{flex:0 0 auto}
  .collection-card__image{padding:9px;aspect-ratio:1/1.12}
  .collection-card__body{padding:9px 10px 13px;gap:7px}
  .collection-card h3{font-size:13px;line-height:1.35}
  .collection-card__price{font-size:18px}
}
.collection-filter-backdrop{z-index:14000}
/* A selection without a crest still gets a usable shortcut with its shirt photo. */
.collection-shortcuts--selecciones .collection-shortcut{flex-direction:column;text-align:center;gap:6px}
.collection-shortcuts--selecciones .collection-shortcut>span:last-child{display:none}
.collection-shortcuts--selecciones .collection-shortcut__photo{width:44px;height:44px}
.collection-shortcuts--selecciones .collection-shortcut strong{overflow-wrap:anywhere}
@media(max-width:900px){.collection-filters{z-index:15000}}
@media(max-width:600px){
 .collection-intro{padding:15px 0 17px}
 .collection-intro>.collection-eyebrow,.collection-intro .collection-eyebrow{display:none}
 .collection-intro__desktop{display:none}.collection-intro__mobile{display:inline}
 .collection-intro__text{font-size:12px;line-height:1.55;margin-top:10px}
 .collection h1{font-size:32px}
 .collection-shortcuts{padding-top:14px;padding-bottom:16px}
 .collection-shortcuts--selecciones .collection-shortcut{min-height:78px}
 .collection-shortcut--crest .collection-shortcut__photo{height:36px}
 .collection-shortcut--crest .collection-shortcut__photo img{height:34px;width:30px}
 .collection-catalog{padding-top:17px}
 .collection-toolbar__actions{margin-top:13px}
}
/* WooCommerce prices, without inventing a discount or clipping a variable price range. */
.cj-catalog .collection-card__price{display:flex;align-items:baseline;justify-content:center;gap:5px;flex-wrap:wrap;white-space:normal}
.cj-catalog .collection-card__price ins{background:none;text-decoration:none;font-size:inherit;font-weight:700}
.cj-catalog .collection-card__price del{font-size:13px;font-weight:400;color:#8b929c}
.cj-catalog .collection-card__price .amount{white-space:nowrap}
.cj-catalog .collection-card__image img{max-height:none;margin:0;border-radius:0}
.cj-catalog .collection-pagination nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}
.cj-catalog .collection-active a{display:inline-flex;align-items:center}
.cj-catalog .collection-filter-apply{display:block;width:100%;margin-top:18px;background:var(--ink);color:#fff;border:0;padding:11px 15px;border-radius:7px;font-size:13px}
.cj-catalog .collection-empty a{display:inline-block}
.cj-catalog .collection-filter-toggle{color:var(--ink)}
.cj-catalog [aria-busy="true"] .collection-list{opacity:.55;transition:opacity .15s}
.cj-catalog .collection-card__link:hover{color:inherit}
@media(max-width:900px){
 .cj-catalog:not(.cjc-ready) .collection-filters{display:block;position:static;inset:auto;width:100%;padding:18px;background:#f6f8fa;z-index:auto;border-radius:10px}
 .cj-catalog:not(.cjc-ready) .collection-filter-toggle,.cj-catalog:not(.cjc-ready) .collection-filter-close{display:none}
 .cj-catalog .collection-filter-close{background:none;border:0;color:var(--ink)}
}
