/* 05.11.2026: карточка товара «в новом виде» (App\Classes\KartochkaStil, catalog/product_stil*.blade.php) */
.c-prod.ks{display:block;margin:8px 0 0}
.ks-top{display:grid;grid-template-columns:minmax(260px,380px) 1fr 1fr;gap:44px;align-items:start}
.ks-foto .c-prod__view{border:1px solid #eef0f3;border-radius:12px;background:#fff}
.ks-foto .c-prod__view.v-hidden{display:none}
.ks-top--bezfoto{grid-template-columns:1fr 1fr}
.ks-top--bezfoto .ks-foto{display:none}
.ks-foto img{max-width:100%;height:auto}
.ks-h{font-size:28px;font-weight:700;color:#1A4F9C;line-height:1.2;margin:0 0 4px}
.ks-upd{font-size:13px;color:#7a8594;margin:0 0 14px;min-height:18px}
.ks-har .ks-h{margin-bottom:36px}
.ks-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px dashed #d9dee6;font-size:16px;color:#333}
.ks-rows>div b{font-weight:700;text-align:right}
.ks-rows>div.ks-glav{font-size:19px}
.ks-rows>div.ks-glav b{font-size:26px;color:#111;white-space:nowrap}
.ks-rows .ks-link{font-weight:500}
.ks-stoim .ks-rows>div b:not(.ks-link),.ks-rows>.ks-skid span{white-space:nowrap}
.ks-rows .ks-link a{color:#1b5fa8}
.ks-kupit{margin:26px 0 14px}
.ks-kupit .c-prod__actions{display:flex;gap:14px;align-items:center;margin:0}
.ks-kupit .c-prod__action{flex:1}
.ks-kupit .btn--cart{width:100%;max-width:280px;height:58px;font-size:18px;border-radius:14px;box-shadow:0 10px 22px rgba(52,152,219,.35)}
.ks-zv .zv-add{position:relative;gap:10px}
.ks-zv .zv-add__t{width:112px;height:40px;padding:0 30px 0 14px;border-color:#c9d3dd;border-radius:30px;text-align:center;font-size:14px;font-weight:500;-moz-appearance:textfield}
.ks-zv .zv-add__t::-webkit-inner-spin-button,.ks-zv .zv-add__t::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ks-zv .zv-add__u{position:absolute;left:84px;top:50%;transform:translateY(-50%);font-size:14px;color:#777;pointer-events:none}
.ks-zv .zv-add__btn{min-width:152px;height:40px;padding:0 16px;border-radius:30px;font-size:14px;font-weight:600}
.ks-zv__hint{font-size:13px;color:#777;margin-top:8px}
.ks-blok{background:#f4f6f9;border-radius:16px;padding:30px 36px;margin:40px 0 0}
.ks-gorod{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:40px}
.ks-gorod__n{font-size:26px;font-weight:700;color:#222;margin:0 0 18px;line-height:1.2}
.ks-izm{font-size:13px;font-weight:600;color:#1b5fa8;border-bottom:1px dashed;margin-left:8px;white-space:nowrap;cursor:pointer;vertical-align:middle}
.ks-sub{font-size:17px;color:#7a8594;font-weight:600;margin:0 0 10px}
.ks-tel{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:20px;font-weight:700}
.ks-tel>a{color:#222}
.ks-msg{display:inline-flex;gap:8px;font-size:26px;line-height:1}
.ks-msg a{display:inline-flex;color:#2ca5e0}
.ks-msg .ks-msg__wa{color:#25d366}
.ks-pismo{display:inline-block;margin:14px 0 0;color:#1b5fa8;font-weight:600;font-size:15px;cursor:pointer}
.ks-adr{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;font-size:15px;line-height:1.45;color:#444}
.ks-adr b{color:#222;font-size:16px}
.ks-adr a{color:#1b5fa8;border-bottom:1px solid}
.ks-sec .section__title,.ks-poh .section__title{font-size:28px;line-height:1.25}
/* расстояния между блоками нового вида меньше общих */
.ks-poh .section,.ks-sec{margin:44px 0}
.ks-poh .section__heading{margin-bottom:14px}
.ks-sec .section__heading{margin-bottom:18px}
.ks-tab-wrap{overflow-x:auto}
.ks-tab{width:100%;border-collapse:collapse;font-size:15px}
.ks-tab th{background:#44567a;color:#fff;text-align:left;padding:14px 18px;font-weight:600}
.ks-tab td{padding:14px 18px;border-bottom:1px solid #e6e9ee}
.ks-tab tbody tr:nth-child(even) td{background:#f7f8fa}
.ks-tab td:last-child,.ks-tab th:last-child{width:34%}
.ks-prim{font-size:14px;color:#555;margin:14px 0 16px;line-height:1.5}
/* 06.11.2026: блок «Доставка в <город>» на карточке в городах */
.kd-fakty{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}
.kd-fakt{background:#f4f6f9;border-radius:12px;padding:14px 16px}
.kd-fakt span{display:block;font-size:13px;color:#6b7686;margin-bottom:4px}
.kd-fakt b{display:block;font-size:16px;line-height:1.3;color:#222}
.kd-fakt i{display:block;font-style:normal;font-size:13px;color:#555;margin-top:3px;line-height:1.35}
.kd-tab td:first-child{font-weight:600;white-space:nowrap}
.kd-tab td:nth-child(2){white-space:nowrap}
.ks-tab.kd-tab td:last-child,.ks-tab.kd-tab th:last-child{width:auto}
.kd-tab td{vertical-align:top;line-height:1.45}
.ks-prim b{color:#222}
.ks-goroda{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 36px}
.ks-gor{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 6px;font-size:15px;border-bottom:1px solid #e6e9ee;color:#333;text-decoration:none}
.ks-gor span{color:#1b5fa8;font-weight:600}
.ks-gor b{font-weight:700;white-space:nowrap}
.ks-gor:hover{background:#f7f8fa}
.ks-sw{position:absolute;opacity:0;pointer-events:none}
.ks-sec--goroda .container{position:relative}
@media (max-width:1100px){
  .ks-top{grid-template-columns:1fr 1fr}
  .ks-foto{grid-column:1/-1;max-width:420px}
  .ks-goroda{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .ks-top,.ks-gorod,.ks-adr,.ks-goroda{grid-template-columns:1fr;gap:22px}
  .ks-foto{grid-column:auto;max-width:none}
  .ks-har .ks-h{margin-bottom:8px}
  .ks-h{font-size:23px}
  .ks-gorod__n{font-size:21px}
  .ks-rows>div{font-size:15px}
  .ks-rows>div.ks-glav b{font-size:22px}
  .ks-kupit .btn--cart{max-width:none}
  .ks-blok{padding:22px 18px;margin-top:26px}
  .ks-tab{font-size:14px}
  .ks-tab th,.ks-tab td{padding:10px 10px}
  .ks-sec .section__title,.ks-poh .section__title{font-size:21px}
  .ks-poh .section,.ks-sec{margin:30px 0}
  /* «Похожие размеры» на телефоне: без прокрутки вбок — название, под ним наличие и цена */
  .ks-poh .pohozhie__wrap{overflow:visible}
  .ks-poh .pohozhie__table,.ks-poh .pohozhie__table tbody{display:block}
  .ks-poh .pohozhie__table thead{display:none}
  .ks-poh .pohozhie__table tr{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:baseline;padding:10px 0;border-bottom:1px solid #e7eaee}
  .ks-poh .pohozhie__table td{display:none;padding:0;border:0}
  .ks-poh .pohozhie__table td:first-child{display:block;grid-column:1/-1;font-size:15px;line-height:1.35}
  .ks-poh .pohozhie__table td:nth-last-child(2){display:block;font-size:13px;color:#6b9a2f}
  .ks-poh .pohozhie__table td:last-child{display:block;text-align:right;font-size:14px}
  .ks-goroda{gap:0}
  /* кнопка «В корзину» сразу под ценой за тонну, остальные строки цены — ниже */
  .ks-stoim{display:flex;flex-direction:column}
  .ks-stoim .ks-rows{display:contents}
  .ks-stoim>*,.ks-stoim .ks-rows>div{order:6}
  .ks-stoim .ks-h{order:1;font-size:20px;margin:0}
  .ks-stoim .ks-upd{order:5;margin:0 0 10px;min-height:0}
  .ks-stoim .ks-rows>.ks-glav{order:3;padding:4px 0 8px}
  .ks-stoim .ks-kupit{order:4;margin:12px 0 10px}
  /* фото ниже и отступы меньше: кнопка «В корзину» должна быть видна над нижней панелью телефона (56 px) */
  .ks-foto .c-prod__pic{max-height:104px}
  .ks-foto--nizk .c-prod__pic{max-height:72px}
  /* «Цена по запросу»: кнопка «Узнать цену» сразу под ценой */
  .ks-stoim .ks-uznat{order:3;align-self:flex-start;margin:6px 0 4px!important}
  .ks-top{gap:12px}
  .ks-top .ks-har{margin-top:10px}
  .ks-stoim .ks-zv{order:5;margin:0 0 8px}
  /* города свёрнуты под заголовок */
  .ks-sec--goroda .section__title label{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font-size:17px;line-height:1.3;padding:14px 16px;background:#f4f6f9;border-radius:12px}
  .ks-sec--goroda .section__title label::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid #1b5fa8;border-bottom:2px solid #1b5fa8;transform:rotate(45deg);margin:-4px 4px 0 0}
  .ks-sw:checked~.section__heading label::after{transform:rotate(-135deg);margin-top:4px}
  .ks-sw:not(:checked)~.ks-goroda{display:none}
  .ks-sw:focus-visible~.section__heading label{outline:2px solid #1b5fa8}
  .ks-sec--goroda .section__heading{margin-bottom:8px}
}
.ks-msg a svg{fill:#2ca5e0}
.ks-msg .ks-msg__wa svg{fill:var(--color-wa,#25d366)}
@media (max-width:767px){
  .kd-fakty{grid-template-columns:1fr 1fr;gap:8px}
  .kd-fakt{padding:10px 12px}
  .kd-fakt b{font-size:15px}
  .kd-tab thead{display:none}
  .kd-tab,.kd-tab tbody,.kd-tab tr,.kd-tab td{display:block;width:auto}
  .kd-tab tr{border:1px solid #e6e9ee;border-radius:12px;padding:12px 14px;margin-bottom:8px;background:#fff}
  .ks-tab.kd-tab tbody tr td,.ks-tab.kd-tab tbody tr:nth-child(even) td,.ks-tab.kd-tab tbody tr td:last-child{background:none;padding:0;border:0;width:auto}
  .ks-tab.kd-tab tbody tr td:first-child{font-size:16px;color:#1b5fa8;margin-bottom:2px;white-space:normal}
  .ks-tab.kd-tab tbody tr td:nth-child(2){font-size:13px;color:#6b7686;margin-bottom:6px;white-space:normal}
  .ks-tab.kd-tab tbody tr td:last-child{font-size:14px}
}