/* AUTO-LAPTI GLOBAL PREMIUM HEADER v1 — 2026-09-06 */
header{position:relative;z-index:100;background:#fff}

/* Service bar */
header #top.top-menu{border-bottom:1px solid #e9efee;background:#f7f9f9;box-shadow:none}
header #top .container{height:34px}
header #top .top-menu__links{min-width:0}
header #top .top-links__li{margin-right:20px}
header #top .top-links .top-links__a{margin-top:0;color:#344247;font-size:11.5px;font-weight:600;line-height:1;text-decoration:none;transition:color .15s ease}
header #top .top-links .top-links__a:hover{color:#205f5d}
header #top .prmn-cmngr_top{flex:0 0 auto;margin:0 8px 0 0}
header #top .prmn-cmngr_top .prmn-cmngr__title{margin:0}
header #top .prmn-cmngr_top .prmn-cmngr__city{display:flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border:1px solid transparent;border-radius:9px;color:#27383d!important;font-size:12px;font-weight:600;text-decoration:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease}
header #top .prmn-cmngr_top .prmn-cmngr__city:hover{border-color:#e3ebea;background:#fff;color:#205f5d!important}
header #top .prmn-cmngr_top .prmn-cmngr__city .fa{color:#2b7a78;font-size:11px}
header #top .top-menu__buttons{align-items:center;gap:6px}
header #top .top-menu__buttons .btn-group{margin:0!important}
header #top .top-menu__wishlist.status-1,
header #top .top-menu__compare.status-1{margin:0!important}
header #top .top-menu__btn{display:flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border:1px solid #e7ecec;border-radius:9px;background:#fff;color:#39484c;font-size:11.5px;font-weight:600;line-height:1;box-shadow:0 1px 2px rgba(28,55,60,.02);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
header #top .top-menu__btn:hover,
header #top .open .top-menu__btn{border-color:#cfdfdd;background:#fff;color:#205f5d;box-shadow:0 4px 12px rgba(31,75,79,.06)}
header #top .top-menu__btn span{margin-left:7px}
header #top .top-menu__wishlist-total.uni-badge,
header #top .top-menu__compare-total.uni-badge{margin-left:4px;margin-right:-3px;padding:0;background:transparent}
header #top .top-menu__buttons .dropdown-menu{margin-top:7px;border:1px solid #dfe8e7;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(25,56,61,.12)}
header #top .top-menu__buttons .dropdown-menu>li>a{padding:8px 14px;color:#3d5055;font-size:12px}
header #top .top-menu__buttons .dropdown-menu>li>a:hover{background:#f4f8f7;color:#205f5d}

/* Main header row */
header>.container>.header-block{align-items:center;margin:0;padding:10px 0 8px}
header .header-block__item-logo{padding:0 22px 0 0}
header .header-logo{display:flex;align-items:center;max-width:210px}
header .header-logo__img{width:auto!important;max-width:190px!important;max-height:60px!important;object-fit:contain}
header .header-block__item-search{padding:0 20px 0 4px}
header .header-search{width:100%}
header .header-search__form{height:42px;border:1px solid #dfe8e7;border-radius:13px;background:#fff;box-shadow:0 4px 15px rgba(31,70,75,.04);transition:border-color .15s ease,box-shadow .15s ease}
header .header-search__form:focus-within{border-color:#b8d5d2;box-shadow:0 6px 18px rgba(31,90,91,.075)}
header .header-search__category{flex:0 0 auto}
header .header-search__category-btn{height:40px;min-width:50px;padding:0 14px;border:0!important;border-right:1px solid #e7eeee!important;border-radius:12px 0 0 12px!important;background:#f6f8f8!important;color:#53666b!important;box-shadow:none!important}
header .header-search__category-btn:hover,
header .header-search__category.open .header-search__category-btn{background:#f0f6f5!important;color:#205f5d!important}
header .header-search__category-icon{line-height:40px!important;font-size:12px}
header .header-search__input{height:40px!important;padding:0 48px 0 15px!important;border:0!important;border-radius:0 12px 12px 0!important;background:transparent!important;color:#263b40!important;font-size:13.5px!important;box-shadow:none!important}
header .header-search__input::placeholder{color:#7a8b8f!important;opacity:1}
header .header-search__btn{right:3px;width:40px;height:36px;color:#2b7a78!important;border-radius:9px!important;background:transparent!important;font-size:14px}
header .header-search__btn:hover{background:#edf6f5!important;color:#205f5d!important}
header .header-search .search-btn-clear{top:10px;right:48px;color:#9aa6a8}
header .header-search .dropdown-menu{margin-top:8px;padding:6px;border:1px solid #dfe8e7;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(25,56,61,.12)}
header .header-search .dropdown-menu>li>a{padding:8px 10px;border-radius:8px;color:#3d5055;font-size:12px}
header .header-search .dropdown-menu>li>a:hover{background:#f1f7f6;color:#205f5d}

/* Contact block */
header .header-block__item-telephone{align-self:stretch;justify-content:center;padding:0 12px 0 16px;border-left:1px solid #e8eeee}
header .header-phones{min-width:188px;padding-right:31px}
header .header-phones__main{color:#236f6d!important;font-size:12.5px;font-weight:650;line-height:1.28;letter-spacing:-.01em;text-decoration:none!important}
header .header-phones__main:hover{color:#174f50!important}
header .header-phones__main.two-line:first-child{margin-bottom:3px}
header .header-phones__main-img-i{width:22px;color:#2b7a78;text-align:left}
header .header-phones__main i{font-size:10.5px!important}
header .header-phones__show-phone{right:0;width:26px;height:26px;border:1px solid #e2ebea;background:#f5f8f8;color:#2b7a78;font-size:8.5px;box-shadow:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}
header .header-phones__show-phone:hover{border-color:#bfd7d4;background:#edf6f5;color:#205f5d}
header .header-phones__ul{min-width:240px;margin-top:8px;padding:7px;border:1px solid #dfe8e7;border-radius:13px;background:#fff;box-shadow:0 15px 34px rgba(24,55,60,.14)}
header .header-phones__callback{display:block;padding:9px 10px!important;border-radius:8px;background:#edf7f6;color:#205f5d!important;text-decoration:none!important;text-transform:none;font-size:12px;font-weight:700!important}
header .header-phones__text{padding:7px 10px;color:#748488;font-size:11px;line-height:1.45}
header .header-phones__a{display:block;padding:8px 10px!important;border-radius:8px;color:#44575c!important;font-size:12px}
header .header-phones__a:hover{background:#f5f8f8!important;color:#205f5d!important}

/* Cart */
header .header-block__item-cart{min-width:auto!important;padding:0 0 0 7px!important}
header .header-cart__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:#2b7a78;box-shadow:0 8px 18px rgba(43,122,120,.18);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
header .header-cart__btn:hover{transform:translateY(-1px);background:#205f5d;box-shadow:0 12px 25px rgba(32,95,93,.24)}
header .header-cart__icon{color:#fff!important;font-size:20px!important;line-height:1!important}
header .header-cart__total-items{top:-5px;right:-6px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;background:#ef756c;color:#fff;font-size:9px;font-weight:800;line-height:13px;box-shadow:0 3px 8px rgba(130,48,43,.18)}
header .header-block__item-cart .header-block__item-caption{display:none!important}

/* Main header proportions on medium desktop */
@media (min-width:992px) and (max-width:1199px){
  header>.container>.header-block{padding:15px 0 12px}
  header .header-block__item-logo{padding-right:18px}
  header .header-logo{max-width:205px}
  header .header-logo__img{max-width:190px!important}
  header .header-block__item-search{padding-right:15px}
  header .header-block__item-telephone{padding-left:13px;padding-right:10px}
  header .header-phones{min-width:177px;padding-right:30px}
  header .header-phones__main{font-size:12.5px}
  header .header-cart__btn{width:44px;height:44px;border-radius:13px}
}

/* Tablet/mobile header: separate composition, not a squeezed desktop */
@media (max-width:991px){
  header #top .container{height:34px;padding-left:10px;padding-right:10px}
  header #top .top-menu__buttons{gap:4px}
  header #top .top-menu__btn{min-width:30px;min-height:26px;padding:3px 7px;border-radius:8px}
  header #top .prmn-cmngr_top{margin-right:4px}
  header #top .prmn-cmngr_top .prmn-cmngr__city{min-height:26px;padding:0 6px;font-size:11px}
  header>.container>.header-block{padding:12px 0 10px}
  header .header-block__item-logo{padding-right:10px}
  header .header-logo{max-width:175px}
  header .header-logo__img{max-width:165px!important;max-height:58px!important}
  header .header-block__item-telephone{align-self:center;padding:0 10px;border-left:0}
  header .header-phones{min-width:0;padding-right:26px}
  header .header-phones__main{font-size:12px}
  header .header-phones__main-img-i{width:20px}
  header .header-phones__show-phone{width:24px;height:24px;font-size:8px}
  header .header-block__item-cart{padding-left:5px!important}
  header .header-cart__btn{width:42px;height:42px;border-radius:12px;box-shadow:0 7px 17px rgba(43,122,120,.18)}
  header .header-cart__icon{font-size:18px!important}
  header #search2{margin:0 0 6px;padding:0 10px}
  header #search2 .header-search__form{height:44px;border-radius:13px;box-shadow:0 4px 14px rgba(31,70,75,.04)}
  header #search2 .header-search__category-btn{height:42px;min-width:48px;padding:0 13px;border-radius:12px 0 0 12px!important}
  header #search2 .header-search__category-icon{line-height:42px!important}
  header #search2 .header-search__input{height:42px!important;font-size:14px!important}
  header #search2 .header-search__btn{height:38px;width:40px}
}

@media (max-width:767px){
  header>.container>.header-block{padding:10px 0 8px}
  header .header-logo{max-width:160px}
  header .header-logo__img{max-width:150px!important;max-height:54px!important}
  header .header-block__item-telephone{padding:0 8px 0 3px}
  header .header-phones__main{font-size:11.5px}
  header .header-cart__btn{width:40px;height:40px}
}

@media (max-width:575px){
  header #top .top-menu__btn{padding:3px 6px}
  header #top .prmn-cmngr_top .prmn-cmngr__city-name{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  header>.container>.header-block{padding:9px 0 7px}
  header .header-logo{max-width:140px}
  header .header-logo__img{max-width:132px!important;max-height:49px!important}
  header .header-block__item-telephone{padding:0 7px 0 0}
  header .header-phones{padding-right:23px}
  header .header-phones__main{font-size:11px}
  header .header-phones__main.two-line + .header-phones__main.two-line{display:none!important}
  header .header-phones__main-img-i{width:18px}
  header .header-phones__show-phone{width:22px;height:22px}
  header .header-cart__btn{width:38px;height:38px;border-radius:11px}
  header .header-cart__icon{font-size:16px!important}
  header #search2{padding:0 8px}
}

@media (max-width:420px){
  header .header-logo{max-width:126px}
  header .header-logo__img{max-width:118px!important}
  header .header-phones__main{font-size:10.5px}
  header .header-phones__main-img-i{display:none}
  header .header-block__item-telephone{padding-right:5px}
}

@media (max-width:991px){
  header #top .top-links__ul.dropdown-menu{margin-top:7px;padding:6px;border:1px solid #dfe8e7;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(25,56,61,.12)}
  header #top .top-links__ul.dropdown-menu>li{margin:0!important}
  header #top .top-links__ul.dropdown-menu>li>a{padding:8px 10px;border-radius:8px;color:#3d5055;font-size:12px;font-weight:600}
  header #top .top-links__ul.dropdown-menu>li>a:hover{background:#f4f8f7;color:#205f5d}
}

/* AUTO-LAPTI HEADER desktop service links fix v2 */
@media (min-width:992px){
  header #top .top-links > .top-menu__btn{display:none!important}
  header #top .top-links__ul.dropdown-menu{
    position:static!important;display:flex!important;align-items:center!important;
    min-width:0!important;margin:0!important;padding:0!important;border:0!important;
    background:transparent!important;box-shadow:none!important;border-radius:0!important
  }
  header #top .top-links__ul.dropdown-menu>li{margin:0 22px 0 0!important}
  header #top .top-links__ul.dropdown-menu>li>a{
    display:block!important;padding:0!important;color:#344247!important;background:transparent!important;
    font-size:12px!important;font-weight:600!important;line-height:1!important
  }
  header #top .top-links__ul.dropdown-menu>li>a:hover{color:#205f5d!important;background:transparent!important}
}

/* AUTO-LAPTI MOBILE CATALOG + SEARCH ROW v2 */
@media (max-width:991px){
  header > .container > .row{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  header > .container > .row > .main-menu{
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
  }
  header > .container > .row > #search2{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  header > .container > .row .menu-open{
    float:none!important;
    min-height:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0 15px!important;
  }
  header > .container > .row #search2 .header-search__form{
    height:44px!important;
    margin:0!important;
  }
}
@media (max-width:420px){
  header > .container > .row{gap:8px!important}
  header > .container > .row .menu-open{padding:0 12px!important}
  header > .container > .row .menu-open__title{font-size:12px!important}
}

/* AUTO-LAPTI MOBILE CONTACTS PANEL v1 — match catalog cards */
@media (max-width:991px){
  header #menu .menu__header-wrapper.new{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }
  header #menu .menu__header-wrapper.new .menu__header-title,
  header #menu .menu__header-wrapper.new .menu__header-title-2{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 14px!important;
    border-radius:11px!important;
    color:#526166!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    cursor:pointer!important;
    transition:background .15s ease,color .15s ease,box-shadow .15s ease!important;
  }
  header #menu .menu__header-wrapper.new .menu__header-title.open,
  header #menu .menu__header-wrapper.new .menu__header-title-2.open{
    background:#eef2f2!important;
    color:#26383d!important;
    box-shadow:none!important;
  }
  header #menu .menu__header-wrapper.new .menu__header-title:after,
  header #menu .menu__header-wrapper.new .menu__header-title-2:after{
    display:none!important;
    content:none!important;
  }

  header #menu .main-menu__contacts{
    list-style:none!important;
    height:calc(100vh - 56px)!important;
    margin:0!important;
    padding:14px 12px 110px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:#f5f8f8!important;
    color:#26383d!important;
    font-weight:500!important;
  }
  header #menu .main-menu__contacts > li{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:78px!important;
    margin:0 0 10px!important;
    padding:14px 46px 14px 14px!important;
    border:1px solid #dbe8e6!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#33484d!important;
    font-size:13px!important;
    line-height:1.45!important;
    box-shadow:0 4px 15px rgba(31,70,75,.045)!important;
  }
  header #menu .main-menu__contacts > li:last-child{margin-bottom:0!important}
  header #menu .main-menu__contacts-item{cursor:pointer!important}
  header #menu .main-menu__contacts-item:after{
    content:'\f054';
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    color:#83989b;
    font-family:'Font Awesome 5 Free';
    font-size:12px;
    font-weight:900;
  }
  header #menu .main-menu__contacts-item:hover{
    border-color:#bed9d6!important;
    background:#fff!important;
  }
  header #menu .main-menu__contacts-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    border-radius:12px!important;
    background:#eaf6f5!important;
    color:#2b7a78!important;
    font-size:17px!important;
    line-height:1!important;
  }
  header #menu .main-menu__contacts-img{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:11px!important;
    border-radius:12px!important;
    background:#eaf6f5!important;
    object-fit:contain!important;
  }
  header #menu .main-menu__contacts-item > span{
    display:block!important;
    min-width:0!important;
    color:#26383d!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.25!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  header #menu .main-menu__contacts-address,
  header #menu .main-menu__contacts-open{
    align-items:flex-start!important;
    padding-right:14px!important;
    color:#596b70!important;
    font-size:12.5px!important;
    font-weight:500!important;
  }
  header #menu .main-menu__contacts-address .main-menu__contacts-icon,
  header #menu .main-menu__contacts-open .main-menu__contacts-icon{
    margin-top:1px!important;
  }

  /* Don't let the chat bubble sit on top of the full-screen menu */
  body:has(header .menu-wrapper.show) jdiv,
  body:has(header .menu-wrapper.show) iframe[src*="jivo"]{
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
@media (max-width:420px){
  header #menu .main-menu__contacts{padding-left:10px!important;padding-right:10px!important}
  header #menu .main-menu__contacts > li{min-height:72px!important;padding:12px 42px 12px 12px!important}
  header #menu .main-menu__contacts-icon{flex-basis:40px!important;width:40px!important;height:40px!important;font-size:16px!important}
  header #menu .main-menu__contacts-item > span{font-size:14px!important}
}


/* AUTO-LAPTI Chromium/Yandex top service bar hardening — 2026-09-14 */
@media (min-width:992px){
  header #top .top-menu__links,
  header #top .top-links,
  header #top .top-links__ul.dropdown-menu{
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    max-height:none!important;
    min-height:0!important;
    border:0!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
  }
  header #top .top-menu__links::-webkit-scrollbar,
  header #top .top-links::-webkit-scrollbar,
  header #top .top-links__ul.dropdown-menu::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  header #top .top-links > .top-menu__btn{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  header #top .top-links__ul.dropdown-menu>li,
  header #top .top-links__ul.dropdown-menu>li>a{
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }
}

/* AUTO-LAPTI COMPACT CATEGORY TOP v1 — 2026-09-14 */
@media (min-width:992px){
  #product-category > .breadcrumb-h1{margin:12px 0 20px}
  #product-category > .breadcrumb-h1 h1{margin:0;font-size:30px;line-height:1.15}
  #product-category > .breadcrumb-h1:not(.breadcrumb-h1--top-category) .breadcrumb{margin:0 0 6px;padding:0;font-size:11.5px;color:#869397}
  #product-category > .breadcrumb-h1:not(.breadcrumb-h1--top-category) .breadcrumb a{color:#728186}
}

/* AUTO-LAPTI CATEGORY SORT PILLS v1 — 2026-09-14 */
#product-category .sorts-block{margin:0 0 16px}
#product-category .sorts-block__wrapper{gap:12px}
#product-category .sorts-block__sorts{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#product-category .sorts-block__span{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;
  margin:0;padding:0 12px;border:1px solid #e1e8e7;border-radius:10px;
  background:#fff;color:#4b5a5e;font-size:12.5px;font-weight:600;line-height:1;
  box-shadow:0 1px 2px rgba(24,55,60,.025);cursor:pointer;white-space:nowrap;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
#product-category .sorts-block__span:hover{
  border-color:#cadbd9;background:#f7faf9;color:#205f5d;box-shadow:0 3px 10px rgba(31,75,79,.05);transform:translateY(-1px)
}
#product-category .sorts-block__span.selected{
  border-color:#b8d6d2;background:#edf7f5;color:#205f5d;font-weight:700;
  box-shadow:inset 0 0 0 1px rgba(43,122,120,.025)
}
#product-category .sorts-block__span.selected:after{margin-left:6px;color:#4d7f7d;font-size:10px}
#product-category .sorts-block__limit,
#product-category .sorts-block__select{
  height:34px;border:1px solid #e1e8e7;border-radius:10px;background:#fff;color:#4b5a5e;
  font-size:12.5px;font-weight:600;box-shadow:none
}
#product-category .sorts-block__limit:focus,
#product-category .sorts-block__select:focus{border-color:#b8d6d2;box-shadow:0 0 0 3px rgba(43,122,120,.07)}
#product-category .sorts-block__btn-group{margin-left:8px}
#product-category .sorts-block__btn{height:34px;padding:0 11px!important;border-color:#e1e8e7!important;background:#fff!important;color:#657478!important}
#product-category .sorts-block__btn:hover{background:#f7faf9!important;color:#205f5d!important}
#product-category .sorts-block__btn.selected{background:#edf7f5!important;color:#205f5d!important}
@media(max-width:991px){
  #product-category .sorts-block{margin-bottom:14px}
  #product-category .sorts-block__wrapper{gap:8px}
  #product-category .sorts-block__select{min-width:0}
}

/* AUTO-LAPTI CATEGORY SORT TABS v2 — 2026-09-14 */
@media (min-width:992px){
  #product-category .sorts-block__sorts{
    display:flex!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:18px!important
  }
  #product-category .sorts-block__sorts:before{
    content:'Сортировка';display:inline-flex;align-items:center;min-height:32px;padding:0 2px 7px 0;
    color:#8b989b;font-size:11.5px;font-weight:600;line-height:1;white-space:nowrap
  }
  #product-category .sorts-block__span{
    position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
    min-height:32px!important;margin:0!important;padding:5px 1px 7px!important;
    border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
    background:transparent!important;color:#536166!important;font-size:13px!important;font-weight:500!important;line-height:1!important;
    box-shadow:none!important;transform:none!important
  }
  #product-category .sorts-block__span:hover{
    border-color:transparent!important;background:transparent!important;color:#205f5d!important;box-shadow:none!important;transform:none!important
  }
  #product-category .sorts-block__span.selected{
    border-bottom-color:#2b7a78!important;background:transparent!important;color:#205f5d!important;font-weight:700!important;box-shadow:none!important
  }
  #product-category .sorts-block__span.selected:after{margin-left:6px!important;color:#608b89!important;font-size:9.5px!important}
}
@media (min-width:992px) and (max-width:1199px){
  #product-category .sorts-block__sorts{gap:13px!important}
  #product-category .sorts-block__span{font-size:12.5px!important}
}

/* AUTO-LAPTI CATEGORY SORT TABS v3 — baseline alignment fix */
@media (min-width:992px){
  #product-category .sorts-block__sorts{
    align-items:center!important;
  }
  #product-category .sorts-block__sorts:before{
    display:inline-flex!important;
    align-items:center!important;
    min-height:32px!important;
    padding:0!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }
  #product-category .sorts-block__span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:32px!important;
    padding:0 1px!important;
    border-bottom:0!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }
  #product-category .sorts-block__span:hover{
    border-bottom:0!important;
    box-shadow:none!important;
  }
  #product-category .sorts-block__span.selected{
    border-bottom:0!important;
    box-shadow:inset 0 -2px 0 #2b7a78!important;
  }
  #product-category .sorts-block__span.selected:after{
    align-self:center!important;
    line-height:1!important;
  }
}

/* AUTO-LAPTI DESKTOP LOGO BALANCE v1 — 2026-09-14 */
@media (min-width:992px){
  header .header-block__item-logo{
    justify-content:center!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  header .header-logo{
    width:100%!important;
    justify-content:center!important;
    margin:0 auto!important;
  }
  header .header-logo>a,
  header .header-logo>span{
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
  }
}

/* Jivo mobile bubble pre-style: loaded in <head> before delayed Jivo script. */
@media (max-width:991px){
  jdiv.__jivoMobileButton{
    right:8px!important;
    left:auto!important;
    bottom:116px!important;
    zoom:.58!important;
  }
}


/* AUTO-LAPTI MOBILE COOKIE CARD v1 */
@media(max-width:767px){
  #uni-notification.notification.fixed{
    left:8px!important;right:8px!important;bottom:82px!important;width:auto!important;max-width:560px!important;margin:0 auto!important;
    border:1px solid #d9e5e3!important;border-radius:14px!important;background:rgba(255,255,255,.98)!important;
    box-shadow:0 12px 32px rgba(24,55,60,.16)!important;overflow:hidden!important;
  }
  #uni-notification.notification.fixed:before{display:none!important}
  #uni-notification.notification.fixed>.container{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
  #uni-notification .notification__wrapper.fixed{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px 10px!important;width:100%!important;margin:0!important;padding:10px 11px!important;background:transparent!important;opacity:1!important}
  #uni-notification .notification__text.fixed{margin:0!important;color:#4f5e61!important;font-size:10.5px!important;line-height:1.35!important}
  #uni-notification .notification__text.fixed a{color:#286c69!important;text-decoration:underline!important}
  #uni-notification .notification__buttons{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
  #uni-notification .notification__button{min-height:32px!important;margin:0!important;padding:5px 9px!important;border-radius:8px!important;font-size:10.5px!important;line-height:1.15!important}
  #uni-notification .notification__button.cancel{padding-left:5px!important;padding-right:5px!important;color:#647276!important}
}
@media(max-width:430px){
  #uni-notification.notification.fixed{left:6px!important;right:6px!important;bottom:80px!important}
  #uni-notification .notification__wrapper.fixed{grid-template-columns:1fr!important;gap:7px!important;padding:9px 10px!important}
  #uni-notification .notification__text.fixed{font-size:10px!important;line-height:1.3!important}
  #uni-notification .notification__buttons{justify-content:flex-end!important}
}
/* AUTO-LAPTI MOBILE COOKIE CARD v1 END */


/* AUTO-LAPTI MOBILE CATALOG CONTROLS v3 — 2026-09-15 */
@media(max-width:767px){
  #product-category .sorts-block__limit,
  #product-category .sorts-block__btn-group,
  #product-search .sorts-block__limit,
  #product-search .sorts-block__btn-group,
  #product-manufacturer-info .sorts-block__limit,
  #product-manufacturer-info .sorts-block__btn-group,
  #product-special .sorts-block__limit,
  #product-special .sorts-block__btn-group{display:none!important}

  #product-category .sorts-block,
  #product-search .sorts-block,
  #product-manufacturer-info .sorts-block,
  #product-special .sorts-block{margin:0 0 10px!important}

  #product-category .sorts-block__wrapper,
  #product-search .sorts-block__wrapper,
  #product-manufacturer-info .sorts-block__wrapper,
  #product-special .sorts-block__wrapper{display:block!important}

  #product-category .sorts-block__sorts,
  #product-search .sorts-block__sorts,
  #product-manufacturer-info .sorts-block__sorts,
  #product-special .sorts-block__sorts{display:block!important;width:100%!important}

  #product-category .sorts-block__select:not(.sorts-block__limit),
  #product-search .sorts-block__select:not(.sorts-block__limit),
  #product-manufacturer-info .sorts-block__select:not(.sorts-block__limit),
  #product-special .sorts-block__select:not(.sorts-block__limit){width:100%!important;height:40px!important;margin:0!important;border-radius:10px!important;font-size:13px!important}
}
/* AUTO-LAPTI MOBILE CATALOG CONTROLS v3 END */


/* AUTO-LAPTI MOBILE CATALOG CONTROLS v4 — keep desktop sort pills hidden */
@media(max-width:767px){
  #product-category .sorts-block__sorts.hidden-xs.hidden-sm,
  #product-search .sorts-block__sorts.hidden-xs.hidden-sm,
  #product-manufacturer-info .sorts-block__sorts.hidden-xs.hidden-sm,
  #product-special .sorts-block__sorts.hidden-xs.hidden-sm{display:none!important}
  #product-category .sorts-block__wrapper,
  #product-search .sorts-block__wrapper,
  #product-manufacturer-info .sorts-block__wrapper,
  #product-special .sorts-block__wrapper{min-height:0!important;height:auto!important}
}
/* AUTO-LAPTI MOBILE CATALOG CONTROLS v4 END */


/* AUTO-LAPTI GLOBAL CSS TYPO GUARDS v1 — 2026-09-15 */
/* These two rules mirror corrected UniShop source declarations so the fix is
   effective immediately even while an older merged stylesheet is cached. */
.notification.fixed{width:100%!important}
#product-product .product-page__short-attribute-heading{font-size:1.1em!important}
/* AUTO-LAPTI GLOBAL CSS TYPO GUARDS v1 END */


/* AUTO-LAPTI FIRST-PAINT GUARD v1 — 2026-09-15 */
/* Technical supplier options must never be visible before footer/JS hydration.
   The class is added server-side everywhere except products where the raw option
   is intentionally customer-facing (e.g. ROSA). */
.pickup-internal-option{display:none!important}
/* AUTO-LAPTI FIRST-PAINT GUARD v1 END */


/* AUTO-LAPTI first-visit mobile UX v20260916-1 */
/* Never stack the city reminder on top of cookie consent. */
body:has(#uni-notification) #autolapti-city-hint{display:none!important}
@media (max-width:767px){
  /* Legacy floating mode only. The mobile-flow variant is inserted after
     <header> and participates in normal document flow. */
  #autolapti-city-hint:not(.autolapti-city-hint--mobile-flow){
    position:fixed!important;left:auto!important;right:10px!important;top:42px!important;
    width:min(252px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;
    padding:10px 28px 9px 11px!important;font-size:11.5px!important;line-height:1.34!important
  }
  #autolapti-city-hint:not(.autolapti-city-hint--mobile-flow):before{left:auto!important;right:72px!important}
  #autolapti-city-hint:not(.autolapti-city-hint--mobile-flow) .autolapti-city-hint__title{margin-bottom:3px!important;font-size:12.5px!important}
  #autolapti-city-hint:not(.autolapti-city-hint--mobile-flow) .autolapti-city-hint__current,
  #autolapti-city-hint:not(.autolapti-city-hint--mobile-flow) .autolapti-city-hint__text{margin-bottom:3px!important}
  #autolapti-city-hint:not(.autolapti-city-hint--mobile-flow) .autolapti-city-hint__pickup{display:none!important}
  #autolapti-city-hint:not(.autolapti-city-hint--mobile-flow) .autolapti-city-hint__change{font-size:11.75px!important}

  #uni-notification.notification.fixed{
    left:8px!important;right:8px!important;bottom:80px!important;width:auto!important
  }
  #uni-notification .container{width:100%!important;padding:0!important}
  #uni-notification .notification__wrapper.fixed{
    padding:9px 10px 8px!important;border-radius:12px!important;
    background:rgba(51,51,51,.96)!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important
  }
  #uni-notification .notification__text.fixed{
    margin:0 0 6px!important;font-size:10.25px!important;line-height:1.28!important
  }
  #uni-notification .notification__buttons{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important
  }
  #uni-notification .notification__button + .notification__button{margin-left:0!important}
  #uni-notification .notification__button.btn-sm{
    min-height:30px!important;height:30px!important;padding:0 11px!important;
    font-size:11px!important;line-height:30px!important
  }
}
/* AUTO-LAPTI first-visit mobile UX v20260916-1 END */


/* AUTO-LAPTI editorial readability polish — 2026-09-16 */
@media (min-width: 992px) {
  .al-editorial-page--article .breadcrumb-h1,
  .al-editorial-page--article .article-page__description {
    max-width: 1040px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .al-editorial-page--news .breadcrumb-h1,
  .al-editorial-page--news .news-page {
    max-width: 1180px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 767px) {
  .al-editorial-page .breadcrumb > li:last-child {
    display: none !important;
  }
  .al-editorial-page .breadcrumb {
    min-height: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
  }
}


/* AUTO-LAPTI mobile cookie contrast polish — 2026-09-16 */
@media (max-width:767px){
  #uni-notification .notification__text.fixed{
    color:#f1f5f4!important;
    font-size:11px!important;
    line-height:1.34!important;
  }
  #uni-notification .notification__text.fixed a{
    color:#9edbd5!important;
    text-decoration-color:rgba(158,219,213,.65)!important;
  }
  #uni-notification .notification__button.cancel{
    color:#e3e9e8!important;
  }
}