/* glavtorg 2026-10-25 tiles v2.2: flex-колонка, картинка не заходит в зону текста */
.gt-t2-wrap{margin:16px 0 8px}
.gt-t2{display:grid;gap:8px}
.gt-t2-i{position:relative;display:flex;flex-direction:column;background:#F2F3F5;border-radius:16px;overflow:hidden;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease}
.gt-t2-i span{flex:none;display:block;padding:9px 8px 0 10px;color:#1d2029;font-family:Ubuntu,Arial,sans-serif;font-weight:500;font-size:12.5px;line-height:15px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;word-break:normal}
.gt-t2-i img{display:block;flex:1 1 0;min-height:0;width:auto;max-width:none;height:auto;align-self:stretch;object-fit:contain;object-position:right bottom;margin:4px -4% -3% 0}
@media(max-width:767px){
.gt-t2-wrap{margin:12px -12px 4px}
.gt-t2{grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3.3);overflow-x:auto;padding:0 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.gt-t2::-webkit-scrollbar{display:none}
.gt-t2-i{aspect-ratio:1/1.02;scroll-snap-align:start}
}
@media(max-width:380px){.gt-t2-i span{font-size:11.5px;line-height:14px;padding-left:9px}}
@media(min-width:768px){
.gt-t2{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gt-t2-i{aspect-ratio:1.45/1;border-radius:20px}
.gt-t2-i:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.gt-t2-i span{padding:14px 16px 0;font-size:17px;line-height:21px}
.gt-t2-i img{margin:6px -2% -4% 0}
}
@media(min-width:768px) and (max-width:1199px){.gt-t2{gap:12px}.gt-t2-i{aspect-ratio:1.2/1}.gt-t2-i span{padding:12px 12px 0;font-size:14.5px;line-height:18px}}
@media(max-width:767px){.gt-t2-i span{padding-top:8px;line-height:14px}.gt-t2-i img{margin-top:2px}}
@media(max-width:380px){.gt-t2-i span{line-height:13px}}