/* =====================================================================
   ГЛОБАЛЬНІ МЕДІА-ЗАПИТИ (ВІД НАЙБІЛЬШОГО ЕКРАНА ДО НАЙМЕНШОГО)
   ===================================================================== */

@media (min-width: 992px) {
    .mobile-only-nav{display:none !important;}
    .desktop-only-nav{display:block;}
}

@media (max-width: 1605px) {
    .slider{width:46%;}
}

@media (max-width: 1440px) {
    .slider{width:51%;}
    #nav > li > ul{width:850px;}
}

@media (max-width: 1290px) {
    .slider{width:50%;}
    .b1, .b2{width:100%;}
    .logo{width:150px;}
    #nav > li > a{text-transform:none;}
    .searchbar{width:200px;}
}

@media (max-width: 1030px) {
    .lmenu{width:25%;}

    .b1{width:25%;float:left;margin:0;}
    .b2{float:left;width:75%;margin:0;}
    .b2 img{width:50%;float:left;margin:0;}
    .slider{width:75%;height:329px;overflow:hidden;margin:0;}
    .slider li{width:100%;}
    .pole .w a{padding:0 0 0 1px;}
    #nav > li > ul{width:500px;}
    #nav > li > ul > li{width:48%;}
    .mob{display:block;}
    .mob a{color:#fff;display:block;padding:10px 0;}
    .bars{display:block;}
    .topmenu div.fr{display:none;}
    .menubar{display:block;float:none;position:fixed;top:0;left:0;width:0;overflow:hidden;bottom:0;z-index:100;background:rgb(31 131 159 / 90%);color:#fff;transition:0.3s;}
    .menubar a{color:#fff;padding:10px 15px;}
    .menubar > ul{padding:15px !important;width:auto !important;}
    .logo{left:50%;margin-left:-75px;top:0;position:absolute;}
    #nav li{float:none;}
    #nav > li > a{color:#fff;line-height:1;padding:10px 0;}
    .levo{display:none;}
    .pravo{float:none;width:100%;}
}

@media (max-width: 1000px) {
    .cena{font-size:38px;}
    .cena sup{font-size:18px;}
    .lb{width:50%;}
}

@media (max-width: 991px) {
    *{-webkit-tap-highlight-color:transparent !important;outline:none !important;}
    .desktop-only-nav{display:none !important;}
    .mobile-only-nav{display:block;width:100vw;background:#ffffff;}
    .menubar{background:#fff !important;overflow-x:hidden !important;}
    .menubar .mob.ar{background:#fff !important;border-bottom:1px solid #f1f5f9;z-index:100000;position:relative;}
    .menubar .zakr::before, .menubar .zakr::after{background:#2a2d30 !important;}
    .zakr{cursor:pointer;background:url(files/xb.svg) center no-repeat;display:inline-block;width:26px;height:26px;background-size:contain;margin:15px 15px 5px 0;}
    .m-nav{padding:0 !important;margin:0 !important;list-style:none !important;}
    .m-item{border-bottom:1px solid #f1f5f9 !important;display:block !important;padding:0 !important;margin:0 !important;}
    .m-row{display:flex !important;align-items:stretch !important;justify-content:space-between !important;width:100% !important;box-sizing:border-box !important;}
    .m-link{flex-grow:1 !important;padding:16px 16px !important;color:#2a2d30 !important;font-family:'HelveticaNeueLTStd-BdCn', sans-serif !important;font-size:18px !important;text-decoration:none !important;text-transform:uppercase !important;display:flex !important;align-items:center !important;margin:0 !important;}
    .m-next{width:60px !important;flex-shrink:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;border-left:1px solid #f8fafc !important;color:#94a3b8 !important;background:transparent !important;}
    .m-next:active{background:#f1f5f9 !important;-webkit-tap-highlight-color:transparent;}
    .m-panel{position:fixed !important;top:0 !important;left:100% !important;width:100vw !important;height:100% !important;background:#ffffff !important;z-index:2147483647 !important;transition:left 0.3s ease !important;transform:none !important;overflow-y:auto !important;overflow-x:hidden !important;visibility:hidden !important;margin:0 !important;padding:0 !important;display:block !important;box-sizing:border-box !important;scrollbar-width:thin !important;scrollbar-color:#cccccc #f8f8f8 !important;}
    .m-panel.is-active{left:0 !important;visibility:visible !important;}
    .m-header{display:flex !important;align-items:center !important;padding:0 !important;margin:0 !important;background:#f8fafc !important;border-bottom:2px solid #e2e8f0 !important;position:sticky !important;top:0 !important;z-index:10 !important;width:100% !important;box-sizing:border-box !important;}
    .m-back{padding:18px 20px !important;cursor:pointer !important;color:#1f839f !important;display:flex !important;align-items:center !important;flex-shrink:0 !important;-webkit-tap-highlight-color:transparent;}
    .m-title{font-family:'HelveticaNeueLTStd-BdCn', sans-serif !important;font-size:18px !important;color:#2a2d30 !important;text-transform:uppercase !important;flex-grow:1 !important;text-align:center !important;padding-right:60px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;margin:0 !important;}
    .m-panel .m-link{font-family:'Google Sans', sans-serif !important;font-size:14px !important;text-transform:none !important;padding:10px 16px !important;}
    .m-panel .m-all{color:#1f839f !important;font-weight:bold !important;background:#f8fafc !important;}
    .m-bottom-links{padding-bottom:20px !important;padding-top:20px !important;}
    .m-bottom-links a{display:block !important;padding:8px 16px !important;color:#595959 !important;font-size:14px !important;font-family:'Google Sans', sans-serif !important;text-decoration:none !important;margin:0 !important;}
    .zakr, .bars, #verh, .poisk{-webkit-tap-highlight-color:transparent;}
    .chk-grid{display:flex !important;flex-direction:column !important;gap:15px !important;}
    .chk-grid .chk-main, .chk-grid .chk-side{width:100% !important;max-width:100% !important;flex:1 1 auto !important;margin:0 !important;box-sizing:border-box !important;}
    .chk-grid .chk-main .support-block{display:none !important;}
    .lang-switcher-mobile{display:inline-flex !important;align-items:center !important;background:none !important;border:1px solid #e2e8f0 !important;border-radius:20px !important;padding:2px !important;margin:16px;vertical-align:middle !important;}
    .lang-switcher-mobile .lang-separator{display:none !important;}
    .lang-switcher-mobile .lang-link, .lang-switcher-mobile .lang-active{display:inline-block !important;padding:4px 8px !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;border-radius:18px !important;text-decoration:none !important;transition:all 0.3s ease !important;line-height:1 !important;}
    .lang-switcher-mobile .lang-link{color:#64748b !important;background:transparent !important;}
    .lang-switcher-mobile .lang-link:hover{color:#1e293b !important;background:#f1f5f9 !important;}
    .lang-switcher-mobile .lang-active{background:#1f839f !important;color:#ffffff !important;box-shadow:0 1px 3px rgba(31,131,159,0.3) !important;}
    .korz, .telefon, .bars{display:none !important;}
}

@media (max-width: 900px) {
    .sname:after{left:380px;}
    a.vint{display:none;}
    #nav > li > ul > li > a.bit{font-size:15px;text-transform:none;}
    .zap-layout{flex-direction:column;}
    .zap-col-left, .zap-col-right{width:100%;}
    .zap-col-right{height:auto;min-height:500px;margin-top:20px;}
    .zap-table-box{height:500px;}
}

@media (max-width: 850px) {
    .chk-head{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:10px;}
}

@media (max-width: 770px) {
    .lmenu ul li a{padding:7px 20px 7px 10px;}
    .ov, .slider{height:265px;}
    .sname:after{left:210px;width:160px;}
    .blocks a{margin-left:5px;}
    .title{width:100% !important;}
    .sname{width:190px;}

    .mainfoto{height:auto;}
    div.lkk,div.rkk{width:100%;}
    div.lkk, div.rkk{margin-bottom:30px;}

    .ins{width:32%;}
    .form input{margin-left:0 !important;}
    .serv{font-size:38px;}
    .vkladki span{text-transform:none;font-family:'HelveticaNeueLTStd-BdCn';padding:15px 0;font-size:15px;}

    .mousetrap{display:none !important;}
}

@media (max-width: 768px) {
    .subscriber{text-align:center !important;}
    .subscriber > .flex{flex-wrap:wrap !important;gap:15px !important;}
    .subscriber > .flex > div{width:100% !important;}
    .subscriber > .flex > div:first-child{background:none !important;padding-left:0 !important;}
    div:has(> .lkk):has(> .rkk){display:flex !important;flex-direction:column !important;}
    .lkk, .rkk, .product-block{display:contents !important;}
    .path{order:-10 !important;width:100% !important;margin:10px 0 !important;overflow:hidden !important;}
    .path ol{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;padding-bottom:5px !important;}
    .path ol::-webkit-scrollbar{display:none !important;}
    .path ol li{display:flex !important;align-items:center !important;white-space:nowrap !important;}
    .product-block h1{order:-5 !important;margin-top:10px !important;margin-bottom:5px !important;font-size:22px !important;line-height:1.2 !important;width:100% !important;}
    .product-number{order:-4 !important;margin-bottom:15px !important;display:block !important;width:100% !important;}
    .mainfoto{order:-3 !important;width:100% !important;}
    .thumbs{order:-2 !important;width:100% !important;margin-bottom:40px !important;}
    .product-block .flex{display:flex !important;align-items:center !important;margin:15px 0 !important;}
    .product-block .flex .cena, .product-block .flex .par{margin:0 !important;line-height:1 !important;}
    .chk-wrap, .reg-wrap{padding:0 10px !important;}
    .card{padding:20px 15px !important;}
    .row{display:flex;flex-direction:column !important;gap:15px !important;margin-bottom:15px !important;}
    .field{width:100% !important;}
    .cabinet-nav{display:flex;flex-wrap:wrap;gap:8px;}
    .cab-nav-link{flex:1 1 calc(50% - 8px);text-align:center;justify-content:center;padding:10px 5px !important;font-size:13px !important;}
    .cab-nav-logout{flex:1 1 100%;margin-left:0 !important;justify-content:center;}
    .cab-title{font-size:22px !important;line-height:1.3;}
    .new-style-card{position:relative;}
    .order-acc-header{flex-direction:column;align-items:flex-start !important;gap:10px;padding:15px !important;}
    .order-arrow{position:absolute;right:15px;top:15px;}
    .structured-table th, .structured-table td{padding:10px 5px !important;font-size:12px !important;}
    .img-wrapper{width:40px !important;height:40px !important;}
    .product-link{font-size:13px !important;}
    .order-acc-footer{flex-direction:column;align-items:flex-end;gap:5px;}
    .cabinet-grid{grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)) !important;gap:10px !important;}
    .btn-buy-new{width:100% !important;height:42px !important;font-size:15px !important;padding:0 15px !important;box-sizing:border-box !important;vertical-align:middle !important;}
    .tns a{min-height:auto !important;margin-bottom:8px !important;display:block !important;}
    .tns span.f{height:140px !important;margin-bottom:8px !important;display:flex !important;align-items:center;justify-content:center;}
    .tns span.f img{max-height:100%;width:auto;}
    .tovar .tns a{font-size:13px !important;line-height:1.2 !important;}
    .tovar .tns a span.b{font-size:16px !important;}
    .tovar div.price{font-size:24px !important;margin:0 !important;line-height:1.2 !important;}
    .tovar div.price sup{font-size:10px !important;}
    .tovar span.old{font-size:11px !important;margin-bottom:2px !important;}
    .btn-cart-new{width:30px;height:30px;}
    .tovar div.price span,.tovar div.price b,.tovar div.price i{font-size:12px !important;color:#888888 !important;font-weight:500 !important;display:block !important;white-space:normal !important;line-height:1.2 !important;margin-top:5px !important;}
    .tns > .flex{flex-wrap:nowrap !important;gap:5px !important;align-items:flex-end !important;justify-content:space-between !important;margin-top:10px !important;}
    .metki span{font-size:9px !important;padding:2px 4px !important;}
    .slick-dots{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;padding:0 !important;margin-top:15px !important;width:100% !important;}
    .slick-dots li{margin:0 4px 5px 4px !important;}
    .redline{position:relative !important;top:auto !important;z-index:auto !important;}
    .status-badge{font-size:11px !important;padding:4px 4px !important;letter-spacing:-0.2px !important;text-align:center !important;justify-content:center !important;}
    .status-preorder::before, .status-discontinued::before{width:12px !important;height:12px !important;margin-right:4px !important;}
    .zap-table-box, .zap-table-box table{width:100%;display:block;}
    .zap-table-box table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .zap-table-box th, .zap-table-box td{padding:6px 4px !important;font-size:11px !important;}
    .zap-kode-text{font-size:11px !important;word-wrap:break-word;word-break:break-all;display:block;max-width:65px;}
    .zap-name-link{font-size:12px !important;line-height:1.2;}
    td.zap-price[colspan="2"]{white-space:normal !important;text-align:center !important;padding-right:4px !important;min-width:80px;}
    .zap-status-none{font-size:10px !important;line-height:1.1;display:inline-block;}
    td.zap-price:not([colspan="2"]){font-size:12px !important;padding-right:4px !important;}
    .zap-cart-cell svg{width:16px !important;height:16px !important;}
    .bgs{padding-top:5px !important;}
    .tab_title{margin-top:0 !important;}
}

@media (max-width: 725px) {
    .tovar,.tovar.compatible-devices,.tovar.optional-accessories,.tovar.base-model-links{width:49%;}
    .sname:after{left:300px;}

    .description{width:100%;float:none;}
    .description p img{max-width:100%;max-height:100%;height:auto;width:auto;}

    .thumbs .slick-dots{bottom:-20px !important;}
    .komplektacia .tovar{width:32%;}
}

@media (max-width: 670px) {
    .form{width:auto;padding:20px 15px 10px;}
    .form input{width:100% !important;padding:10px 0;}

    div.table a.add_to_cart{background-position:left center;padding:0 0 0 20px;display:block;white-space:nowrap;overflow:hidden;width:0;}
    div.table table tr td{padding:5px;}
    .thumbs, .mainfoto, div.table{width:100% !important;}
    .thumbs a{float:left;margin:0 2px 2px 0;}
    .mainfoto{margin:10px 0 0 0;}
    .poisk{display:block;}
    .searchbar{padding-top:6px;width:100%;max-width:100%;float:none;transition:0.3s;clear:both;display:none;}

    .blocks{margin-bottom:10px;}
    .lmenu, .slider{width:100%;}
    .slide{width:100%;margin-bottom:0;}

    .slider, .slider li{height:300px;}
    .ov{height:auto;}
    .lmenu ul li{float:left;width:50%;}

    .filter1{display:none;}
    .lmenu ul li:first-child{background:url(files/left-menu-r-line.gif) top repeat-x;}

    .image div{top:5px;}
    .table, .image{width:100%;}
    .image{margin-top:15px;}
    .serv{font-size:28px;letter-spacing:-1px;}
    .address{width:258px;left:0;}
    .service h1{letter-spacing:5px;}
    a.moidiller{font-size:20px;}
    .tab_title{margin-top:30px;font-size:1.2em;padding:15px;}
    .yelo{padding-top:15px;}
}

@media (max-width: 660px) {
    div.rkk, div.lkk{width:100%;}
}

@media (max-width: 600px) {
    .prod-logo img{width:auto;height:30px;margin-right:20px;}
    .zap-table-box th, .zap-table-box td{font-size:12px !important;padding:4px 5px !important;}
    .zap-table-box table td:nth-child(2){white-space:nowrap !important;font-size:11px !important;}
    .zap-table-box table th:nth-child(1), .zap-table-box table td:nth-child(1){width:8% !important;}
    .zap-table-box table th:nth-child(2), .zap-table-box table td:nth-child(2){width:21% !important;}
    .zap-table-box table th:nth-child(3), .zap-table-box table td:nth-child(3){width:44% !important;}
    .zap-table-box table th:nth-child(4), .zap-table-box table td:nth-child(4){width:17% !important;padding-right:5px !important;}
    .zap-table-box table th:nth-child(5), .zap-table-box table td:nth-child(5){width:8% !important;}
    .zap-table-box .add_to_cart svg{width:16px !important;height:16px !important;}
}

@media (max-width: 576px) {
    .image{float:none !important;width:100% !important;height:auto !important;margin-top:0 !important;border:none !important;display:flex !important;flex-direction:column !important;padding-bottom:20px !important;}
    .image img{max-height:none !important;width:100% !important;height:auto !important;}

}

@media (max-width: 570px) {
    .sname{width:150px;font-size:14px;}
    .lkk, .rkk{width:100%;}

    .path{clear:both;}
    .lmenu ul li a{font-size:13px;font-family:'Google Sans', sans-serif;}
    .slider{height:250px;}
    #callback{display:none;}
    .ins{width:49%;margin:0 0 10px 0;}
    .serv{font-size:20px;}
    .sname:after{left:160px;width:120px;}

    .footer .w33{width:100%;text-align:center;}
    .slide{height:178px;}
    .komplektacia.flex, .ins div{padding:10px;}
    .komplektacia .tovar{width:49%;}
    .komplektacia .tns a{min-height:200px;}
}

@media (max-width: 520px) {
    .blog{width:100%;float:none !important;min-height:0;}
    .padd_{padding:0 10px 30px;}

}

@media (max-width: 480px) {
    .chk-head h1{font-size:22px;margin:10px;}

    #window,#window1{width:90% !important;padding:25px 20px 20px 20px !important;}
    #window big,#window1 big{font-size:22px !important;margin-bottom:15px !important;}
    #window span.close,#window1 span.close{top:10px !important;right:10px !important;}
    .product-block .flex{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:15px !important;margin:15px 0 25px 0 !important;}
    .product-block .flex .cena{font-size:42px !important;margin:0 !important;line-height:1 !important;display:flex !important;align-items:baseline !important;}
    .product-block .flex .cena sup{font-size:16px !important;margin-left:6px !important;}
    .product-block .flex .par{display:block !important;margin:0 !important;width:100% !important;}
    .product-block .flex .par .btn-buy-new{width:100% !important;height:50px !important;font-size:18px !important;padding:0 20px !important;justify-content:center !important;}
    .category-header h1{font-size:20px;}
}

@media (max-width: 430px) {
    .pole .w input[type=text]{font-size:13px;}
    .sname{width:35%;padding:10px 0 10px 10px;}
    .lmenu ul li{width:100%;}

    #nav li{width:100%;}

    #callback{bottom:-83px;padding:25px 0;}

    .slick-dots{left:20px !important;right:20px !important;width:auto !important;}
    span.vkl, span.actvkl{margin:0 10px;font-size:20px;}
    span.actvkl{font-size:20px !important;}
    .slider{height:180px;}
    .b1, .b2, .b2 img{width:100%;}
    span.vkl, span.actvkl{text-transform:none;}

    .sname{display:none;}

}

@media (max-width: 380px) {
    .serv{font-size:16px;}
    .serv ul li{padding-left:45px;line-height:40px;}
    .tovar{width:100%;margin-right:0 !important;}
    .status-badge{font-size:10px !important;padding:4px 2px !important;}
}

@media (max-width: 360px) {
    .lb{width:100%;margin-top:15px;}
}

@media (max-width: 340px) {
    .slider{height:152px;}
}

/* ======================================================= */
/* ВКЛАДКИ ТОВАРУ НА ПЛАНШЕТАХ І ТЕЛЕФОНАХ (до 1000px):     */
/* ======================================================= */
@media (max-width: 1000px) {
    .vkladki{position:-webkit-sticky !important;position:sticky !important;top:-1px !important;z-index:9995 !important;background:#ffffff !important;box-shadow:0 4px 10px rgba(0,0,0,0.08) !important;margin:0 !important;}
    .vkladki .title1{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;padding:0 15px !important;width:100% !important;box-sizing:border-box !important;gap:0 !important;justify-content:flex-start !important;}
    .vkladki .title1::-webkit-scrollbar{display:none !important;}
    .vkladki span{flex:0 0 auto !important;display:block !important;color:#595959 !important;font-size:16px !important;font-family:'Google Sans', sans-serif !important;text-transform:none !important;font-weight:600 !important;padding:15px 0 !important;margin:0 25px 0 0 !important;border:none !important;position:relative !important;background:transparent !important;}
    .vkladki span:last-child{margin-right:15px !important;}
    .vkladki span.act, .vkladki span:hover{color:#1f839f !important;font-weight:700 !important;background:transparent !important;}
    #sckscroll{position:-webkit-sticky !important;position:sticky !important;top:-1px !important;z-index:9995 !important;animation:none !important;}
    .vkladki{z-index:998 !important;} /* нижче липкої шапки (999), щоб меню з шапки було поверх вкладок */

    /* затемнення по краях смужки - видно, що вкладки можна гортати (класи ставить ajax.js) */
    .vkladki::before, .vkladki::after{content:"";position:absolute;top:0;bottom:0;width:36px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:1;}
    .vkladki::before{left:0;background:linear-gradient(to left, rgba(255,255,255,0), #ffffff);}
    .vkladki::after{right:0;background:linear-gradient(to right, rgba(255,255,255,0), #ffffff);}
    .vkladki.vk-more-left::before, .vkladki.vk-more-right::after{opacity:1;}
}

@media (max-width: 768px) {
    .vkladki{z-index:9995 !important;} /* на телефонах шапка не липка - лишаємо як було */
}
/* ===== Головна на телефоні: слайдер товарів і блог ===== */
@media (max-width: 768px) {
    /* Слайдер: компактніші стрілки, більше місця для картки */
    #sld { padding: 0 34px !important; }
    #sld .slick-arrow {
        width: 30px !important;
        height: 44px !important;
        background-size: 16px !important;
    }

    /* Прибираємо порожнечу між артикулом і ціною */
    #sld .tns a { min-height: 0; }
    #sld .tns span.f { height: 170px; }

    /* Блог: нижча зона фото, щоб було видно заголовок */
    .home-blog-section .blog-image-wrapper { height: 140px; }
    .home-blog-section .blog-image-wrapper img { padding: 10px; }
    .home-blog-section .blog-card-title {
        font-size: 13px;
        padding: 12px 10px;
        letter-spacing: 0;
    }
}
/* ===== Картка товару на телефоні: компактна, однакова висота ===== */
@media (max-width: 768px) {
    /* Назва — максимум 2 рядки, далі «…» */
    .tovar .tns a{min-height:0 !important;}
    .tovar .tns a br{display:none;}
    .tovar .tns .nm{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px !important;line-height:1.3 !important;min-height:0;color:#2a2d30;}
    /* Код одразу під назвою (без «дірки» після короткої назви), а ціна з кнопкою — завжди внизу картки,
       тож у ряду ціни стоять на одній лінії незалежно від довжини назви */
    .tovar{display:flex !important;flex-direction:column;align-self:stretch !important;}
    .tovar .tns > a{display:block;}
    .tovar .tns{display:flex !important;flex-direction:column;flex:1 1 auto;}
    .tovar .tns > .flex{margin-top:auto !important;padding-top:6px;}
    /* У шрифту BdCn над великими літерами багато «повітря» — тому міжрядковий 1 і код трохи підтягнутий до назви */
    .tovar .tns a span.b{display:block !important;margin-top:0 !important;font-size:14px !important;line-height:1 !important;}
    /* Стара (перекреслена) ціна — над червоною, обидві притиснуті до низу картки */
    .tovar .tns > div[style*="margin-bottom"]{margin:auto 0 -2px !important;padding-top:6px;line-height:1;}
    .tovar .tns > div[style*="margin-bottom"] + .flex{margin-top:0 !important;padding-top:2px;}
    .tovar span.old{font-size:12px !important;line-height:1.2 !important;margin:0 !important;color:#8a949c !important;}
    /* Ціна в один рядок, «грн» поруч */
    .tns > .flex{align-items:center !important;}
    .tovar div.price{white-space:nowrap !important;font-size:20px !important;}
    .tovar div.price sup{font-size:11px !important;vertical-align:baseline !important;margin-left:2px;}
    .tovar div.price .status-badge{white-space:normal !important;}
    /* Компактніше: менше полів у картці й відступів між фото, назвою, кодом і ціною */
    .tovar{padding:8px 10px 10px !important;box-sizing:border-box;}
    .tovar .tns span.f{margin-bottom:6px !important;}
    .tovar .btn-cart-new{width:34px !important;height:34px !important;}
}

@media print {
    html body .mobile-bottom-nav,
    html body div.mobile-bottom-nav { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }
    html body { padding-bottom: 0 !important; }
}