html { scrollbar-color: #050a07 #f0f0f0; scrollbar-width: thin; } html::-webkit-scrollbar { width: 15px !important; -webkit-appearance: none !important; } html::-webkit-scrollbar-track { background: #f0f0f0 !important; } html::-webkit-scrollbar-thumb:hover { background: #fcff4d !important; } html::-webkit-scrollbar-thumb { background: #050a07 !important; border: 10px solid #ffffff !important; -webkit-border-radius: 80px !important;  } 
 
/* --- Кнопка "+" всегда круглая --- */ .t-store__card__btn { 
width: 60px !important; 
height: 60px !important; 
border-radius: 50% !important; 
display: flex !important; 
align-items: center !important; 
justify-content: center !important; 
margin: 4px auto 4px auto !important; 
padding: 0 !important; } 

/* --- Овал "в наличии" под кнопкой --- */ .t-store__card::after { content: attr(data-product-inv) " в наличии"; font-family: 'tildasans', Arial, sans-serif; font-size: 12px; font-weight: 400; color: #000; border-radius: 100px; background-color: #fff; border: 1px solid #000; padding: 1px 4px; display: block; text-align: center; width: fit-content; margin: 2px auto 0 auto; 
/* центрируем под кнопкой */ position: relative; top: 0; } 

/* --- Уменьшаем расстояние между карточками --- */ .t-store__grid-cont .t-col, .t-store__grid-cont .t-store__stretch-col { margin-bottom: 1px !important; padding: 1px !important; } 

/* --- Мобильная адаптация --- */ @media screen and (max-width: 640px) { .t-store__card__btn { width: 40px !important; height: 40px !important; margin: 1px auto 1px auto !important; } 

.t-store__card::after { font-size: 10px; padding: 1px 8px; margin-top: 1px; } .t-store__grid-cont .t-col, .t-store__grid-cont .t-store__stretch-col { margin-bottom: 1px !important; padding: 3px !important; } }



/* --- Убираем лишние вертикальные отступы между карточками --- */
.t-store__grid-cont .t-col,
.t-store__grid-cont .t-store__stretch-col {
  margin-bottom: 1px !important;  /* было 20–30px */
  padding-bottom: 0 !important;
}

/* --- Дополнительно уменьшаем внутренние отступы карточки --- */
.t-store__card {
  margin-bottom: 1 !important;
  padding-bottom: 1 !important;
}

/* --- Убираем лишний отступ после кнопки и овала "в наличии" --- 
*/ .t-store__card::after { margin-bottom: 0 !important; } 
/* --- На мобильных ещё плотнее --- */ @media screen and (max-width: 640px) { .t-store__grid-cont .t-col, .t-store__grid-cont .t-store__stretch-col { margin-bottom: 1px !important; } 


/* ============================= */
/*        Scroll area            */
/* ============================= */
.scroll-area {
    max-height: 1000px;
    overflow-y: auto;
    padding-right: 10px;
}

/* Remove black line from scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent !important;
}
::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 8px;
}
/* ============================= */ 
.t706__cartwin { border-radius: 32px !important; overflow: hidden !important; background: rgba(255, 255, 255, 0.25) !important; 
/* полупрозрачное стекло */ backdrop-filter: blur(18px) saturate(180%) !important; -webkit-backdrop-filter: blur(18px) saturate(180%) !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16) !important; } 
/* Внутренний контейнер — более плотное стекло */ .t706__cartwin-content { max-width: 92% !important; margin: 0 auto !important; background: rgba(255, 255, 255, 0.55) !important;
backdrop-filter: blur(24px) saturate(180%) !important; -webkit-backdrop-filter: blur(24px) saturate(180%) !important; border-radius: 28px !important; padding: 26px !important;
box-sizing: border-box !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
max-height:60vh !important;
}



/* ПОЛЯ ВВОДА И ПОДПИСИ */ /* ============================= */ 
.t-input-group input { display: inline-block !important; vertical-align: middle !important;
line-height: 26px !important; height: 26px !important; padding: 10px !important; }
.t-input-group__left { display: flex !important; align-items: center !important; 



justify-content: center !important; padding-right: 4px !important; } 
.t-input-title { font-size: 14px !important; margin-top: 8px !important; margin-bottom: 3px !important; opacity: 0.75 !important; }
.t-input-block { margin: 3px 0 !important; padding: 12px 16px !important; border-radius: 14px !important; } 




/* ============================= */ /* ТОВАРЫ И КРЕСТИКИ */ /* ============================= */ .t706__product { width: 80% !important; max-width: 80% !important; margin: 10px auto !important; background: rgba(255,255,255,0.22) !important; /* стеклянный товар */ backdrop-filter: blur(16px) !important; border-radius: 20px !important; padding: 12px !important; box-sizing: border-box !important; }

.t706__product-del { right: 60px !important; top: 15px !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255,255,255,0.25) !important; /* стеклянный крестик */ backdrop-filter: blur(16px) !important; }

/* ============================= */ /* МЕДИА-ЗАПРОСЫ */ /* ============================= */ /* Телефоны < 640px */ @media screen and (max-width: 640px) { .t706__cartwin { border-radius: 28px !important; backdrop-filter: blur(36px) !important; } .t706__cartwin-content { padding: 14px !important; border-radius: 22px !important; } .t-input-block { margin: 1px 0 !important; padding: 10px 12px !important; }

/* Принудительно сделать крестик закрытия корзины видимым и закрепленным в правом углу */ 
body .t706__cartwin-close, body .t706__cartwin__close, body .t706__close-btn 

{ position: absolute !important; top: 10px !important; 
/* отступ сверху */ right: 16px !important; 
/* отступ справа */ width: 32px !important; 
height: 32px !important; border-radius: 50% !important; background: rgba(0, 0, 0, 0.25) !important; /* тёмный полупрозрачный фон */ backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(12px) !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important; color: #fff !important; /* крестик белый для контраста */ z-index: 9999 !important; /* всегда поверх */ cursor: pointer !important; /* указатель при наведении */ }



.t-input-group input { line-height: 22px !important; height: 22px !important; } .t706__product { width: 100% !important; max-width: 100% !important; padding: 12px !important; } 
/* Планшеты и ноутбуки > 640px */ @media screen and (min-width: 641px) { .t706__cartwin { border-radius: 40px !important; backdrop-filter: blur(40px) !important; }

.t706__cartwin-content { padding: 28px !important; border-radius: 30px !important; max-width: 540px !important; margin: 0 auto !important; } .t-input-block { margin: 3px 0 !important; padding: 12px 16px !important; border-radius: 14px !important; } .t-input-title { margin-top: 8px !important; margin-bottom: 3px !important; } .t-input-group input { height: 26px !important; line-height: 26px !important; }

.t706__product { width: 80% !important; max-width: 80% !important; margin: 10px auto !important; } 

.scroll-area, .t706__cartwin { scrollbar-width: thin; /* для Firefox */ scrollbar-color: rgba(255,255,255,0.3) transparent; /* вертикальный только */ } ::-webkit-scrollbar { width: 0px; /* полностью скрываем скроллбар */ height: 0px; } ::-webkit-scrollbar-track { background: transparent !important; } ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.3); border-radius: 8px; }