/* 02.11.2026 (скриншоты Ивана с iPhone): телефонная вёрстка каталога и страницы лота. Подключается последним. */
@media(max-width:760px){
  /* вкладки сверху */
  .sw a{font-size:12px;white-space:normal;line-height:1.2;text-align:center}
  /* карточки лотов: одна в ряд, данные строками «название — значение» */
  .grid.g3{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .c3 .k3{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:14px!important;row-gap:6px!important}
  .c3 .k3 p{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;min-width:0}
  .c3 .k3 p span{font-size:12px}
  .c3 .k3 p b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .c3 .k3 p:first-child em{font-size:12px}
  .c3 .k3 p:first-child em b{margin-left:4px}
  .c3 h3{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
  .c3 .p3{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:4px 10px}
  .c3 .p3 .pv{min-width:0;text-align:right}
  .c3 .p3 .pv b{white-space:nowrap}

  /* страница лота: фото и данные друг под другом */
  .l2 .lt2{display:block!important;margin-top:10px}
  .l2 .lg2{min-height:0!important;gap:8px}
  .l2 .lg2 .bigw{flex:none;min-height:0!important;aspect-ratio:4/3;border-radius:18px}
  .l2 .lg2 .th{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}
  .l2 .lg2 .th img,.l2 .lg2 .th .more{border-radius:10px}
  .l2 .lg2 .th .more{font-size:12px;line-height:1.1;text-align:center}
  .l2 .lg2 .bigw .zoom{left:10px!important;bottom:10px!important;font-size:12px}
  .l2 .lg2 .bigw .cnt{right:10px;bottom:10px}
  .l2 .li2{margin-top:12px;padding:20px 16px 18px;border-radius:20px}
  .l2 .chips .ch{font-size:12px}
  .l2 .li2 h1{font-size:21px!important;margin:12px 0 12px;overflow-wrap:normal;word-break:normal;hyphens:none}
  .l2 .kv{grid-template-columns:auto minmax(0,1fr)!important}
  .l2 .kv>span{padding-right:12px;font-size:13.5px}
  .l2 .kv>b{font-size:13.5px;overflow-wrap:anywhere}
  .l2 .kv>b.ell{white-space:normal;overflow:visible}
  .l2 .kv .pyt{margin-left:4px;white-space:nowrap}
  .l2 .pr{display:block!important;padding:12px 0!important}
  .l2 .pr>div{padding:0 14px!important}
  .l2 .pr>div+div{border-left:0!important;border-top:1px solid #e0dfe6;margin-top:10px;padding-top:10px!important}
  .l2 .pr b{white-space:normal}
  .l2 .pr .pk b{font-size:24px!important;white-space:nowrap}
  .l2 .li2 .acts{grid-template-columns:1fr!important;gap:8px}
  .l2 .li2 .acts .btn{height:48px;font-size:14px;white-space:nowrap}

  /* заголовки разделов */
  .l2 .h2{font-size:22px!important;margin:32px 0 12px!important;overflow-wrap:normal}
  .l2 .gal .ghd{display:block}
  .l2 .gal .ghd small{display:block;margin:-4px 0 12px;font-size:13px}

  /* оценка аукциона: плитки по 4 в ряд, подписи переносятся */
  .l2 .grd2{padding:18px 14px!important;border-radius:20px}
  .l2 .gtl{grid-auto-flow:row!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none!important;gap:6px!important}
  .l2 .gt{padding:12px 4px 10px!important;border-radius:14px;min-width:0}
  .l2 .gt b{font-size:22px!important;overflow-wrap:anywhere}
  .l2 .gt b.w,.l2 .gt b:not(:only-child){word-break:normal}
  .l2 .gt span{font-size:11px!important;white-space:normal!important;line-height:1.2;margin-top:6px!important;overflow-wrap:anywhere}
  .l2 .gtip{display:none!important}
  .l2 .sr2 .sv,.l2 .sr2 span{font-size:12.5px}
  .l2 .anote{padding:12px 14px}.l2 .anote p{font-size:13.5px}

  /* фото и замечания по узлам */
  .l2 .gal .row,.l2 .gal .shrow{display:block!important;padding:16px 14px!important;border-radius:20px!important}
  .l2 .gal .row .nm{font-size:15px}
  .l2 .gal .strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 0!important;padding:0!important}
  .l2 .gal .row.wide .strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .l2 .gal .strip>img,.l2 .gal .strip .vid{width:100%!important;height:auto!important}
  .l2 .gal .shrow .shl img{max-height:none!important;width:100%!important}
  .l2 .gal .shrow .sx{display:block!important}
  .l2 .gal .shrow .stg,.l2 .gal .shrow .sx .stg{grid-template-columns:minmax(0,1fr)!important}
  .l2 .gal .shrow .sxr{margin-top:14px;padding:14px!important}
  .l2 .gal .shrow .sxr{columns:auto!important;column-count:1!important;column-rule:0!important}
  .l2 .gal .shrow .sxm,.l2 .gal .shrow .sxc{display:block!important;columns:auto!important}
  .l2 .gal .shrow h5,.l2 .gal .shrow .sxe{font-size:15px!important;word-break:normal;overflow-wrap:normal}
  .l2 .gal .stc,.l2 .gal .stc *{max-width:100%;min-width:0}
}
/* айфон и другие телефоны боком: та же телефонная раскладка, чуть крупнее (ширину задаёт скрипт в base.html) */

/* 02.11.2026: Safari (айфон и Mac) рисовал у выпадающих списков свою прямоугольную рамку внутри скруглённого поля - убрана, стрелка своя */
.in select,select.in{-webkit-appearance:none!important;appearance:none!important;border:0;border-radius:0;box-shadow:none;background-color:transparent;padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23222' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right center!important;background-size:12px 8px!important}
.in select::-ms-expand{display:none}
.in input{-webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none}
.in input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
@media(max-width:760px){.rh-row>*:not(.rh-logo){margin-left:0!important}.rh-logo{margin-right:auto!important}}
@media(max-width:760px) and (orientation:landscape){.l2 .lg2 .bigw{aspect-ratio:16/9}}
/* кнопка меню: три полоски видны и в Safari на iPhone */
.rh-bur{-webkit-appearance:none;appearance:none;align-items:center!important}
.rh-bur i{display:block!important;width:20px!important;min-width:20px;flex:none!important;height:2px!important;background:#222!important;border-radius:2px}

/* 02.11 Иван: ползунки аукционов и «Только с фото / Только проданные» на телефоне - блок по размеру подписи, не во всю ширину */
@media(max-width:760px){
 #flt .f3 .aus .tg{display:flex;flex-wrap:wrap;gap:6px}
 #flt .f3 .aus label{flex:none;justify-content:flex-start}
 #flt .f3 .aus.rt{margin-left:0;width:auto}
}

/* 03.11.2026 проверка телефона: переключатель не обрезается на 360px, кнопки фильтра одного размера, плашка «Тестовая версия» не закрывает строки лота */
@media(max-width:760px){
 .swl .sw2 a{white-space:nowrap!important;font-size:12px!important;padding:0 4px!important;letter-spacing:-.1px}
 #flt .fbin{display:flex!important;gap:10px;height:auto!important;width:100%!important;margin-left:0!important;flex:none!important}
 #flt .fbin .rst,#flt .fbin .ok{flex:1 1 0!important;min-width:0;height:48px!important;padding:0 8px!important;display:flex!important;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;margin:0!important;font-size:13px!important;border-radius:50px!important;padding:0 4px!important}
 @media(max-width:389px){.swl .sw2 a{font-size:11px!important}}
 @media(max-width:374px){#flt .fbin .rst,#flt .fbin .ok{font-size:12px!important}#flt .fbin{gap:8px}}
 .testb{position:static!important;display:block;width:max-content;margin:12px auto;opacity:.6!important}
}
@media(hover:none){.anote .hv{display:none}.l2 .anote .tp{display:inline!important}}
@media(hover:hover){.anote .tp{display:none}}
/* 03.11 15:30 Иван: на телефоне общая оценка без чёрной заливки и лишь чуть крупнее узлов (~1,2 раза); плитки меньше.
   Ряд: общая + узлы подряд с переносом; слова в узлах (AUCNET «хорошо») - b.gwd2 в одну строку */
@media(max-width:760px){
  .l2 .gtl{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:6px!important}
  .l2 .gt{display:flex;flex-direction:column;justify-content:center}
  .l2 .gt{flex:0 0 calc((100% - 18px) * .243);min-width:0;padding:9px 3px 8px!important;border-radius:12px}
  .l2 .gt b{font-size:19px!important}
  .l2 .gt span{font-size:10.5px!important;margin-top:4px!important}
  .l2 .gt.tot,.l2 .gt.tot:hover{flex:0 0 calc((100% - 18px) * .27);background:var(--pg)!important;padding:12px 3px 11px!important;border-radius:14px}
  .l2 .gt.tot:focus{background:#e8e7ee!important}
  .l2 .gt.tot b{font-size:25px!important;color:var(--ink)!important}
  .l2 .gt.tot span{color:#4a4a4a!important;font-size:12px!important;font-weight:600;margin-top:5px!important}
  .l2 .gt.tot.na b{color:#c4c3cb!important}
  .l2 .gt:not(.tot) b.gwd2{font-family:Montserrat,sans-serif!important;font-weight:800!important;font-size:13px!important;line-height:1.15;overflow-wrap:normal!important;word-break:normal!important;padding:3px 0;white-space:nowrap}
}
/* 03.11 15:40 Иван: ровно два размера плиток - общая чуть больше, все узлы одинаковые (не растягиваются под общую) */
@media(max-width:760px){
  .l2 .gtl{align-items:center!important}
  .l2 .gt:not(.tot){height:68px;box-sizing:border-box;padding:6px 3px!important}
  .l2 .gt.tot,.l2 .gt.tot:hover{height:78px;box-sizing:border-box;padding:6px 3px!important}
}
/* 03.11.2026 (Иван): на телефоне плитки оценок - просто информация, без реакции на нажатие и без подсказки «Нажмите на оценку» */
@media(hover:none){
  .l2 .gt{pointer-events:none;cursor:default;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
  .l2 .gt .gtip{display:none!important}
  .l2 .anote .tp,.l2 .anote .hv{display:none!important}
}