/* ATOM UI 26.08: поиск в шапке, счётчик корзины в нижней панели, понятная пустая корзина */
#atom-search-modal, #atom-search-modal *, #atom-empty-cart, #atom-empty-cart *, .atom-search-btn, .atom-search-btn * { box-sizing: border-box; }
.atom-search-btn { position: absolute; width: 36px; height: 36px; z-index: 100; display: flex; align-items: center; justify-content: center; color: #232323; cursor: pointer; border-radius: 50%; transition: opacity .2s; }
.atom-search-btn:hover { opacity: .6; }
#atom-search-modal { position: fixed; inset: 0; z-index: 100000; display: none; }
#atom-search-modal.is-open { display: block; }
.atom-search__backdrop { position: absolute; inset: 0; background: rgba(20,20,22,.45); }
.atom-search__win { position: relative; margin: 12vh auto 0; max-width: 640px; width: calc(100% - 24px); background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.atom-search__top { display: flex; align-items: center; gap: 8px; padding: 14px 16px; border-bottom: 1px solid #ededed; }
.atom-search__input { flex: 1; border: 0; outline: 0; font-size: 17px; font-family: inherit; color: #232323; background: #f6f6f6; border-radius: 100px; padding: 12px 18px; }
.atom-search__close { border: 0; background: transparent; font-size: 30px; line-height: 1; color: #8a8a8e; cursor: pointer; padding: 0 6px; }
.atom-search__results { max-height: 60vh; overflow-y: auto; }
.atom-search__item { display: flex; gap: 14px; align-items: center; padding: 12px 16px; text-decoration: none; color: inherit; }
.atom-search__item:hover { background: #f8f8fa; }
.atom-search__pic { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 12px; background: #f5f5f7; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.atom-search__pic img { max-width: 100%; max-height: 100%; }
.atom-search__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.atom-search__name { font-size: 15px; color: #232323; line-height: 1.25; }
.atom-search__price { font-size: 15px; font-weight: 600; color: #232323; }
.atom-search__price_ask { font-weight: 400; color: #86868b; }
.atom-search__empty { padding: 22px 18px; color: #86868b; font-size: 15px; line-height: 1.5; }
.atom-search__empty a { color: #f1007c; }
@media screen and (max-width: 640px) { .atom-search__win { margin-top: 8vh; border-radius: 20px; } .atom-search__results { max-height: 66vh; } }
.atom-bottom-count { position: absolute; top: -3px; right: 50%; transform: translateX(25px); box-sizing: border-box; min-width: 16px; height: 16px; padding: 0 3px; background: #f1007c; color: #fff; border: 1.5px solid #fff; border-radius: 100px; font-size: 10px; line-height: 13px; text-align: center; font-weight: 600; }
#atom-empty-cart { position: fixed; inset: 0; z-index: 100001; display: none; }
#atom-empty-cart.is-open { display: block; }
.atom-ec__backdrop { position: absolute; inset: 0; background: rgba(20,20,22,.45); }
.atom-ec__win { position: relative; margin: 22vh auto 0; max-width: 380px; width: calc(100% - 32px); background: #fff; border-radius: 24px; padding: 28px 26px 26px; text-align: center; box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.atom-ec__title { font-size: 21px; font-weight: 600; color: #232323; margin-bottom: 8px; }
.atom-ec__text { font-size: 15px; color: #86868b; line-height: 1.45; margin-bottom: 20px; }
.atom-ec__btn { display: inline-block; padding: 14px 28px; background: #232323; color: #fff !important; text-decoration: none; border-radius: 100px; font-size: 15px; }
.atom-ec__btn:hover { opacity: .85; }
#atom-search-modal, #atom-search-modal input, #atom-search-modal button, #atom-empty-cart, #atom-empty-cart button { font-family: NTSomic, Arial, sans-serif; }
.atom-search__input::-webkit-search-cancel-button, .atom-search__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

.atom-ec__close { position: absolute; top: 12px; right: 16px; border: 0; background: transparent; font-size: 28px; line-height: 1; color: #b0b0b4; cursor: pointer; }

/* ATOM 24.08: шапка не подпрыгивает - до расчёта координат Tilda элементы стояли по десктопным позициям */
#rec755707808 [data-elem-id]:not([style]),
#rec755707960 [data-elem-id]:not([style]) { opacity: 0 !important; }
body.atom-header-ready #rec755707808 [data-elem-id],
body.atom-header-ready #rec755707960 [data-elem-id] { opacity: 1 !important; }

/* ATOM 24.08: меню каталога не мелькает при загрузке - до инициализации плагина блок с крестиком был виден поверх шапки */
#rec755708049:not([style*="display"]) { visibility: hidden !important; }

/* ATOM 24.08: текст на баннере главной читается поверх картинки (мобильный) */
@media screen and (max-width: 640px) {
  #rec719493431 [data-elem-id="1710324590689"] .tn-atom,
  #rec719493431 [data-elem-id="1710324627954"] .tn-atom {
    background: rgba(255,255,255,.8);
    border-radius: 12px;
    padding: 2px 12px 4px;
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}

/* ATOM 24.08: ускоряем появление блоков - было 0.8 с плюс ступенчатые задержки, страница «собиралась» слишком долго */
.t-animate, [data-animate-style] {
  transition-duration: .32s !important;
  transition-delay: 0s !important;
  animation-duration: .32s !important;
  animation-delay: 0s !important;
}

/* ATOM 24.08: зоны нажатия, резерв места под фото, счётчик слайдов */
@media screen and (max-width: 640px) {
  #rec755707808 .button_open .tn-atom, #rec755707960 .button_open .tn-atom,
  .mycart .tn-atom { min-width: 44px; min-height: 44px; }
  #rec755707808 .button_open, #rec755707960 .button_open, .mycart { padding: 6px; margin: -6px; }
  .t706__sidebar-close, .t706__close-text, .t706__sidebar-prev { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
}



/* ATOM 24.08: дублирующий заголовок на баннере категории iPhone - надпись уже есть на самой картинке */
#rec741715357 [data-elem-id="1714416230292"] { display: none !important; }

/* ATOM 24.08: согласие и зоны нажатия */
/* текст согласия дублировался: заголовок группы + подпись у галочки - прячем заголовок */
.t-input-group_cb > .t-input-title { display: none !important; }

/* зоны нажатия на мобильном: нижняя панель, крестик удаления товара */
@media screen and (max-width: 640px) {
  #rec758517097 a { min-height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .t706__product-del-wrapper { padding: 12px; margin: -12px; }
  .t706__product-plusminus > * { min-width: 32px; min-height: 32px; }
}

/* ATOM 24.08: читаемость текста на баннерах - подсветка на пёстрой картинке (мобильный) */
@media screen and (max-width: 640px) {
  #rec719493431 [data-elem-id="1710324590689"] .tn-atom,
  #rec719493431 [data-elem-id="1710324627954"] .tn-atom {
    text-shadow: 0 1px 8px rgba(255,255,255,.9), 0 0 3px rgba(255,255,255,.95);
  }
  #rec741715357 .tn-atom[field], #rec741715357 .tn-atom {
    text-shadow: 0 1px 10px rgba(0,0,0,.55);
  }
}

/* ATOM: пустая лента блога - прячем целиком, пока нет статей; вернётся сама, когда появятся посты */
#rec721310837:not(:has(.t-feed__post)):not(:has(.t-feed__col-grid__post-wrapper)) { display: none !important; }

/* ATOM: пустые группы каруселей главной - не участвуют в кликах и не растягивают прокрутку (24.08) */
#rec719493432 .tn-group:empty, #rec719763087 .tn-group:empty, #rec719722744 .tn-group:empty, #rec719763517 .tn-group:empty, #rec741722226 .tn-group:empty, #rec719755861 .tn-group:empty, #rec719873274 .tn-group:empty, #rec741724261 .tn-group:empty, #rec741724277 .tn-group:empty, #rec741725073 .tn-group:empty, #rec741725122 .tn-group:empty, #rec720594935 .tn-group:empty, #rec720594916 .tn-group:empty { display: none !important; }

/* === ATOM SEO text blocks (added 2026-08-23) === */
.atom-seo { max-width: 760px; margin: 0 auto; padding: 45px 20px 30px; font-family: var(--t-text-font, Arial), Arial, sans-serif; color: #232323; font-size: 16px; line-height: 1.55; }
.atom-seo h1, .atom-seo h2 { font-weight: 600; font-size: 28px; line-height: 1.25; margin: 0 0 16px; }
.atom-seo h3 { font-weight: 600; font-size: 19px; line-height: 1.3; margin: 24px 0 10px; }
.atom-seo p { margin: 0 0 12px; }
.atom-seo a { color: #232323; text-decoration: underline; text-underline-offset: 2px; }
.atom-seo__faq p { margin: 0 0 14px; }
@media (max-width: 640px) { .atom-seo { font-size: 15px; padding: 30px 20px 16px; } .atom-seo h1, .atom-seo h2 { font-size: 22px; } .atom-seo h3 { font-size: 17px; } }
/* === /ATOM SEO === */

/* ===== Меню каталога (блок 755708049): починка hover-зон. 23.08.2026 =====
   1) Пустые группы iPad/MacBook/Watch публикуются в трёх экземплярах; третий
      смещён на (+134,+101) и перехватывает наведение соседней карточки справа.
   2) Двухстрочная подпись «Гейминг и контент» накрывает свою кликзону-триггер,
      из-за чего hover карточки не срабатывает вовсе.
   Блок стоит первым: в конце файла лишние закрывающие скобки, из-за них
   парсер отбрасывает идущее следом правило.
   Клики не теряются: у каждой карточки отдельная кликзона со своим href.
   Откат: удалить этот блок целиком.                                        */

#rec755708049 .tn-group__755708049171724950469541400,
#rec755708049 .tn-group__755708049171724950924110840,
#rec755708049 .tn-group__755708049171724951430764090 { pointer-events: none !important; }

#rec755708049 .tn-elem__7557080491717250247918,
#rec755708049 .tn-elem__7557080491710331989133 { pointer-events: none !important; }
/* ===== конец починки меню ===== */

.js-product .t-product__option-variants_buttons .t-product__option-item_simple
{
    border-radius:112px;
    padding:10px 18px;
    opacity: 1;
}


.js-product .t-product__option-variants_buttons .t-product__option-input:checked+.t-product__option-checkmark_image:before
{
    border-radius:16px;
    overflow:hidden;
}

.js-product .t-product__option-variants_buttons .t-product__option-checkmark_image {
    border-radius:12px;
    border-width:0px !important;
}

.t-slds__bgimg {
    /* background-size: contain !important;*/
    background-size: 85% !important;
    background-color: #f6f6f6;
}

.t-store__card__bgimg, .t-store__card__bgimg_second {
    /*background-size: 65%;*/
    background-color: #F6F6F6;
}

.js-feed-post-image.t-feed__post-popup__img.t-img {
    border-radius:32px !important;
}


 /*detail*/

.t-slds__bgimg.t-bgimg.loaded {
}


.t-slds__thumbsbullet-border {
    border-radius:16px !important;
    border-width:1px !important;
}

.t-slds__thumbsbullet.t-slds__bullet_active .t-slds__thumbsbullet-border {
    display: none;
}


.t-slds__container {
    /*border-radius:16px !important;*/
}

.t744__title.t-name.t-name_xl.js-product-name {
    line-height:1.1 !important;
}

  
@media screen and (min-width: 1200px) {
 .t-container.js-product.js-product-single.js-store-product.js-store-product_single {
    margin-left:34px !important;
    margin-right:34px !important;
    width: 100%; 
    max-width: calc(100% - 68px); 
    box-sizing: border-box;
  } 
  
  .t744__col.t-col.t-col_3 {
    width: 100%; 
    max-width: 22%; 
    box-sizing: border-box;
  } 
  
  .t-container {
    margin-left:34px !important;
    margin-right:34px !important;
    width: 100%; 
    max-width: calc(100% - 68px); 
    box-sizing: border-box;
  } 
  
  .t-col.t-col_12 {
    width: 100%; 
    max-width: 100%;
    box-sizing: border-box;
  } 
  
  .t958__wrapper.t-width.t-width_12 {
    margin-left:34px !important;
    margin-right:34px !important;
}

.t958__slider.t-slds__container.t-width.t-width_6 {
    margin-left:20px !important;
    margin-right:20px !important;
    width: 100%; 
    max-width: 100%;
    box-sizing: border-box;
}
  
} 


@media screen and (min-width: 960px) and (max-width: 1200px) {
 .t-container.js-product.js-product-single.js-store-product.js-store-product_single {
    margin-left:40px !important;
    margin-right:40px !important;
  } 
  .t-container {
    margin-left:40px !important;
    margin-right:40px !important;
    width: 100%; 
    max-width: calc(100% - 80px); 
    box-sizing: border-box;
  } 
  
  .t-col.t-col_12 {
    width: 100%; 
    max-width: 100%;
    box-sizing: border-box;
  } 
  
  .t958__wrapper.t-width.t-width_12 {
    margin-left:40px !important;
    margin-right:40px !important;
}

.t958__slider.t-slds__container.t-width.t-width_6 {
    margin-left:10px !important;
    margin-right:10px !important;
    width: 100%; 
    max-width: 100%;
    box-sizing: border-box;
}

  
}

@media screen and (min-width: 320px) and (max-width: 960px) {
 .t-container.js-product.js-product-single.js-store-product.js-store-product_single {
    width: 100%; 
    max-width: 100%; 
    box-sizing: border-box; 
  }
  
  .t-container {
    width: 100%; 
    max-width: 100%; 
    box-sizing: border-box;
  } 
  
  .t-col.t-col_12 {
    width: 100%; 
    max-width: 100%;
    box-sizing: border-box;
  } 
  
  .t958__slider.t-slds__container.t-width.t-width_6 {
    margin-left:0px !important;
    margin-right:0px !important;
    width: 100%; 
    max-width: 100%;
    box-sizing: border-box;
}

}

 /*cards*/
.js-product-img.t-store__card__bgimg.t-bgimg.loaded {
    border-radius:32px !important;
}

.t-store__card__bgimg_second.t-bgimg.loaded {
    border-radius:32px !important;
}

 /*filters*/
.t-store__sort-select.t-descr.t-descr_xxs.js-store-filter-sort {
    background-color: transparent !important;
    border-width:0px !important;
    font-weight: 400 !important;
    padding-left:0px !important;
}

.t-store__filter__input.js-store-filter-pricemin {
    padding-bottom:8px !important;
    padding-left:16px !important;
    padding-right:16px !important;
    padding-top:8px !important;
    border-radius:50px !important;
    border-width:0px !important;
    margin-top:8px !important;
}

.t-store__filter__input.js-store-filter-pricemax {
    padding-bottom:8px !important;
    padding-left:16px !important;
    padding-right:16px !important;
    padding-top:8px !important;
    border-radius:50px !important;
    border-width:0px !important;
    margin-top:8px !important;
}

.t-store__filter__range_bg {
    background-color: #232323 !important;
}

.t-checkbox__indicator {
    border: 1px solid #232323 !important;
    border-radius:6px !important;
}

/* ATOM 24.08: правило смещало галочку из центра квадрата - отключено, штатное центрирование Tilda работает корректно */

.t-store__filter__item-controls-container.t-store__filter__item-controls-container_buttons.t-store__filter__item-controls-container_color {
    padding-left:0px !important;
}

.t-checkbox__indicator.t-store__filter__checkmark.t-store__filter__checkmark_buttons.t-store__filter__checkmark_color {
    border: 1px solid #EFEFEF !important;
    border-radius:40px !important;
}

.t-store__filter__custom-sel.t-store__filter__custom-sel_buttons.t-store__filter__custom-sel_simple.js-store-filter-custom-select.active {
    background-color: #F6F6F6 !important; 
    padding-bottom:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    padding-top:10px !important;
    border-radius:16px !important;
}

.t-store__filter__custom-sel.t-store__filter__custom-sel_buttons.t-store__filter__custom-sel_simple.js-store-filter-custom-select:hover {
    background-color: #F6F6F6 !important; 
    padding-bottom:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    padding-top:10px !important;
    border-radius:16px !important;
}

.t-store__filter__custom-sel.t-store__filter__custom-sel_buttons.t-store__filter__custom-sel_simple.js-store-filter-custom-select {
    padding-bottom:10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    padding-top:10px !important;
    border-radius:16px !important;
}

.t-store__filter__chosen-val.js-store-filter-chosen-item.t-descr.t-descr_xxs {
    background-color: #F90080 !important;
    color: #FFFFFF !important;
}

.js-store-filter-mob-btn.t-store__filter__opts-mob-btn.t-name.t-name_xs {
    font-size: 16px !important; 
}


/*filters border*/

@media screen and (min-width: 960px) {
.js-store-parts-select-container.t951__sidebar {
    width: 300px;
}

.t951__grid-cont.js-store-grid-cont.t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent.t-store__grid-cont_mobile-grid.t-store__mobile-two-columns.mobile-two-columns.t951__container_mobile-grid {
    width: calc(100% - 300px); 
    max-width: calc(100% - 300px);
  }
  
  .t-store__filter__item.js-store-filter-item.t-descr.t-descr_xxs {
    margin-bottom:12px !important;
    padding-bottom:20px !important;
    padding-left:20px !important;
    padding-right:20px !important;
    padding-top:20px !important;
    border: 1px solid #EFEFEF !important;
    border-radius:32px !important;
 }
 
 .t-store__filter__chosen-bar {
    padding-bottom:20px !important;
    padding-left:20px !important;
    padding-right:20px !important;
    padding-top:20px !important;
    border-radius:32px !important;
    background-color: #FFFFFF !important; 
    border-width:0px !important;
}

}

@media screen and (min-width: 320px) and (max-width: 960px) {

.t951__grid-cont.js-store-grid-cont.t-store__grid-cont_col-width_stretch.t-store__grid-cont_indent.t-store__grid-cont_mobile-grid.t-store__mobile-two-columns.mobile-two-columns.t951__container_mobile-grid {
   padding-left:0px !important;
   padding-right:0px !important;
  }
  
.t-store__filter__btn.js-store-filter-price-btn {
    padding-bottom:8px !important;
    padding-left:16px !important;
    padding-right:16px !important;
    padding-top:8px !important;
    border-radius:50px !important;
    border-width:0px !important;
    margin-top:8px !important;
    background-color: #232323 !important;
    color: #FFFFFF !important;
}
 
}
.js-product .t-product__option-variants_buttons .t-product__option-item_simple.t-product__option-item_active {
    background-color: black;
    .t-descr {
    color: white;}
    
}

.js-product .t-product__option-variants_buttons .t-product__option-item_simple.t-product__option-item_active::before {
    content: '.';
    display: flex;
    border-radius: 4px;
    width: 8px;
    height: 8px;
    margin-right: 14px;
    background-color: white;
}


.js-product .t-product__option-variants_buttons .t-product__option-input:checked+.t-product__option-checkmark_color:before {
    content: '';
    display: flex;
    border-radius: 4px;
    width: 8px;
    height: 8px;
    margin-right: 14px;
    background-color: white;
    border: none;
    top: 42%;
    left: 18px;
}

.js-product .t-product__option-variants_buttons .t-product__option-input:checked+.t-product__option-checkmark_color {
    width: 80px;
    border-radius: 112px;
}

 
.js-product .t-product__option-variants_buttons .t-product__option-checkmark_color {
    width: 44px;
    height: 44px;
    //border: none;
} 
 

.js-product .t-product__option .t-product__option-variants_custom {
    /*width: max-content;*/
    width: auto;
}


.t-slds__thumbsbullet-wrapper {
    background-color: #F6F6F6!important;
}


.t-slds__thumbsbullet.t-slds__bullet.t-slds__bullet_active .t-slds__bgimg  {
    background-color: white!important;
}

/* ATOM 24.08: количество в корзине снова видно (было display:none - покупатель не понимал, откуда сумма) */
.t706__product-plusminus.t-descr.t-descr_sm {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.t706__cartpage-products {
    border: 1px solid #EFEFEF;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 16px;
}

.t706__cartpage-totals {
    background: #7976FB!important;
    border-radius: 32px!important;
    
    
    .t706__cartwin-prodamount-wrap {
        font-size: 32px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -0.03em;
        color: white;}
        
    .t706__cartwin-totalamount-info {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.03em;
        color: white;
        opacity: 0.8;
    }
    
    .t706__cartwin-totalamount-label, .t706__cartwin-totalamount {
        font-size: 32px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -0.03em;
        color: white;
    }}
    
    .t706__product-amount--portion, .t706__product-amount {
        color: #6E6E73!important; 
    }
    
    .t-form__inputsbox.t-form__inputsbox_flex.t-form__inputsbox_inrow, .t-form__inputsbox_inrow.t-form__inputsbox.t-form__inputsbox_flex .t-form__screen-wrapper_active {
        border: 1px solid #EFEFEF;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 16px;
    }
    
    @media screen and (max-width: 960px) {
    .t706__cartpage-totals {
        padding: 12px!important;
    }}

}
}

}