/* glavtorg 2026-10-11 tilesA (font 21:00: 600->500, Ubuntu 500 loaded; 600 rendered as 700): desktop main page - tizers (iblock 14) + float banners (iblock 12) as cards, banner radius.
   CSS only (markup/templates unchanged; mobile <=767px styled by gt_mobile.css). Included from php_interface/include/gt_mobile.php only on "/" */
@media (min-width:768px){
.front .top_slider_wrapp{border-radius:18px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)}
/* преимущества */
.front .tizers_block{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0!important;padding:0!important;height:auto!important;border:0!important}
.front .tizers_block:before,.front .tizers_block:after{display:none!important}
.front .tizers_block .item{float:none!important;width:auto!important;max-width:none!important;margin:0!important;display:flex!important;align-items:center;gap:12px;background:#fff;border:1px solid #edf0f4;border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.04);padding:12px 14px!important;min-height:68px;box-sizing:border-box;text-align:left!important}
.front .tizers_block .item a.name{display:contents;color:inherit}
.front .tizers_block .item .img{flex:none;width:44px!important;height:44px!important;border-radius:50%;background:#eaf3fc;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;float:none!important;position:static!important;line-height:0}
.front .tizers_block .item .img img{width:26px!important;height:26px!important;max-width:none;object-fit:contain;filter:invert(26%) sepia(96%) saturate(2190%) hue-rotate(196deg) brightness(92%) contrast(101%)}
.front .tizers_block .item .title{color:#1d2029!important;font-weight:500!important;font-size:13px!important;line-height:18px!important;padding:0!important;margin:0!important;display:block!important;float:none!important;width:auto!important;text-align:left!important}
/* кубики-разделы */
.front .float_banners{height:auto!important;margin:0!important}
.front .float_banners .start_promo{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0!important;padding:0!important;height:auto!important}
.front .float_banners .start_promo:before,.front .float_banners .start_promo:after{display:none!important}
.front .float_banners .item{position:relative!important;float:none!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;left:auto!important;top:auto!important;margin:0!important;display:flex!important;flex-direction:column;background:#fff!important;border:1px solid #edf0f4!important;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.04);padding:8px!important;overflow:hidden;box-sizing:border-box;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.front .float_banners .item .opacity_block1{position:absolute!important;inset:0;z-index:5;display:block!important;background:none!important;opacity:1!important;width:auto!important;height:auto!important}
.front .float_banners .item .img_block{position:relative!important;inset:auto!important;order:1;width:100%!important;height:auto!important;aspect-ratio:16/10;border-radius:14px;background-size:cover!important;background-position:center!important;transform:none!important;transition:none!important}
.front .float_banners .wrap_tizer{position:relative!important;order:2;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;min-height:0!important;padding:12px 8px 6px!important;margin:0!important;display:flex!important;align-items:flex-start;justify-content:space-between;gap:8px;text-align:left!important;transform:none!important}
.front .float_banners .wrapper_inner_tizer,.front .float_banners .wr_block{position:static!important;padding:0!important;margin:0!important;height:auto!important;width:auto!important;min-height:0!important;transform:none!important;display:block!important;text-align:left!important}
.front .float_banners .wrap_outer,.front .float_banners .outer_text,.front .float_banners .inner_text{background:none!important;padding:0!important;margin:0!important;display:block!important;color:#1d2029!important;font-size:15px!important;line-height:20px!important;font-weight:500!important;text-shadow:none!important;white-space:normal!important;text-decoration:none!important;box-shadow:none!important}
.front .float_banners .wrap_tizer:after{content:"";flex:none;width:18px;height:18px;margin-top:1px;background:#006dca;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transform:translateX(-4px);transition:opacity .18s ease,transform .18s ease}
.front .float_banners .item:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,60,130,.12)}
.front .float_banners .item:hover .inner_text,.front .float_banners .item:hover .outer_text{color:#006dca!important}
.front .float_banners .item:hover .wrap_tizer:after{opacity:1;transform:none}
}
@media (min-width:768px) and (max-width:1199px){
.front .tizers_block{grid-template-columns:repeat(2,minmax(0,1fr))}
.front .float_banners .start_promo{gap:12px}
.front .float_banners .wrap_outer,.front .float_banners .outer_text,.front .float_banners .inner_text{font-size:14px!important;line-height:18px!important}
}
