@import url("gtyres-product.css?v=20260909b");
/* Карточки сохраняют DOM и обработчики количества/корзины существующих модулей. */
#content .us-module-item{position:relative;border:1px solid var(--gt-line);border-radius:12px;padding:14px;background:#fff;box-shadow:none;text-align:left;height:100%;transition:border-color .15s ease,box-shadow .15s ease;overflow:hidden}
#content .us-module-item:hover{border-color:#c6c9cc;box-shadow:0 6px 18px #23232308}
#content .us-module-img{margin:0 0 16px;padding:0;position:relative;border-radius:7px;overflow:hidden;background:#f7f7f7}
#content .us-module-img>a{display:block;margin:0}
#content .us-module-img img{height:240px;max-height:none;object-fit:contain;margin:auto}
/* Стикеры модуля статусов — не фото: размер фото растягивал стикер на весь столбец кнопок. */
#content .us-module-img .category-sticker .image-sticker img{width:auto;height:auto}
/* Ссылка-значок сезона — не ссылка фото: правило темы min-height:170px (до 767px) растягивало её на полосу фото, и касание фото открывало категорию сезона. */
@media(max-width:767px){.us-module-img .category-sticker a{min-height:0}}
#content .us-module-img .slick-dots{position:relative;bottom:auto;display:flex!important;gap:4px;margin:7px 0 0;padding:0 4px 5px}
#content .us-module-img .slick-dots li{width:auto;flex:1;height:3px;padding:0;margin:0;background:#e0e1e3}
#content .us-module-img .slick-dots li.slick-active{background:var(--gt-orange)}
#content .us-module-img .slick-dots button{opacity:0;width:100%;height:12px;margin-top:-4px}
/* Выше слоя смены фото .tmb-wrap (z 2) и ниже углового стикера 80px: z-index темы и top:90px владельца с поправкой на padding. */
#content .us-module-buttons-list{position:absolute;z-index:10;top:109px;right:20px;bottom:auto;left:auto;width:36px;display:flex;flex-direction:column;gap:6px;opacity:1;transform:none;margin:0;padding:0;list-style:none;box-sizing:border-box}
#content .us-module-buttons-item{margin:0;padding:0!important;background:transparent;width:36px;height:36px;transform:none!important;opacity:1!important}
#content .us-module-buttons-link{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dfe2e4;border-radius:50%;background:#ffffffed;color:#40454b;box-shadow:none;line-height:1}
#content .us-module-buttons-link .gt-icon{width:18px;height:18px}
#content .us-module-buttons-link:hover{color:var(--gt-action);border-color:var(--gt-orange)}
#content .us-module-caption{flex:1;padding:0;min-height:0}
#content .us-module-title{font-size:15px;line-height:1.5;font-weight:600;min-height:68px;height:auto;max-height:none;text-align:left;margin:0 0 12px;padding:0;letter-spacing:0;display:block;flex-grow:0!important}
#content .us-module-title a{font-size:inherit;line-height:inherit;font-weight:inherit;color:var(--gt-ink);text-decoration:none;display:block;overflow-wrap:anywhere}
#content .us-module-title a:hover{color:var(--gt-action)}
#content .us-module-model{color:var(--gt-muted);font-size:12px;margin-bottom:10px}
#content .us-module-rating{justify-content:flex-start!important;margin:0 0 12px}
#content .us-module-price{margin:0;width:auto;justify-self:end;text-align:right;white-space:nowrap}
#content .us-module-item :is(.cat-module-price-new,.cat-module-price-actual,.mod-module-price-new,.mod-module-price-actual){display:flex;align-items:baseline;justify-content:flex-start;gap:7px;font-size:25px;font-weight:700;line-height:1.2;color:var(--gt-ink);position:static;margin:0 0 14px;padding:0;white-space:nowrap}
#content .us-module-item :is(.cat-module-price-new,.cat-module-price-actual,.mod-module-price-new,.mod-module-price-actual)>div{display:inline;font-size:12px;font-weight:400;color:var(--gt-muted)}
#content .us-module-item :is(.cat-module-price-new,.cat-module-price-actual,.mod-module-price-new,.mod-module-price-actual){background:transparent;width:auto}
#content .us-module-item :is(.cat-module-price-new,.cat-module-price-actual,.mod-module-price-new,.mod-module-price-actual)>div{margin:0}
#content .us-module-item :is(.cat-module-price-old,.mod-module-price-old){position:static;height:auto!important;display:block;color:var(--gt-muted);font-size:13px;line-height:1.3;text-align:left;margin:0 0 5px}
#content .us-module-item :is(.cat-module-price-old,.mod-module-price-old):empty,#content .cat-module-price-old:has(>div:empty){display:none}
#content .us-module-price :is(.us-module-price-new,.us-module-price-actual){font-size:17px;font-weight:600;color:var(--gt-ink);white-space:nowrap;line-height:1.5}
#content .us-module-item .quantity-box p{font-size:11px;line-height:1.4;color:var(--gt-muted);margin:0 0 5px;font-weight:400}
/* Первая колонка по ширине кнопок количества (114px): при 4 карточках в ряд равные колонки сжимали её, и «+» переносился под «−». */
#content .us-module-item .quantity-box{margin:0;padding:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:end;width:100%}
#content .us-module-caption>.quantity-box{margin-top:auto;padding-top:8px}
#content .us-module-caption>.quantity-box>.us-module-price{grid-column:2;grid-row:2;align-self:end;padding-bottom:4px}
#content .us-module-caption>.quantity-box>:is(.cat-module-price-new,.cat-module-price-actual){grid-column:1/-1;grid-row:1}
#content .us-module-caption>.quantity-box>.cat-module-price-old{grid-column:1/-1;grid-row:1;align-self:start;transform:translateY(-18px)}
#content .us-module-caption>.quantity-box>.us-product-category-quantity{display:contents}
#content .us-module-caption>.quantity-box>.us-product-category-quantity>p{display:none}
#content .us-module-caption>.quantity-box>.us-product-category-quantity>.us-product-quantity{grid-column:1;grid-row:2}
#content .us-module-caption>.quantity-box>.us-product-category-quantity>.us-module-cart-btn{grid-column:1/-1;grid-row:3}
#content .us-module-item .us-product-quantity{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:114px;max-width:100%;height:auto;margin:0;gap:0}
#content .us-module-item .us-product-quantity>p{width:100%;text-align:left;flex-basis:100%}
#content .us-module-item .us-product-quantity-btn{width:36px;height:40px;border:1px solid var(--gt-line);background:var(--gt-surface);color:var(--gt-ink);font-size:18px;padding:0;line-height:38px;position:static;border-radius:5px}
#content .us-module-item .us-product-quantity input.form-control{width:40px;flex:none;height:40px;margin:0 -1px;min-height:0;padding:0;border:1px solid var(--gt-line);border-radius:0;text-align:center;line-height:40px;background:#fff;font-size:14px;color:var(--gt-ink)}
#content .us-module-item .us-product-category-quantity{width:100%;margin-top:auto;padding:0}
#content .us-module-item .us-module-cart-btn{position:static;inset:auto;width:100%;height:44px;min-height:44px;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--gt-action)!important;color:#fff;border:0;border-radius:6px;font-size:14px;font-weight:600;margin:12px 0 0;padding:10px;letter-spacing:0;text-transform:none}
#content .us-module-item .us-module-cart-btn:hover{background:#a72c11}
#content .us-module-item :focus-visible{outline:2px solid var(--gt-orange);outline-offset:2px}
#content .product-layout{margin-bottom:20px;padding-left:8px;padding-right:8px}
#content .us-module-row .us-item{padding:8px}
#content .us-category-content{background:transparent;padding:0}
#content .us-category-sort-block{border:1px solid var(--gt-line);border-radius:8px;padding:12px;background:#fff;margin:0 0 20px}
#content select{border-radius:5px;color:var(--gt-ink);background-color:#fff}
.us-product-right{border:1px solid var(--gt-line);border-radius:12px;padding:24px!important;background:#fff}
.us-product-right .us-product-info-list{padding-bottom:16px;line-height:1.8}
.us-product-right .us-product-info-list li{border-bottom:1px solid #f0f1f2;padding:7px 0}
.us-product-right .box-price{border-top:1px solid var(--gt-line);padding-top:20px}
.us-product-right #button-cart{background:var(--gt-action);border-radius:6px;min-height:46px}
@media(min-width:1200px){#content .us-module-img img{height:240px}}
@media(max-width:767px){#content .us-module-item{padding:12px;border-radius:9px}#content .us-module-img img{height:240px}#content .us-module-title{min-height:0;margin-bottom:16px}#content .us-module-buttons-list{top:107px;right:18px}#content .product-list .us-module-buttons-list{top:20px}.us-product-right{padding:18px!important}#content .us-module-row .us-module-item{margin:0}#content .us-module-item .quantity-box{gap:10px}}
@media(max-width:359px){#content .us-module-img img{height:210px}#content .us-module-price :is(.us-module-price-new,.us-module-price-actual){font-size:15px}#content .us-module-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){#content .us-module-item{transition:none}}

/* В режиме списка фото и сведения стоят рядом; DOM корзины остаётся прежним. */
@media(min-width:768px){
 #content .product-list .us-module-item{display:grid!important;grid-template-columns:minmax(160px,30%) minmax(0,1fr);gap:24px;align-items:start;padding:18px;min-height:0}
 #content .product-list .us-module-img{width:100%;max-width:none;margin:0;grid-column:1;grid-row:1}
 #content .product-list .us-module-img img{height:210px;width:100%;max-width:100%;object-fit:contain}
 #content .product-list .us-module-caption{grid-column:2;grid-row:1;width:100%;height:auto;min-height:0;padding:0!important}
 #content .product-list .us-module-title{min-height:0;padding-right:38px;margin-bottom:20px}
 #content .product-list .quantity-box{margin-top:12px;max-width:400px}
 #content .product-list .us-module-buttons-list{top:18px;right:18px}
 #content .product-list .us-module-cart-btn{max-width:none}
}

#content .cat-module-price-old>div{display:inline;margin:0 5px 0 0;font-size:12px}
/* FilterVier: стиль модуля ставит кнопку «фильтр» на top:10%, поверх поиска на телефоне; переносим её вниз, на уровень кнопки чата. */
@media(max-width:850px){
body #mobil_mini i.fa-filter{top:auto;bottom:80px;left:12px;display:flex;align-items:center;gap:7px;width:auto!important;height:40px!important;padding:0 16px;line-height:40px!important;border-radius:20px;background:var(--gt-ink);opacity:1;box-shadow:0 4px 14px #0003}
body #mobil_mini i.fa-filter::after{content:"Фильтр";font:600 15px "Open Sans",sans-serif}
}