/* Categorie cravatte, boxer e gemelli (proposte/cravatte, boxer, gemelli; template-parts/shop/categoria-*.php), dopo
   catalogo.css: solo su quelle categorie (myc_v3_pagine_enqueue()). */
.myc-catalogo .cat-hero { position: relative; margin-top: 36px; background: var(--ink); }
.myc-catalogo .cat-hero > img { width: 100%; height: auto; aspect-ratio: 21/9; object-fit: cover; }
.myc-catalogo .cat-hero .over { position: absolute; left: 0; bottom: 0; max-width: 520px; margin: 0 0 32px 32px; padding: 30px 34px; background: #FFFFFF; }
.myc-catalogo .cat-hero h2 { font-size: clamp(1.625rem, 3vw, 2.5rem); }
.myc-catalogo .cat-hero.split { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); background: #FFFFFF; border: 1px solid var(--line); }
.myc-catalogo .cat-hero.split > img { height: 100%; aspect-ratio: 16/10; }
.myc-catalogo .cat-hero .txt { display: flex; flex-direction: column; justify-content: center; padding: 44px 40px; }
.myc-catalogo .facts.boxed { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0; border: 1px solid var(--line); border-top: 0; }
.myc-catalogo .facts.boxed > div { padding: 18px 20px; border-right: 1px solid var(--line); }
.myc-catalogo .facts.boxed > div:last-child { border-right: 0; }
.myc-catalogo .facts.boxed b { font-size: 1.0625rem; }
.myc-catalogo .grid.three { --cols: 3; }
.myc-catalogo .cat-bundle { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); border: 1px solid var(--line); }
.myc-catalogo .cat-bundle img { width: 100%; height: 100%; aspect-ratio: 4/3; object-fit: cover; }
.myc-catalogo .cat-bundle .txt { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 40px; }
.myc-catalogo .boxes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 16px; }
.myc-catalogo .boxes > div { padding: 26px; border: 1px solid var(--line); }
.myc-catalogo .boxes h3 { margin-top: 10px; }
.myc-catalogo .boxes .lead { margin-top: 10px; }
.myc-catalogo figure.look .chip { display: table; }
@media (max-width: 860px) {
  .myc-catalogo .cat-hero.split, .myc-catalogo .cat-bundle { grid-template-columns: minmax(0, 1fr); }
  .myc-catalogo .cat-hero .txt, .myc-catalogo .cat-bundle .txt { padding: 26px 20px; }
  .myc-catalogo .grid.three { --cols: 2; }
}
@media (max-width: 760px) {
  .myc-catalogo .cat-hero > img { aspect-ratio: 4/3; }
  .myc-catalogo .cat-hero .over { position: static; max-width: none; margin: 0; padding: 24px 20px; }
  .myc-catalogo .facts.boxed { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .myc-catalogo .facts.boxed > div:nth-child(2n) { border-right: 0; }
  .myc-catalogo .facts.boxed > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}