/* v56s (решения 26.10): витрина — наличие, размерная сетка, меню, телефон (2 в ряд, шапка в одну линию, зоны нажатия от 44 px) */

/* 1. Нет в наличии: плитка как в архиве — фото приглушено, тихая серая плашка, без «В корзину» */
.product-card.v56-out .product-visual img,.product-card.v56-out .product-visual video{opacity:.5;filter:grayscale(.35)}
.product-card.v56-out .card-meta{color:#8a8a8a}
.stock-badge.v56-oos{background:#ededed;color:#6b6b6b}
.quick-buy.v56-qb-none{display:block;visibility:hidden;pointer-events:none}
.v56-badge{display:inline-block;vertical-align:middle;margin-left:10px;padding:4px 6px;border-radius:4px;background:#f0f0f0;color:#000;font:9px/1 var(--sans,sans-serif);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;position:relative;top:-2px}

/* 18. «Размерная сетка» — тихая серая ссылка рядом с выбором размера; зона нажатия больше самой надписи */
.v56-sglink{position:relative;background:none;border:0;margin:0 0 0 12px;padding:0;font:10px/1 var(--sans,sans-serif);letter-spacing:.02em;color:#8a8a8a;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;cursor:pointer;vertical-align:baseline}
.v56-sglink:hover{color:#000}
.v56-sglink::after{content:'';position:absolute;left:50%;top:50%;width:calc(100% + 8px);height:44px;transform:translate(-50%,-50%)}
.v56-sgrow{margin:10px 0 16px}
.v56-sgrow .v56-sglink{margin-left:0}
dialog.v56-sg{border:0;padding:0;margin:auto;width:min(760px,calc(100vw - 48px));max-height:calc(100vh - 48px);border-radius:4px;background:#fff;color:#000;overflow:auto;overscroll-behavior:contain}
dialog.v56-sg::backdrop{background:rgb(0 0 0 / .28)}
.v56-sg .sg-in{padding:0 28px 28px}
.v56-sg .sg-top{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:space-between;min-height:64px;margin:0 -16px 4px 0}
.v56-sg .sg-title{margin:0;font:400 22px/1.15 var(--serif,Georgia,serif);letter-spacing:-.01em}
.v56-sg .sg-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v56-sg .sg-row{border:1px solid #e3e3e3;border-radius:4px;padding:14px 14px 10px}
.v56-sg .sg-row.current{border-color:#000}
.v56-sg .sg-row h3{margin:0 0 6px;font:11px/1.2 var(--sans,sans-serif);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.v56-sg .sg-figs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v56-sg .sg-fig{margin:0;text-align:center}
.v56-sg .sg-fig svg{display:block;width:100%;max-width:150px;height:auto;margin:0 auto}
.v56-sg .sg-fig figcaption{font:10px/1.3 var(--sans,sans-serif);color:#6b6b6b;margin-top:2px}
.v56-sg .sg-body{fill:none;stroke:#b5b5b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.v56-sg .sg-sc{fill:rgb(0 0 0 / .06);stroke:#000;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.v56-sg path.sg-sc[d*="l"]:not([d*="Z"]){fill:none}
.v56-sg .sg-band{fill:none;stroke:rgb(0 0 0 / .18);stroke-linecap:butt}
.v56-sg .sg-note{margin:14px 0 0;font:11px/1.45 var(--sans,sans-serif);color:#6b6b6b}

/* 17. Меню: ссылки-контакты в стиле строк меню, часы работы — тихой строкой */
.hm a.hm-row{text-decoration:none;color:inherit;display:flex}
.hm .hm-hours{margin:10px 0 0;font:11px/1.5 var(--sans,sans-serif);letter-spacing:.02em;color:#6b6b6b}

/* 24. Названия расцветок не обрезаются: перенос на вторую строку внутри плитки */
.pd-info .variant-option.has-swatch>span:last-child{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;hyphens:auto}

@media(max-width:760px){
 /* 16. Каталог: две карточки в ряд, плитка ниже */
 :root{--fixed-h:calc((100vw - 56px) / 2)}
 .catalogue.catalogue.rows .grid-row.wrap{column-gap:8px!important;row-gap:28px!important}
 .catalogue.catalogue.rows .grid-row.wrap>.tile{width:calc((100% - 8px) / 2)!important;max-width:none!important;min-width:0}
 .catalogue.catalogue.rows .grid-row.wrap>.tile .card-meta{min-width:0}

 /* шапка: значок меню (три линии), «Магазин» и иконки — на одной линии; зоны нажатия 44×44 */
 header.header{align-items:center}
 .icon-nav-left{align-self:center;height:44px;align-items:center}
 .icon-nav-left [data-menu]{position:relative;width:44px;height:44px;margin:0 0 0 -12px;padding:0;font-size:0;color:var(--ink,#000);background:none;border:0}
 .icon-nav-left [data-menu]::before{content:'';position:absolute;left:12px;top:15.5px;width:20px;height:1.3px;background:currentColor;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor}
 .icon-nav-left .nav-link{display:flex;align-items:center;height:44px;margin-left:4px}
 .utilities{align-self:center}
 .utilities .icon-button{width:44px;height:44px}

 /* зоны нажатия: вид прежний, невидимая область нажатия — не меньше 44×44 px */
 :where(.icon-nav-left .nav-link,.catalogue-bar .filters>button,.catalogue-bar .subfilters>button,#sort-button,.product-card .product-name,.v56-sglink,.house-footer .f2-col>button,.house-footer .f2-col>a,.house-footer .f3-tel,.house-footer .f3-ic,.house-footer .pd-lang-btn,.f3-acc .f3-btn,.pd-lang-btn,.text-link,.video-toggle){position:relative}
 .catalogue.catalogue.rows .quick-buy{position:relative;top:auto;left:auto}
 :where(.icon-nav-left .nav-link,.catalogue-bar .filters>button,.catalogue-bar .subfilters>button,#sort-button,.product-card .quick-buy,.product-card .product-name,.v56-sglink,.house-footer .f2-col>button,.house-footer .f2-col>a,.house-footer .f3-tel,.house-footer .f3-ic,.house-footer .pd-lang-btn,.f3-acc .f3-btn,.text-link,.pd-lang-btn,.video-toggle)::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
 .product-card .card-meta{overflow:visible}
 .hm .hm-it{display:block;min-height:44px;margin-bottom:0}
 .hm .hm-row{height:44px;margin-bottom:0}
 .hm .hm-acc{margin-bottom:8px}
 .hm .hm-hours{margin:4px 0 12px}
 #product-dialog .variant-option:not(.has-swatch){position:relative}
 #product-dialog .variant-option:not(.has-swatch)::before{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
 #product-dialog .product-actions .secondary-button{min-height:44px}
 .pd-ic{min-width:44px;min-height:44px}
 /* окна на телефоне — во весь экран */
 #panel,#search-dialog,#house-menu,#product-dialog,dialog.v56-sg{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;inset:0!important;border-radius:0!important}
 dialog.v56-sg .sg-in{padding:0 16px 24px}
 dialog.v56-sg .sg-rows{grid-template-columns:1fr}
}
/* строка «Размер · Размерная сетка»: своя высота 44 px, чтобы зона нажатия ссылки не заходила на кнопки размеров */
#product-info .variant-group:has(>.v56-sglink){display:flex;flex-wrap:wrap;align-items:center}
#product-info .variant-group:has(>.v56-sglink)>.variant-options{flex:0 0 100%}
#product-info .variant-group>.v56-sglink{position:relative;z-index:3}
@media(max-width:760px){#product-info .variant-group:has(>.v56-sglink)>.variant-label{min-height:44px;display:flex;align-items:center;margin-bottom:0}}