@import url("jewellery-media.css?v=391");
.catalog-main{width:91%;max-width:1640px;margin:0 auto;padding-bottom:90px;min-height:65vh}
.catalog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:29px 0;font-size:12px;color:var(--muted);line-height:1.7}
.catalog-breadcrumb a:hover{color:var(--wine)}
.catalog-title-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.catalog-subcategories{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 10px;max-width:1100px;margin:0 auto 36px}
.catalog-subcategories a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;border:1px solid #e1dbd8;border-radius:2px;font-size:13px;line-height:1.5;text-align:center;color:#6d6261;transition:background .2s,color .2s,border-color .2s}
.catalog-subcategories a:hover{border-color:#b29b9e;color:var(--wine)}
.catalog-subcategories a[aria-current=page]{background:#f6f1f2;border-color:#ccb6bd;color:var(--wine)}
.catalog-result-count{font-size:12px;color:var(--muted);letter-spacing:.025em;margin:0 0 22px;padding-top:22px;border-top:1px solid var(--line)}
.catalog-result-count strong{font-weight:500;color:var(--ink)}
.catalog-empty{text-align:center;margin:45px auto 20px;padding:45px 20px 65px;border-top:1px solid var(--line);max-width:1000px}
.catalog-empty-line{display:block;width:32px;height:1px;background:#a98c95;margin:0 auto 28px}
.catalog-empty h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.2vw,31px);font-weight:400;line-height:1.45;letter-spacing:var(--serif-title-spacing);margin:0 auto 18px;max-width:630px}
.catalog-empty p{font-size:14px;color:var(--muted);margin-bottom:26px}
.catalog-empty-actions{display:flex;align-items:center;justify-content:center;gap:20px 30px;flex-wrap:wrap}
.catalog-empty .button-outline{border-color:#b7a9a8;color:#514546}
.catalog-empty .text-link{font-size:12px}
/* Four columns: cards are 90% of their previous width; the space becomes column gaps. */
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:calc(3.333333333333% + 28.8px);row-gap:64px}
.catalog-product{min-width:0;outline:none}
.catalog-caption{text-align:center;padding:23px 8px 0}
.catalog-caption h2{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.3;font-weight:400;letter-spacing:var(--serif-title-spacing);margin-bottom:10px}
.catalog-price{font-size:14px;letter-spacing:.04em;line-height:1.5;color:var(--wine);margin:0;opacity:0;transform:translateY(5px);transition:opacity .55s ease,transform .65s ease}
.catalog-product:focus-visible{outline:1px solid var(--wine);outline-offset:7px}
.catalog-product:focus .catalog-price,.catalog-product:focus-within .catalog-price{opacity:1;transform:translateY(0)}
@media(hover:hover){.catalog-product:hover .catalog-price{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.catalog-grid{column-gap:calc(3.333333333333% + 19.8px);row-gap:48px}.catalog-caption h2{font-size:20px}}
@media(max-width:720px){.catalog-main{width:88%;padding-bottom:55px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 18px}.catalog-caption{padding:17px 0 0}.catalog-caption h2{font-size:19px}.catalog-price{font-size:13px}}
@media(max-width:480px){.catalog-subcategories{gap:8px;margin-bottom:25px}.catalog-subcategories a{padding:8px 12px;font-size:12px;flex:0 1 auto;max-width:100%}.catalog-empty{padding:30px 0 35px;margin-top:30px}.catalog-empty-actions{flex-direction:column;gap:24px}.catalog-breadcrumb{font-size:11px;gap:6px 9px}}
@media(hover:none){.catalog-price{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.catalog-price{transition:none;transform:none!important}}

/* v260: all categories share the same responsive grid spacing. */
/* Every earring photograph fills its card, including mixed catalogs and uploaded photos. */
.catalog-product[data-catalog-kind="earring"] .catalog-image>img{
 width:100%;height:100%;object-fit:contain;translate:none;
}

/* v206: ring photographs measured against the approved FT26-0021 reference.
   Only oversized desktop catalog photos shrink; original image files stay intact. */
@media(min-width:721px){
 .catalog-product .catalog-image[data-ring-framing="measured"]>img{
  width:var(--ring-catalog-size);height:var(--ring-catalog-size);
  max-width:none;flex:0 0 auto;
  translate:var(--ring-catalog-x) var(--ring-catalog-y);
 }
}

/* v328: necklace category only. Desktop frames are 120% of the former
   four-column width; keep their 16:10 ratio and distribute three across. */
@media(min-width:721px){
 .catalog-main[data-catalog-page="nahrdelniky"] .catalog-grid{
  grid-template-columns:repeat(3,minmax(0,calc(27% - 25.92px)));
  column-gap:0;justify-content:space-between;
 }
}
@media(min-width:721px) and (max-width:1100px){
 .catalog-main[data-catalog-page="nahrdelniky"] .catalog-grid{
  grid-template-columns:repeat(3,minmax(0,calc(27% - 17.82px)));
 }
}
@media(max-width:720px){
 .catalog-main[data-catalog-page="nahrdelniky"] .catalog-grid{
  grid-template-columns:minmax(0,1fr);
 }
}

/* v329: natural colors on mobile; one colored row follows desktop scrolling. */
@media(max-width:720px),(hover:none),(pointer:coarse){
 .catalog-main{--catalog-photo-filter:none;--catalog-photo-color-filter:none}
}
@media(min-width:721px) and (hover:hover) and (pointer:fine){
 .catalog-main:not([data-catalog-page="nahrdelniky"]) .catalog-grid:not([data-color-rows])>.catalog-product:nth-child(-n+4),
 .catalog-main[data-catalog-page="nahrdelniky"] .catalog-grid:not([data-color-rows])>.catalog-product:nth-child(-n+3),
 .catalog-grid>.catalog-product[data-color-active]{--catalog-photo-filter:grayscale(0)}
 /* Keep only the selected row colored, including when a stationary pointer
    lies over the row that has just left the reading position. */
 .catalog-grid[data-color-rows] .catalog-product .catalog-image>img,
 .catalog-grid[data-color-rows] .catalog-product .catalog-image>a>img{
  filter:var(--catalog-photo-filter);
 }
}