/* PATCH48 – cielene UX upravy, bez zasahu do cen, kalkulacii a objednavania. */
/* Produkty: 3 skutocne stlpce na sirokkej obrazovke, vacsi detail fotografie. */
.catalog-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.catalog-variant-grid>.variant-card-unit>.variant-card img,
.catalog-variant-grid>.variant-card-unit>.variant-card .variant-placeholder{
    width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin-bottom:12px;
}
.catalog-variant-grid>.variant-card-unit>.variant-card strong{min-height:2.7em}
@media(max-width:780px){.catalog-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:490px){.catalog-variant-grid{grid-template-columns:1fr;gap:16px}}

/* Katalog: rohovnikova fotografia funguje ako obrazkovy odkaz, rovnako ako obklad. */
.offer-corner-cover-link{display:block;color:inherit;text-decoration:none;overflow:hidden}
.offer-corner-cover-link:focus-visible{outline:3px solid #a75132;outline-offset:3px}
.offer-corner-cover-link .offer-corner-product-photo img{transition:transform .18s ease}
.offer-corner-cover-link:hover .offer-corner-product-photo img{transform:scale(1.035)}
.offer-corner-product-card .product-body{min-height:0}
.offer-corner-product-card .offer-corner-product-link{margin-top:auto}

/* Prvy krok: povedat co bude nasledovat aj pri uzkom bocnom suhrne. */
.measure-page .areas-actions [data-to-material]{white-space:normal;line-height:1.35;padding:12px 10px;min-height:54px}
.measure-page .areas-next-help{font-size:.77rem;line-height:1.5;color:#765d50;margin:0 0 3px;text-align:center}

/* Druhy krok: rezerva, rohovniky a nater ako JEDEN vizualny blok. */
.measure-page .plan-material .material-choice-panel{
    margin:17px 0 20px;padding:clamp(15px,2.8vw,27px);
    border:1px solid #e3d1c3;border-radius:14px;background:#fbf7f2;
}
.measure-page .plan-material .material-choice-panel-intro{
    color:#785e50;font-size:.91rem;line-height:1.55;margin:0 0 14px;
}
.measure-page .plan-material .material-choice-panel [data-quote-lines]{gap:0;margin:0}
.measure-page .plan-material .material-choice-panel [data-quote-lines]>.plan-quote-line{
    border:0;border-radius:0;background:transparent;margin:0;padding:18px 0;
}
.measure-page .plan-material .material-choice-panel [data-quote-lines]>.plan-quote-line+.plan-quote-line{
    border-top:1px solid #e4d5c8;
}
.measure-page .plan-material .material-choice-panel .corner-picker{
    background:#fff;border-color:#dfcfc0;padding:clamp(12px,2vw,17px);margin-top:14px;
}
.measure-page .plan-material .material-choice-panel .reserve-select-label{font-size:.9rem;margin:18px 0 10px}
.measure-page .plan-material .material-choice-panel .reserve-select-label select{min-height:43px}
.measure-page .plan-material .material-choice-panel .corner-picker-heading{font-size:.94rem;font-weight:800}
.measure-page .plan-material .material-choice-panel .corner-field{font-size:.87rem}
.measure-page .plan-material .material-choice-panel .corner-field select,
.measure-page .plan-material .material-choice-panel .corner-field input{min-height:43px}
.measure-page .plan-material .material-choice-panel .coating-options{
    border:0;border-top:1px solid #dfcfc0;border-radius:0;
    background:transparent;margin:6px 0 0;padding:20px 0 0;
}
.measure-page .plan-material .material-choice-panel .coating-options-heading{font-size:1.02rem;color:#8b432d}
.measure-page .plan-material .material-choice-panel .coating-option{padding:12px 0}
.measure-page .plan-material .material-choice-panel .coating-option input{width:21px;height:21px}
.measure-page .plan-material .material-choice-panel .coating-option-description strong{font-size:.94rem}
.measure-page .plan-material .material-choice-panel .coating-option-description small{font-size:.84rem}
@media(max-width:700px){
    .measure-page .plan-material .material-choice-panel{padding:15px}
    .measure-page .plan-material .material-choice-panel [data-quote-lines]>.plan-quote-line{padding:14px 0;gap:10px}
}

/* Rovnaky citatelny vyber obce v oboch objednavkach. */
.corner-only-delivery-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.corner-only-delivery-fields>label:first-child,.corner-only-delivery-city{grid-column:1/-1}
.corner-only-delivery-fields>label{min-width:0}
.corner-only-delivery-city [data-corner-only-city-status]{display:block;margin:8px 0 0;line-height:1.5}
.corner-only-delivery-city [data-corner-only-cities]:not([hidden]),
.district-shipping-address [data-municipality-results]:not([hidden]){
    width:100%;max-width:100%;min-height:44px;max-height:230px;overflow-y:auto;
    background:#fff;border:1px solid #cdbfb4;border-radius:7px;
    font:inherit;padding:4px;color:#2d2723;
}
.corner-only-delivery-city [data-corner-only-cities] option,
.district-shipping-address [data-municipality-results] option{padding:7px 9px;line-height:1.45}
@media(max-width:560px){.corner-only-delivery-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.offer-corner-cover-link .offer-corner-product-photo img{transition:none}}

/* PATCH49: vizualne rovnake klikatelne fotografie obkladov aj rohovnikov. */
.offer-catalog .product-cover-link{display:block;overflow:hidden;outline-offset:3px}
.offer-catalog .product-cover-link .product-cover-photo,
.offer-catalog .product-cover-link .offer-corner-product-photo img{transition:transform .2s ease}
.offer-catalog .product-cover-link:hover .product-cover-photo,
.offer-catalog .product-cover-link:focus-visible .product-cover-photo,
.offer-catalog .product-cover-link:hover .offer-corner-product-photo img,
.offer-catalog .product-cover-link:focus-visible .offer-corner-product-photo img{transform:scale(1.045)}
.offer-catalog .product-card{transition:box-shadow .2s ease,border-color .2s ease}
.offer-catalog .product-card:has(.product-cover-link:hover),
.offer-catalog .product-card:has(.product-cover-link:focus-visible){border-color:#c9a58e;box-shadow:0 10px 25px #6e3d2518}
@media(prefers-reduced-motion:reduce){
 .offer-catalog .product-cover-link .product-cover-photo,
 .offer-catalog .product-cover-link .offer-corner-product-photo img,
 .offer-catalog .product-card{transition:none}
}

/* PATCH49: tri vyrazne samostatne karty; rovnaka farebnost aj na mobile. */
.measure-page .plan-material .material-step-guidance{color:#765b4c;line-height:1.6;margin:12px 0 20px}
.measure-page .plan-material [data-quote-lines]{margin:0 0 20px;gap:21px}
.measure-page .plan-material [data-quote-lines]>.plan-quote-line{
    display:grid;grid-template-columns:minmax(0,1fr);gap:13px;
    background:transparent;border:0;padding:0;margin:0;min-width:0;
}
.measure-page .plan-material .material-product-title{
    display:flex;justify-content:space-between;align-items:start;gap:14px;
    padding:0 2px 3px;min-width:0;
}
.measure-page .plan-material .material-product-title>div{min-width:0;flex:1}
.measure-page .plan-material .material-product-title>div>strong{display:block;font-size:1.05rem;line-height:1.5}
.measure-page .plan-material .material-product-title small{display:block;margin:3px 0;color:#735e51}
.measure-page .plan-material .material-product-title>.material-product-price{
    color:#93452e;font-size:1.12rem;white-space:nowrap;font-variant-numeric:tabular-nums;
}
.measure-page .plan-material .material-addon-card{
    display:block;padding:clamp(17px,2.5vw,24px);margin:0;
    border:1px solid #d2ac94;border-left:5px solid #ac5736;border-radius:13px;
    background:#f8ede3;box-shadow:0 3px 12px #5e32140e;
}
.measure-page .plan-material .material-addon-card .material-addon-title,
.measure-page .plan-material .material-addon-card .corner-picker-heading,
.measure-page .plan-material .material-addon-card .coating-options-heading{
    display:block;font-size:1.06rem;font-weight:800;color:#72351f;margin:0 0 12px;
}
.measure-page .plan-material .material-addon-card .material-addon-hint{font-size:.89rem;color:#735a4a;line-height:1.5;margin:0 0 14px}
.measure-page .plan-material .material-addon-reserve .reserve-select-label{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0}
.measure-page .plan-material .material-addon-reserve .reserve-choice{min-height:48px;min-width:195px;background:white}
.measure-page .plan-material .material-addon-corners .corner-field{display:block;margin:10px 0 0}
.measure-page .plan-material .material-addon-corners select,
.measure-page .plan-material .material-addon-corners input{min-height:46px;background:white}
.measure-page .plan-material .material-addon-corners small{line-height:1.55}
.measure-page .plan-material .material-addon-coating{margin:16px 0 23px}
.measure-page .plan-material .material-addon-coating .coating-option{margin:0;padding:8px 0}
.measure-page .plan-material .material-addon-coating input[type=checkbox]{width:21px;height:21px;accent-color:#176b68}
.measure-page .plan-material .material-addon-coating .coating-option-description small{line-height:1.55}
.measure-page .plan-material [data-quote-lines]>.corner-chosen,
.measure-page .plan-material [data-quote-lines]>.coating-chosen{padding-left:12px;border-left:2px solid #d9c3b2;margin:0 0 0 5px}
@media(max-width:560px){
 .measure-page .plan-material .material-addon-card{padding:16px}
 .measure-page .plan-material .material-product-title{flex-wrap:wrap}
 .measure-page .plan-material .material-addon-reserve .reserve-choice{width:100%;min-width:0}
}

/* PATCH51: navrhy rohovnikov su skutocne tlacidla v paneli (nie prazdny native select).
   Obklady: iba pointer pre uz funkcny zoznam, bez zmeny jeho spravania. */
.corner-only-delivery-city [data-corner-only-cities][hidden]{display:none!important}
.corner-only-delivery-city [data-corner-only-cities]:not([hidden]){
    min-height:0;max-height:230px;padding:5px;display:flex;flex-direction:column;gap:3px;
    margin-top:6px;
}
.corner-only-delivery-city .corner-only-city-choice{
    font:inherit;text-align:left;background:#fff;border:1px solid transparent;
    border-radius:5px;color:#2d2723;padding:10px 12px;min-height:43px;
    cursor:pointer;width:100%;
}
.corner-only-delivery-city .corner-only-city-choice:hover,
.corner-only-delivery-city .corner-only-city-choice:focus-visible{
    background:#f6eae0;border-color:#b85c3a;outline-offset:2px;
}
.district-shipping-address [data-municipality-results],
.district-shipping-address [data-municipality-results] option{cursor:pointer}