/* PATCH56 – jeden vizualny jazyk kariet na uvode, v ponuke a vo vybere farieb.
   Interaktivita je iba na verejnom katalogu; admin, vypocty a checkouty bez zmeny. */
.product-grid .product-card,
.catalog-variant-grid > .variant-card-unit,
.corner-picker-grid .corner-picker-card {
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.product-grid .product-card:hover,
.product-grid .product-card:focus-within,
.catalog-variant-grid > .variant-card-unit:hover,
.catalog-variant-grid > .variant-card-unit:focus-within,
.corner-picker-grid .corner-picker-card:hover,
.corner-picker-grid .corner-picker-card:focus-within {
    border-color: #ba886d;
    box-shadow: 0 12px 27px rgba(82, 51, 34, .13);
    transform: translateY(-2px);
}
/* Ukazovatel ruky iba tam, kde bezny klik skutocne aktivuje vyber. */
.catalog-cards-ready .product-grid .product-card,
.catalog-cards-ready .catalog-variant-grid > .variant-card-unit:has([data-variant-choice]),
.catalog-cards-ready .corner-picker-grid .corner-picker-card {cursor: pointer}
/* Vizualny signal interakcie na fotografii – jemne priblizenie. */
.product-grid .product-card .product-cover-photo,
.product-grid .offer-corner-product-photo img,
.catalog-variant-grid > .variant-card-unit > .variant-card img,
.corner-picker-grid .corner-picker-cover img {
    transition: transform .22s ease;
}
.product-grid .product-card:hover .product-cover-photo,
.product-grid .product-card:focus-within .product-cover-photo,
.product-grid .product-card:hover .offer-corner-product-photo img,
.product-grid .product-card:focus-within .offer-corner-product-photo img,
.catalog-variant-grid > .variant-card-unit:hover > .variant-card img,
.catalog-variant-grid > .variant-card-unit:focus-within > .variant-card img,
.corner-picker-grid .corner-picker-card:hover .corner-picker-cover img,
.corner-picker-grid .corner-picker-card:focus-within .corner-picker-cover img {
    transform: scale(1.035);
}
.product-grid .product-cover-link,
.catalog-variant-grid > .variant-card-unit > .variant-card,
.corner-picker-grid .corner-picker-cover {overflow:hidden}
.catalog-variant-grid > .variant-card-unit > .variant-card-select:hover {background:#fff}
/* Aktivny keyboard focus ostava na skutocnom tlacidle/odkaze. */
.catalog-variant-grid > .variant-card-unit:has(.variant-card-select:focus-visible),
.corner-picker-grid .corner-picker-card:has(.corner-picker-select:focus-visible),
.product-grid .product-card:has(a:focus-visible) {
    outline: 2px solid #a75132;
    outline-offset: 3px;
}
/* Obe stranky vyberu maju rovnaku sirku (1120px shell), rovnake
   tri stlpce a breakpoints. Na mobile je fotografia nad popisom. */
.catalog-product-detail .catalog-variant-grid,
.corner-picker .corner-picker-grid {grid-template-columns: repeat(3,minmax(0,1fr));gap:18px}
.corner-picker .corner-picker-card {display:flex;flex-direction:column;border-radius:11px}
.corner-picker .corner-picker-cover {aspect-ratio:4/3;min-height:0}
.corner-picker .corner-picker-body {padding:12px;gap:9px}
.corner-picker .corner-picker-body h3 {font-size:.96rem}
.corner-picker .corner-picker-price {font-size:.92rem}
.corner-picker .corner-picker-select {min-height:49px;font-size:.88rem}
@media(max-width:780px) {
    .catalog-product-detail .catalog-variant-grid,
    .corner-picker .corner-picker-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:490px) {
    .catalog-product-detail .catalog-variant-grid,
    .corner-picker .corner-picker-grid {grid-template-columns:minmax(0,1fr);gap:16px}
    .corner-picker .corner-picker-card {display:flex;flex-direction:column}
    .corner-picker .corner-picker-cover {aspect-ratio:4/3;min-height:0}
}
@media(prefers-reduced-motion:reduce) {
    .product-grid .product-card,
    .catalog-variant-grid > .variant-card-unit,
    .corner-picker-grid .corner-picker-card,
    .product-grid .product-card .product-cover-photo,
    .product-grid .offer-corner-product-photo img,
    .catalog-variant-grid > .variant-card-unit > .variant-card img,
    .corner-picker-grid .corner-picker-cover img {transition:none}
    .product-grid .product-card:hover,
    .product-grid .product-card:focus-within,
    .catalog-variant-grid > .variant-card-unit:hover,
    .catalog-variant-grid > .variant-card-unit:focus-within,
    .corner-picker-grid .corner-picker-card:hover,
    .corner-picker-grid .corner-picker-card:focus-within {transform:none}
    .product-grid .product-card:hover .product-cover-photo,
    .product-grid .product-card:focus-within .product-cover-photo,
    .product-grid .product-card:hover .offer-corner-product-photo img,
    .product-grid .product-card:focus-within .offer-corner-product-photo img,
    .catalog-variant-grid > .variant-card-unit:hover > .variant-card img,
    .catalog-variant-grid > .variant-card-unit:focus-within > .variant-card img,
    .corner-picker-grid .corner-picker-card:hover .corner-picker-cover img,
    .corner-picker-grid .corner-picker-card:focus-within .corner-picker-cover img {transform:none}
}