@charset "UTF-8";
/*
 * OEMprice unified custom stylesheet
 *
 * Generated from the current project CSS in the same cascade order used by
 * catalog/view/theme/oemprice/template/common/header.twig.
 *
 * Included:
 *   1. stylesheet.css
 *   2. animate.css
 *   3. menu.css
 *   4. ui.css
 *   5. oemprice-ui.css (latest supplied version)
 *   6. oem_product_panel.css
 *   7. mobile-storefront.css
 *
 * Intentionally kept separate:
 *   - snabzhentsy_styles.css (framework/vendor base)
 *   - select2-bootstrap4.css (page-specific vendor theme)
 *   - Font Awesome and Google Fonts
 *
 * First migration stage: cascade-preserving merge. Existing rules are not
 * deduplicated yet, so staging should look exactly like the current site.
 */

/* ==========================================================================
   01. Legacy theme base
   Source: stylesheet.css
   ========================================================================== */

/*!
stylesheet.css
Version : 1.0.0
*/
*,::after,::before{margin:0;box-sizing:border-box;outline:0}
.html_hidden{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:scroll}
body{font-family:'IBM Plex Sans', sans-serif;font-size:14px;font-weight:300;color:#26363d;line-height:1.5;background-attachment:fixed;}
.body-pk_asel{background:#a2a2a22e}
.body-pk_fixs{background:#fff;width:auto}
#__snabzhentsy{height:100%}
.___snabzhentsy-container{display:flex;flex-direction:column;height:100%;min-height:100vh}
/*************************************a p font btn input ******************************************************************/
a{color:#2644DD;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}
p{margin-top:0;margin-bottom:1rem}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400}
.h1,h1{font-size:20px}
.h2,h2{font-size:18px}
.h3,h3{font-size:16px}
.h4,h4{font-size:14px}
.h5,h5{font-size:14px}
.h6,h6{font-size:14px}
.text-main{color:#00bb46}
.text-gray{color:#26363d}
.text-dark{color:#26363d}
.text-main-dark{color:#2644DD}
.bg-main{background:#2644DD}
.bg-gray{background:#26363d}
.bg-main-dark{background:#2644DD}
.bg-grey{background:#26363d}
.badge-default{background-color:#2644DD;color:#fff}
.sn-bg-info{background-color:#08b8fb}
.card.sn-card{border-radius:0}
/*#content{min-height:100vh}*/
.hidden{display:none}
.btn:hover,.btn:hover i.fa{color:#fff}
.btn:focus{background:#fff;color:#2644DD;-webkit-box-shadow:none;box-shadow:none;border:1px solid #2644DD}
.btn:focus i.fa{color:#2644DD}
.btn:active:focus,.btn:active:hover{color:#fff}
.btn i.fa{color:#2644DD}
.btn-default:hover{background-color:#2644DD}
.btn-stretch{height:auto}
.btn-link{border:none;background:0 0;font-weight:500;color:#26363d}
.btn-link:hover{border:none;color:#2644DD}
.btn.btn-primary{color:#fff;background:#2644DD;border-radius:5px}
.dc-buy-info__action .btn.btn-primary{margin-left:10px;color:#fff;background:#2644DD;border-radius:5px !important}
.btn.btn-primary i.fa{font-size:12px;padding-left:6px;color:#fff}
.btn.btn-primary:hover{background-color:#fff;border:1px solid #2644DD;color:#2644DD}
.btn.btn-primary:active,.btn.btn-primary:focus{background-position:right center;-webkit-box-shadow:none;box-shadow:none}
.btn-danger{color:#fff}
.btn.btn-link.btn-list{color:#26363d;padding:.2rem .28rem;font-size:1.3rem}
.btn.btn-link.btn-list.active{color:#2644DD}
.btn.btn-link.btn-list:hover{text-decoration:none;color:#2644DD}
.btn.btn-link.btn-list:focus{background:0 0;text-decoration:none}
.btn-navbar:hover{background-color:#2644DD}
.btn-success{color:#28a745;border-color:#28a745}
/*.btn-success:hover{background-color:#28a745}*/
.btn-outline-primary:hover,.btn-outline-secondary:hover{border-color:#2644DD}
.btn-outline-primary:hover{background-color:#2644DD}
.btn-group>.btn{border-radius:0}
.form-control{color:#26363d;padding:4px 10px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.input-group:focus{-webkit-box-shadow:none;box-shadow:none;border-color:#2644DD;color:#2644DD}
.input-group::-webkit-input-placeholder{font-style:italic;font-size:14px;font-weight:500}
.input-group::-moz-placeholder{font-style:italic;font-size:14px;font-weight:500}
.input-group:-ms-input-placeholder{font-style:italic;font-size:14px;font-weight:500}
.input-group::-ms-input-placeholder{font-style:italic;font-size:14px;font-weight:500}
.input-group::placeholder{font-style:italic;font-size:14px;font-weight:500}
.input-group>.input-group-prepend>.input-group-text{display:none;border-radius:3px 0 0 3px}
.input-group-text{background-color:#eee;border-radius:0;font-weight:500;color:#a4a4a4}
.product-price_imput_btn .form-control,
.dropdown-menu-sm-right .form-control,
.quantity input[type=number]{max-width:44px;-moz-appearance:textfield}
button:focus{outline:0}
.custom-select{border-radius:0}
.custom-select:focus{-webkit-box-shadow:none;box-shadow:none;border-color:#ced4da}
/************************************* header **************************/

header{border-bottom:1px solid rgba(0,0,0,.1)}
header .container{margin-bottom:1.5rem}
.header__login a span{font-weight:500;color:#2644DD}#top{display:none}
.header_secsii[data-pk-sec]{padding:8px 0;flex-grow:1}
.header_secsii[data-pk-seci]{display:flex;justify-content:center;align-items:center}
.header_ul[data-pk-ull]{flex-grow:1}
.header_ul[data-pk-ul]{list-style:none;display:flex;margin:0;padding:0;justify-content:flex-end}
.header-m_right[data-pk-m_right]{align-items:center;display:flex;white-space:unset;margin-right:14px}
.header-burger-mmenu[data-pk-m_right]{margin-right:10px}
.catalog_btn .header-burger-mmenu{color:#26363d;border:1px solid #a2a2a2;background:#fff}
.header__logo[data-pk-m_right]{max-width:170px}
.logo_text,.logo_text a{font-size:22px;margin:0;color:#222;font-weight:500}
.logo-color{color:#2644DD;}
.header-li__search[data-pk-m_right]{display:none}
.header-m_right[data-pk-m_right]:last-child{margin-right:0}
.header-catalog-btn[data-pk-m_right]{display:none}
.header-search_btn{border:0;background:transparent;position:absolute;top:0;right:0;padding:6px 8px 8px 8px}
.header-m_right[data-pk-none]{display:none}
.header-tell{font-size:16px;font-weight:600;color:#26363d;line-height:2;white-space:nowrap}
.dropdown-menu.show{border:0;box-shadow:0 8px 11px -3px rgba(0,0,0,.2)}
#dmenu.dropdown-menu{left:auto;margin:0;top:86px}
.header-burger-btn{height:20px}
.burger-menu_icon{display:inline-block;width:26px;height:4px}
.burger-menu__lines,.burger-menu__lines::after,.burger-menu__lines::before{position:relative;display:block;width:20px;height:2px;background-color:#26363d;transition:transform .3s;margin-top:-2px}
.burger-menu__lines{top:50%;left:50%;transform:translate(-50%,-50%)}
.burger-menu__lines::after{content:'';top:-7px}
.burger-menu__lines::before{content:'';top:7px}
.burger-menu_active .burger-menu__lines{background-color:transparent}
.burger-menu_active .burger-menu__lines::after{top:0;transform:rotate(45deg)}
.burger-menu_active .burger-menu__lines::before{top:0;transform:rotate(-45deg)}
.header-mobile_search-in{border:1px solid #a2a2a2;border-radius:5px;padding:4px 8px;flex:1 1 auto;width:1%}
.mobile-search_button{border:0;background:transparent;position:absolute;top:0;right:0;width:30px;padding:6px}
.header-mobile_search{padding-bottom:10px;display:flex}
.catalog_btn{margin-right:10px}
#checkout-cart .btn-outline-secondary{border-color:#a2a2a2}
#checkout-cart .btn-outline-secondary:hover{background-color:#2644DD;border-color:#2644DD}
#checkout-cart .btn-danger:hover{background-color:#d91e17;border-color:#d91e17;color:#fff}
.btn-default{border:1px solid #2644DD;border-radius:5px}
.cart-itog_header{display:flex;font-weight:600;padding:12px 16px;border-radius:10px 10px 0 0}
.header_weight{margin-left:auto}
.text-itog_cart{border-top:1px solid #dee2e6;padding:12px 16px;display:flex}
.itog-cart{margin-left:auto}
.chec-btn{display:flex;justify-content:center;padding:12px 16px;border-top:1px solid #dee2e6;align-items:center}
.chec-btn_left{padding-right:10px}
.chec-btn_right{width:100%}
.cart_btn_ofor{display:inline-block;text-align:center;background:#92c255;border-radius:5px;color:#fff;width:100%;font-size:16px;font-weight:600;padding:10px 10px}
.cart_btn_ofor:hover{color:#fff}
.undertop .d-block{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;align-self:center}
.undertop .d-block a,.undertop .d-block li{font-weight:600}
.header-links{align-self:center}
.header-links-right{margin-left:auto}
#top-links{display:flex;padding:8px 0 0}
#top-links a{cursor:pointer;white-space:nowrap;font-weight:500;color:#26363d}
#top-links a:hover{color:#2644DD}
#top-links .dropdown-menu li>a{color:#2644DD;font-size:13px;padding-left:30px;padding-left:10px}
#top-links ul{margin-bottom:0}
.list-inline-item:not(:last-child){align-self:center}
#top-links .list-inline-item:not(:last-child){margin-right:.9rem}
#top-links .dropdown .dropdown-item{color:#2644DD;padding:6px 15px}
#top-links .dropdown .dropdown-item:hover{color:#fff}
.header-infoblock{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.header-infoblock-contacts,.header-infoblock-info{padding:0}
.header-infoblock-info>p{border-left:1px solid #26363d;padding-left:8px;margin-bottom:0}
.navbar-brand{font-size:1rem;margin-left:-.7rem}
.dropdown-toggle:after{display:none}
.navbar-light .navbar-nav .nav-link{color:#26363d}
.navbar-header{padding:0 15px 0}
.navbar-header .wrapper{height:100%;padding:6% 10%;border-right:.5px solid #fff}
.navbar-header .wrapper i{color:#fff}
.navbar-header .catalog-wrapper{padding-left:10%;padding-top:6%}
#cart .btn-link:active,#cart .btn-link:focus,#cart .btn-link:hover{text-decoration:none}
#cart .product-list{min-width:500px}
#cart .dropdown-menu td a{font-size:11px;font-weight:600}
#cart .dropdown-menu .img-thumbnail{max-width:none}
#cart .dropdown-menu{min-width:320px;right:0;top:81px;margin:0;padding:10px 10px;overflow-x:hidden;overflow-y:scroll;height:70vh}
#cart #cart-total{position:absolute;font-size:9px;line-height:13px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fff;background:#00bb46;padding:1px 5px;border-radius:50px;top:-3px;left:15px}
.header-m_right .text-itog_cart{font-size:14px;padding:8px 12px}
.product_cart_del{font-size:12px;color:#a2a2a2;display:flex;align-items:center;padding:4px 0;line-height:.875rem;cursor:pointer;background-color:transparent;border:none}
.product_cart_del:hover{color:#f5361e}
#cart .dropdown-menu .text-right{white-space:nowrap}
/*search*/
#search .input-group-btn>button{padding-left:2.5rem;padding-right:2.5rem;line-height:2.21;border-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0}
.live-search{width:128%;left:-76px;position:absolute;z-index:1000;padding:0;margin-top:34px;background-color:#fff;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.14);box-shadow:2px 2px 8px rgba(0,0,0,.14);display:none;padding-bottom:42px}
.live-search .loading{display:block;margin-left:auto;margin-right:auto}
.live-search ul{list-style-type:none;margin:0;padding:0;overflow-x:hidden;overflow-y:scroll;height:70vh}
.live-search ul li{cursor:pointer;padding:5px 10px;margin:0;background-color:#fff;min-height:56px;clear:both;-webkit-transition:.2s ease all;-o-transition:.2s ease all;transition:.2s ease all}
.live-search ul li:nth-child(even){background-color:#fafafa}
.live-search ul li:hover{background-color:#e5e5e5}
.live-search ul li a{text-decoration:none;display:block}
.live-search ul li .product-add-cart{
    float: right;
    padding: 5px;
    padding-left: 10px;
    min-width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;}
.live-search ul li .product-image{float:left;margin-right:6px}
.live-search ul li .product-sku{float:left;margin-right:20px;width:100%;max-width:120px;}
.live-search ul li .product-name{float:left;width:40%;font-size:13px;color:#26363d}
.live-search ul li .product-name p{font-weight:600;line-height:12px;color:#555;margin:0;padding:0}
.live-search ul li .product-price{text-align:center;font-size:12px;font-weight:500;float:right;width:10%}
.live-search ul li .product-quantity{font-size:12px;font-weight:500;color:#26363d}
.live-search ul li .product-price .price{color:#333;display:block}
.live-search ul li .product-price .special{color:#a9a9a9;text-decoration:line-through;display:block}
.live-search .product-price>.special{margin-top:-5px}
.live-search .result-text{text-align:center;font-size:14px;line-height:40px;color:#555;background-color:#2644DD;position:absolute;bottom:0;width:100%}
.live-search .result-text:hover{background-color:#2644DD;-webkit-transition:.2s ease all;-o-transition:.2s ease all;transition:.2s ease all}
.live-search .view-all-results{color:#fff}
.live-search .product-image{width:auto}
.live-search .product-image img{width:auto}
/************************************ container ***************************/
.container{padding:10px 15px 20px}
.info-container{max-width:520px;margin-left:auto;margin-right:auto;padding:30px 10px}
.content_bottom{width:100%;padding:0 15px;grid-column:col-start / col-end}

/************************************ content ***************************/
/* breadcrumb */
.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;font-size:12px;margin:0;background:0 0;padding:.75rem 0}
.breadcrumb-item.active>a{color:#26363d}
.breadcrumb-item + .breadcrumb-item{padding-left:.5rem}
.breadcrumb-item + .breadcrumb-item::before{padding-right:.5rem;content:"/"}
/* alert */
.alert{border-radius:0;border:1px solid #2644dd5c;font-size:16px}
.alert a{font-size:16px}
.alert-success{background:#2644dd5c;color:#2644DD}
.alert-dismissible .close{height:auto;min-height:auto;background-color:#ffffff00;color:#26363d;opacity:.2}
.alert-dismissible .close:hover{opacity:.5}
/*cart*/
.cart_top{padding:0 10px}.cart_content{padding:0 10px}.itog-row{padding:0 10px}.cart-table_ul{padding:0}.cart-table_li{margin-left:20px;padding:14px 0;border-top:solid 1px #dee2e6}.product{align-items:center;position:relative;display:grid;grid-template-columns:[col-start] 34px repeat(70,[col] 1fr) [col-end]}.product_img{padding-right:10px;grid-column:col-start/col 10}.product_name{font-size:14px;font-weight:600;grid-column:col 10/col-end}.product_name a{color:#26363d}.product_sku{display:flex;padding:0;list-style:none}.product__sku{margin-right:10px}.product_sku_weight{font-size:12px;font-weight:400;color:#a2a2a2}.product-price__total{display:flex;flex-direction:column;grid-column:col-start/col 28}.product-price_imput_btn{padding-left:10px;display:flex;flex-direction:column;align-items:flex-end;grid-column:col 30/col-end}.quantity_price_total{margin-bottom:6px}._quantity{min-width:90px;max-width:120px}.mobile-cart{margin:0 0 20px 20px}.checl_text{font-size:14px;color:#a2a2a2}.prod-group_item{position:relative;align-items:center;border-top:1px solid #ced4da}.prod-cart_img{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-right:5px;max-width:30%;height:30%}.prod-cart_name{font-size:13px;font-weight:600;align-items:center;padding:10px 0;display:flex}.prod-imput_group{padding-bottom:5px;float:left}.cart-mobile-price{font-size:12px;padding-top:11px;float:right}._cart_empty{text-align:center}._cart_empty img{padding:20px 0}._cart_empty h2{font-weight:500;font-size:36px;padding:20px 0}._cart_empty a,._cart_empty p{font-size:16px}
/*end cart*/
/**************************************** category-thumb *********************************************/
.col-snab-2{float:left;width:auto;margin:0 15px 0 0}
.col-snab-10 p{margin-bottom:0}
.heading{overflow:hidden;font-size:20px;text-align:center}
.heading span{position:relative;display:inline-block;padding:15px}
.heading span:after{position:absolute;top:50%;left:100%;right:-2000px;content:'';border-bottom:solid 1px rgba(0, 0, 0, .1)}
.heading span:before{position:absolute;top:50%;left:-2000px;right:100%;content:'';border-bottom:solid 1px rgba(0, 0, 0, .1)}
.category-col{display:grid;grid-gap:17px;grid-template-columns:1fr;list-style:none;margin-bottom:20px;padding:0}
.category-thumb{display:table;width:100%;height:100%;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.08);box-shadow:2px 2px 8px rgba(0,0,0,.08)}
.category-col .category-thumb a .img-thumbnail{display:block;margin:auto;max-width:100px;height:auto}
/**************************************** Acaunt *************************************************************/
#account-account .list-unstyled{display:grid;grid-gap:17px;grid-template-columns:1fr;list-style:none;margin-bottom:20px;padding:0;}
/**************************************** product-category-thumb *********************************************/
/* colum_left */
#column-left{margin-top:15px}
/* product-thumb */
.product-thumb.card{display:flex;width:auto;margin:0;padding:5px 0 10px;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.1)}
.card-body-footer{width:75%;margin-left:10px}
.product-thumb.card h4{margin-bottom:5px;font-size:14px;height:46px;overflow:hidden;line-height:1.2}
.product-thumb.card h4 a{color:#26363d;text-transform:none;text-align:left;font-weight:600}
.product-thumb.card h4 a:hover{color:#2644DD}
/*.card-text{display:flex}*/
.product-thumb.card .card-text p,.product-thumb.card .card-text{color:#00bb46;margin-bottom:0;line-height:1.2;font-weight:500;font-size:12px}
.stock{font-size:14px}
.resume-color_red{color:#fd0000}
.card-text .resume-color_red{margin-left:auto}
.resume-color_yellow{color:#f1ac3b}
.card-text .resume-color_yellow{margin-left:auto}
.resume-color_green{color:#00bb46}
.card-text .resume-color_green{margin-left:auto}
.resume-icon{display:flex;justify-content:center;flex-shrink:0}
/*
#product .resume-icon-stat{padding:2px 3px 5px 0}
.resume-icon-stat{display:flex;align-items:flex-end;padding:2px 3px 4px 0}
.resume-stat-filled[data-v-795c0612]{width:2px;margin-right:3px;background-color:#a2a2a2}
.resume-stat_line[data-v-795c0612]{background-color:currentColor}
.resume-stat-filled[data-v-795c0612]:first-child{height:1px}
.resume-stat-filled[data-v-795c0612]:nth-child(2){height:4px}
.resume-stat-filled[data-v-795c0612]:nth-child(3){height:6px}
.resume-stat-filled[data-v-795c0612]:nth-child(4){height:8px}
.resume-stat-filled[data-v-795c0612]:last-child{height:10px;margin-right:0}
*/
.card-footer-product{white-space:nowrap;font-size:13px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;border-radius:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.product-price{margin-bottom:4px}
.product-price p{margin:0}
.card-footer .product-price .price{font-size:14px;font-weight:500}
.card-footer .product-price .price-new{font-size:14px;font-weight:500}
.price-new{color:#00bb46}
.price-old{color:#ff0003}
.card-footer .product-price .price-old{font-weight:600;text-decoration:line-through;font-size:14px}
.card-footer .input-group{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.product-price_imput_btn .form-control,
.dropdown-menu-sm-right .form-control,
.product-price_imput_btn .form-control,
.prod-imput_group .form-control,
.card-footer .input-group-prepend .form-control{min-width:40px;padding:0;background-color:#eaeff6;font-size:16px;text-align:center;border:none;border-radius:0}
.dc-buy-info__action .input-group-prepend .form-control{min-width:40px;padding:0;background-color:#eaeff6;font-size:16px;text-align:center;border:none;border-radius:0}
.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.fa_icon{display:block;position:relative;width:10px;height:10px}
.fa_icon:after,.fa_icon:before{display:block;position:absolute;background-color:currentColor;content:""}
.fa_minus:before,.fa_plus:before{top:50%;right:0;left:0;height:2px;transform:translateY(-50%)}
.fa_plus:after{top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%)}
.product-thumb .buy .quantity button i.fa{display:inline;font-size:15px}
.product-thumb .quantity-nav{float:left;position:relative}
.quantity-button{cursor:pointer;background:#eaeff6;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.7rem .5rem}
.quantity-button.quantity-up{display:flex;justify-content:center;align-items:center;border-left:1px solid transparent;border-top-right-radius:5px;border-bottom-right-radius:5px}
.quantity-button.quantity-down{display:flex;justify-content:center;align-items:center;border-right:1px solid transparent;border-top-left-radius:5px;border-bottom-left-radius:5px}
.product-thumb .image{height:135px;overflow:hidden;text-align:center}











.cart-action-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.quantity-controls {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.qty-btn {
    background: #f8f9fa;
    border: none;
    width: 30px;
    height: 38px;
    cursor: pointer;
    transition: 0.2s;
}

.qty-btn:hover { background: #e9ecef; }

.qty-input {
    width: 45px;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
    -moz-appearance: textfield;
}

/* Убираем стрелочки браузера */
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.btn-cart-main {
    flex-grow: 1;
    height: 38px;
    border: none;
    border-radius: 4px;
    background: #007bff;
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-cart-main.is-active {
    background: #28a745;
    width: 100%;
}

.out-of-stock {
    color: #dc3545;
    font-weight: bold;
    font-size: 0.9em;
}






.quantity-button.limit-reached {
    opacity: 0.3;
    cursor: not-allowed;
    }
.limit-info {
    color: #c62828;
    font-size: 11px;
    display: block;
    margin-top: 4px;
    font-weight: bold;
    }
















/* кнопка вкорзину в корзине итд */
.dc-buy-info__action .btn i.fa{color:#fff}
.dc-buy-info__action .btn-success{color:#fff;font-weight:300;border-color:#5c5c5c;background-color:#5c5c5c}
.dc-buy-info__action .btn-success:active{color:#fff !important;background-color:#5c5c5c !important;border-color:#5c5c5c !important}
/*****************************************/


.dc-item-table__article-text a{color:#26363d}



/******************/
.dc-item-table__table td {padding:10px;}
.dc-item-table__table th {padding:15px;font-weight:500}
/*.dc-item-table__article-field{justify-content:center;align-items:center}*/
.dc-item-table__article-text{text-align:left}
.dc-item-table__article-field_promo{display: flex;flex-direction:column;width:100px;text-align:center}
.dc-buy-info__action{white-space:nowrap;display:flex}
.product-additional-images {
    display: none; /* Скрываем по умолчанию */
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 10;
    list-style: none;
}

/* Показываем при наведении на родительский блок */
.gallery-trigger:hover .product-additional-images {
    display: flex;
    gap: 5px;
}

.product-additional-images img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.gallery-camera-icon {
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.2s ease;
    cursor: pointer;
    margin: 5px;
}
.gallery-camera-icon:hover {
    opacity: 0.7;
}
.gallery-camera-icon svg {
    display: block;
}

/*****/
.product-thumb.card .card-img-top{max-width:100px;display:block;margin:auto;-webkit-transition:.3s transform ease-in;-o-transition:.3s transform ease-in;transition:.3s transform ease-in}
.product-thumb.card .card-img-top:hover{-webkit-transition:.55s transform ease-out;-o-transition:.55s transform ease-out;transition:.55s transform ease-out}
/************************************************************ pagination ***************************************/
.category-pagination{padding:20px 0 40px;width:100%}
.pagination{display:-ms-flexbox;display:flex;justify-content:center;padding-left:0;list-style:none;border-radius:.25rem}
.pagination li{display:flex;align-items:center;justify-content:center;height:2rem;min-width:2rem;padding:.25rem;font-weight:600;text-align:center;cursor:pointer;border-radius:5px;transition:all .1s ease;font-size:1rem}
.pagination li.active{background-color:#2644DD;color:#fff;padding:0 .3rem}
/***************************************************************card-product*********************************************/
.product-content {
    margin: 0 15px;
}
.product_sec {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(100, [card-start] 1fr) [card-end];
    padding: 12px 0;
    position: relative;
}
/*img*/
.rating p {margin-bottom:0}

.rating .fa-star-o {
    color: #a2a2a2;
}
#review .fa-star,
.rating .fa-star {
    color: #f7c70a;
}
#review .fa-star + .fa-star-o,
.rating .fa-star + .fa-star-o {
    color: #f7c70a;
}
/*
.fa-stack-2x {
    color: #f7c70a;
    font-size: 15px;
}
*/
.product-katt_img {
    grid-column: card-start 1 / card-end;
}
.product-katt_img_div {
    max-width: 600px;
    display: grid;
    grid-template-columns: [col-start] 1fr repeat(2, [col] 1fr) [col-end];
    padding: 0;
    list-style: none
}
#product-product article ul li {
    font-size: 14px;
}
.prod-katt_img_desc_ceren .image-additional img {
    width: 40px;
}
.prod-katt_img_desc_ceren img {
    width: 100%;
}
.prod-stock {
    align-items: center;
    display: flex;
    font-size:14px
}
.stock-utozhni {
    font-size: 11px;
    font-weight: 600;
    color: #2644DD;
    padding: 0 5.3px;
    border-radius: 50%;
    border: 2px solid #2644DD;
    margin-left: 20px;
    cursor: pointer;
}
.ops .checkbox label {
    color: #2644DD;
    cursor: pointer
}
._option {
    margin-bottom: 1rem;
}
.product-cenen_ed {
    margin-bottom: 0;
    padding-bottom: 4px;
    align-items: center;
    display: flex;
}
.price-num {
    font-size: 32px;
    font-weight: 600
}
.price-per {
    font-size: 20px;
}
.price-old_right {
    margin-left: auto;
}
.price-old {
    text-decoration: line-through;
    color: #ff0003;
    font-size: 20px;
    font-weight: 600;
}
.price-text,
.optom,
.product-cenen_ed .checkbox {
    font-size: 16px;
    color: #a2a2a2
}

.product-cenen_ed label {margin: 0}

.text-main {
    color: #00bb46;
}
#product .input-group {
    display: grid;
    grid-template-columns: repeat(20, [card-start] 1fr) [card-end];
}


#product .form-control[data-pk-imput] {
    font-size: 16px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: 8px;
    text-align: center;
    padding: 6px 10px;
    width: 100%;
    grid-row: 1;
    grid-column: card-start 1 / card-start 6;
}
#button-cart {
    color: #fff;
    background: #00bb46;
    font-size: 16px;
    padding: .5rem 1rem;
    box-shadow: none;
    border: none;
    grid-row: 1;
    grid-column: card-start 7 / card-end;
}
.boc_order_btn {
    margin-top: 6px;
    font-size: 16px;
    grid-row: 2;
    grid-column: card-start / card-end;
}
.pop_price-new {
    font-size: 18px;
}



/*des*/
.product_desc {
    height: 100%;
    grid-row: 3;
    grid-column: card-start 1 / card-end;
}
.product_desc .table td,
.product_desc .table th {border:none}

/*pro*/

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}












































.card-footer .product-price .name {
    width: 300px
}

.price-num {
    font-size: 32px
}

.price-per {
    font-size: 20px
}













.category-nav .nav-item .nav-link {
    color: #004864;
    font-weight: 600;
    border-bottom: 1px solid #fffFFF00
}

.category-nav .nav-item .nav-link:hover {
    color: #00bb46;
    border-bottom: 1px solid #2644DD
}

.category-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-thumb a h2 {
    padding: 9px 0 7px;
    color: #26363d;
    font-size: 13px;
    text-align: center;
    font-weight: 500
}

.category-thumb a h2:hover {color:#2644DD}

#button-search {
    background: #2644DD;
    color: #fff
}

#button-search:hover {
    background: #2644DD;
    border-color: #2644DD
}

.btn-group.btn-group-sm.float-right .btn:focus {
    border: none
}

.catalog-category {
    z-index: 1
}

.catalog-category .threedot {
    font-size: 20px
}

.catalog-category .bt5 {
    display: none
}

.catalog-category h2 {
    margin-left: 1.25rem
}

.catalog-category h2:hover {
    color: #2644DD;
    text-decoration: underline
}

.catalog-category .list-group-item {
    color: #2644DD
}

.catalog-category .list-group-item:hover {
    text-decoration: underline
}

.catalog-category:hover {
    z-index: 100;
    overflow: visible
}

.catalog-category:hover .bt5 {
    display: block
}

.catalog-category:hover .threedot {
    display: none
}










body > .ui-pnotify {
    position: fixed;
    z-index: 100040
}

.ui-pnotify {
    top: 36px;
    right: 36px;
    position: absolute;
    height: auto;
    z-index: 2
}

.ui-pnotify-modal-overlay {
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

body > .ui-pnotify-modal-overlay {
    position: fixed;
    z-index: 100039
}

.ui-pnotify.ui-pnotify-in {
    display: block !important
}

.ui-pnotify.ui-pnotify-move {
    transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-slow {
    transition: opacity .4s linear;
    opacity: 0
}

.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
    transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-normal {
    transition: opacity .25s linear;
    opacity: 0
}

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
    transition: opacity .25s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-fast {
    transition: opacity .1s linear;
    opacity: 0
}

.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
    transition: opacity .1s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-in {
    opacity: 1
}

.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 28px 0 rgba(0, 0, 0, .1)
}

.ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    margin: 0
}

.ui-pnotify-container:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.ui-pnotify-container.ui-pnotify-sharp {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-pnotify-title {
    display: block;
    margin-bottom: .4em;
    margin-top: 0
}

.ui-pnotify-text {
    display: block
}

.ui-pnotify-icon,
.ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em
}

.ui-pnotify.stack-bottomleft,
.ui-pnotify.stack-topleft {
    left: 25px;
    right: auto
}

.ui-pnotify.stack-bottomleft,
.ui-pnotify.stack-bottomright {
    bottom: 25px;
    top: auto
}

.ui-pnotify.stack-modal {
    left: 50%;
    right: auto;
    margin-left: -150px
}

.brighttheme {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.brighttheme.ui-pnotify-container {
    padding: 18px
}

.brighttheme .ui-pnotify-title {
    margin-bottom: 12px
}

.brighttheme-notice {
    background-color: #ffffa2;
    border: 0 solid #ff0;
    color: #4f4f00
}

.brighttheme-info {
    background-color: #8fcedd;
    border: 0 solid #0286a5;
    color: #012831
}

.brighttheme-success {
    background-color: #aff29a;
    border: 0 solid #35db00;
    color: #104300
}

.brighttheme-error {
    background-color: #ffaba2;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255, 255, 255, .3) 35px, rgba(255, 255, 255, .3) 70px);
    border: 0 solid #ff1800;
    color: #4f0800
}

.brighttheme-icon-closer,
.brighttheme-icon-info,
.brighttheme-icon-notice,
.brighttheme-icon-sticker,
.brighttheme-icon-success {
    position: relative;
    width: 16px;
    height: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-family: "Courier New", Courier, monospace;
    border-radius: 50%
}

.brighttheme-icon-closer:after,
.brighttheme-icon-info:after,
.brighttheme-icon-notice:after,
.brighttheme-icon-sticker:after,
.brighttheme-icon-success:after {
    position: absolute;
    top: 0;
    left: 4px
}

.brighttheme-icon-notice {
    background-color: #2e2e00;
    color: #ffffa2;
    margin-top: 2px
}

.brighttheme-icon-notice:after {
    content: "!"
}

.brighttheme-icon-info {
    background-color: #012831;
    color: #8fcedd;
    margin-top: 2px
}

.brighttheme-icon-info:after {
    content: "i"
}

.brighttheme-icon-success {
    background-color: #104300;
    color: #aff29a;
    margin-top: 2px
}

.brighttheme-icon-success:after {
    content: "\002713"
}

.brighttheme-icon-error {
    position: relative;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid #2e0600;
    font-size: 0;
    line-height: 0;
    color: #ffaba2;
    margin-top: 1px
}

.brighttheme-icon-error:after {
    position: absolute;
    top: 1px;
    left: -4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-family: "Courier New", Courier, monospace;
    content: "!"
}

.brighttheme-icon-closer,
.brighttheme-icon-sticker {
    display: inline-block
}

.brighttheme-icon-closer:after {
    top: -4px;
    content: "\002715"
}

.brighttheme-icon-sticker:after {
    top: -5px;
    content: "\01D1BC";
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.brighttheme-icon-sticker.brighttheme-icon-stuck:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.brighttheme .ui-pnotify-action-bar {
    padding-top: 12px
}

.brighttheme .ui-pnotify-action-bar input,
.brighttheme .ui-pnotify-action-bar textarea {
    display: block;
    width: 100%;
    margin-bottom: 12px !important
}

.brighttheme .ui-pnotify-action-button {
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 8px;
    border: none;
    background: 0 0
}

.brighttheme .ui-pnotify-action-button.btn-primary {
    border: none;
    border-radius: 0
}

.brighttheme-notice .ui-pnotify-action-button.btn-primary {
    background-color: #ff0;
    color: #4f4f00
}

.brighttheme-info .ui-pnotify-action-button.btn-primary {
    background-color: #0286a5;
    color: #012831
}

.brighttheme-success .ui-pnotify-action-button.btn-primary {
    background-color: #35db00;
    color: #104300
}

.brighttheme-error .ui-pnotify-action-button.btn-primary {
    background-color: #ff1800;
    color: #4f0800
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
    float: right;
    margin-left: .2em
}

.ui-pnotify-container {
    position: relative;
    left: 0
}


.dropdown-menu {
    padding: .5rem;
    border-radius: 0
}
.header_ul ul li a {
    display: block;
    color: inherit;
    font-size: 14px;
}

.dropdown-submenu {
    min-width: 24rem;
    position: relative
}

.dropdown-submenu > a.dropdown-item:after {
    font-family: FontAwesome;
    content: "\f105";
    float: right;
    font-size: 20px;
    line-height: 1
}

.dropdown-submenu > .dropdown-menu {
    top: -8px;
    left: 100%;
    margin-top: 0;
    margin-left: 0;
    border: 0;
    background: #f8f8f8;
    box-shadow: 0 0 5px #666 inset;
    overflow-y: auto;
    bottom: 0;
    height: 600px;
    min-width: 20rem
}

.dropdown-submenu:hover .dropdown-menu {
    display: block
}

.dropleft .dropdown-toggle::before {
    display: none
}

.dropdown-item {
    padding: .5rem 1.5rem
}

.dropdown-item:hover {
    background-color: #2644DD;
    color: #fff
}

.dropleft .dropdown-toggle::before {
    display: none
}

.navbar.navbar-block.collapsing,
.navbar.navbar-block.show {
    display: block
}

.nav-tabs {
    margin-bottom: 1rem
}

.nav-tabs .nav-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    font-weight: 600;
    color: #26363d
}

.nav-tabs .nav-link.active {
    border-top: 2px solid #2644DD;
    padding-bottom: 7px;
    color: #2644DD
}

.nav-tabs .nav-link:hover {
    color: #2644DD;
    border-top-color: #2644DD
}

.list-group-item:first-child,
.list-group-item:last-child {
    border-radius: 0
}

.well {
    border: 1px solid #e3e3e3;
    padding: 1.5rem
}
.well p{ margin:1rem 0}





.ui-pnotify-text > a {
    font-size: 13px;
    font-weight: 500
}



.bg-white,
.form-control:focus,
.side-menu,
.sn-fixed-panel .live-search {
    left: 0;
    right: 0
}

.sn-fixed-panel #search {
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .08);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .08)
}

#carousel0 {
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .14);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .14)
}

.rotate-90 {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: .25s ease-in all;
    -o-transition: .25s ease-in all;
    transition: .25s ease-in all
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .25s ease-in all;
    -o-transition: .25s ease-in all;
    transition: .25s ease-in all
}

.revert {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-out all;
    -o-transition: .25s ease-out all;
    transition: .25s ease-out all
}

#content .ocpb-products .input-group .form-control[name^=quantity] {
    width: 40px
}

.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    border-color: #2644DD;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 none
}

.contacts-phone-block p {
    font-size: 21px;
    font-weight: 500
}

.ml-2 {
    margin-left: 1rem !important
}

.row.undertop .btn {
    font-size: 16px;
    font-weight: 600;
    height: 2.54rem
}

.row.undertop .input-group {
    height: 2.54rem
}

.row.undertop .input-group .form-control {
    border-right: 1px solid transparent;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.row.undertop .input-group .form-control:focus {
    border-right: 1px solid #2644DD
}

.row.undertop #dmenu {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .08);
    border: 0;
    margin: 0 15px 0
}

.row.undertop #dmenu li {
    text-transform: uppercase
}

.row.undertop #dmenu li a {
    font-weight: 600;
    font-size: 13px
}

.row.undertop #dmenu li.dropdown-submenu:active > a,
.row.undertop #dmenu li.dropdown-submenu:focus > a,
.row.undertop #dmenu li.dropdown-submenu:hover > a {
    color: #fff;
    background-color: #2644DD
}

.row.undertop #dmenu li a.dropdown-item {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: .6rem 1.5rem
}

.row.undertop #dmenu li a.dropdown-item:active,
.row.undertop #dmenu li a.dropdown-item:focus,
.row.undertop #dmenu li a.dropdown-item:hover {
    color: #fff;
    background-color: #2644DD
}

.sn-fixed-panel {
    display: none;
    padding: 10px 30px 0 30px;
    margin-top: 3px
}

#top-links .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 7;
    top: 0;
    left: 0;
    background-color: #2644DD;
    overflow-x: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding-top: 60px
}

#top-links .sidenav a {
    padding: 4px 4px 6px 14px;
    font-size: 16px;
    color: #fff;
    display: block;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

#top-links .sidenav.cat_mob {
    padding: 0 110px 0 0;
    font-size: 26px
}

#top-links .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px
}

.dis-flex {
    display: flex;
    width: 100%
}


/*   footer   */
footer {
    position: relative;
    top: 100%;
    background: #eef3f8;
}

/* TASK-014D: use the space saved by the icon-only buy action for the name. */
@media (min-width: 992px) {
    #product-category .price-table > thead > tr > th:last-child,
    #product-category .price-table > tbody > tr:not(.product-panel-row) > td:last-child {
        width: 180px;
    }

    #product-category .price-table > tbody > tr:not(.product-panel-row) > td:last-child .price-actions-wrap {
        width: 160px;
        min-width: 160px;
    }
}

.container[data-katt-footer] {
    padding: 0 15px;
}
.footer-katt-row[data-katt-footer] {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0 10px;
}
.footer-katar {
    width: 100%;
}
footer h5 {
    font-size: 16px;
    margin: 10px 0 12px;
    color: #454545;
}
.s-oplatu {
    width: 23%;
}
.footer-links {
    list-style: none;
    padding: 0;
}
footer .fa {
    width: 1.1rem;
}

footer a, footer p {
    font-weight: 400;
    font-size: 13px;
    padding: 0 0 8px;
    margin: 0;
    color: #666;
}


#searchBar {
    max-width: 560px;
    position: relative;
    top: -94px;
    z-index: 12;
    height: 0;
    margin-left: auto;
    margin-right: auto
}

#searchBar .form-control,
#searchBar span > button {
    height: 65px
}

#searchBar button {
    width: 130px
}

.cat-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-top: 27px;
    margin-bottom: 30px
}

.cat-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 126px;
    height: 130px;
    margin-right: 20px;
    background-color: #9ebBE826;
    -webkit-transition: .25s background-color ease-out;
    -o-transition: .25s background-color ease-out;
    transition: .25s background-color ease-out
}

.cat-wrapper p {
    line-height: 14px;
    text-align: center;
    color: #00bb46;
    font-weight: 600
}

.cat-wrapper img {
    display: block;
    max-width: 64px;
    max-height: 64px;
    margin: 17px auto 10px
}

.cat-wrapper:hover {
    background-color: #9ebBE855;
    -webkit-transition: .1s background-color ease-in;
    -o-transition: .1s background-color ease-in;
    transition: .1s background-color ease-in
}

.advantages .list-group-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 17px;
    padding-bottom: 17px;
    -webkit-transition: .2s ease-in all;
    -o-transition: .2s ease-in all;
    transition: .2s ease-in all
}

.advantages .list-group-item i {
    font-size: 36px;
    color: #2644DD
}

.advantages .list-group-item p {
    margin-bottom: 0;
    margin-left: 20px;
    font-weight: 600;
    text-transform: uppercase
}

.advantages .list-group-item:nth-child(2) i {
    font-size: 26px;
    margin: auto -10px auto -10px
}

.advantages .list-group-item:nth-child(4) p {
    margin-left: 13px
}

.advantages .list-group-item:hover {
    background-color: #2644DD
}

.advantages .list-group-item:hover i,
.advantages .list-group-item:hover p {
    color: #fff
}

.advantages .list-group-item.active {
    background: -o-linear-gradient(355.93deg, #2644DD 2.27%, #2644DD 97%);
    background: linear-gradient(94.07deg, #2644DD 2.27%, #2644DD 97%);
    border-color: #2644DD
}

.advantages .list-group-item.active i,
.advantages .list-group-item.active p {
    color: #fff
}

.advantages .tab-pane {
    margin: 25px 15px
}

#common-home .swiper-viewport {
    margin-bottom: 1rem
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight {
    height: auto
}

.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #26363d;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #26363d
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #26363d
}

.swiper-container-3d {
    -webkit-perspective: 1040px;
    perspective: 1040px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1040px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #26363d;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-viewport {
    margin: 0 0 18px;
    background: #fff;
    z-index: 1;
    position: relative;
    overflow: visible
}

.swiper-container {
    direction: ltr !important
}

.swiper-pager {
    width: 100%;
    position: absolute;
    top: 50%;
    line-height: 45px
}

.swiper-button-next,
.swiper-button-prev {
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 2;
    background-image: none
}

.swiper-viewport .swiper-button-prev {
    opacity: .7;
    left: 10px
}

.swiper-viewport .swiper-button-next {
    opacity: .7;
    right: 10px
}

.swiper-button-prev:before {
    width: 60px;
    height: 60px;
    font-family: FontAwesome;
    content: "\f104";
    color: rgba(0, 0, 0, .6);
    font-size: 60px
}

.swiper-button-next:before {
    width: 60px;
    height: 60px;
    font-family: FontAwesome;
    content: "\f105";
    color: rgba(0, 0, 0, .6);
    font-size: 60px
}

.swiper-pagination {
    bottom: -40px;
    left: 0;
    text-align: center;
    width: 100%;
    display: none
}

.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background: rgba(0, 0, 0, .5);
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    margin: 0 5px;
    opacity: 1
}

.swiper-pagination-bullet:hover {
    background: rgba(0, 0, 0, .7)
}

.swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, .9)
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: pointer;
    pointer-events: auto
}
.noparent.product-thumb {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tag {
    margin-top: 5px;
    position: absolute;
    left: 0;
    font-variant: small-caps;
    z-index: 102;
    padding: 3px 5px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    -webkit-box-shadow: 4px 4px 15px rgba(0, 0, 0, .185);
    box-shadow: 4px 4px 15px rgba(0, 0, 0, .185);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.tag:hover {
    -webkit-transform: translateX(9px);
    -ms-transform: translateX(9px);
    transform: translateX(9px);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.tag.hot,
.tag.new,
.tag.sale {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #2644DD), to(#2644DD));
    background: -o-linear-gradient(left, #2644DD 0, #2644DD 100%);
    background: linear-gradient(90deg, #2644DD 0, #2644DD 100%);
    color: #fff
}

table.product-price .image img {
    max-width: 70px;
    width: auto;
    border-radius: 0
}

table.product-price .name h4 {
    font-size: 15px;
    font-weight: 600
}

table.product-price .price {
    font-size: 16px
}

table.product-price thead {
    background-color: #2644DD;
    color: #fff
}

table.product-price thead th {
    font-weight: 600;
    font-size: 14px;
    padding: .55rem;
    border-top-color: #2644DD;
    border-bottom: none
}

table.product-price td.description p {
    margin-bottom: .15rem;
    font-size: 14px
}

table.product-price [class|=rb] img {
    max-width: 34px
}

table.product-price .tag {
    padding: 1px 3px;
    margin-top: -14px;
    margin-right: -6px;
    font-size: 11px
}

.modal-header {
    display: inline;
}
.close {
    line-height: initial;
}
.boc_order_btn {
    margin-top: 6px;
    font-size: 16px;
}
#boc_message {font-size: 12px}

#product-product article h2 {
    font-size: 21px
}

#product-product article h3 {
    font-size: 18px
}

#product-product article h4 {
    font: 16px
}

.delivery .os-truck {
    color: #d91e17;
    margin-right: 3px
}

.delivery p {
    font-size: 16px
}

#product .input-group .form-control #input-quantity {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 30%
}

#product .input-group .input-group-prepend {
    width: 70%
}

#product .input-group .input-group-prepend #button-cart {
    width: 100%
}

.product-specs table thead {
    color: #2644DD;
    text-transform: uppercase
}

.product-specs table thead th {
    border-top: 1px solid transparent;
    border-bottom: .13rem solid #2644DD
}

.product-specs table td,
.product-specs table th {
    padding: .5rem
}
/*  Contact  */
.comment {
    text-align: center;
    font-size: 24px;
    font-weight: 600
}

.rb-tl {
    position: relative;
    top: 5px
}

.rb-tr {
    position: absolute;
    top: 5px;
    right: 0
}

.rb-bl {
    position: relative;
    top: 29px
}

.rb-bl,
.rb-tl {
    left: -4px;
    margin-bottom: 2px
}

.rb-br {
    position: absolute;
    bottom: 0;
    right: 0
}

.labels {
    position: absolute;
    z-index: 4
}

.product-thumb img[src*=os_] {
    max-height: 23px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.product-thumb img[src*=os_]:hover {
    -webkit-transform: translateX(9px);
    -ms-transform: translateX(9px);
    transform: translateX(9px)
}

#oneclick h3 {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 4px
}

#oneclick .fa {
    color: #2644DD
}

#oneclick .help-block {
    display: block;
    margin-top: 5px
}

[class^=brighttheme] {
    background-color: #fff;
    color: #26363d
}

[class^=brighttheme] .btn {
    color: #2644DD
}

[class^=brighttheme] .btn:hover {
    background-color: #2644DD;
    color: #fff
}

.brighttheme-error {
    background-color: #ffaba2;
    background-image: -o-repeating-linear-gradient(315deg, transparent, transparent 35px, rgba(255, 255, 255, .3) 35px, rgba(255, 255, 255, .3) 70px);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255, 255, 255, .3) 35px, rgba(255, 255, 255, .3) 70px);
    border: 0 solid #ff1800;
    color: #4f0800
}

.brighttheme-icon-notice {
    background-color: #2e2e00;
    color: #ffffa2;
    margin-top: 2px
}

.brighttheme-icon-notice:after {
    content: "!"
}

.brighttheme-icon-info {
    background-color: #012831;
    color: #8fcedd;
    margin-top: 2px
}

.brighttheme-icon-info:after {
    content: "i"
}

.brighttheme-icon-success {
    background-color: #104300;
    color: #aff29a;
    margin-top: 2px
}

.brighttheme-icon-success:after {
    content: "\002713"
}

.brighttheme-notice .ui-pnotify-action-button.btn-primary {
    background-color: #ff0;
    color: #4f4f00
}

.brighttheme-info .ui-pnotify-action-button.btn-primary {
    background-color: #0286a5;
    color: #012831
}

.brighttheme-success .ui-pnotify-action-button.btn-primary {
    background-color: #35db00;
    color: #104300
}

.brighttheme-error .ui-pnotify-action-button.btn-primary {
    background-color: #ff1800;
    color: #4f0800
}

.well .btn-primary {
    line-height: 25px
}

/**** blog snabzhentsy.ru ****/

.news-list {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #ced4da
}

.news-list .news-title {
    font-size: 20px;
    margin: 10px 0;
}

.news-list i.news-marker {
    width: 21px;
    height: 21px;
    background-color: #2644DD;
    display: inline-block;
    margin-right: 10px;
}

.news-list i.news-marker:before {
    content: "";
    position: relative;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 21px solid #4463ff;
    border-right: 21px solid transparent;
}

.news-list .news-date-time {
    display: block;
    margin-bottom: 10px;
    color: #a7a7a7;
}

.news-views-time {
    color: #a7a7a7;
    margin-left: 30px
}

.text-left i.news-marker {
    width: 24px;
    height: 24px;
    background-color: #2644DD;
    display: inline-block;
    margin-right: 10px;
    line-height: 0.8
}
.text-left i.news-marker:before {
    content: "";
    position: relative;
    top: 32px;
    width: 0;
    height: 0;
    border-top: 24px solid #2644DD;
    border-right: 24px solid transparent;
}
.col-sm-9[data-col-sm-9] {
    margin-bottom: 20px
}

.news-header-title {
    padding-top: 20px;
    font-size: 18px;
    font-weight: 600
}

.form-group.custom-field {
  border: 1px solid #2644DD;
}

.group .input-group .input-group-btn >.btn {
  border: 1px solid #2644DD;
}

/*min-media*/
@media screen and (min-width:576px) {
    .header-links {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .header-infoblock-contacts {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .live-search {
        width: 100%;
        left: 0
    }


.dc-item-table__table tr:nth-child(2n+1){background-color: #e7e7e7 !important;}







    /* category-thumb */
    .category-col {
        grid-template-columns: repeat(auto-fill,minmax(196px,.5fr));
        justify-items: center;
    }
    /* Acaunt */
    #account-account .list-unstyled{grid-template-columns:repeat(auto-fill,minmax(196px,.5fr));justify-items:center;}

    .card-group > .card:only-child {
        border-radius: 0
    }

    .card-group > .card:only-child .card-footer,
    .card-group > .card:only-child .card-img-bottom {
        border-radius: 0
    }

    .header-m_right[data-pk-none] {
        display: inline
    }

    .header-m_right[data-pk-mobil] {
        display: none
    }

    .input-group > .input-group-prepend > .input-group-text {
        display: block;
    }

    /* product-thumb nur1 */
    .product-thumb.card {
        display: block;
        width: 225px;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 10px 15px;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .16);
    }
    .card-body-footer {
        width: auto;
        margin-left: 0;
    }
    .news-list {
        display: flex
    }

    /* card-product */

    /*img*/
    .product-katt_img {
        grid-column: card-start 1 / card-end;
    }
    .prod-katt_img_desc_ceren .image-additional img {
        width: auto;
    }
    /*des*/
    .product_desc {
        height: 100%;
        grid-row: auto;
        grid-column: card-start 1 / card-end;
    }
}

















@media (max-width: 767px) {
    /* Скрываем заголовки таблицы */
    .dc-item-table__table thead, 
    .dc-item-table__table tr:first-child {
        display: none;
    }

    .dc-item-table__table, 
    .dc-item-table__table tbody, 
    .dc-item-table__table tr, 
    .dc-item-table__table td {
        display: block;
        width: 100% !important;
    }

    .dc-item-table__table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    .dc-item-table__table td {
        text-align: left;
        padding: 5px 0;
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-between; /* Название слева, значение справа */
    }

    /* Название товара делаем на всю ширину */
    .dc-item-table__table td:nth-child(2) {
        border-bottom: 1px solid #eee;
        margin-bottom: 10px;
        display: block;
    }

    /* Добавляем подписи к данным, чтобы было понятно, что где */
    .dc-item-table__table td:nth-child(1):before { content: "Артикул:"; font-weight: bold; }
    .dc-item-table__table td:nth-child(3):before { content: "Бренд:"; font-weight: bold; }
    .dc-item-table__table td:nth-child(4):before { content: "Фото:"; font-weight: bold; }
    .dc-item-table__table td:nth-child(5):before { content: "Наличие:"; font-weight: bold; }
    
    /* Блок с ценой и кнопкой */
    .dc-item-table__table td:nth-child(6), 
    .dc-item-table__table td:nth-child(7) {
        justify-content: center;
        padding-top: 10px;
    }
    
    /* Делаем кнопку покупки на всю ширину */
    .input-group {
        width: 100%;
        justify-content: center;
    }
}



@media screen and (min-width:1200px) {

    /* product-thumb nur4*/
}
/* checkout cart ui */
#checkout-cart .cart-product-controls {
    flex: 0 0 180px;
    text-align: right;
}

#checkout-cart .cart-prices-block {
    margin-bottom: 10px;
}

#checkout-cart .cart-unit-price {
    font-size: 12px;
    color: #888;
    margin-bottom: 2px;
}

#checkout-cart .cart-line-total {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    color: #111;
}

#checkout-cart .cart-qty-box {
    display: flex;
    align-items: stretch;
    width: 132px;
    margin-left: auto;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

#checkout-cart .cart-qty-input {
    min-width: 44px;
    width: 44px;
    padding: 0;
    text-align: center;
    background: #eaeff6;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: 500;
    pointer-events: none;
}

#checkout-cart .quantity-button {
    width: 44px;
    background: #eaeff6;
    border: none;
    padding: 0;
}

#checkout-cart .quantity-button:hover {
    background: #dfe6ef;
}

#checkout-cart .fa_icon {
    width: 12px;
    height: 12px;
    margin: 0 auto;
}
/* ===== CART ITEM BLOCK ===== */

#checkout-cart .cart-item {
    padding: 18px 0;
    border-bottom: 1px solid #eee;
}

#checkout-cart .cart-product {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* номер */
#checkout-cart .product_number {
    flex: 0 0 30px;
    font-size: 13px;
    color: #bbb;
}

/* картинка */
#checkout-cart .product_img {
    flex: 0 0 70px;
}

#checkout-cart .product_img img {
    width: 70px;
}

/* инфо */
#checkout-cart .product_info {
    flex: 1;
    min-width: 240px;
}

/* цена + управление */
#checkout-cart .cart-product-controls {
    flex: 0 0 200px;
    text-align: right;
}

/* цена делаем ещё заметнее */
#checkout-cart .cart-line-total {
    font-size: 30px;
    font-weight: 600;
}

/* аккуратный delete */
#checkout-cart .product_info button {
    font-size: 12px;
    color: #d32f2f;
    opacity: 0.8;
}

#checkout-cart .product_info button:hover {
    opacity: 1;
}

/* FIX: убрать зум при фокусе на input (mobile) */
/* FIX ZOOM MOBILE SEARCH */
@media (max-width: 768px) {
    #search input {
        font-size: 16px !important;
        line-height: normal;
    }
}

#search input {
    -webkit-text-size-adjust: 100%;
}

.header-price-link {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 400;
    color: #26363d;
    background-color: #fff;
    border: 1px solid #a2a2a2;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 5px;
    text-decoration: none;
}

.header-price-link:hover,
.header-price-link:focus,
.header-price-link:active {
    background-color: #fff;
    border: 1px solid #2644DD;
    color: #26363d;
    text-decoration: none;
}

/* ==========================================================================
   02. Animation library (single canonical copy)
   Source: animate.css
   ========================================================================== */

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39062deg) skewY(.39062deg);transform:skewX(.39062deg) skewY(.39062deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39062deg) skewY(.39062deg);transform:skewX(.39062deg) skewY(.39062deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/* ==========================================================================
   03. Navigation
   Source: menu.css
   ========================================================================== */

/*!
Author  : ABS
Version : 1.0.0
*/
/*menu_mobile*/
#menu ul{padding-bottom:60px;width:100%}#menu ul>li>a{width:100%;display:block}#menu .dropdown-menu{box-shadow:none;margin:0;padding:0;border:none}.navbar{margin:0 -15px;padding:.5rem 0}.mob-nav_ul{width:100%;font-size:14px;background:#fff;overflow-x:hidden;overflow-y:scroll}.mob-nav_hid{height:70vh}.mob-li_item{display:block;border-top:1px dotted #ced4da}.mob-li_item_a{display:block;width:100%;padding:10px 14px;line-height:1;color:inherit;text-align:left;background-color:transparent;border:none}
/*menu_desctop*/
.snabzhentsy-menu{display:unset}.snabzhentsy-menu-show{display:none;position:fixed;top:0;right:0;bottom:0;left:0;max-width:1040px;margin:0 auto;overflow:hidden;background-color:#44444447;z-index:5}.snabzhentsy-menu-show_active{top:84.499995px;display:block}.snabzhentsy-menu-nav-full{display:flex;width:100%;height:100%;max-width:1040px;margin-right:auto;margin-left:auto;overflow:hidden}.snabzhentsy-dropdown-menu[data-dropdown-menu]{width:33%;max-width:370px}.snabzhentsy-dropdown-menu{max-height:100%;padding:0 0 50px 0;overflow-y:auto;list-style:none;pointer-events:all;background-color:#fff;margin-bottom:0}.snabzhentsy-dropdown-submenu{min-width:18rem}.snabzhentsy-dropdown-item{display:block;width:100%;height:42px;padding:.6rem 1.5rem;clear:both;font-size:13px;font-weight:500;color:#444;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;border-left:3px solid #dee2e6;border-bottom:.5px solid #dee2e6}.snabzhentsy-dropdown-item[data-dropdown-menu]{padding:.1rem 1.2rem .1rem .4rem}.snabzhentsy-dropdown-item_img{padding:.25rem;height:40px;width:40px}.snabzhentsy-dropdown-submenu>a.snabzhentsy-dropdown-item:after{font-family:FontAwesome;content:"\f105";float:right;font-size:16px;line-height:2.3}#snabzhentsy-menu a:hover{color:#2141e4;border-left-color:#2141e4}.snabzhentsy-dropdown-submenu>.snabzhentsy-dropdown-menu{position:absolute;display:none;margin-left:320px;width:33%;max-width:370px;margin-top:0;border:0;overflow-y:auto;top:0;bottom:0;min-width:20rem}.snabzhentsy-dropdown-submenu:hover .snabzhentsy-dropdown-menu{display:block}.see-all{display:block;padding:10px 14px;text-align:center;font-weight:700;border:none}
/**************@media*****************/
@media (min-width:992px){.snabzhentsy-menu{display:unset}}

/* ==========================================================================
   04. Storefront UI
   Source: ui.css
   ========================================================================== */

/*НОВЫЙ ФАЙЛ UI.CSS*/

/* =========================================================
   HEADER OEM — CLEAN FINAL
   ========================================================= */

/* ===== ROOT ===== */

.header-fix {
  background: #eef3f8;
  border-bottom: 1px solid #d6e0ea;
}

.header-fix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

/* FIX: popup выше фиксированной шапки */
.mfp-bg {
  z-index: 10000 !important;
}

.mfp-wrap {
  z-index: 10010 !important;
}

.mfp-container {
  z-index: 10020 !important;
}

.mfp-content {
  z-index: 10030 !important;
}

body {
  padding-top: 110px;
}

/* ===== TOP BAR ===== */

.header-top {
  background: #f7f9fc;
  border-bottom: 1px solid #d6e0ea;
  font-size: 13px;
}

.header-top .container.container-oem {
  padding-top: 0;
  padding-bottom: 0;
}

.header-top__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 32px;
}

.header-top__right {
  display: flex;
  align-items: center;
}

.header-top__right a {
  color: #6b7280;
  text-decoration: none;
  margin-left: 10px;
  line-height: 1;
}

.header-top__right a:hover {
  color: #2644DD;
}

.header-top__right span {
  margin-left: 10px;
  line-height: 1;
}

/* ===== MAIN ===== */

.header-fix > .container.container-oem {
  padding-top: 8px;
  padding-bottom: 8px;
}

.oem-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  min-height: 44px;
}

/* ===== LIMIT ===== */

/* Основной блок */
.oem-credit-head {
  margin: 0 8px;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

/* Десктоп / мобилка */
.credit-desktop {
  display: inline;
}

.credit-mobile {
  display: none;
}

/* Цвета */
.oem-credit-head--green {
  background: #e6f7ee;
  color: #1a7f37;
}

.oem-credit-head--yellow {
  background: #fff8e1;
  color: #b26a00;
}

.oem-credit-head--red {
  background: #fdecea;
  color: #d93025;
}

/* 📱 Мобилка */
@media (max-width: 767px) {
  .oem-credit-head {
    margin: 0 5px;
    padding: 3px 6px;
  }

  .credit-desktop {
    display: none;
  }

  .credit-mobile {
    display: inline;
  }
}

/* ===== LOGO ===== */

.oem-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.logo_text,
.logo_text a {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  color: #111827;
  text-decoration: none;
}

.logo-color {
  color: #2644DD;
}

/* ===== PRICE BUTTON ===== */

.oem-price {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.oem-price-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-height: 38px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 8px;
  white-space: nowrap;
}

/* ===== DESKTOP SEARCH ===== */

.input-group>.form-control:focus {
    z-index: auto;
}

.oem-search {
  flex: 1 1 auto;
  min-width: 260px;
  display: block;
}

.oem-search form,
.oem-search .input-group,
.oem-search #search,
.oem-search .search,
.oem-search .search-form {
  width: 100%;
}

.oem-search input[type="text"],
.oem-search input[type="search"],
.oem-search .form-control {
  height: 38px !important;
  min-height: 38px;
  padding: 0 12px !important;
  font-size: 14px;
  border-radius: 8px !important;
}

.oem-search button,
.oem-search .btn,
.oem-search .input-group-btn button,
.oem-search .btn.btn-primary,
.oem-search .btn.btn-default {
  height: 38px !important;
  min-height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 8px !important;
}

/* ===== ACTIONS ===== */

.oem-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

/* ===== MOBILE USER ===== */

.oem-user--mobile {
  display: none;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}

.oem-user--mobile img {
  display: block;
  width: 28px;
  height: 28px;
}

/* ===== CART TEXT VERSION ===== */

.oem-cart {
  display: flex;
  align-items: center;
}

.oem-header-cart-link {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  background: #f3f4f6;
  text-decoration: none;
  transition: all 0.2s ease;
}

.oem-header-cart-link:hover {
  background: #e9edf3;
}

.oem-header-cart-info {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #111827;
  white-space: nowrap;
}

.oem-header-cart-title {
  font-weight: 600;
}

.oem-header-cart-sep {
  color: #9ca3af;
}

.oem-header-cart-count {
  font-weight: 500;
}

.oem-header-cart-total {
  font-weight: 600;
  color: #2644DD;
}

/* ===== MOBILE SEARCH ===== */

.header-mobile_search {
  display: none;
  padding: 0 0 8px;
}

.header-mobile_search .container.container-oem {
  padding-top: 0;
  padding-bottom: 0;
}

.header-mobile_search__row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-mobile_search__row > a,
.header-mobile_search__row > .btn,
.header-mobile_search__row .btn-oem-primary {
  flex: 0 0 auto;
  height: 38px;
  min-height: 38px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 8px;
}

.header-mobile_search form,
.header-mobile_search .input-group,
.header-mobile_search #search,
.header-mobile_search .search,
.header-mobile_search .search-form {
  flex: 1 1 auto;
  width: 100%;
}

.header-mobile_search input[type="text"],
.header-mobile_search input[type="search"],
.header-mobile_search .form-control {
  height: 38px !important;
  min-height: 38px;
  padding: 0 12px !important;
  font-size: 14px;
  border-radius: 8px !important;
}

.header-mobile_search button,
.header-mobile_search .btn,
.header-mobile_search .input-group-btn button,
.header-mobile_search .btn.btn-primary,
.header-mobile_search .btn.btn-default {
  height: 38px !important;
  min-height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 8px !important;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
    
  .header-top {
    display: none;
  }
  
  .header-top__row {
    min-height: 30px;
  }

  .header-fix > .container.container-oem {
    padding-top: 10px;
    padding-bottom: 6px;
  }

  .oem-header {
    gap: 10px;
    min-height: 40px;
    flex-wrap: nowrap;
  }

  .oem-logo {
    flex: 0 0 auto;
  }

  .logo_text,
  .logo_text a {
    font-size: 24px;
  }

  .oem-price {
    display: none;
  }

  .oem-search {
    display: none;
  }

  .oem-header-actions {
    margin-left: auto;
    gap: 12px;
  }

  .oem-user--mobile {
    display: inline-flex;
  }

  .header-mobile_search {
    display: block;
  }

  .header-mobile_search__row {
    justify-content: center;
  }

  .header-mobile_search__row > * {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 769px) {
  .oem-user--mobile {
    display: none !important;
  }

  .header-mobile_search {
    display: none !important;
  }
}

/* =========================
   SEARCH
========================= */

.search-page-oem .search-toolbar-group {
    margin: 15px;
}

.market-search-head {
    background: #f8fafc;
    padding: 16px 18px;
    margin-bottom: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
}

.market-search-head__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
    margin-bottom: 6px;
}

.market-search-head__desc {
    font-size: 14px;
    line-height: 1.5;
    color: #6b7280;
}

.market-brand-group {
    margin-bottom: 30px;
}

.market-brand-title {
    margin-bottom: 15px;
    padding: 14px 16px;
    background: #f8fafc;
    border-left: 4px solid #2644DD;
    border-radius: 10px;
}

.price-pack-inline {
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    color: #6b7280;
    background: #f3f4f6;
    border-radius: 12px;
    white-space: nowrap;
}

.market-brand-inline {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.market-brand-name {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
}

.brand-price {
    font-size: 18px;
    font-weight: 800;
    color: #2644DD;
}

.brand-dot {
    color: #9ca3af;
}

.brand-count {
    font-size: 14px;
    color: #6b7280;
}

.price-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.price-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.price-table th {
    padding: 12px;
    font-size: 12px;
    font-weight: 600;
    background: #eef3f8;
    border-bottom: 1px solid #d6e0ea;
    text-align: left;
    white-space: nowrap;
}

.price-table td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    vertical-align: middle;
}

.price-table td:nth-child(1),
.price-table th:nth-child(1) {
    white-space: nowrap;
}

.price-table__text {
    color: #26363d;
    white-space: nowrap;
}

.price-table__article-field,
.price-table__article-field .price-table__text {
    white-space: nowrap;
}

.price-table__name-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.price-table__name-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

.price-table__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500;
    color: #26363d;
    line-height: 1.35;
}

.price-table__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.price-table__name-cell {
    min-width: 280px;
}

.price-table__article-field {
    display: block;
}

/* ===== ЦЕНА ===== */

.price-table__price {
  font-size: 15px;
  font-weight: 700;
  color: #1d4ed8;
  white-space: nowrap;
}

/* выравнивание колонки */
.price-table td:nth-child(7) {
  vertical-align: middle;
}

.price-table__photo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
}

.price-table__photo-inline {
    display: none;
}

.price-table td[data-label="Фото"] .product-gallery-block,
.price-table td[data-label="Фото"] .price-table__photo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.text-center {
    text-align: center;
}

.market-best-row {
    background: #f3faee;
}

.market-best-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    background: #28a745;
    color: #fff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.market-price-best {
    color: #2644DD;
    font-weight: 500;
}

@media (max-width: 767px) {

    .search-page-oem .container.container-oem {
        padding-left: 8px;
        padding-right: 8px;
    }

    .search-page-oem .card-oem {
        padding: 10px;
        border-radius: 10px;
    }

    .search-page-oem .breadcrumb {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .search-page-oem .search-toolbar-group {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .market-search-head {
        padding: 12px 14px;
        margin-bottom: 14px;
        border-radius: 12px;
    }

    .market-search-head__title {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .market-search-head__desc {
        font-size: 13px;
    }

    .market-brand-group {
        margin-bottom: 14px;
    }

    .market-brand-title {
        padding: 10px 12px;
        margin-bottom: 8px;
    }

    .market-brand-name {
        font-size: 17px;
    }

    .brand-price {
        font-size: 16px;
    }

    .brand-count {
        font-size: 12px;
    }

    /* ===== TABLE → CARD ===== */

    .price-table-wrap {
        overflow: visible;
    }

    .price-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        background: transparent;
    }

    .price-table thead {
        display: none;
    }

    .price-table tbody {
        display: block;
    }

    .price-table .price-row-mobile {
        display: block;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 8px;
    }

    .price-table .price-row-mobile td {
        display: block;
        width: 100%;
        border: none;
        padding: 0;
    }

    /* № */
    .price-table .price-row-mobile td:nth-child(1) {
        font-size: 12px;
        color: #6b7280;
        margin-bottom: 4px;
    }

    /* Название */
    .price-table .price-row-mobile td:nth-child(2) {
        margin-bottom: 6px;
    }

    .price-table__name {
        font-size: 14px;
        line-height: 1.3;
    }

    /* Бренд скрываем */
    .price-table .price-row-mobile td:nth-child(3) {
        display: none;
    }

    /* Фото переносим внутрь */
    .price-table .price-row-mobile td:nth-child(4) {
        display: none !important;
    }

    .price-table__photo-inline {
        display: inline-flex;
        margin-left: 6px;
    }

    /* Склад + наличие */
    .price-table .price-row-mobile td:nth-child(5),
    .price-table .price-row-mobile td:nth-child(6) {
        display: inline;
        font-size: 12px;
        color: #4b5563;
    }

    .price-table .price-row-mobile td:nth-child(5)::after {
        content: " • ";
        color: #9ca3af;
    }

    /* Цена */
    .price-table .price-row-mobile td:nth-child(7) {
        margin-top: 8px;
        margin-bottom: 6px;
    }

    .price-table .price-row-mobile td:nth-child(7) .market-price-best {
        font-size: 26px;
        font-weight: 800;
    }

    .price-table .price-row-mobile td:nth-child(8) {
        margin-top: 4px;
    }

    /* бейдж */
    .market-best-badge {
        padding: 3px 8px;
        font-size: 10px;
    }
}




/* =========================
          CART
========================= */


#checkout-cart .price-actions-wrap {
	min-width: auto;
}

#checkout-cart .cart-bottom-side {
	display: flex;
	justify-content: flex-end;
}

#checkout-cart .cart-bottom-side__inner {
	width: 100%;
	max-width: 420px;
}

#checkout-cart .cart-bottom-side .price-actions-wrap {
	justify-content: flex-start;
}

#checkout-cart .cart-bottom-side .price-actions-box {
	width: 100%;
	justify-content: flex-end;
}

#checkout-cart .cart-bottom-side .price-btn-buy {
	display: inline-flex;
}

/* итоговый блок */
#checkout-cart .cart-totals-list {
	width: 100%;
}

#checkout-cart .cart-totals-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 22px;
	border-bottom: 1px solid #edf0f5;
}

#checkout-cart .cart-totals-row:last-child {
	border-bottom: none;
}

#checkout-cart .cart-totals-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
	color: #263238;
}

#checkout-cart .cart-totals-value {
	flex: 0 0 auto;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: #2644DD;
	text-align: right;
}

#checkout-cart .cart-cell--warehouse {
	grid-area: warehouse;
}

#checkout-cart .cart-total-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	font-weight: 400;
}

#checkout-cart .cart-unit-price-note {
	font-size: 12px;
	line-height: 1.2;
	color: #8b95a7;
	opacity: 0.8;
}

#checkout-cart .cart-actions-box {
	width: 100%;
}

#checkout-cart .cart-remove-btn--mobile {
	display: none;
}

#checkout-cart .cart-remove-btn--desktop {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#checkout-cart .price-qty__input,
#checkout-cart .price-qty__btn,
#checkout-cart .cart-remove-btn {
	height: 38px;
}

#checkout-cart .cart-remove-btn {
	background: #5a5a5a;
}

#checkout-cart .cart-remove-btn:hover {
	background: #444;
}

#checkout-cart .cart-row-warning {
	background: #fff7f7;
}

#checkout-cart .cart-row-warning td {
	background: #fff7f7;
}

#checkout-cart .cart-qty-warning {
	border: 1px solid #ef4444 !important;
	background: #fff1f1 !important;
	color: #b91c1c;
	font-weight: 600;
}

#checkout-cart .cart-stock-warning {
	color: #dc2626;
	font-weight: 700;
}

#checkout-cart .cart-total-warning .market-price-best {
	color: #dc2626;
}

/* DESKTOP */
@media (min-width: 768px) {
	#checkout-cart .cart-remove-btn--mobile {
		display: none !important;
	}
}

/* MOBILE */
@media (max-width: 767px) {
	#checkout-cart .cart-bottom-side {
		display: block;
	}

	#checkout-cart .cart-bottom-side__inner {
		width: 100%;
		max-width: none;
	}

	#checkout-cart .cart-bottom-side .price-btn-buy {
		display: flex;
		width: 100%;
		justify-content: center;
	}

	#checkout-cart .cart-totals-row {
		padding: 16px 18px;
	}

	#checkout-cart .cart-totals-title {
		font-size: 20px;
	}

	#checkout-cart .cart-totals-value {
		font-size: 28px;
	}

	#checkout-cart .price-table thead {
		display: none;
	}

	#checkout-cart .price-table,
	#checkout-cart .price-table tbody,
	#checkout-cart .price-table tr {
		display: block;
		width: 100%;
	}

	#checkout-cart .price-table tr.cart-row-mobile {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"article warehouse"
			"name name"
			"brand photo"
			"stock total"
			"qty qty"
			"remove remove";
		gap: 6px 10px;
		margin-bottom: 12px;
		padding: 10px;
		border: 1px solid #e5e7eb;
		border-radius: 14px;
		background: #fff;
	}

	#checkout-cart .price-table td {
		display: block;
		width: 100%;
		padding: 0;
		border: 0;
		background: transparent;
		text-align: left !important;
	}

	#checkout-cart .cart-cell--num {
		display: none !important;
	}

	#checkout-cart .cart-cell--article {
		grid-area: article;
	}

	#checkout-cart .cart-cell--name {
		grid-area: name;
	}

	#checkout-cart .cart-cell--brand {
		grid-area: brand;
	}

	#checkout-cart .cart-cell--photo {
		grid-area: photo;
		text-align: right !important;
	}

	#checkout-cart .cart-cell--warehouse {
		grid-area: warehouse;
		text-align: right !important;
	}

	#checkout-cart .cart-cell--stock {
		grid-area: stock;
	}

	#checkout-cart .cart-cell--total {
		grid-area: total;
		text-align: right !important;
	}

	#checkout-cart .cart-cell--qty {
		grid-area: qty;
	}

	#checkout-cart .cart-cell--remove {
		grid-area: remove;
	}

	#checkout-cart .cart-cell--brand::before,
	#checkout-cart .cart-cell--photo::before,
	#checkout-cart .cart-cell--stock::before,
	#checkout-cart .cart-cell--total::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 3px;
		font-size: 10px;
		line-height: 1.1;
		color: #64748b;
	}

	#checkout-cart .cart-cell--article .article-main {
		font-size: 14px;
		line-height: 1.2;
	}

	#checkout-cart .cart-cell--article .article-oem {
		margin-top: 2px;
		font-size: 11px;
		line-height: 1.15;
	}

	#checkout-cart .cart-cell--name .price-table__name {
		font-size: 13px;
		line-height: 1.25;
	}

	#checkout-cart .cart-cell--brand .price-table__text,
	#checkout-cart .cart-cell--stock .price-table__text {
		font-size: 12px;
		line-height: 1.2;
	}

	#checkout-cart .cart-cell--warehouse .warehouse-name {
		font-size: 13px;
		line-height: 1.2;
		font-weight: 700;
	}

	#checkout-cart .cart-cell--warehouse .delivery-badge {
		margin-top: 4px;
		display: inline-block;
	}

	#checkout-cart .cart-cell--total .market-price-best {
		font-size: 20px;
		line-height: 1.05;
		white-space: nowrap;
	}

	#checkout-cart .cart-unit-price-note {
		margin-top: 4px;
		font-size: 11px;
		line-height: 1.15;
	}

	#checkout-cart .cart-cell--qty .cart-actions-box,
      #checkout-cart .cart-qty-cell .cart-actions-box {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        width: 100%;
      }
    
      #checkout-cart .cart-price-qty {
          flex: 0 0 auto;
          min-width: 120px;
        }
    
      #checkout-cart .cart-remove-btn--mobile {
        flex: 1;
        border-radius: 8px;
        min-width: 0;
        height: 38px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
      }

	#checkout-cart .cart-cell--qty .cart-price-qty,
	#checkout-cart .cart-qty-cell .cart-price-qty {
		justify-content: space-between;
	}

	#checkout-cart .cart-remove-btn--desktop,
	#checkout-cart .cart-remove-cell {
		display: none !important;
	}

	#checkout-cart .cart-remove-btn--mobile {
		display: block !important;
		width: 100%;
		height: 38px;
		align-items: center;
		justify-content: center;
		text-align: center;
		white-space: nowrap;
	}

	#checkout-cart .cart-photo-empty {
		display: inline-block;
		width: 24px;
		height: 20px;
	}

	#checkout-cart .cart-row-warning {
		border: 1px solid #fecaca;
		border-radius: 10px;
	}
}

/* =========================
   ОФОРМЛЕНИЕ ЗАКАЗОВ
========================= */

.onepage-checkout-page {
	margin-bottom: 32px;
	color: #1f2937;
}

/* TOP */
.checkout-top-card {
	padding: 18px 20px;
	border-radius: 16px;
}

.checkout-top-breadcrumb {
	margin: 0 0 14px;
	padding: 0 0 10px;
	background: transparent;
	border-bottom: 1px solid #e5e7eb;
}

.checkout-top-breadcrumb > li {
	display: inline-block;
	position: relative;
	margin-right: 18px;
}

.checkout-top-breadcrumb > li + li:before {
	content: "/";
	color: #9ca3af;
	position: absolute;
	left: -12px;
	top: 0;
}

.checkout-oem-title {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	color: #111827;
}

/* LAYOUT */
.checkout-oem-layout-vertical {
	display: block;
}

.checkout-oem-block {
	width: 100%;
	margin-bottom: 20px;
}

.checkout-products-desktop .checkout-warehouse-group:last-child {
	margin-bottom: 0;
}

/* Checkout: warehouse accent follows the existing delivery-time palette. */
#checkout-checkout .checkout-delivery-group {
	--search-group-accent: #94a3b8;
}

#checkout-checkout .checkout-delivery-group--green {
	--search-group-accent: #22c55e;
}

#checkout-checkout .checkout-delivery-group--yellow {
	--search-group-accent: #f59e0b;
}

#checkout-checkout .checkout-delivery-group--red {
	--search-group-accent: #ef4444;
}

/* Checkout: only the warehouse heading receives a soft delivery-time tint. */
#checkout-checkout .checkout-delivery-group > .oem-search-group-card > .market-brand-title {
	background: #f8fafc;
}

#checkout-checkout .checkout-delivery-group--green > .oem-search-group-card > .market-brand-title {
	background: #f2fbf5;
}

#checkout-checkout .checkout-delivery-group--yellow > .oem-search-group-card > .market-brand-title {
	background: #fff9ed;
}

#checkout-checkout .checkout-delivery-group--red > .oem-search-group-card > .market-brand-title {
	background: #fff4f4;
}

.checkout-products-desktop .checkout-warehouse-footer {
	margin: 0;
	padding: 12px 16px;
	border-top: 1px solid #e5e9f0;
	background: #f8fafc;
}

.checkout-products-desktop .checkout-warehouse-footer-row strong {
	font-size: 16px;
	color: #111827;
	white-space: nowrap;
}

.checkout-products-mobile {
	display: none;
}

@media (max-width: 768px) {
	.checkout-products-desktop {
		display: none !important;
	}

    #checkout-checkout .checkout-products-mobile {
    	display: block;
    	margin-top: 8px;
    }
    
    /* Checkout: компактные формы */
    #checkout-checkout .checkout-textarea {
    	min-height: 72px;
    	height: 72px;
    }
    
    /* Checkout: выделенный итог заказа */
    #checkout-checkout .checkout-form-summary {
    	padding: 14px;
    	border: 1px solid #dfe4ff;
    	border-radius: 12px;
    	background: #f7f8ff;
    }
    
    #checkout-checkout .checkout-summary-total strong {
    	color: var(--oem-ui-blue);
    	font-size: 20px;
    }
    
    /* Ссылка дублируется нижней мобильной навигацией */
    #checkout-checkout .checkout-back-btn {
    	display: none !important;
    }
}

.checkout-oem-block:last-child {
	margin-bottom: 0;
}

#checkout-checkout .checkout-price-summary,
#checkout-checkout .checkout-price-summary:hover,
#checkout-checkout .checkout-price-summary:focus {
	background: #dcfce7 !important;
	border-color: #86efac !important;
	color: #166534 !important;
	box-shadow: none !important;
	transform: none !important;
	cursor: default;
}

/* CARD */
.checkout-oem-card {
	padding: 18px;
	border-radius: 16px;
}

.checkout-oem-card-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 16px;
}

.checkout-oem-card-title {
	margin: 0 0 14px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #111827;
}

.checkout-oem-card-note {
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.45;
	color: #6b7280;
}

/* PRODUCTS BLOCK */
.checkout-products-card {
	background: #fff;
}

.checkout-warehouse {
	margin-bottom: 16px;
	padding: 16px;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
}

.checkout-warehouse:last-child {
	margin-bottom: 0;
}

.checkout-warehouse-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 12px;
}

.checkout-warehouse-left {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.checkout-warehouse-title-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.checkout-delivery-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex: 0 0 10px;
	margin-top: 1px;
}

.checkout-delivery-dot.status-green {
	background: #22c55e;
	box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.checkout-delivery-dot.status-yellow {
	background: #f59e0b;
	box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.12);
}

.checkout-delivery-dot.status-red {
	background: #ef4444;
	box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.12);
}

.checkout-warehouse-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	color: #111827;
	word-break: break-word;
}

.checkout-warehouse-right {
	font-size: 14px;
	line-height: 1.35;
	color: #4b5563;
	white-space: nowrap;
}

.checkout-delivery-badge {
	display: inline-block;
	width: fit-content;
	padding: 3px 8px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
}

.checkout-delivery-badge.status-green {
	background: #dcfce7;
	color: #166534;
}

.checkout-delivery-badge.status-yellow {
	background: #fef3c7;
	color: #92400e;
}

.checkout-delivery-badge.status-red {
	background: #fee2e2;
	color: #991b1b;
}

.checkout-products-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* warehouse total */
.checkout-warehouse-footer {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e5e7eb;
}

.checkout-warehouse-footer-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	line-height: 1.4;
	color: #111827;
}

/* FORM BLOCK */
.checkout-form-full {
	background: #fff;
}

.checkout-form-grid {
	display: flex;
	gap: 20px;
	align-items: stretch;
}

.checkout-form-col {
	flex: 1 1 0;
	min-width: 0;
}

.checkout-form-summary {
	flex: 0 0 320px;
	max-width: 320px;
}

/* FORM */
.form-group {
	margin-bottom: 14px;
}

.form-group:last-child {
	margin-bottom: 0;
}

.form-group label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	color: #374151;
}

.form-control {
	width: 100%;
	min-height: 42px;
	height: 42px;
	padding: 10px 12px;
	border: 1px solid #d1d5db;
	border-radius: 12px;
	background: #fff;
	box-shadow: none;
	box-sizing: border-box;
	font-size: 13px;
	color: #111827;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.form-control:focus {
	border-color: #9ca3af;
	box-shadow: none;
	background: #fff;
}

.form-control.is-filled {
	background: #fcfcfd;
	border-color: #cfd6df;
}

.checkout-textarea {
	min-height: 88px;
	height: 88px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.45;
	resize: vertical;
}

/* SUMMARY */
.checkout-summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #e5e7eb;
	font-size: 14px;
	line-height: 1.45;
	color: #374151;
}

.checkout-summary-row:last-of-type {
	border-bottom: 0;
}

.checkout-summary-total {
	padding-top: 14px;
	margin-top: 2px;
	font-size: 18px;
	font-weight: 700;
	color: #111827;
}

.checkout-payment-note {
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 12px 14px;
	border: 1px solid #d1d5db;
	border-radius: 12px;
	background: #f9fafb;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: #374151;
	text-align: center;
}

/* BUTTONS */
.checkout-submit-btn,
.checkout-back-btn {
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 12px;
}

.checkout-submit-btn {
	height: 46px;
	font-size: 16px;
	font-weight: 700;
}

.checkout-back-btn {
	margin-top: 10px;
	height: 42px;
	line-height: 42px;
	padding: 0 14px;
	text-decoration: none;
}

.checkout-result-box {
	margin-top: 14px;
}

.checkout-result-box .alert {
	margin-bottom: 0;
	border-radius: 12px;
}

/* TABLE POLISH */
.checkout-products-card .price-table {
	width: 100%;
}

.checkout-products-card .price-table td.text-right,
.checkout-products-card .price-table th.text-right {
	text-align: right;
}

.checkout-products-card .price-table td.text-center,
.checkout-products-card .price-table th.text-center {
	text-align: center;
}

.checkout-products-card .price-table__name {
	font-weight: 600;
}

.checkout-products-card .article-oem {
	margin-top: 3px;
}

.checkout-products-card .price-table__photo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.checkout-products-card .price-table th:nth-child(1),
.checkout-products-card .price-table td:nth-child(1) {
	width: 52px;
}

.checkout-products-card .price-table th:nth-child(2),
.checkout-products-card .price-table td:nth-child(2) {
	min-width: 150px;
}

.checkout-products-card .price-table th:nth-child(3),
.checkout-products-card .price-table td:nth-child(3) {
	min-width: 260px;
}

.checkout-products-card .price-table th:nth-child(5),
.checkout-products-card .price-table td:nth-child(5) {
	width: 74px;
	text-align: center;
}

.checkout-products-card .price-table th:nth-child(6),
.checkout-products-card .price-table td:nth-child(6),
.checkout-products-card .price-table th:nth-child(7),
.checkout-products-card .price-table td:nth-child(7) {
	width: 110px;
}

.checkout-products-card .price-table th:nth-child(8),
.checkout-products-card .price-table td:nth-child(8),
.checkout-products-card .price-table th:nth-child(9),
.checkout-products-card .price-table td:nth-child(9) {
	width: 120px;
}

/* responsive */
@media (max-width: 1199px) {
	.checkout-form-summary {
		flex: 0 0 290px;
		max-width: 290px;
	}
}

@media (max-width: 991px) {
	.checkout-warehouse-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.checkout-warehouse-right {
		white-space: normal;
	}

	.checkout-form-grid {
		flex-direction: column;
	}

	.checkout-form-summary {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.checkout-products-card .price-table th:nth-child(6),
	.checkout-products-card .price-table td:nth-child(6),
	.checkout-products-card .price-table th:nth-child(7),
	.checkout-products-card .price-table td:nth-child(7),
	.checkout-products-card .price-table th:nth-child(8),
	.checkout-products-card .price-table td:nth-child(8),
	.checkout-products-card .price-table th:nth-child(9),
	.checkout-products-card .price-table td:nth-child(9) {
		width: auto;
	}
}

@media (max-width: 767px) {
	.onepage-checkout-page {
		margin-bottom: 24px;
	}

	.checkout-oem-title {
		font-size: 26px;
	}

	.checkout-oem-card {
		padding: 16px;
		border-radius: 14px;
	}

	.checkout-oem-card-title {
		font-size: 20px;
	}

	.checkout-warehouse {
		padding: 14px;
		border-radius: 12px;
	}

	.checkout-submit-btn {
		height: 44px;
		font-size: 15px;
	}

	.checkout-back-btn {
		height: 40px;
		line-height: 40px;
	}

	.checkout-products-card .price-table thead {
		display: none;
	}

	.checkout-products-card .price-table,
	.checkout-products-card .price-table tbody,
	.checkout-products-card .price-table tr {
		display: block;
		width: 100%;
	}

	.checkout-products-card .price-table tr.price-row-mobile {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"article article"
			"name name"
			"brand photo"
			"stock qty"
			"price total";
		gap: 6px 12px;
		margin-bottom: 10px;
		padding: 10px 12px;
		border: 1px solid #e5e7eb;
		border-radius: 12px;
		background: #fff;
	}

	.checkout-products-card .price-table td {
		display: block;
		width: 100%;
		padding: 0;
		border: 0;
		background: transparent;
		text-align: left !important;
	}

	.checkout-cell--num {
		display: none !important;
	}

	.checkout-cell--article {
		grid-area: article;
	}

	.checkout-cell--name {
		grid-area: name;
		min-height: 20px;
	}

	.checkout-cell--brand {
		grid-area: brand;
		min-height: 20px;
	}

	.checkout-cell--photo {
		grid-area: photo;
		text-align: right !important;
	}

	.checkout-cell--stock {
		grid-area: stock;
	}

	.checkout-cell--qty {
		grid-area: qty;
		text-align: right !important;
	}

	.checkout-cell--price {
		grid-area: price;
	}

	.checkout-cell--total {
		grid-area: total;
		text-align: right !important;
	}

	.checkout-products-card .price-table td.checkout-cell--name,
	.checkout-products-card .price-table td.checkout-cell--brand {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.checkout-products-card .checkout-cell--name .price-table__name-wrap,
	.checkout-products-card .checkout-cell--name .price-table__name-row,
	.checkout-products-card .checkout-cell--name .price-table__name {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.checkout-cell--brand::before,
	.checkout-cell--photo::before,
	.checkout-cell--stock::before,
	.checkout-cell--qty::before,
	.checkout-cell--price::before,
	.checkout-cell--total::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 2px;
		font-size: 10px;
		line-height: 1.1;
		color: #64748b;
	}

	.checkout-cell--article .article-main {
		font-size: 13px;
		line-height: 1.2;
	}

	.checkout-cell--article .article-oem {
		margin-top: 2px;
		font-size: 11px;
		line-height: 1.15;
	}

	.checkout-cell--name .price-table__name {
		margin-top: 2px;
		font-size: 13px;
		line-height: 1.25;
		font-weight: 600;
		color: #111827;
	}

	.checkout-cell--brand .price-table__text,
	.checkout-cell--stock .price-table__text,
	.checkout-cell--qty .price-table__text {
		font-size: 12px;
		line-height: 1.2;
	}

	.checkout-products-card .checkout-cell--brand .price-table__text {
		display: block !important;
		color: #374151;
	}

	.checkout-cell--photo .product-gallery-block {
		line-height: 1;
	}

	.checkout-cell--photo .price-table__photo-link svg {
		width: 22px;
		height: 18px;
	}

	.checkout-cell--price .market-price-best,
	.checkout-cell--total strong {
		font-size: 18px;
		line-height: 1.05;
		white-space: nowrap;
	}

	.checkout-warehouse-footer {
		margin-top: 14px;
		padding-top: 14px;
	}

	.checkout-warehouse-footer-row {
		min-height: 52px;
		padding: 12px 14px;
		border: 1px solid #e5e7eb;
		border-radius: 12px;
		background: #fff;
		font-size: 16px;
		line-height: 1.35;
	}

	.checkout-warehouse-footer-row strong {
		font-size: 18px;
		font-weight: 700;
		color: #111827;
		white-space: nowrap;
	}

	.checkout-photo-empty {
		display: inline-block;
		width: 24px;
		height: 20px;
	}
}

/* ===== SUCCESS PAGE ===== */

.oem-success {
    max-width: 700px;
    margin: 60px auto;
    padding: 0 15px;
}

.oem-success__box {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 25px;
    background: #fff;
    text-align: center;
}

.oem-success__icon {
    font-size: 32px;
    color: #2e7d32;
    margin-bottom: 10px;
}

.oem-success__title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}

.oem-success__text {
    color: #666;
    margin-bottom: 20px;
}

.oem-success__orders {
    margin-bottom: 20px;
    font-size: 15px;
}

.oem-success__orders a {
    margin: 0 5px;
    color: #2a5bd7;
    font-weight: 500;
}

.oem-success__actions {
    display: flex;
    justify-content: center;
    align-items: center; /* ВАЖНО */
    gap: 20px;
    margin-top: 15px;
}

.oem-success__link {
    display: flex;
    align-items: center; /* выравнивает по кнопке */
    height: 38px; /* примерно как кнопка */
    color: #2a5bd7;
    font-size: 14px;
}

.oem-success__actions a {
    font-size: 14px;
}

.oem-success__orders strong {
    font-size: 18px;
    color: #111;
}

.oem-success__actions .btn {
    font-weight: 500;
    padding: 10px 24px;
}

.oem-success__actions a:not(.btn):hover {
    text-decoration: underline;
}

.oem-success__link {
    color: #2a5bd7;
    font-weight: 500;
}

.oem-success__link:hover {
    text-decoration: underline;
}

/* =========================
   ACCOUNT / ORDERS
========================= */

.account-card-link-oem {
    display: block;
    padding: 16px;
    height: 100%;
    transition: all .2s ease;
}

.account-card-link-oem:hover {
    transform: translateY(-2px);
}

.account-card-title-oem {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.account-card-desc-oem {
    font-size: 13px;
    line-height: 1.4;
    color: #6b7280;
}

.account-order-list-oem {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.account-order-card-oem {
    padding: 14px 16px;
}

.account-order-card-top-oem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.account-order-main-oem {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.account-order-number-oem {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
}

.account-order-date-oem {
    font-size: 12px;
    color: #6b7280;
}

.account-order-total-wrap-oem {
    text-align: right;
}

.account-order-total-oem {
    margin-bottom: 4px;
    font-weight: 600;
    color: #111827;
}

.account-order-meta-grid-oem {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.account-order-meta-item-oem {
    font-size: 13px;
}

.account-order-meta-label-oem {
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    color: #9ca3af;
}

.account-order-meta-value-oem {
    font-weight: 500;
    color: #374151;
}

.account-info-card-oem {
    padding: 14px;
}

.account-title-md-oem {
    margin-bottom: 10px;
    font-weight: 600;
    color: #111827;
}

.account-info-line-oem {
    margin-bottom: 4px;
    font-size: 13px;
    color: #374151;
}

.account-address-oem {
    font-size: 13px;
    line-height: 1.5;
    color: #374151;
}

.account-product-name-oem {
    font-weight: 500;
    color: #111827;
}

.account-product-option-oem {
    font-size: 12px;
    color: #6b7280;
}

.account-order-table-oem th {
    font-size: 12px;
    font-weight: 600;
}

.account-order-table-oem td {
    font-size: 13px;
}

.account-order-table-oem tfoot td {
    background: #fafafa;
}

.account-history-table-oem td {
    font-size: 13px;
}

.account-comment-oem {
    font-size: 13px;
    line-height: 1.5;
    color: #374151;
}



/* =========================
   BREADCRUMBS
========================= */

.breadcrumb-oem,
.checkout-top-breadcrumb,
.search-page-oem .breadcrumb,
#checkout-cart .breadcrumb {
    margin: 0 0 14px;
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 13px;
    line-height: 1.4;
    list-style: none;
}

.breadcrumb-oem > li,
.checkout-top-breadcrumb > li,
.search-page-oem .breadcrumb > li,
#checkout-cart .breadcrumb > li {
    display: inline-block;
    position: relative;
    margin-right: 16px;
}

.breadcrumb-oem > li + li:before,
.checkout-top-breadcrumb > li + li:before,
.search-page-oem .breadcrumb > li + li:before,
#checkout-cart .breadcrumb > li + li:before {
    content: "/";
    position: absolute;
    top: 0;
    left: -11px;
    color: #9ca3af;
}

.breadcrumb-oem a,
.checkout-top-breadcrumb a,
.search-page-oem .breadcrumb a,
#checkout-cart .breadcrumb a {
    color: #6b7280;
    text-decoration: none;
}

.breadcrumb-oem a:hover,
.checkout-top-breadcrumb a:hover,
.search-page-oem .breadcrumb a:hover,
#checkout-cart .breadcrumb a:hover {
    color: #2644DD;
    text-decoration: none;
}

.breadcrumb-oem > li:last-child,
.checkout-top-breadcrumb > li:last-child,
.search-page-oem .breadcrumb > li:last-child,
#checkout-cart .breadcrumb > li:last-child {
    color: #111827;
}

/* =========================
   ACCOUNT FORMS
========================= */

.account-form-container-oem {
    max-width: 760px;
}

.account-form-card-oem {
    padding: 20px;
}

.account-form-oem .form-group {
    margin-bottom: 18px;
}

.account-form-oem .form-group:last-child {
    margin-bottom: 0;
}

.account-form-oem label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #374151;
}

.account-form-oem .form-control {
    height: 44px;
    min-height: 44px;
    border-radius: 10px;
}

.account-form-actions-oem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 26px;
}

.account-form-actions-oem .btn-oem-primary,
.account-form-actions-oem .btn-oem-secondary {
    min-width: 140px;
    text-align: center;
}

/* =========================
   ACCOUNT ADDRESSES
========================= */

.account-container-sm-oem {
    max-width: 900px;
}

.account-address-card-oem {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    padding: 18px;
}

.account-address-badge-row-oem {
    margin-bottom: -2px;
}

.account-address-text-oem {
    font-size: 14px;
    line-height: 1.6;
    color: #374151;
    word-break: break-word;
}

.account-address-actions-oem {
    gap: 10px;
    margin-top: auto;
}

.account-radio-group-oem {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.account-inline-radio-oem {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #374151;
    cursor: pointer;
}

.account-inline-radio-oem input {
    margin: 0;
}

/* =========================
   ACCOUNT WISHLIST
========================= */

.account-wishlist-grid-oem {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.account-wishlist-card-oem {
    padding: 18px;
}

.account-wishlist-top-oem {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.account-wishlist-image-oem {
    flex: 0 0 84px;
    width: 84px;
}

.account-wishlist-image-oem img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
}

.account-wishlist-main-oem {
    flex: 1 1 auto;
    min-width: 0;
}

.account-wishlist-name-oem {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
}

.account-wishlist-name-oem a {
    color: #111827;
    text-decoration: none;
}

.account-wishlist-name-oem a:hover {
    color: #2644DD;
    text-decoration: none;
}

.account-wishlist-meta-oem {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 24px;
}

.account-wishlist-meta-item-oem {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.account-wishlist-meta-label-oem {
    font-size: 11px;
    color: #9ca3af;
}

.account-wishlist-meta-value-oem {
    font-size: 13px;
    font-weight: 500;
    color: #374151;
}

.account-wishlist-side-oem {
    flex: 0 0 auto;
    min-width: 110px;
    text-align: right;
}

.account-wishlist-price-oem,
.account-wishlist-price-special-oem {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #2644DD;
}

.account-wishlist-price-old-oem {
    margin-top: 4px;
    font-size: 13px;
    color: #9ca3af;
    text-decoration: line-through;
}

.account-wishlist-actions-oem {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {
    .breadcrumb-oem,
    .checkout-top-breadcrumb,
    .search-page-oem .breadcrumb,
    #checkout-cart .breadcrumb {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .breadcrumb-oem > li,
    .checkout-top-breadcrumb > li,
    .search-page-oem .breadcrumb > li,
    #checkout-cart .breadcrumb > li {
        margin-right: 14px;
    }

    .breadcrumb-oem > li + li:before,
    .checkout-top-breadcrumb > li + li:before,
    .search-page-oem .breadcrumb > li + li:before,
    #checkout-cart .breadcrumb > li + li:before {
        left: -10px;
    }

    .account-order-meta-grid-oem {
        grid-template-columns: repeat(2, 1fr);
    }

    .account-order-card-top-oem {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .account-order-total-wrap-oem {
        text-align: left;
    }

    .account-order-table-oem th:nth-child(4),
    .account-order-table-oem td:nth-child(4),
    .account-order-table-oem th:nth-child(5),
    .account-order-table-oem td:nth-child(5) {
        display: none;
    }

    .account-form-card-oem {
        padding: 16px;
    }

    .account-form-actions-oem {
        flex-direction: column;
        align-items: stretch;
    }

    .account-form-actions-oem .btn-oem-primary,
    .account-form-actions-oem .btn-oem-secondary {
        width: 100%;
    }

    .account-address-card-oem {
        padding: 16px;
    }

    .account-address-actions-oem {
        flex-direction: column;
        align-items: stretch;
    }

    .account-address-actions-oem .btn-oem-secondary,
    .account-address-actions-oem .btn-oem-primary {
        width: 100%;
        text-align: center;
    }

    .account-radio-group-oem {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .account-wishlist-card-oem {
        padding: 16px;
    }

    .account-wishlist-top-oem {
        flex-direction: column;
        gap: 12px;
    }

    .account-wishlist-image-oem {
        flex-basis: 72px;
        width: 72px;
    }

    .account-wishlist-side-oem {
        min-width: 0;
        text-align: left;
    }

    .account-wishlist-actions-oem {
        flex-direction: column;
        align-items: stretch;
    }

    .account-wishlist-actions-oem .btn-oem-primary,
    .account-wishlist-actions-oem .btn-oem-secondary {
        width: 100%;
        text-align: center;
    }
}


/* =========================
   LOGIN
===========================*/

  html, body {
    /*margin: 0;
    padding: 0;*/
    min-height: 100%;
  }

  body.auth-page-body {
    padding-top: 0 !important;
    background: #f3f6fb;
  }

  .oem-auth-page {
    min-height: 100vh;
    background: #f3f6fb;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .oem-auth-shell {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
  }

  .oem-auth-wrap {
    display: flex;
    align-items: stretch;
    height: auto;
    background: #ffffff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 16px 46px rgba(15, 23, 42, 0.10);
  }

  .oem-auth-left {
    width: 41%;
    min-width: 0;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px 30px 12px;
  }

  .oem-auth-right {
    width: 59%;
    min-width: 0;
    position: relative;
    color: #ffffff;
    background: url('/catalog/view/theme/oemprice/image/auth-login-bg.jpg') center center / cover no-repeat;
  }

  .oem-auth-right:before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      linear-gradient(180deg, rgba(4, 18, 52, 0.30) 0%, rgba(2, 12, 36, 0.44) 100%),
      linear-gradient(90deg, rgba(2, 12, 36, 0.52) 0%, rgba(2, 12, 36, 0.22) 42%, rgba(2, 12, 36, 0.06) 100%);
    pointer-events: none;
  }

  .oem-auth-right-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .oem-auth-logo {
    display: inline-flex;
    align-items: baseline;
    text-decoration: none;
    margin-bottom: 2px;
    line-height: 1;
  }

  .oem-auth-logo:hover,
  .oem-auth-logo:focus {
    text-decoration: none;
  }

  .oem-auth-logo-oem {
    font-size: 44px;
    font-weight: 900;
    letter-spacing: -1.1px;
    color: #1f5eff;
  }

  .oem-auth-logo-price {
    font-size: 44px;
    font-weight: 900;
    letter-spacing: -1.1px;
    color: #0f172a;
  }

  .oem-auth-subtitle {
    font-size: 13px;
    line-height: 1.35;
    color: #667085;
    margin-bottom: 12px;
  }

  .oem-auth-title {
    margin: 0 0 4px;
    font-size: 28px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -0.4px;
    color: #0f172a;
  }

  .oem-auth-text {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.42;
    color: #475467;
  }

  .oem-auth-alert {
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
    border: 1px solid transparent;
  }

  .oem-auth-alert-success {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
  }

  .oem-auth-alert-danger {
    color: #991b1b;
    background: #fef2f2;
    border-color: #fecaca;
  }

  .oem-auth-form .form-group {
    margin-bottom: 8px;
  }

  .oem-auth-form label {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    color: #111827;
  }

  .oem-auth-input {
    width: 100%;
    height: 40px;
    border: 1px solid #d7deea;
    border-radius: 10px;
    background: #ffffff;
    padding: 0 14px;
    font-size: 14px;
    line-height: 1.2;
    color: #0f172a;
    box-shadow: none;
    transition: all 0.2s ease;
  }

  .oem-auth-input:focus {
    border-color: #1f5eff;
    box-shadow: 0 0 0 3px rgba(31, 94, 255, 0.10);
    outline: none;
  }

  .oem-auth-textarea {
    height: 90px;
    padding: 10px 14px;
    resize: vertical;
  }

  .oem-auth-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 2px 0 10px;
  }

  .oem-auth-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 1.3;
    color: #344054;
    font-weight: 500;
  }

  .oem-auth-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
  }

  .oem-auth-link {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    color: #1f5eff;
    text-decoration: none;
  }

  .oem-auth-link:hover,
  .oem-auth-link:focus {
    color: #1849c6;
    text-decoration: none;
  }

  .oem-auth-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #2b6dff 0%, #1f5eff 100%);
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(31, 94, 255, 0.18);
    transition: all 0.2s ease;
  }

  .oem-auth-btn:hover,
  .oem-auth-btn:focus {
    background: linear-gradient(180deg, #245ff0 0%, #184fdc 100%);
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
  }

  .oem-auth-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
    color: #98a2b3;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }

  .oem-auth-divider:before,
  .oem-auth-divider:after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e6ebf3;
  }

  .oem-buyer-card {
    margin-top: 14px;
    padding: 10px 10px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #cbdcff;
    border-radius: 14px;
    background: #f4f7ff;
  }

  .oem-buyer-card__icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border: 1.5px solid #1f5eff;
    border-radius: 50%;
    background: #ffffff;
    color: #1f5eff;
  }

  .oem-buyer-card__icon svg {
    width: 27px;
    height: 27px;
  }

  .oem-buyer-card__content {
    min-width: 0;
    flex: 1 1 auto;
  }

  .oem-buyer-card__title {
    margin: 0 0 3px;
    color: #101828;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
  }

  .oem-buyer-card__text {
    margin: 0 0 7px;
    color: #475467;
    font-size: 12px;
    line-height: 1.35;
  }

  .oem-buyer-card__button {
    width: 100%;
    min-height: 32px;
    padding: 6px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #1f5eff;
    border-radius: 9px;
    background: #ffffff;
    color: #1f5eff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .oem-buyer-card__button:hover,
  .oem-buyer-card__button:focus {
    background: #1f5eff;
    color: #ffffff;
    outline: none;
  }

  .oem-supplier-card {
    border: 1px solid #d8e5ff;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #f4f8ff 100%);
    padding: 10px;
  }

  .oem-supplier-card--compact {
    margin-top: 12px;
    padding: 8px 10px;
    background: #ffffff;
  }

  .oem-supplier-card--compact .oem-supplier-card-inner {
    align-items: center;
  }

  .oem-supplier-card--compact .oem-supplier-icon {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
    border-width: 0;
    background: #eef4ff;
  }

  .oem-supplier-card--compact .oem-supplier-icon svg {
    width: 26px;
    height: 26px;
  }

  .oem-supplier-card--compact .oem-supplier-content {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px;
    grid-template-rows: auto auto;
    column-gap: 12px;
    align-items: center;
  }

  .oem-supplier-card--compact .oem-supplier-title,
  .oem-supplier-card--compact .oem-supplier-subtitle,
  .oem-supplier-card--compact .oem-supplier-text {
    grid-column: 1;
  }

  .oem-supplier-card--compact .oem-supplier-title {
    margin-bottom: 1px;
    font-size: 15px;
  }

  .oem-supplier-card--compact .oem-supplier-subtitle {
    margin: 0;
    color: #475467;
    font-size: 12px;
    font-weight: 500;
  }

  .oem-supplier-card--compact .oem-supplier-text {
    display: none;
  }

  .oem-supplier-card--compact .oem-supplier-btn {
    width: 160px;
    min-height: 40px;
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
  }

  .oem-supplier-card-inner {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .oem-supplier-icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 2px solid #1f5eff;
    color: #1f5eff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
  }

  .oem-supplier-icon svg {
    width: 30px;
    height: 30px;
  }

  .oem-supplier-content {
    flex: 1 1 auto;
  }

  .oem-supplier-title {
    margin: 0 0 3px;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 900;
    color: #101828;
  }

  .oem-supplier-subtitle {
    margin: 0 0 4px;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 800;
    color: #1f5eff;
  }

  .oem-supplier-text {
    margin: 0 0 6px;
    font-size: 13px;
    line-height: 1.35;
    color: #475467;
  }

  .oem-supplier-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 340px;
    min-height: 36px;
    border: 2px solid #1f5eff;
    border-radius: 10px;
    background: #ffffff;
    color: #1f5eff;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
  }

  .oem-supplier-btn:hover,
  .oem-supplier-btn:focus {
    background: #1f5eff;
    color: #ffffff;
    text-decoration: none;
  }

  .oem-auth-register {
    margin-top: 6px;
    text-align: center;
    font-size: 13px;
    line-height: 1.35;
    color: #111827;
  }

  .oem-auth-register a {
    color: #1f5eff;
    text-decoration: none;
    font-weight: 800;
  }

  .oem-auth-register a:hover,
  .oem-auth-register a:focus {
    color: #1849c6;
    text-decoration: none;
  }

  .oem-auth-right-top {
    padding: 14px 24px 8px;
  }

  .oem-auth-right-logo {
    display: inline-flex;
    align-items: baseline;
    line-height: 1;
    margin-bottom: 6px;
  }

  .oem-auth-right-logo .oem {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: -1px;
    color: #1f5eff;
  }

  .oem-auth-right-logo .price {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: -1px;
    color: #ffffff;
  }

  .oem-auth-right-title {
    max-width: 620px;
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -0.6px;
    color: #ffffff;
  }

  .oem-auth-features {
    max-width: 620px;
  }

  .oem-auth-feature {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .oem-auth-feature:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .oem-auth-feature-icon {
    flex: 0 0 28px;
    color: #2d78ff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .oem-auth-feature-icon svg {
    width: 50px;
    height: 50px;
  }

  .oem-auth-feature-title {
    font-size: 20px;
    margin-bottom: 1px;
    margin: 0 0 2px;
    line-height: 1.25;
    font-weight: 800;
    color: #ffffff;
  }

  .oem-auth-feature-text {
    font-size: 14px;
    line-height: 1.25;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
  }

  .oem-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
  }

  .oem-modal.is-open {
    display: block;
  }

  .oem-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(6, 18, 45, 0.62);
    backdrop-filter: blur(4px);
  }

  .oem-modal__dialog {
    position: relative;
    z-index: 2;
    width: calc(100% - 24px);
    max-width: 760px;
    max-height: calc(100vh - 40px);
    margin: 20px auto;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.24);
    overflow-y: auto;
    padding: 26px 24px 22px;
  }

  .oem-modal__close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #eef4ff;
    color: #1f5eff;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .oem-modal__close:hover,
  .oem-modal__close:focus {
    background: #1f5eff;
    color: #ffffff;
    outline: none;
  }

  .oem-modal__header {
    margin-bottom: 16px;
    padding-right: 36px;
  }

  .oem-modal__title {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 900;
    color: #101828;
  }

  .oem-modal__subtitle {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #475467;
  }

  .oem-modal__form .form-group {
    margin-bottom: 14px;
  }

  .oem-modal__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
  }

  .oem-modal__grid-full {
    grid-column: 1 / -1;
  }

  .oem-modal__actions {
    margin-top: 8px;
  }

  body.oem-modal-open {
    overflow: hidden;
  }

  @media (min-width: 1200px) {
    body.auth-page-body {
      overflow: hidden;
    }
  }

  @media (max-width: 1199px) {
    body.auth-page-body {
      overflow: auto;
    }

    .oem-auth-page {
      min-height: auto;
      padding: 14px 10px;
    }

    .oem-auth-wrap {
      flex-direction: column;
      height: auto;
      min-height: auto;
    }

    .oem-auth-left,
    .oem-auth-right {
      width: 100%;
    }

    .oem-auth-left {
      padding: 24px 20px 18px;
    }

    .oem-auth-right-top {
      padding: 22px 20px 14px;
    }
  }

  @media (max-width: 767px) {
    body.auth-page-body {
      overflow: auto;
    }

    .oem-auth-page {
      padding: 8px 6px 10px;
    }

    .oem-auth-wrap {
      height: auto;
      border-radius: 16px;
    }

    .oem-auth-left {
      padding: 16px 12px 14px;
    }

    .oem-auth-right {
      display: none;
    }

    .oem-auth-logo-oem,
    .oem-auth-logo-price {
      font-size: 34px;
    }

    .oem-auth-subtitle {
      margin-bottom: 10px;
      font-size: 12px;
    }

    .oem-auth-title {
      font-size: 24px;
    }

    .oem-auth-text {
      font-size: 13px;
      margin-bottom: 10px;
    }

    .oem-auth-form label {
      font-size: 12px;
      display: flex;
    }

    .oem-auth-input {
      height: 40px;
      font-size: 13px;
    }

    .oem-auth-btn {
      height: 40px;
      font-size: 14px;
    }

    .oem-auth-row {
      flex-direction: row;
      align-items: center;
      gap: 10px;
    }

    .oem-buyer-card {
      margin-top: 16px;
      padding: 12px;
    }

    .oem-buyer-card__icon {
      width: 40px;
      height: 40px;
      flex-basis: 40px;
    }

    .oem-buyer-card__title {
      font-size: 16px;
    }

    .oem-buyer-card__text {
      font-size: 12px;
    }

    .oem-buyer-card__button {
      min-height: 36px;
      font-size: 12px;
    }

    .oem-supplier-card {
      padding: 10px;
    }

    .oem-supplier-card-inner {
      flex-direction: column;
      gap: 8px;
    }

    .oem-supplier-card--compact {
      margin-top: 16px;
      padding: 12px;
    }

    .oem-supplier-card--compact .oem-supplier-card-inner {
      flex-direction: row;
      align-items: flex-start;
      gap: 10px;
    }

    .oem-supplier-card--compact .oem-supplier-icon {
      width: 42px;
      height: 42px;
      flex-basis: 42px;
    }

    .oem-supplier-card--compact .oem-supplier-content {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      row-gap: 3px;
    }

    .oem-supplier-card--compact .oem-supplier-title,
    .oem-supplier-card--compact .oem-supplier-subtitle,
    .oem-supplier-card--compact .oem-supplier-text,
    .oem-supplier-card--compact .oem-supplier-btn {
      grid-column: 1;
      grid-row: auto;
    }

    .oem-supplier-card--compact .oem-supplier-text {
      margin: 3px 0 6px;
      display: block;
    }

    .oem-supplier-card--compact .oem-supplier-btn {
      width: 100%;
      min-height: 36px;
    }

    .oem-supplier-icon {
      width: 54px;
      height: 54px;
      flex-basis: 54px;
    }

    .oem-supplier-title {
      font-size: 16px;
    }

    .oem-supplier-subtitle {
      font-size: 13px;
    }

    .oem-supplier-text {
      font-size: 12px;
    }

    .oem-supplier-btn {
      min-height: 36px;
      font-size: 12px;
      max-width: 100%;
    }

    .oem-auth-register {
      font-size: 12px;
      margin-top: 6px;
    }

    .oem-auth-right-top {
      padding: 16px 12px 12px;
    }

    .oem-auth-right-logo .oem,
    .oem-auth-right-logo .price {
      font-size: 40px;
    }

    .oem-auth-right-title {
      font-size: 22px;
      margin-bottom: 10px;
    }

    .oem-auth-feature {
      gap: 8px;
      padding: 8px 0;
    }

    .oem-auth-feature-icon {
      width: 24px;
      height: 24px;
      flex-basis: 24px;
    }

    .oem-auth-feature-title {
      font-size: 12px;
    }

    .oem-auth-feature-text {
      font-size: 10px;
      line-height: 1.3;
    }

    .oem-modal__dialog {
      width: calc(100% - 16px);
      max-height: calc(100vh - 16px);
      margin: 8px auto;
      padding: 18px 14px 16px;
      border-radius: 16px;
    }

    .oem-modal__title {
      font-size: 22px;
    }

    .oem-modal__subtitle {
      font-size: 13px;
    }

    .oem-modal__grid {
      grid-template-columns: 1fr;
      gap: 0;
    }

    .oem-modal__close {
      top: 8px;
      right: 8px;
      width: 34px;
      height: 34px;
      font-size: 22px;
    }
  }

  @media (max-height: 900px) and (min-width: 1200px) {
    .oem-auth-page {
      padding: 8px 12px;
    }

    .oem-auth-left {
      padding: 14px 26px 10px;
    }

    .oem-auth-right-top {
      padding: 14px 22px 8px;
    }

    .oem-auth-logo-oem,
    .oem-auth-logo-price {
      font-size: 40px;
    }

    .oem-auth-subtitle {
      margin-bottom: 10px;
      font-size: 12px;
    }

    .oem-auth-title {
      font-size: 34px;
      margin-bottom: 4px;
    }

    .oem-auth-text {
      margin-bottom: 8px;
      font-size: 13px;
    }

    .oem-auth-form .form-group {
      margin-bottom: 7px;
    }

    .oem-auth-form label {
      margin-bottom: 4px;
      font-size: 12px;
      display: flex;
    }

    .oem-auth-input {
      height: 38px;
      font-size: 13px;
    }

    .oem-auth-row {
      margin: 2px 0 8px;
    }

    .oem-auth-check,
    .oem-auth-link {
      font-size: 12px;
    }

    .oem-auth-btn {
      height: 38px;
      font-size: 14px;
    }

    .oem-auth-divider {
      margin: 16px 0;
      font-size: 12px;
    }

    .oem-supplier-card {
      padding: 8px;
    }

    .oem-supplier-card-inner {
      gap: 8px;
    }

    .oem-supplier-icon {
      width: 50px;
      height: 50px;
      flex-basis: 50px;
    }

    .oem-supplier-icon svg {
      width: 26px;
      height: 26px;
    }

    .oem-supplier-title {
      font-size: 24px;
    }

    .oem-supplier-subtitle {
      font-size: 13px;
      margin-bottom: 3px;
    }

    .oem-supplier-text {
      font-size: 11px;
      line-height: 1.3;
      margin-bottom: 5px;
    }

    .oem-supplier-btn {
      min-height: 34px;
      font-size: 14px;
    }

    .oem-auth-register {
      margin-top: 5px;
      font-size: 12px;
    }

    .oem-auth-right-logo {
      margin-bottom: 5px;
    }

    .oem-auth-right-logo .oem,
    .oem-auth-right-logo .price {
      font-size: 40px;
    }

    .oem-auth-right-title {
      font-size: 34px;
      margin-bottom: 34px;
    }

    .oem-auth-feature {
      gap: 8px;
      padding: 10px 0;
    }

    .oem-auth-feature-icon {
      width: 50px;
      height: 50px;
      flex-basis: 50px;
    }

    .oem-auth-feature-title {
      font-size: 20px;
      margin-bottom: 1px;
    }

    .oem-auth-feature-text {
      font-size: 14px;
      line-height: 1.25;
    }
}

/* =========================
   FOOTER
========================= */

/* ===== KASPI FOOTER ===== */

.footer-oem {
    padding: 16px 0 10px;
}

.footer-oem-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-oem-links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.footer-oem-links a {
    font-size: 14px;
    color: #6b7280;
    text-decoration: none;
    white-space: nowrap;
}

.footer-oem-links a:hover {
    color: #2644DD;
}

.footer-oem-copy {
    font-size: 14px;
    color: #9ca3af;
    white-space: nowrap;
}

.footer-oem-note {
    margin-top: 6px;
    font-size: 12px;
    color: #9ca3af;
}

@media (max-width: 767px) {

    .footer-oem-line {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        text-align: center;
    }

    .footer-oem-links {
        justify-content: center;
        gap: 10px;
    }

    .footer-oem-links a {
        font-size: 13px;
    }

    .footer-oem-copy {
        font-size: 13px;
    }
}

.oem-empty-state {
  background: #ffffff;
  border-radius: 16px;
  padding: 42px 24px;
  text-align: center;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  border: 1px solid #edf0f5;
  margin: 24px 0;
}

.oem-empty-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #eef3ff;
  color: #2445e8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.oem-empty-title {
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

.oem-empty-text {
  font-size: 15px;
  color: #64748b;
  max-width: 520px;
  margin: 0 auto 18px;
  line-height: 1.5;
}

.oem-empty-tips {
  display: inline-block;
  text-align: left;
  color: #64748b;
  font-size: 14px;
  margin: 0 auto 22px;
  padding-left: 18px;
}

.oem-empty-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.oem-empty-btn-primary,
.oem-empty-btn-secondary {
  border-radius: 10px;
  padding: 11px 18px;
  font-weight: 600;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.oem-empty-btn-primary {
  background: #2445e8;
  color: #fff !important;
}

.oem-empty-btn-secondary {
  background: #f1f5f9;
  color: #0f172a !important;
}

@media (max-width: 576px) {
  .oem-empty-state {
    padding: 32px 16px;
  }

  .oem-empty-actions {
    flex-direction: column;
  }

  .oem-empty-actions a {
    width: 100%;
  }
}

/* LIVE SEARCH — OEMPRICE */

.live-search-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(248, 250, 252, 0.88);
    z-index: 9000;
}

.live-search-overlay.is-active {
    display: block;
}

.oem-search {
    position: relative;
    z-index: 9100;
    transition: all 0.2s ease;
}

.oem-search.oem-search--active {
    position: relative !important;
    z-index: 9101 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    transform: none !important;
    margin: 0 !important;
}

.oem-search.oem-search--active #search {
    width: 100% !important;
}

.oem-search.oem-search--active input[name="search"] {
    font-size: 16px;
    border-radius: 10px;
    padding: 0 50px 0 16px;
    box-sizing: border-box;
}

.oem-search.oem-search--active button {
    right: 10px;
}

.live-search-box {
    display: none;
    position: absolute !important;
    top: calc(100% - 0px) !important;
    left: 50% !important;
    width: 88vw !important;
    max-width: 1200px !important;
    min-width: 1000px !important;
    transform: translateX(-50%) !important;
    max-height: 430px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius:10px;
    box-sizing: border-box;
    z-index: 9102;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.18);
}

.live-search-box .price-table-wrap {
    overflow-x: hidden;
}

.live-search-box .price-table {
    width: 100%;
    table-layout: fixed;
}

.live-search-box .price-table td {
    padding: 10px 8px;
    vertical-align: middle;
}

.live-search-box .price-table td:nth-child(1) {
    width: 120px;
}

.live-search-box .price-table td:nth-child(2) {
    width: 300px;
}

.live-search-box .price-table td:nth-child(3) {
    width: 80px;
}

.live-search-box .price-table td:nth-child(4) {
    width: 120px;
}

.live-search-box .price-table td:nth-child(5) {
    width: 80px;
    text-align: center;
}

.live-search-box .price-table td:nth-child(6) {
    width: 135px;
}

.live-search-box .price-table td:nth-child(7) {
    width: 160px;
}

.live-search-box .price-table__name {
     max-width: 290px;
    white-space: normal;
    overflow: hidden;
    line-height: 1.25;
}

.live-search-box .price-actions-box {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 200px;
}

.live-search-box .price-qty {
    flex: 0 0 86px;
}

.live-search-box .price-btn-buy {
    flex: 0 0 auto;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
}

.live-search-box {
    left: 50% !important;
    transform: translateX(-55%) !important;
}

.oem-search {
    will-change: transform;
}

.oem-search.oem-search--active input[name="search"],
.oem-search input[name="search"] {
    border-radius: 10px 10px 0 0;
}

/* ===== FILTER LINKS ===== */

.oem-filter-link {
    display: inline-block;
    margin: 4px 8px 4px 0;
    color: #333;
    text-decoration: none;
    border-bottom: 1px dotted #aaa;
    font-size: 14px;
}

.oem-filter-link:hover {
    color: #0a58ca;
}

.oem-filter-link.active {
    background: #2644DD;
    color: #fff;
    padding: 3px 9px;
    border-radius: 8px;
    border-bottom: none;
}

.oem-filter-link.disabled {
    color: #b7b7b7;
    pointer-events: none;
}

/* ===== MORE / DROPDOWN ===== */

.oem-filter-more-toggle {
    color: #111;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px dotted #777;
}

.oem-filter-more-toggle:hover {
    text-decoration: underline;
}

.oem-filter-dropdown {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eee;
    background: #fff;
}

.oem-filter-dropdown-inner {
    column-count: 3;
    column-gap: 36px;
}

.oem-filter-dropdown-inner a {
    display: block;
    margin-bottom: 6px;
}

/* ===== LETTER ===== */

.oem-filter-letter {
    display: inline-block;
    background: #2644DD;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 2px 6px;
    margin: 6px 8px 4px 0;
}

/* ===== ENGINE AUTOCOMPLETE ===== */

.oem-engine-wrap {
    position: relative;
}

.oem-engine-suggest {
    position: absolute;
    top: 55px;
    left: 24px;
    width: 600px;

    background: #fff;
    border: 1px solid #d7dce3;
    border-top: none;
    z-index: 200;

    max-height: 240px;
    overflow-y: auto;

    box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

.oem-engine-suggest div {
    padding: 8px 12px;
    cursor: pointer;
}

.oem-engine-suggest div:hover {
    background: #f3f6fb;
}

/* ===== LOADER ===== */

.oem-filter-box {
    position: relative;
}

.oem-filter-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.55);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 100;
    border-radius: 12px;
    backdrop-filter: blur(1.5px);
}

.oem-filter-loader {
    width: 28px;
    height: 28px;
    border: 3px solid #d7dce3;
    border-top: 3px solid #2644DD;
    border-radius: 50%;
    animation: oemFilterSpin 0.8s linear infinite;
}

@keyframes oemFilterSpin {
    100% { transform: rotate(360deg); }
}

/* ===== DESKTOP VIEW ===== */

.oem-filter-box {
    position: relative;
    display: grid;
    grid-template-columns: 180px 1fr;
    padding: 0 !important;
    overflow: visible;
    background: linear-gradient(
        to right,
        #e2e2e2 0,
        #e2e2e2 180px,
        #fff 180px,
        #fff 100%
    );
}

.oem-filter-row {
    display: contents;
}

.oem-filter-label {
    background: transparent;
    color: #888;
    font-weight: 500;
    padding: 18px 20px;
    text-transform: uppercase
}

.oem-filter-values {
    background: #fff;
    padding: 15px 24px;
    border-bottom: 1px solid #f0f0f0;
}

.oem-filter-row:last-child .oem-filter-values,
.oem-filter-row:last-child .oem-filter-label {
    border-bottom: none;
}

.oem-engine-wrap input {
    max-width: 600px;
    width: 600px;
    height: 40px;
}

.oem-engine-wrap .btn {
    min-width: 260px;
    height: 36px;
    margin-top: 10px;
    margin-right: 16px;
}
.oem-filter-inner-search-wrap {
    margin: 0 0 12px 0;
    padding: 0;
    max-width: 320px;
}

.oem-filter-inner-search {
    width: 100%;
    height: 36px;
    padding: 8px 12px;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background: #ffffff;
    color: #1f2937;
    font-size: 14px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.oem-filter-inner-search::placeholder {
    color: #8a94a6;
}

.oem-filter-inner-search:focus {
    border-color: #1f4ed8;
    box-shadow: 0 0 0 3px rgba(31, 78, 216, 0.12);
}

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
}

/* ===== MOBILE ===== */

@media (max-width: 768px) {

    .oem-filter-box {
        display: block;
    }

    .oem-filter-row {
        display: block;
        border-bottom: 1px solid #eef0f3;
    }

    .oem-filter-label {
        background: #e2e2e2;
        text-align: center;
        padding: 8px;
    }

    .oem-filter-values {
        padding: 10px 14px;
        border-bottom: none;
    }

    .oem-filter-dropdown-inner {
        column-count: 1;
    }

    .oem-engine-wrap input {
        width: 100%;
        max-width: 100%;
    }

    .oem-engine-wrap .btn {
        width: 100%;
        margin-top: 8px;
    }

    .oem-engine-suggest {
        left: 14px;
        width: calc(100% - 28px);
        top: 55px;
    }
    
    .oem-filter-inner-search-wrap {
        max-width: 100%;
    }

    .oem-filter-inner-search {
        height: 38px;
        font-size: 15px;
    }
}

/* =========================================
   OEMprice MOBILE TOOLS
========================================= */

@media (max-width:767px){

  .oem-mobile-tools-page{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 12px;
  }

  .oem-tool-btn{
    height:42px;
    padding:0 12px;
    border:1px solid #eceef3;
    border-radius:10px;
    background:#fff;
    color:#6b7280;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:15px;
    font-weight:700;
    box-shadow:0 2px 8px rgba(15,23,42,.04);
  }

  .oem-tool-btn svg{
    width:21px;
    height:21px;
    flex:0 0 21px;
  }

  .oem-view-toggle{
    margin-left:auto;
    height:42px;
    display:flex;
    border:1px solid #eceef3;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 2px 8px rgba(15,23,42,.04);
  }

  .oem-view-toggle button{
    width:42px;
    height:42px;
    border:0;
    background:#fff;
    color:#374151;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
  }

  .oem-view-toggle button + button{
    border-left:1px solid #eceef3;
  }

  .oem-view-toggle button.active{
    color:#2f4be8;
    background:#f3f6ff;
  }

  .oem-view-toggle svg{
    width:21px;
    height:21px;
  }

  /* FILTER */

  .oem-filter-box{
    display:none;
  }

  .oem-filter-box.is-open{
    display:block;
    animation:oemFilterFade .18s ease;
  }

  @keyframes oemFilterFade{
    from{
      opacity:0;
      transform:translateY(-6px);
    }
    to{
      opacity:1;
      transform:none;
    }
  }

  /* SORT */

  .oem-mobile-sort-popup{
    display:none;
    margin:-2px 0 12px;
    padding:8px;
    border:1px solid #eceef3;
    border-radius:14px;
    background:#fff;
    box-shadow:0 12px 34px rgba(15,23,42,.07);
  }

  .oem-mobile-sort-popup.is-open{
    display:block;
    animation:oemSortFade .16s ease;
  }

  .oem-mobile-sort-link{
    min-height:46px;
    padding:10px 14px;
    border-radius:10px;
    display:flex;
    align-items:center;
    color:#111827;
    text-decoration:none!important;
    font-size:15px;
    font-weight:600;
    line-height:1.2;
  }

  .oem-mobile-sort-link + .oem-mobile-sort-link{
    margin-top:2px;
  }

  .oem-mobile-sort-link.active{
    background:#f3f6ff;
    color:#2f4be8;
  }

  .oem-mobile-sort-link:hover{
    background:#f8fafc;
  }

}

@media (min-width:768px){

  .oem-mobile-tools-page,
  .oem-mobile-sort-popup{
    display:none!important;
  }

}

/* =========================================
   OEM GRID VIEW
========================================= */

@media (max-width:767px){

  .price-table.oem-grid-view tbody{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .price-table.oem-grid-view .price-row-mobile{
    margin:0!important;
    min-height:100%;
  }

}

/* =========================================
   OEM GRID CARD FIX
========================================= */

@media (max-width:767px){

  .price-table.oem-grid-view tbody{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .price-table.oem-grid-view .price-row-mobile{
    display:flex!important;
    flex-direction:column;
    padding:12px;
    border-radius:14px;
    min-height:100%;
  }

  .price-table.oem-grid-view td{
    display:block!important;
    width:100%!important;
  }

  /* скрываем фото и лишнее */

  .price-table.oem-grid-view td:nth-child(4){
    display:none!important;
  }

  /* название */

  .price-table.oem-grid-view .price-table__name{
    font-size:14px;
    line-height:1.3;
    -webkit-line-clamp:2;
    min-height:36px;
  }

  /* бренд */

  .price-table.oem-grid-view td:nth-child(3){
    margin-top:4px;
    font-size:12px;
  }

  /* склад */

  .price-table.oem-grid-view td:nth-child(5){
    margin-top:6px;
  }

  /* наличие */

  .price-table.oem-grid-view td:nth-child(6){
    margin-top:4px;
    font-size:12px;
  }

  /* цена */

  .price-table.oem-grid-view td:nth-child(7){
    margin-top:auto;
    padding-top:10px;
  }

  .price-table.oem-grid-view .market-price-best{
    font-size:20px!important;
    line-height:1.1;
    word-break:break-word;
  }

  /* actions */

  .price-table.oem-grid-view .price-actions-box{
    flex-direction:column;
    gap:8px;
    margin-top:8px;
  }

  .price-table.oem-grid-view .price-qty{
    width:100%;
    flex:none;
  }

  .price-table.oem-grid-view .price-btn-buy,
  .price-table.oem-grid-view .price-btn-in-cart{
    width:100%;
  }

}

@media (max-width:767px) {

  .btn-oem-primary{
    height:46px;
    border-radius:12px;
    padding:0 16px;
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:500;
    box-shadow:0 8px 18px rgba(47,75,232,.18);
  }

  .oem-burger{
    width:20px;
    height:20px;
    flex:0 0 20px;
  }

  .credit-mobile{
    height:30px;
    padding:0 10px;
    border-radius:9px;
    background:#eaf8ee;
    color:#16823a;
    font-size:13px;
    font-weight:500;
    display:flex;
    align-items:center;
  }

  .oem-cart-mobile-clean{
    position:relative;
    width:46px;
    min-width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
  }

  .oem-cart-mobile-clean .oem-header-cart-wrap{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
  }

  .oem-cart-mobile-clean .oem-header-cart-link{
    position:relative;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    font-size:0!important;
  }

  .oem-cart-mobile-clean .oem-header-cart-info{
    display:none!important;
  }

  .oem-cart-mobile-clean .oem-header-cart-link:before{
    content:"";
    width:32px;
    height:32px;
    display:block;
    background:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4H5.1L7 14.1C7.15 14.85 7.8 15.4 8.57 15.4H18.1C18.83 15.4 19.46 14.91 19.64 14.2L20.7 9.7H6.2' stroke='%23374151' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9.1' cy='19.2' r='1.2' stroke='%23374151' stroke-width='1.6'/%3E%3Ccircle cx='17.4' cy='19.2' r='1.2' stroke='%23374151' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  .oem-cart-mobile-clean .oem-header-cart-link:after{
      content: attr(data-count);
      position:absolute;
      top:2px;
      right:0;
      width:18px;
      height:18px;
      border-radius:50%;
      background:#2f4be8;
      color:#fff;
      font-size:11px;
      font-weight:700;
      display:flex;
      align-items:center;
      justify-content:center;
      line-height:1;
      pointer-events:none;
    }
    
    .oem-cart-mobile-clean .oem-header-cart-link[data-count="0"]:after,
    .oem-cart-mobile-clean .oem-header-cart-link[data-count=""]:after{
      display:none!important;
    }

  .oem-mobile-tools-page{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 12px;
  }

  .oem-tool-btn{
    height:42px;
    padding:0 12px;
    border:1px solid #eceef3;
    border-radius:10px;
    background:#fff;
    color:#6b7280;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:15px;
    font-weight:700;
    box-shadow:0 2px 8px rgba(15,23,42,.04);
  }

  .oem-tool-btn svg{
    width:21px;
    height:21px;
    flex:0 0 21px;
  }

  .oem-view-toggle{
    margin-left:auto;
    height:42px;
    display:flex;
    border:1px solid #eceef3;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 2px 8px rgba(15,23,42,.04);
  }

  .oem-view-toggle button{
    width:42px;
    height:42px;
    border:0;
    background:#fff;
    color:#374151;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
  }

  .oem-view-toggle button + button{
    border-left:1px solid #eceef3;
  }

  .oem-view-toggle button.active{
    color:#2f4be8;
    background:#f3f6ff;
  }

  .oem-view-toggle svg{
    width:21px;
    height:21px;
  }
  
  .oem-filter-box{
    display:none;
  }

  .oem-filter-box.is-open{
    display:block;
    animation:oemFilterFade .18s ease;
  }

  @keyframes oemFilterFade{
    from{
      opacity:0;
      transform:translateY(-6px);
    }
    to{
      opacity:1;
      transform:none;
    }
  }
  
   .oem-mobile-sort-popup{
    display:none;
    margin:-2px 0 12px;
    padding:8px;
    border:1px solid #eceef3;
    border-radius:14px;
    background:#fff;
    box-shadow:0 12px 34px rgba(15,23,42,.07);
  }

  .oem-mobile-sort-popup.is-open{
    display:block;
    animation:oemSortFade .16s ease;
  }

  .oem-mobile-sort-link{
    min-height:46px;
    padding:10px 14px;
    border-radius:10px;
    display:flex;
    align-items:center;
    color:#111827;
    text-decoration:none!important;
    font-size:15px;
    font-weight:600;
    line-height:1.2;
  }

  .oem-mobile-sort-link + .oem-mobile-sort-link{
    margin-top:2px;
  }

  .oem-mobile-sort-link.active{
    background:#f3f6ff;
    color:#2f4be8;
  }

  .oem-mobile-sort-link:hover{
    background:#f8fafc;
  }

}

@media (min-width:768px){
  .oem-mobile-tools-page,
  .oem-mobile-sort-popup {
    display:none!important;
  }
}

.oem-page-loader {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.72);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
}

.oem-page-loader.is-active {
    display: flex;
}

.oem-page-loader:before {
    content: '';
    width: 42px;
    height: 42px;
    border: 4px solid rgba(31, 85, 255, 0.18);
    border-top-color: #1f55ff;
    border-radius: 50%;
    animation: oemLoaderSpin 0.75s linear infinite;
}

.oem-page-loader:after {
    content: 'Загрузка...';
    position: absolute;
    margin-top: 78px;
    font-size: 14px;
    font-weight: 600;
    color: #1f55ff;
}

@keyframes oemLoaderSpin {
    to {
        transform: rotate(360deg);
    }
}

/* ==========================================================================
   05. OEMprice UI core (latest Library version)
   Source: oemprice-ui.css
   ========================================================================== */

/* ====== LAYOUT ====== */
.container-oem {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 16px;
}

.page-oem {
    min-height: 100vh;
    background: #eef3f8;
}


/* ====== BUTTONS ====== */
.btn-oem-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    background: #2644DD;
    color: #fff;
    border-radius: 8px;
    padding: 10px 16px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.btn-oem-primary:hover {
    background: #1f36b3;
    color: #fff;
    text-decoration: none;
}

.btn-oem-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    background: #eef3f8;
    color: #333;
    border-radius: 8px;
    padding: 10px 16px;
    border: 1px solid #d6e0ea;
    cursor: pointer;
    text-decoration: none;
}

.btn-oem-secondary:hover {
    color: #333;
    text-decoration: none;
    background: #e2eaf2;
}

/* ====== INPUTS ====== */
.input-oem {
    height: 42px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0 12px;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}

.textarea-oem {
    min-height: 100px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}

/* ====== CARDS ====== */

.card-oem-title {
    margin-bottom: 12px;
}

/* ====== TABLE ====== */
.table-oem {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.table-oem th,
.table-oem td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
    vertical-align: middle;
}

.table-oem th {
    color: #555;
    background: #fafafa;
}

/* ====== BADGE ====== */
.badge-oem {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 6px;
    line-height: 1.2;
}

.badge-oem-success {
    background: #e8f0ff;
    color: #2644DD;
}

.badge-oem-warning {
    background: #fff8e1;
    color: #a66a00;
}

.badge-oem-danger {
    background: #ffebee;
    color: #c62828;
}

/* ====== ALERT ====== */
.alert-oem {
    padding: 12px;
    border-radius: 8px;
}

.alert-oem-success {
    background: #e8f0ff;
    color: #2644DD;
}

.alert-oem-danger {
    background: #ffebee;
    color: #c62828;
}

.alert-oem-warning {
    background: #fff8e1;
    color: #a66a00;
}

/* ====== FORM ====== */
.form-group-oem {
    margin-bottom: 16px;
}

.label-oem {
    display: block;
    margin-bottom: 6px;
    color: #333;
}

/* ====== SPACING ====== */
.mb-8 { margin-bottom: 8px; }
.mb-16 { margin-bottom: 16px; }
.mb-24 { margin-bottom: 24px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }

/* ====== AUTH LAYOUT ====== */
.auth-oem {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    background: #f7f8fa;
}

.auth-oem-box {
    width: 100%;
    max-width: 420px;
}

/* ====== ACCOUNT CLEAN ====== */
.account-wrap-oem {
    padding: 30px 0 50px;
}

.account-box-oem {
    max-width: 900px;
}

.account-form-box-oem {
    max-width: 700px;
}

.account-form-box-wide-oem {
    max-width: 900px;
}

.account-header-oem {
    padding: 30px;
}

.account-header-title-oem {
    margin: 0 0 10px;
}

.account-header-desc-oem {
    color: #666;
}

.account-row-gap-oem {
    margin-left: -10px;
    margin-right: -10px;
}

.account-col-gap-oem {
    padding-left: 10px;
    padding-right: 10px;
}

.account-grid-item-oem {
    margin-bottom: 20px;
}

.account-card-link-oem {
    display: block;
    min-height: 140px;
    text-decoration: none;
    color: #222;
    padding: 24px;
}

.account-card-link-oem:hover {
    color: #222;
    text-decoration: none;
}

.account-card-title-oem {
    margin-bottom: 10px;
}

.account-card-desc-oem {
    color: #666;
    line-height: 1.6;
}

.account-actions-oem {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 25px;
}

.account-actions-right-oem {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
}

.account-note-oem {
    margin-bottom: 25px;
    color: #666;
}

.account-info-text-oem {
    color: #666;
}

.account-inline-radio-oem {
    margin-right: 15px;
}

.account-small-text-oem {
    font-size: 14px;
}

.account-table-meta-oem {
    color: #666;
}

.account-order-meta-oem {
    color: #666;
}

.account-card-text-oem {
    line-height: 1.6;
    margin-bottom: 15px;
}

.account-comment-oem {
    margin-top: 10px;
    color: #555;
}

.account-delivery-oem,
.account-stock-oem {
    color: #666;
}

.account-address-card-oem {
    padding: 20px;
    height: 100%;
}

.account-title-lg-oem {
    margin: 0 0 10px;
}

.account-title-md-oem {
    margin-top: 0;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
    .container-oem {
        padding: 0 12px;
    }

    .card-oem {
        padding: 14px;
        border-radius: 10px;
        background: #fff;
    }

    .table-oem th,
    .table-oem td {
        padding: 8px;
    }

    .account-wrap-oem {
        padding: 20px 0 35px;
    }

    .account-header-oem,
    .account-card-link-oem,
    .account-address-card-oem {
        padding: 20px;
    }
}

.account-container-sm-oem {
    max-width: 900px;
}

.account-card-fill-oem {
    padding: 20px;
    height: 100%;
}

.account-address-text-oem {
    line-height: 1.6;
    margin-bottom: 15px;
}

.account-actions-between-oem {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.account-form-footer-oem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* ===== HEADER 2.0 ===== */

.oem-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 0;
}

.oem-logo {
    flex: 0 0 auto;
}

.oem-price-btn {
    white-space: nowrap;
}

.oem-search {
    flex: 1;
}

.oem-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* MOBILE */
@media (max-width: 768px) {

    .oem-header {
        flex-wrap: wrap;
        gap: 10px;
    }

    .oem-search {
        width: 100%;
        order: 3;
    }

    .oem-price-btn {
        order: 2;
    }
}

/* ===== CATEGORY TABLE ===== */
.table-oem {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.table-oem th {
    background: #eef3f8;
    font-weight: 600;
    font-size: 13px;
}

.table-oem td {
    font-size: 14px;
}

.table-oem tr:hover {
    background: #fafafa;
}

body {
    background: #eef3f8;
}

#checkout-cart .cart-totals-row--payable {
    font-weight: 700;
}

#checkout-cart .cart-totals-row--payable .cart-totals-value {
    color: var(--oem-ui-blue);
    font-size: 18px;
}

.card-oem {
    margin-top: 20px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    background: #fff;
}

.table-oem {
    background: #FFFFFF;
    border-radius: 12px;
}

/* ===== OEMPRICE STOREFRONT UI CORE ===== */
:root {
    --oem-ui-blue: #2644DD;
    --oem-ui-blue-hover: #203bc5;
    --oem-ui-ink: #101828;
    --oem-ui-text: #344054;
    --oem-ui-muted: #667085;
    --oem-ui-line: #dfe4ec;
    --oem-ui-control: #eaeff6;
    --oem-ui-in-cart: #555;
    --oem-ui-radius: 6px;
}

/* ===== TASK-012C: customer return success flow ===== */
.return-success-container-oem {
    max-width: 1180px;
}

#account-return-success .return-success-card-oem {
    margin-top: 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #e4e9f1;
    box-shadow: 0 2px 8px rgba(16, 24, 40, 0.04);
}

#account-return .return-create-request-oem .form-group {
    margin-bottom: 14px;
}

.return-create-quantity-oem {
    max-width: none;
}

.return-create-fieldset-oem {
    min-width: 0;
    margin: 0 0 14px;
    padding: 0;
    border: 0;
}

.return-create-fieldset-oem legend,
#account-return .return-create-request-oem .form-group > label {
    display: block;
    width: auto;
    margin: 0 0 7px;
    padding: 0;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    color: #374151;
}

.return-reason-grid-oem {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.return-opened-options-oem {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 170px));
    gap: 9px;
}

#account-return .return-radio-card-oem {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #dfe4ec;
    border-radius: 10px;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    cursor: pointer;
}

#account-return .return-radio-card-oem:hover,
#account-return .return-radio-card-oem.is-selected {
    border-color: #2644dd;
    background: #f5f7ff;
}

#account-return .return-radio-card-oem input {
    display: inline-block;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin: 1px 0 0;
}

#account-return .return-radio-card-oem span {
    display: block;
    min-width: 0;
}

#account-return .return-create-comment-oem textarea {
    height: auto;
    min-height: 96px;
    resize: vertical;
}

#account-return .return-agree-oem {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 2px 0 14px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #475467;
}

#account-return .return-agree-oem input {
    flex: 0 0 auto;
    margin: 2px 0 0;
}

.return-create-actions-oem {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding-top: 14px;
    border-top: 1px solid #e8ecf2;
    margin-top: 2px;
}

.return-success-container-oem {
    display: flex;
    justify-content: center;
}

#account-return-success .return-success-card-oem {
    width: 100%;
    max-width: 520px;
    text-align: center;
}

.return-success-icon-oem {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #eaf8ef;
    color: #16823b;
    font-size: 20px;
}

.return-success-card-oem h1 {
    margin: 0 0 8px;
    font-size: 21px;
    color: #101828;
}

.return-success-message-oem {
    color: #475467;
    font-size: 14px;
    line-height: 1.5;
}

.return-success-message-oem p {
    margin: 3px 0;
}

.return-success-actions-oem {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
}

.return-success-orders-oem {
    padding: 8px 4px;
    color: #2644dd;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 600px) {
    #account-return-success .return-success-card-oem {
        padding: 14px;
    }

    .return-success-actions-oem {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .return-success-actions-oem > * {
        width: 100%;
    }
}

/* TASK-012F — return form in the shared OEMprice storefront layout */
.return-create-page-container-oem {
    max-width: 1300px;
    padding-bottom: 32px;
}

#account-return .return-create-hero-oem,
#account-return .return-create-section-oem {
    border: 1px solid #dfe4ec;
    background: #fff;
    box-shadow: 0 2px 8px rgba(16, 24, 40, 0.04);
}

#account-return .return-create-hero-oem {
    margin-top: 0;
    padding: 18px 20px;
    border-radius: 16px;
}

#account-return .return-create-breadcrumb-oem {
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e7eb;
}

.return-create-hero-row-oem {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.return-create-hero-row-oem h1 {
    margin: 0 0 4px;
    color: #111827;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
}

.return-create-order-oem {
    color: #667085;
    font-size: 13px;
    line-height: 1.45;
}

.return-create-form-oem {
    display: block;
}

#account-return .return-create-section-oem {
    margin-top: 20px;
    padding: 18px;
    border-radius: 16px;
}

.return-create-section-head-oem {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.return-create-section-head-oem h2 {
    margin: 0;
    color: #111827;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

.return-create-request-head-oem p {
    margin: 5px 0 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.45;
}

.return-create-product-shell-oem {
    overflow: hidden;
    border: 1px solid #dfe4ec;
    border-left: 3px solid #2e9b5f;
    border-radius: 10px;
    background: #fff;
}

.return-create-product-group-head-oem {
    min-height: 54px;
    padding: 13px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #dfe4ec;
    background: #f8fafc;
    color: #111827;
}

.return-create-product-group-head-oem strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.return-create-product-desktop-oem {
    display: block;
}

.return-create-product-mobile-oem {
    display: none;
}

#account-return .return-create-product-table-oem {
    width: 100%;
    table-layout: fixed;
}

#account-return .return-create-product-table-oem th,
#account-return .return-create-product-table-oem td {
    vertical-align: middle;
    background: #fff;
}

#account-return .return-create-product-table-oem th {
    color: #111827;
    font-size: 12px;
    font-weight: 600;
}

#account-return .return-create-product-table-oem th:nth-child(1),
#account-return .return-create-product-table-oem td:nth-child(1) {
    width: 150px;
}

#account-return .return-create-product-table-oem th:nth-child(2),
#account-return .return-create-product-table-oem td:nth-child(2) {
    width: auto;
}

#account-return .return-create-product-table-oem th:nth-child(3),
#account-return .return-create-product-table-oem td:nth-child(3) {
    width: 160px;
}

#account-return .return-create-product-table-oem th:nth-child(4),
#account-return .return-create-product-table-oem td:nth-child(4),
#account-return .return-create-product-table-oem th:nth-child(5),
#account-return .return-create-product-table-oem td:nth-child(5) {
    width: 125px;
}

#account-return .return-create-product-table-oem th:nth-child(6),
#account-return .return-create-product-table-oem td:nth-child(6) {
    width: 145px;
}

#account-return .return-create-product-table-oem .price-table__name {
    display: block;
    max-width: none;
    overflow: visible;
    color: #111827;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
}

.return-create-stock-oem {
    color: #16803c;
    font-weight: 700;
    white-space: nowrap;
}

.return-create-price-oem {
    color: #2644dd;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.return-create-top-fields-oem {
    display: grid;
    grid-template-columns: minmax(190px, 240px) minmax(320px, 1fr);
    gap: 20px;
    align-items: start;
    margin-bottom: 16px;
}

#account-return .return-create-quantity-oem {
    margin-bottom: 0;
}

#account-return .return-create-quantity-oem .form-control {
    max-width: 220px;
}

.return-create-limit-oem {
    display: block;
    margin-top: 5px;
    color: #667085;
    font-size: 11px;
    line-height: 1.35;
}

#account-return .return-opened-fieldset-oem {
    margin-bottom: 0;
}

#account-return .return-reason-fieldset-oem {
    margin-bottom: 16px;
}

#account-return .return-create-comment-oem {
    margin-bottom: 14px;
}

@media (max-width: 1000px) and (min-width: 769px) {
    #account-return .return-reason-grid-oem {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .return-create-page-container-oem {
        padding-right: 10px;
        padding-bottom: 92px;
        padding-left: 10px;
    }

    #account-return .return-create-hero-oem {
        padding: 14px;
        border-radius: 12px;
    }

    #account-return .return-create-breadcrumb-oem {
        margin-bottom: 10px;
        padding-bottom: 8px;
        font-size: 12px;
    }

    .return-create-hero-row-oem h1 {
        font-size: 21px;
    }

    #account-return .return-create-section-oem {
        margin-top: 12px;
        padding: 12px;
        border-radius: 12px;
    }

    .return-create-section-head-oem {
        display: block;
        margin-bottom: 12px;
    }

    .return-create-section-head-oem h2 {
        font-size: 19px;
    }

    .return-create-product-shell-oem {
        border-radius: 12px;
    }

    .return-create-product-group-head-oem {
        min-height: 48px;
        padding: 11px 12px;
    }

    .return-create-product-group-head-oem strong {
        font-size: 15px;
    }

    .return-create-product-desktop-oem {
        display: none;
    }

    .return-create-product-mobile-oem {
        display: block;
        padding: 8px;
        background: #fff;
    }

    #account-return .return-create-mobile-offer-oem {
        height: auto;
        min-height: 150px;
        overflow: visible;
        box-shadow: none;
    }

    #account-return .return-create-mobile-offer-oem .oem-mobile-offer-row__info,
    #account-return .return-create-mobile-offer-oem .oem-mobile-offer-row__facts {
        overflow: visible;
    }

    #account-return .return-create-mobile-offer-oem .oem-mobile-offer-row__name {
        display: block;
        max-height: none;
        overflow: visible;
        -webkit-line-clamp: unset;
    }

    #account-return .return-create-top-fields-oem {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 14px;
    }

    #account-return .return-create-quantity-oem .form-control {
        max-width: none;
    }

    #account-return .return-reason-grid-oem {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #account-return .return-opened-options-oem {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #account-return .return-create-comment-oem textarea {
        min-height: 88px;
    }

    #account-return .return-create-actions-oem {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    #account-return .return-create-actions-oem > * {
        width: 100%;
    }
}

@media (max-width: 340px) {
    #account-return .return-create-mobile-offer-oem {
        height: auto;
        min-height: 150px;
        grid-template-rows: minmax(0, auto);
    }

    #account-return .return-create-mobile-offer-oem .oem-mobile-offer-row__side {
        display: flex;
        grid-column: 2;
        grid-row: 1;
    }

    #account-return .return-create-mobile-offer-oem .oem-mobile-offer-row__numbers {
        grid-column: auto;
        grid-row: auto;
    }
}

.price-actions-wrap {
    min-width: 190px;
}

.price-actions-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.price-btn-buy,
.price-btn-in-cart {
    min-height: 36px;
    padding: 8px 12px;
    align-items: center;
    justify-content: center;
    border-radius: var(--oem-ui-radius);
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    gap: 6px;
}

.price-btn-buy {
    display: inline-flex;
    border: 1px solid var(--oem-ui-blue);
    background: var(--oem-ui-blue);
    color: #fff;
    cursor: pointer;
}

.price-btn-buy__icon {
    display: none;
}

.price-btn-buy--icon-only {
    width: 44px;
    min-width: 44px;
    padding: 6px;
}

.price-btn-buy--icon-only .price-btn-buy__label {
    display: none;
}

.price-btn-buy--icon-only .price-btn-buy__icon {
    width: 24px;
    height: 24px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.price-btn-buy:hover,
.price-btn-buy:focus {
    border-color: var(--oem-ui-blue);
    background: #fff;
    color: var(--oem-ui-blue);
}

.price-btn-in-cart {
    display: flex;
    border: 0;
    background: var(--oem-ui-in-cart);
    color: #fff !important;
}

.price-btn-in-cart:hover,
.price-btn-in-cart:focus {
    border-color: #444;
    background: #444;
    color: #fff !important;
}

.price-qty {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border-radius: var(--oem-ui-radius);
    background: var(--oem-ui-control);
}

.price-qty__btn,
.price-qty__input {
    height: 36px;
    border: 0;
    background: var(--oem-ui-control);
    color: #26363d;
    text-align: center;
}

.price-qty__btn {
    width: 30px;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.price-qty__btn:hover,
.price-qty__btn:focus {
    background: #dfe7f2;
}

.price-qty__input {
    width: 48px;
    -moz-appearance: textfield;
}

.price-qty__input::-webkit-outer-spin-button,
.price-qty__input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.oem-stock--wait {
    color: #6b7280;
    font-weight: 600;
    white-space: nowrap;
}

.article-main {
    color: #111827;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.article-oem,
.article-oem__link {
    color: #6b7280;
    font-size: 11px;
    white-space: nowrap;
}

.article-oem {
    margin-top: 2px;
}

.article-oem__link {
    border-bottom: 1px dashed transparent;
    text-decoration: none;
}

.article-oem__link:hover {
    border-bottom-color: var(--oem-ui-blue);
    color: var(--oem-ui-blue);
}

.warehouse-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.warehouse-name {
    color: #111827;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.oem-warehouse-location {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    vertical-align: middle;
}

.oem-warehouse-location__name {
    min-width: 0;
}

.oem-warehouse-location__trigger {
    width: 22px;
    height: 22px;
    padding: 2px;
    flex: 0 0 22px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #607086;
    cursor: pointer;
    touch-action: manipulation;
}

.oem-warehouse-location__trigger:hover,
.oem-warehouse-location__trigger:focus-visible,
.oem-warehouse-location__trigger[aria-expanded="true"] {
    background: #e7eef7;
    color: var(--oem-ui-blue);
    outline: none;
}

.oem-warehouse-location__trigger svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.oem-warehouse-location-popover {
    position: fixed;
    z-index: 100200;
    max-width: min(280px, calc(100vw - 24px));
    padding: 8px 11px;
    border: 1px solid #cfd9e7;
    border-radius: 8px;
    background: #101828;
    color: #fff;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.3;
    pointer-events: none;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .22);
}

.oem-mobile-offer-row__warehouse .oem-warehouse-location__name {
    color: var(--oem-ui-text);
    font-weight: 700;
}

.oem-mobile-offer-row__warehouse .oem-warehouse-location__trigger {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

.oem-warehouse-location--panel {
    display: inline;
}

.oem-warehouse-location--panel .oem-warehouse-location__city {
    color: #475467;
    font-weight: 500;
}

.oem-warehouse-location--panel .oem-warehouse-location__separator {
    color: #98a2b3;
}

@media (min-width: 769px) {
    .search-page-oem .price-table--search {
        table-layout: fixed;
    }

    .search-page-oem .price-table--search .price-table__col--article { width: 11%; }
    .search-page-oem .price-table--search .price-table__col--name { width: 27%; }
    .search-page-oem .price-table--search .price-table__col--brand { width: 11%; }
    .search-page-oem .price-table--search .price-table__col--photo { width: 5%; }
    .search-page-oem .price-table--search .price-table__col--warehouse { width: 11%; }
    .search-page-oem .price-table--search .price-table__col--stock { width: 7%; }
    .search-page-oem .price-table--search .price-table__col--price { width: 12%; }
    .search-page-oem .price-table--search .price-table__col--action { width: 16%; }

    .search-page-oem .price-table--search .price-table__name-cell,
    .search-page-oem .price-table--search .price-actions-wrap {
        min-width: 0;
    }

    .search-page-oem .price-table--search .price-actions-box {
        gap: 6px;
        flex-wrap: nowrap;
    }
}

/* Search uses the same compact action column as the category table. */
@media (min-width: 992px) {
    .search-page-oem .price-table--search .price-table__col--name {
        width: auto;
    }

    .search-page-oem .price-table--search .price-table__col--action {
        width: 180px;
    }

    .search-page-oem .price-table--search > tbody > tr:not(.product-panel-row) > td:last-child .price-actions-wrap {
        width: 160px;
        min-width: 160px;
    }
}

.delivery-badge {
    width: fit-content;
    padding: 3px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.delivery-green {
    background: #e8f7ee;
    color: #1f8f4e;
}

.delivery-yellow {
    background: #fff6db;
    color: #a86a00;
}

.delivery-red {
    background: #fdecec;
    color: #c62828;
}

.delivery-gray {
    background: #eceff3;
    color: #4b5563;
}

.oem-search-mobile-list {
    display: none;
}

@media (max-width: 991px) {
    .price-actions-box {
        flex-direction: column;
        align-items: stretch;
    }

    .price-actions-wrap {
        min-width: 160px;
    }

    .price-btn-buy,
    .price-btn-in-cart {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .price-table .price-actions-wrap {
        width: 100%;
    }

    .price-table .price-actions-box {
        width: 100%;
        flex-direction: row;
        align-items: center;
    }

    .price-table .price-qty {
        width: 102px;
        flex: 0 0 102px;
    }

    .price-table .price-qty__btn {
        width: 28px;
        height: 38px;
    }

    .price-table .price-qty__input {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .price-table .price-btn-buy,
    .price-table .price-btn-in-cart {
        width: auto;
        min-height: 38px;
        flex: 1 1 auto;
        padding: 8px 10px;
        font-size: 14px;
    }

    .oem-search-mobile-list {
        margin-right: -15px;
        margin-left: -15px;
        padding: 4px;
        display: grid;
        gap: 7px;
    }

    .search-page-oem .market-brand-group .price-table-wrap {
        display: none;
    }

    .oem-mobile-offer-row {
        width: 100%;
        height: auto;
        min-width: 0;
        min-height: 150px;
        padding: 8px 8px 7px 9px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(180px, 49%);
        gap: 7px;
        overflow: hidden;
        border: 1px solid #cfd7e3;
        border-radius: 13px;
        background: #fff;
        box-shadow: 0 3px 9px rgba(15, 23, 42, 0.07);
    }

    .oem-mobile-offer-row.is-featured {
        border-color: #aebcff;
        box-shadow: 0 0 0 2px rgba(41, 72, 232, 0.07);
    }

    .oem-mobile-offer-row__info,
    .oem-mobile-offer-row__side,
    .oem-mobile-offer-row__price-wrap {
        min-width: 0;
    }

    .oem-mobile-offer-row__info {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .oem-mobile-offer-row__sku-line {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .oem-mobile-offer-row__sku,
    button.oem-mobile-offer-row__sku {
        min-width: 0;
        padding: 0;
        overflow: hidden;
        border: 0;
        background: transparent;
        color: var(--oem-ui-ink) !important;
        font: inherit;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.1;
        text-align: left;
        text-decoration: underline !important;
        text-decoration-thickness: 1px !important;
        text-underline-offset: 2px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .oem-mobile-offer-row__panel-dot {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        display: grid;
        place-items: center;
        border-radius: 999px;
        background: #eef1ff;
        color: var(--oem-ui-blue);
        font-size: 13px;
        font-weight: 600;
    }

    .oem-mobile-offer-row__oem {
        margin-top: 3px;
        overflow: hidden;
        color: #606b7d;
        font-size: 12.5px;
        font-weight: 400;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .oem-mobile-offer-row__name,
    button.oem-mobile-offer-row__name {
        width: 100%;
        height: auto;
        max-height: 54px;
        margin-top: 4px;
        padding: 0;
        display: -webkit-box;
        overflow: hidden;
        border: 0;
        background: transparent;
        color: var(--oem-ui-text) !important;
        font: inherit;
        font-size: 14.5px;
        font-weight: 500;
        line-height: 1.25;
        text-align: left;
        text-decoration: none !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .oem-mobile-offer-row__facts {
        margin-top: auto;
        padding-top: 4px;
        display: grid;
        gap: 2px;
        overflow: hidden;
        color: #566276;
        font-size: 11.5px;
        font-weight: 400;
        line-height: 1.25;
        white-space: nowrap;
    }

    .oem-mobile-offer-row__facts b {
        color: var(--oem-ui-text);
        font-weight: 600;
    }

    .oem-mobile-offer-row__warehouse {
        font-size: 12.5px;
        line-height: 1.3;
        white-space: normal;
    }

    .oem-mobile-offer-row__warehouse b {
        font-weight: 700;
    }

    .oem-mobile-offer-row__delivery {
        margin-left: 2px;
        padding: 2px 4px;
        display: inline-block;
        border-radius: 999px;
        font-size: 11.5px;
        font-weight: 600;
    }

    .oem-mobile-offer-row__side {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        text-align: right;
    }

    .oem-mobile-offer-row__numbers {
        min-height: 62px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
    }

    .oem-mobile-offer-row__stock {
        min-width: 0;
        text-align: left;
        white-space: nowrap;
    }

    .oem-mobile-offer-row__stock strong {
        display: block;
        color: #16803c;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: -0.03em;
        line-height: 1;
    }

    .oem-mobile-offer-row__stock-unit {
        font-size: 14px;
        letter-spacing: -0.01em;
    }

    .oem-mobile-offer-row__stock > span,
    .oem-mobile-offer-row__unit {
        color: #687386;
        font-size: 11px;
        font-weight: 400;
    }

    .oem-mobile-offer-row__price {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: flex-end;
        overflow: visible;
        color: var(--oem-ui-blue);
        font-size: 21px;
        font-weight: 700;
        letter-spacing: -0.035em;
        line-height: 1;
        text-overflow: clip;
        white-space: normal;
    }

    .oem-mobile-offer-row__price-value,
    .oem-mobile-offer-row__price-unit {
        white-space: nowrap;
    }

    .oem-mobile-offer-row__price-unit {
        font-size: 13.5px;
        letter-spacing: -0.01em;
    }

    .oem-mobile-offer-row__unit {
        margin-top: 3px;
        white-space: nowrap;
    }

    .oem-mobile-offer-row__purchase,
    .oem-mobile-offer-row__purchase .price-actions-wrap {
        width: 100%;
        min-width: 0;
        margin-top: auto;
    }

    .oem-mobile-offer-row__purchase .price-actions-box {
        width: 100%;
        min-width: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 60px;
        gap: 8px;
    }

    .oem-mobile-offer-row__purchase .price-qty,
    .oem-mobile-offer-row__purchase .price-btn-buy,
    .oem-mobile-offer-row__purchase .price-btn-in-cart {
        width: 100%;
        min-width: 0;
        height: 40px;
        min-height: 40px;
        border-radius: 8px;
    }

    .oem-mobile-offer-row__purchase .price-qty {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .oem-mobile-offer-row__purchase .price-qty__btn,
    .oem-mobile-offer-row__purchase .price-qty__input {
        width: 100%;
        min-width: 0;
        height: 40px;
        padding: 0;
        background: transparent;
        font-size: 16px;
        line-height: 40px;
    }

    .oem-mobile-offer-row__purchase .price-btn-buy,
    .oem-mobile-offer-row__purchase .price-btn-in-cart {
        padding: 0 4px;
        border: 0;
        color: #fff !important;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        touch-action: manipulation;
    }

    .oem-mobile-offer-row__purchase .price-btn-buy {
        width: 60px;
        min-width: 60px;
        padding: 0;
    }

    .oem-mobile-offer-row__purchase .price-btn-buy__label {
        display: none;
    }

    .oem-mobile-offer-row__purchase .price-btn-buy__icon {
        width: 26px;
        height: 26px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.9;
    }

    .oem-mobile-offer-row__purchase .price-btn-in-cart {
        grid-column: 1 / -1;
    }

    .oem-mobile-offer-row__purchase .oem-stock--wait {
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        color: var(--oem-ui-muted);
        font-size: 14px;
        font-weight: 500;
    }
    
        /* ===== MOBILE SEARCH GROUPING — APPROVED VARIANT B ===== */

    .search-page-oem .market-brand-group {
        --search-group-accent: #2e9b5f;

        overflow: hidden;
        border: 1px solid #dfe4ec;
        border-left: 3px solid var(--search-group-accent);
        border-radius: 8px;
        background: transparent;
    }

    /* Первая группа — лучшая цена */
    .search-page-oem .market-brand-group--0 {
        --search-group-accent: #2e9b5f;
    }

    /* Вторая группа */
    .search-page-oem .market-brand-group--1 {
        --search-group-accent: #e58a20;
    }

    /* Третья группа */
    .search-page-oem .market-brand-group--2 {
        --search-group-accent: #2878c8;
    }

    /* Четвёртая группа и повторение палитры */
    .search-page-oem .market-brand-group--3 {
        --search-group-accent: #8a63b8;
    }

    .search-page-oem .oem-search-mobile-item {
        position: relative;
        min-width: 0;
    }

    .search-page-oem .oem-search-mobile-item--hidden {
        display: none;
    }
    .search-page-oem .oem-search-group-more {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 10px 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 0;
        border-left: 1px solid #cfd6df;
        border-radius: 0;
        background: #f1f5ff;
        color: #3156c9;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
        cursor: pointer;
    }

    .search-page-oem .oem-search-group-more:hover,
    .search-page-oem .oem-search-group-more:focus {
        background: #f1f3f6;
        color: var(--oem-ui-blue);
        outline: none;
    }
}

@media (max-width: 340px) {
    .oem-mobile-offer-row {
        height: auto;
        min-height: 188px;
        padding: 8px;
        grid-template-columns: minmax(0, 1fr) 120px;
        grid-template-rows: minmax(0, 1fr) 40px;
        gap: 6px;
    }

    .oem-mobile-offer-row__info {
        grid-column: 1;
        grid-row: 1;
    }

    .oem-mobile-offer-row__side {
        display: contents;
    }

    .oem-mobile-offer-row__facts {
        gap: 1px;
        white-space: normal;
    }

    .oem-mobile-offer-row__facts > span {
        white-space: nowrap;
    }

    .oem-mobile-offer-row__facts > span:last-child {
        white-space: normal;
    }

    .oem-mobile-offer-row__numbers {
        min-height: 0;
        grid-column: 2;
        grid-row: 1;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 5px;
    }

    .oem-mobile-offer-row__stock {
        text-align: right;
    }

    .oem-mobile-offer-row__stock strong {
        font-size: 20px;
    }

    .oem-mobile-offer-row__stock-unit,
    .oem-mobile-offer-row__price-unit {
        font-size: 12.5px;
    }

    .oem-mobile-offer-row__price {
        font-size: 20px;
    }

    .oem-mobile-offer-row__purchase .price-actions-box {
        grid-template-columns: minmax(0, 1fr) 60px;
        gap: 8px;
    }

    .oem-mobile-offer-row__purchase {
        grid-column: 1 / -1;
        grid-row: 2;
        align-self: end;
        margin-top: 0;
    }
}

/* ==========================================================================
   06. Product panel
   Source: oem_product_panel.css
   ========================================================================== */

/* Product Panel — approved layout A. */
.product-panel-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    box-sizing: border-box !important;
    padding: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: rgba(15, 23, 42, 0.46) !important;
    opacity: 0 !important;
    transition: opacity .28s ease !important;
    perspective: 1200px !important;
}

.product-panel-backdrop.is-open {
    opacity: 1 !important;
}

.product-panel-backdrop.is-closing {
    opacity: 0 !important;
}

.product-panel-popup {
    width: 100% !important;
    max-width: 860px !important;
    max-height: calc(100vh - 48px) !important;
    max-height: calc(100dvh - 48px) !important;
    opacity: 0 !important;
    transform-origin: var(--origin-x, 50%) var(--origin-y, 50%) !important;
    transform: translate(var(--from-x, 0), var(--from-y, 0)) scale(.14) rotateX(12deg) !important;
    transition: transform .48s cubic-bezier(.16, 1, .3, 1), opacity .24s ease !important;
    will-change: transform, opacity !important;
}

.product-panel-backdrop.is-open .product-panel-popup {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) rotateX(0) !important;
}

.product-panel-backdrop.is-closing .product-panel-popup {
    opacity: 0 !important;
    transform: translate(var(--from-x, 0), var(--from-y, 0)) scale(.14) rotateX(12deg) !important;
}

body.product-panel-open {
    overflow: hidden !important;
}

.product-panel,
.product-panel * {
    box-sizing: border-box !important;
}

.product-panel [hidden] {
    display: none !important;
}

.product-panel {
    width: 100% !important;
    max-height: calc(100vh - 48px) !important;
    max-height: calc(100dvh - 48px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #d8e0ec !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .30) !important;
    color: #101828 !important;
    font-family: inherit !important;
}

.product-panel__header {
    position: relative !important;
    flex: 0 0 auto !important;
    min-height: 76px !important;
    padding: 20px 78px 17px 22px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #dfe5ee !important;
    background: #fff !important;
}

.product-panel__title {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #101828 !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.product-panel__close {
    position: absolute !important;
    top: 15px !important;
    right: 18px !important;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #d5deea !important;
    border-radius: 13px !important;
    background: #f7f9fc !important;
    color: #2449e8 !important;
    font: inherit !important;
    font-size: 31px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

.product-panel__body {
    min-height: 0 !important;
    padding: 18px 22px 24px !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-gutter: stable !important;
}

.product-panel__hero {
    display: grid !important;
    grid-template-columns: minmax(260px, 38%) minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
}

.product-panel__hero--no-photo {
    grid-template-columns: minmax(0, 1fr) !important;
}

.product-panel__media,
.product-panel__identity,
.product-panel__field,
.product-panel__offer-cell,
.product-panel__accordion-copy {
    min-width: 0 !important;
}

.product-panel__photo {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 16px !important;
    background: #fff !important;
}

.product-panel__photo img,
.product-panel__main-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    display: block !important;
    object-fit: contain !important;
}

.product-panel__photo-empty {
    width: 100% !important;
    height: 100% !important;
    padding: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 8px !important;
    background: linear-gradient(145deg, #f7f9fc, #eef3f8) !important;
    color: #7b8798 !important;
    font-size: 13px !important;
    text-align: center !important;
}

.product-panel__photo-empty-mark {
    color: #101828 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: -.04em !important;
    line-height: 1 !important;
}

.product-panel__photo-empty-mark b {
    color: #2948e8 !important;
}

.product-panel__photo-empty-copy {
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.product-panel__photo-empty-icon {
    width: 82px !important;
    height: 64px !important;
    display: block !important;
    fill: none !important;
    stroke: #2948e8 !important;
    stroke-width: 4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.product-panel__photo-empty-action {
    color: #2948e8 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}

.product-panel__photo-empty-sync {
    color: #7b8798 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

.product-panel__gallery-toggle {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #cfd8e6 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .96) !important;
    color: #2449e8 !important;
    font: inherit !important;
    font-size: 25px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .08) !important;
}

.product-panel__gallery-toggle.is-open {
    background: #eef2ff !important;
}

.product-panel__thumbs {
    margin-top: 9px !important;
    padding: 2px !important;
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

.product-panel__thumb {
    width: 52px !important;
    height: 52px !important;
    padding: 2px !important;
    flex: 0 0 52px !important;
    overflow: hidden !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 9px !important;
    background: #fff !important;
    cursor: pointer !important;
}

.product-panel__thumb.active {
    border-color: #2948e8 !important;
    box-shadow: 0 0 0 1px #2948e8 !important;
}

.product-panel__thumb img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
}

.product-panel__identity {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.product-panel__label {
    margin-bottom: 5px !important;
    color: #687386 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .055em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

.product-panel__article {
    overflow-wrap: anywhere !important;
    color: #2948e8 !important;
    font-size: 25px !important;
    font-weight: 500 !important;
    line-height: 1.16 !important;
}

.product-panel__brand {
    overflow-wrap: anywhere !important;
    color: #101828 !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.22 !important;
}

.product-panel__oem-visible,
.product-panel__oem-more {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px 12px !important;
}

.product-panel__oem-visible a,
.product-panel__oem-more a {
    overflow-wrap: anywhere !important;
    color: #2948e8 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

.product-panel__oem-more {
    margin-top: 7px !important;
    padding-top: 7px !important;
    border-top: 1px solid #e6ebf2 !important;
}

.product-panel__oem-toggle {
    padding: 2px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #667085 !important;
    font: inherit !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
}

.product-panel__oem-toggle span {
    display: inline-block !important;
    transition: transform .2s ease !important;
}

.product-panel__oem-toggle.is-open span {
    transform: rotate(90deg) !important;
}

.product-panel__offer {
    flex: 0 0 auto !important;
    overflow: hidden !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 16px !important;
    background: #fff !important;
}

.product-panel__hero,
.product-panel__accordions {
    flex: 0 0 auto !important;
}

.product-panel__offer-primary,
.product-panel__offer-secondary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.product-panel__offer-primary {
    padding: 17px 20px 15px !important;
}

.product-panel__offer-secondary {
    margin: 0 20px !important;
    padding: 14px 0 16px !important;
    border-top: 1px solid #e1e7ef !important;
}

.product-panel__offer-cell:only-child {
    grid-column: 1 / -1 !important;
}

.product-panel__stock {
    color: #168b45 !important;
    font-size: 31px !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
    line-height: 1.05 !important;
}

.product-panel__stock span {
    font-size: .62em !important;
    letter-spacing: 0 !important;
}

.product-panel__price {
    margin: 0 !important;
    overflow-wrap: anywhere !important;
    color: #2948e8 !important;
    font-size: 31px !important;
    font-weight: 700 !important;
    letter-spacing: -.03em !important;
    line-height: 1.05 !important;
}

.product-panel__price span {
    font-size: .58em !important;
    letter-spacing: 0 !important;
}

.product-panel__muted-label {
    margin-bottom: 4px !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.product-panel__warehouse {
    overflow: hidden !important;
    color: #101828 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.product-panel__delivery {
    min-height: 30px !important;
    padding: 5px 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.product-panel__delivery--fast {
    background: #e8f7ee !important;
    color: #168b45 !important;
}

.product-panel__delivery--medium {
    background: #fff6db !important;
    color: #9a6300 !important;
}

.product-panel__delivery--long {
    background: #fdecec !important;
    color: #b42318 !important;
}

.product-panel__delivery--unknown {
    background: #eef1f5 !important;
    color: #667085 !important;
}

.product-panel__accordions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.product-panel__accordion {
    overflow: hidden !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 15px !important;
    background: #fff !important;
}

.product-panel__accordion-toggle {
    width: 100% !important;
    min-height: 70px !important;
    padding: 14px 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    border: 0 !important;
    background: #fff !important;
    color: #101828 !important;
    font: inherit !important;
    text-align: left !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

.product-panel__accordion-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.product-panel__accordion-copy--inline {
    flex-direction: row !important;
    align-items: center !important;
    gap: 9px !important;
}

.product-panel__accordion-title {
    color: #101828 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.product-panel__accordion-preview {
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.product-panel__chevron {
    flex: 0 0 auto !important;
    display: inline-block !important;
    color: #667085 !important;
    font-size: 36px !important;
    font-weight: 300 !important;
    line-height: .8 !important;
    transition: transform .2s ease !important;
}

.product-panel__accordion.is-open .product-panel__chevron {
    transform: rotate(90deg) !important;
}

.product-panel__accordion-panel {
    padding: 0 17px 16px !important;
    border-top: 1px solid #edf0f4 !important;
    color: #344054 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.product-panel__accordion-panel p {
    margin: 13px 0 0 !important;
}

.product-panel__app-list {
    margin: 12px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 8px !important;
    list-style: none !important;
}

.product-panel__app-list li {
    position: relative !important;
    padding-left: 14px !important;
}

.product-panel__app-list li::before {
    position: absolute !important;
    top: .62em !important;
    left: 0 !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #2948e8 !important;
    content: "" !important;
}

.product-panel__characteristics {
    margin: 12px 0 0 !important;
    display: grid !important;
    gap: 8px !important;
}

.product-panel__characteristics > div {
    display: grid !important;
    grid-template-columns: minmax(100px, 32%) minmax(0, 1fr) !important;
    gap: 10px !important;
}

.product-panel__characteristics dt {
    color: #667085 !important;
    font-weight: 400 !important;
}

.product-panel__characteristics dd {
    margin: 0 !important;
    overflow-wrap: anywhere !important;
    color: #101828 !important;
    font-weight: 500 !important;
}

.product-panel__work-badge {
    padding: 5px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: #eef1ff !important;
    color: #2948e8 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.product-panel__purchase {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
    flex: 0 0 auto !important;
    padding: 14px 22px !important;
    border-top: 1px solid #dbe2ec !important;
    background: #fff !important;
    box-shadow: 0 -8px 20px rgba(15, 23, 42, .04) !important;
}

.product-panel__purchase .price-actions-wrap {
    width: 100% !important;
    max-width: 500px !important;
    min-width: 0 !important;
    margin-left: auto !important;
}

.product-panel__purchase .price-actions-box {
    width: 100% !important;
    min-width: 0 !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 128px !important;
    gap: 12px !important;
    align-items: center !important;
}

.product-panel__purchase .price-qty {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #eaf0f7 !important;
}

.product-panel__purchase .price-qty__btn,
.product-panel__purchase .price-qty__input {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #101828 !important;
    font-family: inherit !important;
    line-height: 52px !important;
    text-align: center !important;
}

.product-panel__purchase .price-qty__btn {
    font-size: 24px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

.product-panel__purchase .price-qty__input {
    font-size: 19px !important;
    font-weight: 500 !important;
}

.product-panel__purchase .price-btn-buy,
.product-panel__purchase .price-btn-in-cart {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 0 12px !important;
    border: 1px solid #2948e8 !important;
    border-radius: 12px !important;
    background: #2948e8 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    touch-action: manipulation !important;
}

.product-panel__purchase .price-btn-buy__label {
    display: none !important;
}

.product-panel__purchase .price-btn-buy__icon {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 1.9 !important;
}

.product-panel__purchase .price-btn-in-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-color: #555 !important;
    background: #555 !important;
}

.product-panel__purchase .oem-stock--wait {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667085 !important;
    font-size: 16px !important;
}

.product-panel button:focus-visible,
.product-panel a:focus-visible,
.product-panel input:focus-visible {
    outline: 3px solid rgba(41, 72, 232, .28) !important;
    outline-offset: 2px !important;
}

/* ===== DESKTOP SEARCH GROUP — SCOPED FIX ===== */

/* Фиксированный итог мобильной корзины по умолчанию скрыт */
#checkout-cart .oem-cart-sticky-checkout {
    display: none;
}

/* Нижний мобильный итог по умолчанию скрыт */
#checkout-cart .oem-cart-bottom-mobile {
    display: none;
}

@media (max-width: 768px) {
    .product-panel-backdrop {
        padding: max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom)) !important;
        align-items: stretch !important;
    }

    .product-panel-popup {
        max-width: none !important;
        height: calc(100vh - 12px) !important;
        height: calc(100dvh - max(12px, env(safe-area-inset-top) + env(safe-area-inset-bottom))) !important;
        max-height: none !important;
    }

    .product-panel {
        height: 100% !important;
        max-height: none !important;
        border-radius: 20px !important;
    }

    .product-panel__header {
        min-height: 70px !important;
        padding: 13px 60px 12px 16px !important;
    }

    .product-panel__title {
        font-size: 19px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
    }

    .product-panel__close {
        top: 12px !important;
        right: 12px !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 12px !important;
        font-size: 29px !important;
    }

    .product-panel__body {
        padding: 10px 14px 18px !important;
        gap: 11px !important;
        scrollbar-gutter: auto !important;
    }

    .product-panel__hero {
        grid-template-columns: minmax(128px, 42%) minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .product-panel__hero--no-photo {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .product-panel__photo {
        border-radius: 14px !important;
    }

    .product-panel__gallery-toggle {
        right: 7px !important;
        bottom: 7px !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 22px !important;
    }

    .product-panel__thumbs {
        gap: 6px !important;
        margin-top: 7px !important;
    }

    .product-panel__thumb {
        width: 46px !important;
        height: 46px !important;
        flex-basis: 46px !important;
    }

    .product-panel__identity {
        gap: 11px !important;
    }

    .product-panel__label {
        margin-bottom: 4px !important;
        font-size: 11px !important;
    }

    .product-panel__article {
        font-size: 19px !important;
        line-height: 1.15 !important;
    }

    .product-panel__brand {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    .product-panel__oem-visible,
    .product-panel__oem-more {
        gap: 3px 8px !important;
    }

    .product-panel__oem-visible a,
    .product-panel__oem-more a {
        font-size: 15.5px !important;
        line-height: 1.2 !important;
    }

    .product-panel__oem-toggle {
        font-size: 12.5px !important;
    }

    .product-panel__offer {
        border-radius: 14px !important;
    }

    .product-panel__offer-primary,
    .product-panel__offer-secondary {
        gap: 12px !important;
    }

    .product-panel__offer-primary {
        padding: 12px 14px 11px !important;
    }

    .product-panel__offer-secondary {
        margin: 0 14px !important;
        padding: 10px 0 12px !important;
    }

    .product-panel__stock,
    .product-panel__price {
        font-size: 26px !important;
    }

    .product-panel__muted-label {
        font-size: 12.5px !important;
    }

    .product-panel__warehouse {
        font-size: 15px !important;
    }

    .product-panel__delivery {
        min-height: 27px !important;
        padding: 4px 11px !important;
        font-size: 13.5px !important;
    }

    .product-panel__accordions {
        gap: 9px !important;
    }

    .product-panel__accordion {
        border-radius: 14px !important;
    }

    .product-panel__accordion-toggle {
        min-height: 64px !important;
        padding: 12px 14px !important;
        gap: 10px !important;
    }

    .product-panel__accordion-title {
        font-size: 16px !important;
    }

    .product-panel__accordion-preview {
        font-size: 13px !important;
    }

    .product-panel__chevron {
        font-size: 32px !important;
    }

    .product-panel__accordion-panel {
        padding: 0 14px 14px !important;
        font-size: 13.5px !important;
    }

    .product-panel__work-badge {
        padding: 5px 9px !important;
        font-size: 12px !important;
    }

    .product-panel__purchase {
        padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
    }

    .product-panel__purchase .price-actions-wrap {
        max-width: none !important;
    }

    .product-panel__purchase .price-actions-box {
        grid-template-columns: minmax(0, 1fr) 112px !important;
        gap: 12px !important;
    }
}

@media (max-width: 359px) {
    .product-panel__header {
        min-height: 64px !important;
        padding-left: 12px !important;
    }

    .product-panel__title {
        font-size: 17px !important;
    }

    .product-panel__body {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .product-panel__hero {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    .product-panel__identity {
        gap: 9px !important;
    }

    .product-panel__article {
        font-size: 17px !important;
    }

    .product-panel__brand,
    .product-panel__oem-visible a,
    .product-panel__oem-more a {
        font-size: 14px !important;
    }

    .product-panel__stock,
    .product-panel__price {
        font-size: 23px !important;
    }

    .product-panel__purchase {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .product-panel__purchase .price-actions-box {
        grid-template-columns: minmax(0, 1fr) 86px !important;
        gap: 8px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .product-panel-backdrop,
    .product-panel-popup,
    .product-panel__chevron,
    .product-panel__oem-toggle span {
        transition-duration: .01ms !important;
    }
}

/* ==========================================================================
   07. Mobile storefront
   Source: mobile-storefront.css
   ========================================================================== */

/* OEMprice TASK-005: isolated mobile storefront shell (approved header V4). */

.oem-mobile-v4-header,
.oem-mobile-bottom-nav,
.oem-mobile-menu-overlay,
.oem-mobile-menu-sheet,
.oem-category-mobile-list,
.oem-mobile-filter-backdrop,
.oem-mobile-filter-head,
.oem-mobile-filter-actions,
.oem-mobile-active-filters,
.oem-mobile-filter-section-search {
  display: none;
}

.oem-mobile-filter-scroll {
  display: contents;
}

@media (max-width: 768px) {
  :root {
    --oem-mobile-blue: #2948e8;
    --oem-mobile-ink: #101828;
    --oem-mobile-muted: #667085;
    --oem-mobile-line: #dfe4ec;
    --oem-mobile-header-height: 104px;
    --oem-mobile-header-compact-height: 52px;
    --oem-mobile-header-current-height: var(--oem-mobile-header-height);
    --oem-mobile-nav-height: 58px;
    --oem-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  }

  body.oem-mobile-standalone {
    --oem-mobile-safe-bottom: max(env(safe-area-inset-bottom, 0px), 12px);
  }

  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior-x: none;
    -webkit-text-size-adjust: 100%;
  }

  body:not(.auth-page-body) {
    touch-action: manipulation;
  }

  body.oem-mobile-header-compact,
  body.oem-mobile-search-active {
    --oem-mobile-header-current-height: var(--oem-mobile-header-compact-height);
  }

  body:not(.auth-page-body) {
    padding-top: calc(var(--oem-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: calc(var(--oem-mobile-nav-height) + var(--oem-mobile-safe-bottom));
  }

  body.oem-mobile-menu-open {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    touch-action: none;
  }

  .header-fix > .header-top,
  .header-fix > .container.container-oem,
  .header-fix > .header-mobile_search {
    display: none !important;
  }

  .header-fix {
    min-height: var(--oem-mobile-header-current-height);
    background: rgba(238, 243, 248, 0.98);
    border-bottom: 1px solid var(--oem-mobile-line);
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.06);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition: min-height 0.18s ease;
  }

  .oem-mobile-v4-header {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: var(--oem-mobile-header-current-height);
    padding: calc(8px + env(safe-area-inset-top, 0px)) 12px 8px;
    transition: min-height 0.18s ease, padding 0.18s ease;
  }

  .oem-mobile-v4-top {
    min-height: 42px;
    max-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: max-height 0.18s ease, min-height 0.18s ease,
      opacity 0.14s ease, transform 0.18s ease, visibility 0.18s ease;
  }

  .oem-mobile-v4-logo {
    flex: 0 1 auto;
    color: #111827;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.055em;
    text-decoration: none !important;
    white-space: nowrap;
  }

  .oem-mobile-v4-logo span {
    color: var(--oem-mobile-blue);
  }

  .oem-mobile-v4-debt {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
  }

  .oem-mobile-v4-debt--green {
    color: #16803c;
    background: #e8f8ef;
  }

  .oem-mobile-v4-debt--yellow {
    color: #9a6200;
    background: #fff6dc;
  }

  .oem-mobile-v4-debt--red {
    color: #c72f2f;
    background: #fdecec;
  }

  .oem-mobile-v4-search {
    position: relative;
    width: 100%;
    margin-top: 6px;
    z-index: 2;
    transition: margin-top 0.18s ease;
  }

  .oem-mobile-v4-search #mobile_search,
  .oem-mobile-v4-search .input-group,
  .oem-mobile-v4-search .sn-search {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
  }

  .oem-mobile-v4-search .header-mobile_search-in,
  .oem-mobile-v4-search input[type="text"],
  .oem-mobile-v4-search input[type="search"] {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px;
    padding: 0 46px 0 14px !important;
    border: 1.5px solid #a8afb9 !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: var(--oem-mobile-ink);
    font-size: 16px !important;
    line-height: 40px;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
  }

  .oem-mobile-v4-search input:focus {
    border-color: var(--oem-mobile-blue) !important;
    box-shadow: 0 0 0 3px rgba(41, 72, 232, 0.1) !important;
  }

  .oem-mobile-v4-search .mobile-search_button {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 44px;
    height: 40px;
    margin: 0;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 0 11px 11px 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
  }

  .oem-mobile-v4-search .mobile-search_button img {
    width: 20px;
    height: 20px;
  }

  .oem-mobile-v4-search #live-search-mobile {
    position: fixed !important;
    top: calc(var(--oem-mobile-header-current-height) + env(safe-area-inset-top, 0px)) !important;
    right: 8px !important;
    left: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--oem-mobile-header-current-height) - 18px) !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 0 0 14px 14px;
    z-index: 10030;
  }

  .oem-mobile-live {
    min-height: 100%;
    background: #f5f7fb;
  }

  .oem-mobile-live__head {
    position: sticky;
    z-index: 4;
    top: 0;
    min-height: 38px;
    padding: 5px 5px 5px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid #e0e5ed;
    background: rgba(245, 247, 251, 0.97);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .oem-mobile-live__head > strong {
    color: var(--oem-mobile-ink);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
  }

  .oem-mobile-live__head-actions {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
  }

  .oem-mobile-live__all {
    overflow: hidden;
    color: var(--oem-mobile-blue) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    touch-action: manipulation;
  }

  .oem-mobile-live__close {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: #e9edf4;
    color: #475467;
    font: inherit;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    touch-action: manipulation;
  }

  .oem-mobile-live__rows {
    padding: 6px 6px calc(12px + var(--oem-mobile-safe-bottom));
    display: grid;
    gap: 6px;
  }

  /* TASK-005: approved category page reuses the shared mobile offer row. */
  #product-category .container-oem,
  #product-category #content {
    min-width: 0;
    max-width: 100%;
  }

  #product-category .market-search-head {
    margin: 8px 4px 10px !important;
    padding: 11px 12px !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 5px 10px;
    border: 1px solid #dfe4ec;
    border-radius: 14px;
    background: #fff;
  }

  #product-search .market-search-head {
    margin-top: 8px !important;
  }

  #product-category .market-search-head .breadcrumb {
    grid-column: 1 / -1;
    margin: 0 0 2px !important;
    padding: 0 !important;
    color: #788294;
    font-size: 13px;
  }

  #product-category .market-search-head__title {
    min-width: 0;
    color: var(--oem-mobile-ink);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.12;
  }

  #product-category .market-search-head__desc {
    max-width: 132px;
    color: #667085;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15;
    text-align: right;
  }

  #product-category .oem-mobile-tools-page {
    margin: 0 4px 9px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
  }

  #product-category .oem-tool-btn {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0 10px;
    justify-content: center;
    border-color: #d9e0ea;
    border-radius: 11px;
    color: #475467;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
  }

  #product-category .oem-mobile-tools-page > .oem-tool-btn:only-child {
    grid-column: 1 / -1;
  }

  #product-category .oem-tool-btn > span:not(.oem-tool-count) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #product-category .oem-tool-count {
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--oem-mobile-blue);
    color: #fff;
    font-size: 11px;
    font-weight: 850;
  }

  #product-category .oem-mobile-sort-popup {
    display: none;
    margin: -1px 4px 9px;
    padding: 8px;
    border: 1px solid #d9e0ea;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.07);
  }

  /* ui.css switches to desktop at 768px; keep the opened mobile popup visible
     at the shared boundary where the mobile toolbar is still active. */
  #product-category .oem-mobile-sort-popup.is-open {
    display: block !important;
    animation: oemMobileSortFade 0.16s ease;
  }

  #product-category .oem-mobile-sort-link {
    min-height: 46px;
    padding: 10px 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    color: #111827;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
  }

  #product-category .oem-mobile-sort-link + .oem-mobile-sort-link {
    margin-top: 2px;
  }

  #product-category .oem-mobile-sort-link.active {
    background: #f3f6ff;
    color: var(--oem-mobile-blue);
  }

  #product-category .oem-mobile-sort-link:hover {
    background: #f8fafc;
  }

  #product-category .oem-open-sort:focus-visible,
  #product-category .oem-mobile-sort-link:focus-visible {
    outline: 3px solid rgba(37, 75, 235, 0.32) !important;
    outline-offset: 2px;
  }

  @keyframes oemMobileSortFade {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .oem-mobile-active-filters {
    margin: 0 4px 9px;
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .oem-mobile-active-filters::-webkit-scrollbar {
    display: none;
  }

  .oem-mobile-active-filters button,
  .oem-mobile-active-filters a {
    min-height: 30px;
    padding: 0 9px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    border: 0;
    border-radius: 999px;
    background: #eef1ff;
    color: var(--oem-mobile-blue) !important;
    font-size: 11px;
    font-weight: 750;
    text-decoration: none !important;
  }

  .oem-mobile-active-filters a {
    background: transparent;
    color: #667085 !important;
  }

  #product-category #product-list {
    min-width: 0;
  }

  #product-category .oem-category-desktop-table {
    display: none !important;
  }

  #product-category .oem-category-mobile-list {
    margin: 0 -5px;
    padding: 4px;
    display: grid;
    gap: 7px;
    border-radius: 16px;
    background: #eef2f7;
  }

  /* Mobile filter: the existing filter logic is preserved inside a right drawer. */
  body.oem-mobile-filter-open {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
  }

  #product-category .oem-filter-box {
    position: fixed !important;
    z-index: 10050;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(92vw, 390px);
    max-width: 100%;
    margin: 0 !important;
    height: 100vh;
    height: 100dvh;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
    border: 0 !important;
    border-left: 1px solid #d7dee9 !important;
    border-radius: 0 !important;
    background: #f4f6f9;
    box-shadow: -16px 0 42px rgba(15, 23, 42, 0.22);
    animation: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(105%);
    transition: transform 0.22s ease, opacity 0.18s ease, visibility 0.18s ease;
  }

  #product-category .oem-filter-box.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
  }

  #product-category .oem-mobile-filter-head {
    position: relative;
    z-index: 5;
    top: 0;
    min-height: calc(58px + env(safe-area-inset-top, 0px));
    padding: calc(8px + env(safe-area-inset-top, 0px)) 12px 8px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #dfe4ec;
    background: rgba(255, 255, 255, 0.98);
  }

  #product-category .oem-mobile-filter-head > div {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #product-category .oem-mobile-filter-head strong {
    color: var(--oem-mobile-ink);
    font-size: 19px;
    font-weight: 600;
  }

  #product-category .oem-mobile-filter-head span {
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--oem-mobile-blue);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
  }

  #product-category .oem-mobile-filter-head button {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: #eef1f5;
    color: #475467;
    font-size: 20px;
    line-height: 1;
  }

  #product-category .oem-mobile-filter-reset {
    color: #667085;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    white-space: nowrap;
  }

  #product-category .oem-mobile-filter-scroll {
    flex: 1 1 auto;
    min-height: 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
  }

  #product-category .oem-filter-row {
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-bottom: 1px solid #eef0f3;
    border-radius: 0;
    background: #fff;
  }

  #product-category .oem-filter-label {
    margin: 0 !important;
    padding: 9px 12px !important;
    background: #e2e2e2;
    color: #667085;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
  }

  #product-category .oem-filter-values {
    padding: 12px 14px !important;
    display: block;
  }

  #product-category .oem-filter-link,
  #product-category .oem-filter-more-toggle {
    margin: 4px 8px 4px 0 !important;
    min-height: 0;
    padding: 0 !important;
    display: inline-block;
    border: 0;
    border-bottom: 1px dotted #aaa;
    border-radius: 0;
    background: #fff;
    color: #344054;
    font-size: 15px;
    line-height: 1.35;
    text-decoration: none !important;
  }

  #product-category .oem-filter-link.active {
    padding: 3px 9px !important;
    border: 0;
    border-radius: 8px;
    background: var(--oem-mobile-blue);
    color: #fff;
    font-weight: 500;
  }

  #product-category .oem-filter-link.disabled {
    opacity: 0.38;
  }

  #product-category .oem-filter-dropdown {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none;
    margin-top: 8px;
    overflow: visible;
    border: 0;
    border-top: 1px solid #eee;
    border-radius: 0;
    box-shadow: none !important;
  }

  #product-category .oem-filter-inner-search-wrap {
    position: sticky;
    z-index: 2;
    top: 0;
    max-width: none;
    padding: 8px;
    background: #fff;
  }

  #product-category .oem-filter-inner-search,
  #product-category #oem-filter-engine {
    width: 100%;
    height: 42px;
    font-size: 15px;
  }

  #product-category .oem-engine-wrap > .btn,
  #product-category .oem-engine-wrap > a.btn {
    display: none !important;
  }

  #product-category .oem-mobile-filter-actions {
    position: relative;
    z-index: 10055;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    min-height: calc(66px + var(--oem-mobile-safe-bottom));
    padding: 8px 10px calc(8px + var(--oem-mobile-safe-bottom));
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    border-top: 1px solid #dfe4ec;
    background: rgba(255, 255, 255, 0.98);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: none;
  }

  #product-category .oem-mobile-filter-actions button,
  #product-category .oem-mobile-filter-actions a {
    min-height: 46px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
  }

  #product-category .oem-mobile-filter-actions button {
    border: 0;
    background: var(--oem-mobile-blue);
    color: #fff;
  }

  #product-category .oem-mobile-filter-actions a {
    border: 1px solid var(--oem-mobile-blue);
    background: #fff;
    color: var(--oem-mobile-blue) !important;
  }

  #product-category .oem-mobile-filter-backdrop {
    position: fixed;
    z-index: 10040;
    inset: 0;
    display: block;
    background: rgba(15, 23, 42, 0.46);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, visibility 0.18s ease;
  }

  body.oem-mobile-filter-open #product-category .oem-mobile-filter-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* TASK-005 v1.6: approved V7-1 filter — left drawer and compact accordion. */
  #product-category .oem-filter-box {
    right: auto;
    left: 0;
    width: min(94vw, 720px);
    border-right: 1px solid #d7dee9 !important;
    border-left: 0 !important;
    background: #fff;
    box-shadow: 16px 0 42px rgba(15, 23, 42, 0.22);
    transform: translateX(-105%);
  }

  #product-category .oem-mobile-filter-head {
    min-height: calc(58px + env(safe-area-inset-top, 0px));
    padding-right: 16px;
    padding-left: 12px;
  }

  #product-category .oem-mobile-filter-scroll {
    background: #fff;
    scrollbar-gutter: stable;
  }

  #product-category .oem-filter-row {
    position: relative;
    border-bottom: 1px solid #e4e7ec;
  }

  #product-category .oem-filter-label {
    position: relative;
    min-height: 54px;
    padding: 9px 52px 9px 16px !important;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0;
    background: #fff;
    color: var(--oem-mobile-ink);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  #product-category .oem-filter-label:focus-visible {
    outline: 2px solid var(--oem-mobile-blue);
    outline-offset: -3px;
  }

  #product-category .oem-filter-label::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border: 2px solid #e1e5eb;
    border-radius: 50%;
    background: #fff;
    color: #344054;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    transform: translateY(-50%);
  }

  #product-category .oem-filter-row.is-open > .oem-filter-label::after {
    content: "−";
  }

  #product-category .oem-filter-label-text {
    flex: 0 0 auto;
  }

  #product-category .oem-filter-label-meta {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
  }

  #product-category .oem-filter-label-badge {
    min-width: 21px;
    height: 21px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--oem-mobile-blue);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
  }

  #product-category .oem-filter-label-summary {
    min-width: 0;
    overflow: hidden;
    color: #667085;
    font-size: 12px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #product-category .oem-filter-row.is-open .oem-filter-label-summary {
    display: none;
  }

  #product-category .oem-filter-row:not(.is-open) > .oem-filter-values {
    display: none !important;
  }

  #product-category .oem-filter-row.is-open > .oem-filter-values {
    display: block !important;
  }

  #product-category .oem-filter-values {
    padding: 2px 16px 14px !important;
  }

  #product-category .oem-mobile-filter-section-search {
    position: static;
    max-width: none;
    padding: 5px 0 10px;
    display: block;
    background: #fff;
  }

  #product-category .oem-filter-dropdown > .oem-filter-inner-search-wrap {
    display: none;
  }

  #product-category .oem-filter-inner-search,
  #product-category #oem-filter-engine {
    height: 44px;
    padding: 0 13px;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    background: #fff;
    color: #1d2939;
    font-size: 15px;
    box-shadow: none;
  }

  #product-category .oem-filter-inner-search:focus,
  #product-category #oem-filter-engine:focus {
    border-color: var(--oem-mobile-blue);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(47, 75, 234, 0.12);
  }

  #product-category .oem-filter-link {
    width: 100%;
    min-height: 42px;
    margin: 0 !important;
    padding: 7px 0 !important;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #1d2939;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none !important;
  }

  #product-category .oem-filter-link::before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    display: grid;
    place-items: center;
    border: 1.5px solid #cfd5de;
    border-radius: 4px;
    background: #fff;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
  }

  #product-category .oem-filter-link.active {
    padding: 7px 0 !important;
    color: #101828;
    font-weight: 500;
  }

  #product-category .oem-filter-link.active::before {
    content: "✓";
    border-color: var(--oem-mobile-blue);
    background: var(--oem-mobile-blue);
  }

  #product-category .oem-filter-link.disabled {
    color: #98a2b3;
    opacity: 0.58;
    pointer-events: none;
  }

  #product-category .oem-filter-more-toggle {
    min-height: 40px;
    margin: 2px 0 0 !important;
    padding: 7px 0 !important;
    display: inline-flex;
    align-items: center;
    border: 0;
    background: transparent;
    color: var(--oem-mobile-blue);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  #product-category .oem-filter-more-toggle:focus-visible {
    outline: 2px solid var(--oem-mobile-blue);
    outline-offset: 2px;
  }

  #product-category .oem-filter-dropdown {
    margin: 0;
    padding-top: 2px;
    border-top: 0;
    background: #fff;
  }

  #product-category .oem-filter-dropdown-inner {
    max-height: none;
    overflow: visible;
  }

  #product-category .oem-filter-dropdown .oem-filter-link.is-direct-duplicate {
    display: none;
  }

  #product-category .oem-filter-letter {
    width: 100%;
    margin: 10px 0 4px !important;
    padding: 2px 0 !important;
    display: flex !important;
    align-items: center;
    gap: 9px;
    border-radius: 0 !important;
    background: transparent !important;
    color: #344054 !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.04em;
  }

  #product-category .oem-filter-letter::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: #e4e7ec;
  }

  #product-category .oem-filter-row.is-searching .oem-filter-values > .oem-filter-link,
  #product-category .oem-filter-row.is-searching .oem-filter-more-toggle {
    display: none !important;
  }

  #product-category .oem-filter-row.is-searching .oem-filter-dropdown {
    display: block !important;
  }

  #product-category .oem-filter-row.is-searching .oem-filter-dropdown .oem-filter-link.is-search-match {
    display: flex !important;
  }

  #product-category .oem-filter-row.is-searching .oem-filter-dropdown .oem-filter-link:not(.is-search-match) {
    display: none !important;
  }

  #product-category .oem-engine-suggest {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
  }

  #product-category .oem-mobile-filter-actions {
      min-height: calc(70px + var(--oem-mobile-safe-bottom));
      padding: 8px 12px calc(8px + var(--oem-mobile-safe-bottom));
      grid-template-columns: minmax(0, 1fr) 96px;
    }
    
    #product-category .oem-mobile-filter-actions button {
      width: 100%;
      min-height: 52px;
      border-radius: 10px;
      font-size: 15px;
      line-height: 1.2;
    }
    
    #product-category .oem-mobile-filter-actions .oem-mobile-filter-hide {
      border: 1px solid var(--oem-mobile-blue);
      background: #fff;
      color: var(--oem-mobile-blue);
    }

  #product-category .oem-mobile-filter-actions button.is-counting,
  #product-category .oem-mobile-filter-actions button.is-applying {
    gap: 9px;
    opacity: 0.94 !important;
    cursor: wait;
  }

  #product-category .oem-filter-button-spinner {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: inline-block;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #fff;
    border-radius: 50%;
    animation: oem-filter-button-spin 0.7s linear infinite;
  }

  @keyframes oem-filter-button-spin {
    to {
      transform: rotate(360deg);
    }
  }

  body.oem-mobile-header-compact .oem-mobile-v4-header,
  body.oem-mobile-search-active .oem-mobile-v4-header {
    padding-top: calc(6px + env(safe-area-inset-top, 0px));
    padding-bottom: 6px;
  }

  body.oem-mobile-header-compact .oem-mobile-v4-top,
  body.oem-mobile-search-active .oem-mobile-v4-top {
    min-height: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
  }

  body.oem-mobile-header-compact .oem-mobile-v4-search,
  body.oem-mobile-search-active .oem-mobile-v4-search {
    margin-top: 0;
  }

  .oem-mobile-bottom-nav {
    position: fixed;
    z-index: 9970;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(var(--oem-mobile-nav-height) + var(--oem-mobile-safe-bottom));
    padding: 2px 7px var(--oem-mobile-safe-bottom);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    border-top: 1px solid #d8dde6;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -5px 18px rgba(15, 23, 42, 0.1);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  .oem-mobile-nav-item {
    position: relative;
    min-width: 0;
    min-height: 50px;
    padding: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--oem-mobile-muted);
    font: inherit;
    font-size: 10px;
    font-weight: 650;
    line-height: 1;
    text-align: center;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
  }

  .oem-mobile-nav-item > .fa {
    min-height: 22px;
    display: grid;
    place-items: center;
    font-size: 20px;
  }

  .oem-mobile-nav-item.is-active,
  .oem-mobile-nav-item:active {
    color: var(--oem-mobile-blue);
  }

  .oem-mobile-nav-item:focus-visible {
    outline: 2px solid var(--oem-mobile-blue);
    outline-offset: -2px;
  }

  .oem-mobile-nav-item--cart {
    padding-top: 30px;
    color: var(--oem-mobile-blue);
  }

  .oem-mobile-nav-cart-icon {
    position: absolute;
    top: -18px;
    left: 50%;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    transform: translateX(-50%);
    border: 4px solid #fff;
    border-radius: 50%;
    background: var(--oem-mobile-blue);
    color: #fff;
    box-shadow: 0 6px 16px rgba(41, 72, 232, 0.32);
  }

  .oem-mobile-nav-cart-icon .fa {
    font-size: 23px;
  }

  .oem-mobile-nav-badge {
    position: absolute;
    z-index: 2;
    top: -17px;
    left: calc(50% + 11px);
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ff4d4f;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
  }

  .oem-mobile-nav-badge[hidden] {
    display: none !important;
  }

  .oem-mobile-menu-overlay {
    position: fixed;
    z-index: 10040;
    inset: 0;
    display: block;
    background: rgba(15, 23, 42, 0.42);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }

  .oem-mobile-menu-sheet {
    position: fixed;
    z-index: 10050;
    right: 10px;
    bottom: calc(var(--oem-mobile-nav-height) + var(--oem-mobile-safe-bottom) + 8px);
    left: 10px;
    max-height: calc(100dvh - var(--oem-mobile-nav-height) - 32px);
    padding: 16px;
    display: block;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid #dfe4ec;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(24px);
    transition: transform 0.22s ease, opacity 0.2s ease, visibility 0.2s ease;
  }

  .oem-mobile-menu-head {
    min-height: 42px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
  }

  .oem-mobile-menu-head h2 {
    margin: 0;
    color: var(--oem-mobile-ink);
    font-size: 20px;
    font-weight: 750;
  }

  .oem-mobile-menu-close {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: #f2f4f7;
    color: #475467;
    font-size: 20px;
    cursor: pointer;
  }

  .oem-mobile-menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .oem-mobile-menu-link {
    min-width: 0;
    min-height: 54px;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 12px;
    align-items: center;
    gap: 8px;
    border: 1px solid #dfe4ec;
    border-radius: 12px;
    background: #fff;
    color: var(--oem-mobile-ink);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none !important;
  }

  .oem-mobile-menu-link > .fa:first-child {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #eef1ff;
    color: var(--oem-mobile-blue);
    font-size: 14px;
  }

  .oem-mobile-menu-link > .fa:last-child {
    color: #98a2b3;
    font-size: 14px;
  }

  .oem-mobile-menu-link:active {
    border-color: #b8c3ff;
    background: #f8f9ff;
  }

  .oem-mobile-menu-credit {
    min-height: 50px;
    margin-top: 10px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    border-radius: 12px;
    font-size: 11px;
    line-height: 1.3;
  }

  .oem-mobile-menu-credit strong {
    display: block;
    font-size: 12px;
  }

  .oem-mobile-menu-credit--green {
    border: 1px solid #bde8cd;
    background: #eaf8ef;
    color: #16803c;
  }

  .oem-mobile-menu-credit--yellow {
    border: 1px solid #f0d48e;
    background: #fff7df;
    color: #936000;
  }

  .oem-mobile-menu-credit--red {
    border: 1px solid #f2bebe;
    background: #fdeeee;
    color: #bd2d2d;
  }

  body.oem-mobile-menu-open .oem-mobile-menu-overlay,
  body.oem-mobile-menu-open .oem-mobile-menu-sheet {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  body.oem-mobile-menu-open .oem-mobile-menu-sheet {
    transform: translateY(0);
  }

  body.oem-mobile-menu-open .oem-mobile-bottom-nav {
    z-index: 10060;
  }

  body.oem-mobile-menu-open .oem-mobile-nav-item--menu {
    color: var(--oem-mobile-blue);
    background: #eef1ff;
  }

  body.oem-mobile-search-active .oem-mobile-bottom-nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(100%);
  }

  body.oem-mobile-search-active .oem-mobile-menu-overlay,
  body.oem-mobile-search-active .oem-mobile-menu-sheet {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: none;
  }

  .oem-mobile-bottom-nav {
    transition: transform 0.18s ease, opacity 0.18s ease;
  }

  @media (prefers-reduced-motion: reduce) {
    .oem-mobile-menu-overlay,
    .oem-mobile-menu-sheet,
    .oem-mobile-bottom-nav {
      transition: none;
    }

    #product-category .oem-filter-button-spinner {
      animation: none;
    }
  }
}

@media (min-width: 769px) {
  .oem-mobile-v4-header,
  .oem-mobile-bottom-nav,
  .oem-mobile-menu-overlay,
  .oem-mobile-menu-sheet {
    display: none !important;
  }
}

/* ===== MOBILE SEARCH GROUP — SCOPED FIX ===== */
@media (max-width: 768px) {

    /* Общая оболочка группы бренда */
    .search-page-oem .market-brand-group {
        margin-bottom: 14px;
        overflow: hidden;
        border: 1px solid #dfe4ec;
        border-left: 3px solid var(--search-group-accent, #2e9b5f);
        border-radius: 10px;
        background: #fff;
    }

    /* Нейтрализуем общий card-oem только у группы поиска */
    .search-page-oem .market-brand-group > .oem-search-group-card {
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }

    /* Шапка бренда: убираем вторую синюю отметку */
    .search-page-oem
    .oem-search-group-card > .market-brand-title {
        margin: 0;
        padding: 10px 12px;
        border: 0;
        border-bottom: 1px solid #e5e9f0;
        border-radius: 0;
        background: #f8fafc;
    }

    .search-page-oem .market-brand-inline {
        gap: 7px;
    }

    /* Убираем старые отрицательные отступы списка */
    .search-page-oem
    .oem-search-group-card > .oem-search-mobile-list {
        margin: 0;
        padding: 6px;
        display: grid;
        gap: 7px;
        background: #f6f8fb;
    }

    /* Общая правая колонка не сужается внутри групп поиска */
    .search-page-oem .oem-mobile-offer-row {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(180px, 49%);
        gap: 8px;
        padding: 8px 7px 7px 9px;
    }

    /* Убираем старую синюю рамку лучшего предложения */
    .search-page-oem .oem-mobile-offer-row.is-featured {
        border-color: #cfd7e3;
        box-shadow: 0 3px 9px rgba(15, 23, 42, 0.07);
    }

    /* Метка теперь находится слева после названия */
    .search-page-oem .oem-mobile-offer-row__best-price {
        position: static;
        width: fit-content;
        margin-top: 5px;
        padding: 2px 7px;
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        border-radius: 999px;
        background: #eaf7ef;
        color: #16803c;
        font-size: 10.5px;
        font-weight: 600;
        line-height: 1.35;
        white-space: nowrap;
    }

    /* Старый отступ справа больше не нужен */
    .search-page-oem
    .oem-mobile-offer-row.has-best-price
    .oem-mobile-offer-row__numbers {
        padding-top: 0;
    }

    /* Нижняя строка группы — две равные части */
    .search-page-oem .oem-search-group-progress {
        min-height: 38px;
        padding: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: stretch;
        border-top: 1px solid #e5e9f0;
        background: #f8f9fb;
        white-space: nowrap;
        overflow: hidden;
    }

    .search-page-oem .oem-search-group-progress__count {
        min-width: 0;
        padding: 10px 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        text-align: center;
    }

    /* Вертикальная граница заменяет удалённый символ | */
    .search-page-oem .oem-search-group-more {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 10px 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 0;
        border-left: 1px solid #cfd6df;
        border-radius: 0;
        background: transparent;
        white-space: nowrap;
    }
    /* После раскрытия счётчик занимает всю строку */
    .search-page-oem .oem-search-group-progress__count:only-child {
        grid-column: 1 / -1;
    }
    
    #checkout-cart .oem-cart-desktop-table {
        display: none !important;
    }
    
    #checkout-cart .oem-cart-mobile-list {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    /* Мобильная корзина: отдельная сумма позиции */
    #checkout-cart .oem-cart-mobile-list .oem-mobile-offer-row {
        height: auto;
        min-height: 174px;
    }
    
    #checkout-cart .oem-cart-mobile-list .price-actions-wrap {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 5px;
        width: 100%;
    }
    
    #checkout-cart .oem-cart-position-total {
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 6px;
        box-sizing: border-box;
        width: 100%;
        padding: 5px 7px;
        border: 1px solid #dbe6f2;
        border-radius: 6px;
        background: #f4f7fb;
        color: #687386;
        font-size: 13px;
        line-height: 1.15;
        white-space: nowrap;
    }
    
    #checkout-cart .oem-cart-position-total strong {
        color: var(--oem-ui-blue);
        font-size: 15px;
        font-weight: 700;
    }
    
    /* Спокойная красная кнопка удаления */
    #checkout-cart .oem-cart-mobile-list .price-btn-buy {
        border-color: #efc5c5 !important;
        background: #fff7f7 !important;
        color: #c43b3b !important;
        box-shadow: none !important;
    }
    
    #checkout-cart .oem-cart-mobile-list .price-btn-buy__icon {
        fill: none;
        stroke: currentColor;
    }
    
    #checkout-cart .oem-cart-mobile-list .price-btn-buy:active {
        border-color: #dc7777 !important;
        background: #fbe7e7 !important;
        color: #a82929 !important;
    }
    
    /* Мобильная корзина: фиксированный итог над нижним меню */
    #checkout-cart .oem-cart-sticky-checkout {
        position: fixed;
        right: 0;
        bottom: calc(64px + env(safe-area-inset-bottom, 0px));
        left: 0;
        z-index: 1020;
    
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    
        box-sizing: border-box;
        padding: 9px 15px;
    
        border-top: 1px solid #dbe3ed;
        background: #ffffff;
        box-shadow: 0 -4px 14px rgba(29, 48, 74, 0.10);
    
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition:
            opacity 0.2s ease,
            transform 0.2s ease,
            visibility 0.2s ease;
    }
    
    #checkout-cart .oem-cart-sticky-checkout.is-hidden,
    #checkout-cart .oem-cart-sticky-checkout[aria-hidden="true"] {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(calc(100% + 8px));
    }
    
    #checkout-cart .oem-cart-sticky-checkout__summary {
        display: flex;
        min-width: 0;
        flex: 1 1 auto;
        flex-direction: row;
        align-items: center;
    }
    
    #checkout-cart .oem-cart-sticky-checkout__title {
        color: #24364b;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 700;
    }
    
    #checkout-cart .oem-cart-sticky-checkout__meta {
        overflow: hidden;
        color: #24364b;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 600;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    #checkout-cart .oem-cart-sticky-checkout__meta strong {
        color: var(--oem-ui-blue);
        font-weight: 700;
    }
    
    #checkout-cart .oem-cart-sticky-checkout__button {
        display: inline-flex;
        min-width: 136px;
        min-height: 42px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
    
        margin: 0;
        padding: 9px 18px;
    
        border: 1px solid var(--oem-ui-blue);
        border-radius: 7px;
        background: var(--oem-ui-blue);
        color: #ffffff;
    
        font-size: 14px;
        line-height: 1;
        font-weight: 600;
        text-decoration: none;
        box-shadow: none;
        width: auto !important;
    }
    
    #checkout-cart .oem-cart-sticky-checkout__button:hover,
    #checkout-cart .oem-cart-sticky-checkout__button:focus,
    #checkout-cart .oem-cart-sticky-checkout__button:active {
        background: var(--oem-ui-blue);
        color: #ffffff;
        text-decoration: none;
    }
    
    /* Обычный итог внизу мобильной корзины */
    #checkout-cart .oem-cart-bottom-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    
        box-sizing: border-box;
        width: 100%;
        padding: 10px 12px;
    
        border: 1px solid #dbe3ed;
        border-radius: 8px;
        background: #ffffff;
    }
    
    #checkout-cart .oem-cart-bottom-desktop {
        display: none !important;
    }
    
    #checkout-cart .oem-cart-bottom-mobile__summary {
        min-width: 0;
        flex: 1 1 auto;
    
        color: #24364b;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 600;
        white-space: nowrap;
    }
    
    #checkout-cart .oem-cart-bottom-mobile__summary strong {
        color: var(--oem-ui-blue);
        font-weight: 700;
    }
    
    #checkout-cart .oem-cart-bottom-mobile__button {
        display: inline-flex;
        width: auto !important;
        min-width: 136px;
        min-height: 42px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
    
        margin: 0;
        padding: 9px 18px;
    
        border: 1px solid var(--oem-ui-blue);
        border-radius: 7px;
        background: var(--oem-ui-blue);
        color: #ffffff;
    
        font-size: 14px;
        line-height: 1;
        font-weight: 600;
        text-decoration: none;
        box-shadow: none;
    }
    
    #checkout-cart .oem-cart-bottom-mobile__button:hover,
    #checkout-cart .oem-cart-bottom-mobile__button:focus,
    #checkout-cart .oem-cart-bottom-mobile__button:active {
        background: var(--oem-ui-blue);
        color: #ffffff;
        text-decoration: none;
    }
    
    /* Компактный верх мобильной корзины */
    #checkout-cart .oem-cart-heading-desktop,
    #checkout-checkout .oem-cart-heading-desktop {
    	display: none !important;
    }
    
    /* Стандартный footer скрыт на мобильной витрине */
    .footer-oem {
        display: none !important;
    }
    
}

@media (min-width: 769px) {

    /* Цветная рамка группы */
    .search-page-oem .market-brand-group {
        --search-group-accent: #2e9b5f;

        margin-bottom: 22px;
        overflow: hidden;
        border: 1px solid #dfe4ec;
        border-left: 4px solid var(--search-group-accent);
        border-radius: 10px;
        background: #fff;
    }

    .search-page-oem .market-brand-group--0 {
        --search-group-accent: #2e9b5f;
    }

    .search-page-oem .market-brand-group--1 {
        --search-group-accent: #e58a20;
    }

    .search-page-oem .market-brand-group--2 {
        --search-group-accent: #2878c8;
    }

    .search-page-oem .market-brand-group--3 {
        --search-group-accent: #8a63b8;
    }

    /* Убираем оформление общего card-oem только у группы поиска */
    .search-page-oem
    .market-brand-group > .oem-search-group-card {
        margin: 0;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }

    /* Шапка бренда */
    .search-page-oem
    .oem-search-group-card > .market-brand-title {
        margin: 0;
        padding: 14px 16px;
        border: 0;
        border-bottom: 1px solid #e5e9f0;
        border-radius: 0;
        background: #f8fafc;
    }

    /* Существующую таблицу не перестраиваем */
    .search-page-oem
    .oem-search-group-card > .price-table-wrap {
        width: 100%;
        margin: 0;
        overflow-x: auto;
    }

    .search-page-oem
    .oem-search-group-card .price-table {
        margin: 0;
    }

    /* После третьего предложения скрываем только строки desktop */
    .search-page-oem .oem-search-desktop-item--hidden {
        display: none;
    }

    /* Нижняя строка desktop */
    .search-page-oem .oem-search-group-progress--desktop {
        min-height: 42px;
        padding: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: stretch;
        overflow: hidden;
        border-top: 1px solid #e5e9f0;
        background: #f8f9fb;
        color: #344054;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.2;
        white-space: nowrap;
    }

    .search-page-oem
    .oem-search-group-progress--desktop
    .oem-search-group-progress__count {
        min-width: 0;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        text-align: center;
    }

    .search-page-oem
    .oem-search-group-progress--desktop
    .oem-search-group-more {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 0;
        border-left: 1px solid #cfd6df;
        border-radius: 0;
        background: #f1f5ff;
        color: #3156c9;
        font: inherit;
        font-weight: 700;
        white-space: nowrap;
        cursor: pointer;
    }

    .search-page-oem
    .oem-search-group-progress--desktop
    .oem-search-group-more:hover,
    .search-page-oem
    .oem-search-group-progress--desktop
    .oem-search-group-more:focus {
        background: #e7edff;
        color: #2447b5;
        text-decoration: none;
        outline: none;
    }

    /* После раскрытия счётчик занимает всю ширину */
    .search-page-oem
    .oem-search-group-progress--desktop
    .oem-search-group-progress__count:only-child {
        grid-column: 1 / -1;
    }
}

/* На мобильном desktop-счётчик скрыт */
@media (max-width: 768px) {
    .search-page-oem .oem-search-group-progress--desktop {
        display: none;
    }
}

/* =========================================================
   TASK-005 — MOBILE ACCOUNT HOME
========================================================= */

.account-home-mobile-oem {
    display: none;
}

@media (max-width: 768px) {

    #account-account.account-wrap-oem {
        min-height: 100vh;
        padding: 14px 0 100px;
        background: #f5f7fb;
    }

    #account-account .account-home-desktop-oem {
        display: none !important;
    }

    #account-account .account-home-mobile-oem {
        display: block;
    }

    /* Заголовок */
    #account-account .account-mobile-heading-oem {
        margin: 0 2px 14px;
    }

    #account-account .account-mobile-heading-oem h1 {
        margin: 0 0 3px;
        color: #17212b;
        font-size: 22px;
        line-height: 1.25;
        font-weight: 600;
    }

    #account-account .account-mobile-heading-oem p {
        margin: 0;
        color: #7a8492;
        font-size: 13px;
        line-height: 1.4;
    }

    /* Главная карточка — Мои заказы */
    #account-account .account-mobile-main-card-oem {
        display: flex;
        align-items: center;
        min-height: 76px;
        padding: 14px;
        border: 1px solid #dce3ef;
        border-left: 4px solid #2644dd;
        border-radius: 12px;
        background: #ffffff;
        color: #17212b;
        text-decoration: none;
        box-shadow: 0 3px 12px rgba(31, 50, 81, 0.06);
    }

    #account-account .account-mobile-main-card-oem:hover,
    #account-account .account-mobile-main-card-oem:focus,
    #account-account .account-mobile-main-card-oem:active {
        color: #17212b;
        text-decoration: none;
    }

    #account-account .account-mobile-icon-oem {
        display: flex;
        flex: 0 0 44px;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin-right: 12px;
        border-radius: 11px;
        background: #edf1ff;
        color: #2644dd;
        font-size: 20px;
    }

    #account-account .account-mobile-main-text-oem,
    #account-account .account-mobile-list-text-oem {
        display: flex;
        min-width: 0;
        flex: 1 1 auto;
        flex-direction: column;
    }

    #account-account .account-mobile-main-text-oem strong,
    #account-account .account-mobile-list-text-oem strong {
        color: #17212b;
        font-size: 15px;
        line-height: 1.3;
        font-weight: 600;
    }

    #account-account .account-mobile-main-text-oem small,
    #account-account .account-mobile-list-text-oem small {
        margin-top: 3px;
        color: #7a8492;
        font-size: 12px;
        line-height: 1.35;
    }

    #account-account .account-mobile-arrow-oem {
        flex: 0 0 auto;
        margin-left: 10px;
        color: #9aa4b2;
        font-size: 20px;
    }

    /* Две плитки */
    #account-account .account-mobile-tiles-oem {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 10px;
    }

    #account-account .account-mobile-tile-oem {
        display: flex;
        min-width: 0;
        min-height: 112px;
        padding: 14px;
        flex-direction: column;
        align-items: flex-start;
        border: 1px solid #e0e5ed;
        border-radius: 12px;
        background: #ffffff;
        color: #17212b;
        text-decoration: none;
        box-shadow: 0 3px 12px rgba(31, 50, 81, 0.05);
    }

    #account-account .account-mobile-tile-oem:hover,
    #account-account .account-mobile-tile-oem:focus,
    #account-account .account-mobile-tile-oem:active {
        color: #17212b;
        text-decoration: none;
    }

    #account-account .account-mobile-tile-icon-oem {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        margin-bottom: 10px;
        border-radius: 9px;
        background: #edf1ff;
        color: #2644dd;
        font-size: 17px;
    }

    #account-account .account-mobile-tile-oem strong {
        font-size: 14px;
        line-height: 1.3;
        font-weight: 600;
    }

    #account-account .account-mobile-tile-oem small {
        margin-top: 3px;
        color: #7a8492;
        font-size: 11px;
        line-height: 1.35;
    }

    /* Контакты и пароль */
    #account-account .account-mobile-list-oem {
        margin-top: 10px;
        overflow: hidden;
        border: 1px solid #e0e5ed;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 3px 12px rgba(31, 50, 81, 0.05);
    }

    #account-account .account-mobile-list-row-oem {
        display: flex;
        align-items: center;
        min-height: 68px;
        padding: 12px 14px;
        color: #17212b;
        text-decoration: none;
    }

    #account-account .account-mobile-list-row-oem + .account-mobile-list-row-oem {
        border-top: 1px solid #edf0f4;
    }

    #account-account .account-mobile-list-row-oem:hover,
    #account-account .account-mobile-list-row-oem:focus,
    #account-account .account-mobile-list-row-oem:active {
        color: #17212b;
        text-decoration: none;
    }

    #account-account .account-mobile-list-icon-oem {
        display: flex;
        flex: 0 0 38px;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        margin-right: 11px;
        border-radius: 9px;
        background: #f1f4f8;
        color: #526170;
        font-size: 17px;
    }

    /* Выход */
    #account-account .account-mobile-logout-oem {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        margin-top: 10px;
        padding: 12px 14px;
        gap: 8px;
        border: 1px solid #f0caca;
        border-radius: 12px;
        background: #fff7f7;
        color: #c83b3b;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }

    #account-account .account-mobile-logout-oem:hover,
    #account-account .account-mobile-logout-oem:focus,
    #account-account .account-mobile-logout-oem:active {
        background: #fff1f1;
        color: #c83b3b;
        text-decoration: none;
    }
}

#account-account .account-mobile-tile-disabled-oem {
    opacity: 0.65;
    cursor: default;
    pointer-events: none;
}

/* =========================================================
   TASK-005 — MOBILE ORDER LIST
========================================================= */

#account-order .account-order-section-oem {
    margin-bottom: 14px;
}

#account-order .account-order-section-head-oem {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 0 2px 10px;
}

#account-order .account-order-section-kicker-oem {
    color: #2644dd;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

#account-order .account-order-section-title-oem {
    margin: 2px 0 0;
    color: #17212b;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
}

#account-order .account-order-section-note-oem {
    max-width: 220px;
    color: #7a8492;
    font-size: 12px;
    line-height: 1.35;
    text-align: right;
}

#account-order .account-order-list-oem {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#account-order .account-order-card-oem {
    margin: 0;
    overflow: hidden;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(31, 50, 81, 0.06);
}

#account-order .account-order-card-oem--active {
    border-left: 4px solid #2644dd;
}

#account-order .account-order-card-oem--delayed {
    border-left: 4px solid #e08b18;
    background: #fffaf2;
}

#account-order .account-order-card-oem--history {
    border-left: 4px solid #a7b0bd;
}

#account-order .account-order-card-inner-oem {
    padding: 13px 14px;
}

#account-order .account-order-head-oem {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

#account-order .account-order-head-left-oem {
    min-width: 0;
    flex: 1 1 auto;
}

#account-order .account-order-head-right-oem {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

#account-order .account-order-title-row-oem {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

#account-order .account-order-number-oem {
    color: #17212b;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;
}

#account-order .account-order-status-oem,
#account-order .account-order-delay-badge-oem {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

#account-order .account-order-status-oem {
    background: #edf1ff;
    color: #2644dd;
}

#account-order .account-order-status-oem--paid {
    background: #eaf7ef;
    color: #1f8f4d;
}

#account-order .account-order-status-oem--canceled,
#account-order .account-order-status-oem--cancelled {
    background: #f3f4f6;
    color: #6b7280;
}

#account-order .account-order-delay-badge-oem,
#account-order .account-order-status-oem--delayed {
    background: #fff0d8;
    color: #b76500;
}

#account-order .account-order-meta-line-oem {
    margin-top: 5px;
    color: #7a8492;
    font-size: 12px;
    line-height: 1.35;
}

#account-order .account-order-alert-oem {
    margin-top: 8px;
    padding: 7px 9px;
    border-radius: 9px;
    background: #fff0d8;
    color: #9a5a00;
    font-size: 12px;
    line-height: 1.35;
}

#account-order .account-order-total-oem {
    color: #17212b;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 700;
    white-space: nowrap;
}

#account-order .account-order-view-oem {
    min-width: 92px;
    text-align: center;
}

@media (max-width: 768px) {
    #account-order.account-wrap-oem {
        min-height: 100vh;
        padding-bottom: 100px;
        background: #f5f7fb;
    }

    #account-order .account-order-section-head-oem {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    #account-order .account-order-section-note-oem {
        max-width: none;
        text-align: left;
    }

    #account-order .account-order-head-oem {
        gap: 10px;
    }

    #account-order .account-order-card-inner-oem {
        padding: 12px;
    }
}

@media (max-width: 390px) {
    #account-order .account-order-head-oem {
        flex-direction: column;
    }

    #account-order .account-order-head-right-oem {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

#account-order .account-order-card-oem--shipped {
    border-left: 4px solid #1f8f4d;
}

#account-order .account-order-status-oem--shipped {
    background: #eaf7ef;
    color: #1f8f4d;
}

#account-order .account-order-progress-oem {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #edf1f5;
}

#account-order .account-order-progress-step-oem {
    min-width: 0;
    color: #9aa3af;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
}

#account-order .account-order-progress-step-oem.is-done {
    color: #2644dd;
}

#account-order .account-order-progress-dot-oem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin: 0 auto 4px;
    border: 1px solid #d6deea;
    border-radius: 50%;
    background: #ffffff;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

#account-order .account-order-progress-step-oem.is-done .account-order-progress-dot-oem {
    border-color: #2644dd;
    background: #2644dd;
}

@media (max-width: 390px) {
    #account-order .account-order-progress-oem {
        gap: 4px;
    }

    #account-order .account-order-progress-step-oem {
        font-size: 9px;
    }
}

@media (max-width: 768px) {
    #account-order .account-header-oem {
        display: none !important;
    }
}

.account-order-products-mobile-oem {
    display: none;
}

@media (max-width: 768px) {
    #account-order-info .breadcrumb-oem,
    #account-order-info .account-header-oem {
        display: none !important;
    }

    #account-order-info.account-wrap-oem {
        padding-top: 8px;
    }

    #account-order-info .account-order-info-hero-oem {
        padding: 14px;
    }

    #account-order-info .account-order-info-hero-top-oem {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: flex-start;
    }

    #account-order-info .account-order-info-number-oem {
        font-size: 18px;
        font-weight: 800;
        color: #111827;
    }

    #account-order-info .account-order-info-meta-oem {
        margin-top: 4px;
        font-size: 12px;
        color: #64748b;
    }

    #account-order-info .account-order-info-status-oem {
        padding: 5px 8px;
        border-radius: 999px;
        background: #eef2ff;
        color: #2644dd;
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
    }

    #account-order-info .account-order-info-total-oem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12px;
        padding-top: 10px;
        border-top: 1px solid #edf1f5;
        font-size: 14px;
    }

    #account-order-info .account-order-info-total-oem strong {
        font-size: 20px;
        color: #111827;
    }

    #account-order-info .account-order-progress-oem {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 5px;
        margin-top: 12px;
        padding-top: 10px;
        border-top: 1px solid #edf1f5;
    }

    #account-order-info .account-order-progress-step-oem {
        min-width: 0;
        color: #9aa3af;
        font-size: 9.5px;
        line-height: 1.2;
        font-weight: 600;
        text-align: center;
    }

    #account-order-info .account-order-progress-step-oem.is-done {
        color: #2644dd;
    }

    #account-order-info .account-order-progress-dot-oem {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        margin: 0 auto 4px;
        border: 1px solid #d6deea;
        border-radius: 50%;
        background: #ffffff;
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
    }

    #account-order-info .account-order-progress-step-oem.is-done .account-order-progress-dot-oem {
        border-color: #2644dd;
        background: #2644dd;
    }

    #account-order-info .account-order-products-card-oem {
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    #account-order-info .account-order-products-desktop-oem {
        display: none !important;
    }

    #account-order-info .account-order-products-mobile-oem {
        display: block;
        margin-bottom: 16px;
    }

    #account-order-info .account-order-products-mobile-oem .oem-search-mobile-list {
        display: grid;
        gap: 8px;
    }

    #account-order-info .account-order-mobile-offer-row-oem .oem-mobile-offer-row__sku {
        text-decoration: none !important;
    }

    #account-order-info .account-order-line-total-oem {
        min-height: 40px;
        padding: 8px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        background: #f8fafc;
        color: #334155;
        font-size: 12px;
        line-height: 1.2;
        text-align: left;
    }

    #account-order-info .account-order-line-total-oem strong {
        color: #111827;
        font-size: 14px;
        white-space: nowrap;
    }

    #account-order-info .account-product-option-oem {
        margin-top: 3px;
        font-size: 11px;
        color: #64748b;
    }
}

/* =========================================================
   CHECKOUT: СПОСОБ ПОЛУЧЕНИЯ ПО СКЛАДАМ
   ========================================================= */

.checkout-receipt-block {
	margin-top: 18px;
}

.checkout-receipt-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.checkout-receipt-required {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	padding: 5px 10px;
	border: 1px solid #f1d49b;
	border-radius: 5px;
	background: #fff8e8;
	color: #976000;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
}

.checkout-receipt-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 16px;
}

.checkout-receipt-warehouse {
	position: relative;
	padding: 14px 16px;
	border: 1px solid #dce3ec;
	border-left: 4px solid #c5ced9;
	border-radius: 7px;
	background: #f8fafc;
	transition:
		border-color 0.18s ease,
		background-color 0.18s ease,
		box-shadow 0.18s ease;
}

.checkout-receipt-warehouse.is-selected {
	border-color: #2644DD;
	border-left-color: #2644DD;
	background: #F3F5FF;
}

.checkout-receipt-warehouse.has-error {
	border-color: #e1a7a7;
	border-left-color: #d63b3b;
	background: #fff8f8;
	box-shadow: 0 0 0 2px rgba(214, 59, 59, 0.08);
}

.checkout-receipt-warehouse-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.checkout-receipt-warehouse-info {
	min-width: 0;
}

.checkout-receipt-warehouse-title {
	color: #243447;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.checkout-receipt-warehouse-meta {
	margin-top: 3px;
	color: #778392;
	font-size: 12px;
	line-height: 1.4;
}

.checkout-receipt-status {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 6px;
	padding: 4px 8px;
	border: 1px solid #f1d49b;
	border-radius: 5px;
	background: #fff8e8;
	color: #976000;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
}

.checkout-receipt-status.is-selected {
	border-color: #b9ddc6;
	background: #edf8f1;
	color: #23723e;
}

.checkout-receipt-warehouse.has-error .checkout-receipt-status {
	border-color: #e8b7b7;
	background: #fff0f0;
	color: #b72f2f;
}

.checkout-receipt-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.checkout-receipt-options.has-single-option {
	grid-template-columns: minmax(260px, 50%);
}

.checkout-receipt-option {
	position: relative;
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
	min-height: 62px;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #d5dde7;
	border-radius: 6px;
	background: #ffffff;
	color: #2d3b4e;
	cursor: pointer;
	user-select: none;
	transition:
		border-color 0.18s ease,
		background-color 0.18s ease,
		box-shadow 0.18s ease;
}

@media (hover: hover) {
	.checkout-receipt-option:hover {
        border-color: #203BC5;
        background: #F8F9FF;
	}
}

.checkout-receipt-option.is-selected {
	border-color: #2644DD;
	background: #F3F5FF;
	box-shadow: inset 0 0 0 1px #2644DD;
}

.checkout-receipt-input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.checkout-receipt-option-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	background: #edf1f6;
	color: #667486;
	font-size: 16px;
	transition:
		background-color 0.18s ease,
		color 0.18s ease;
}

.checkout-receipt-option.is-selected .checkout-receipt-option-icon {
	background: #2644DD;
	color: #ffffff;
}

.checkout-receipt-input:focus-visible ~ .checkout-receipt-option-icon {
	box-shadow: 0 0 0 3px rgba(38, 68, 221, 0.22);
}

.checkout-receipt-option-text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	line-height: 1.3;
}

.checkout-receipt-option-text strong {
	color: #26374a;
	font-size: 14px;
	font-weight: 700;
}

.checkout-receipt-option-text small {
	margin-top: 3px;
	color: #778392;
	font-size: 12px;
	font-weight: 400;
	white-space: normal;
}

.checkout-receipt-option-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	border: 1px solid #cbd4df;
	border-radius: 50%;
	background: #ffffff;
	color: transparent;
	font-size: 11px;
	transition:
		border-color 0.18s ease,
		background-color 0.18s ease,
		color 0.18s ease;
}

.checkout-receipt-option.is-selected .checkout-receipt-option-check {
	border-color: #2644DD;
	background: #2644DD;
	color: #ffffff;
}

.checkout-receipt-pickup-address {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e2e7ee;
	color: #5d6978;
	font-size: 12px;
	line-height: 1.45;
}

.checkout-receipt-pickup-address .fa {
	flex: 0 0 auto;
	margin-top: 2px;
	color: #2644DD;
	font-size: 14px;
}

.checkout-receipt-pickup-address strong {
	color: #334256;
	font-weight: 600;
}

.checkout-receipt-error {
	display: none;
	margin-top: 9px;
	color: #c83030;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
}

.checkout-receipt-error:not(:empty) {
	display: block;
}

/* MOBILE */

@media (max-width: 767px) {
	.checkout-receipt-block {
		margin-top: 12px;
	}

	.checkout-receipt-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.checkout-receipt-required {
		padding: 4px 8px;
	}

	.checkout-receipt-list {
		gap: 10px;
		margin-top: 13px;
	}

	.checkout-receipt-warehouse {
		padding: 12px;
		border-radius: 6px;
	}

	.checkout-receipt-warehouse-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		margin-bottom: 11px;
	}

	.checkout-receipt-warehouse-title {
		font-size: 14px;
	}

	.checkout-receipt-status {
		align-self: flex-start;
	}

	.checkout-receipt-options,
	.checkout-receipt-options.has-single-option {
		grid-template-columns: 1fr;
	}

	.checkout-receipt-option {
		min-height: 58px;
		padding: 9px 10px;
	}

	.checkout-receipt-option-icon {
		flex-basis: 34px;
		width: 34px;
		height: 34px;
	}

	.checkout-receipt-pickup-address {
		font-size: 11.5px;
	}
}

/* ===== TASK-007 DESKTOP FILTER ACTIONS FIX ===== */

@media (min-width: 769px) {
  #product-category .oem-filter-actions,
  #product-search .oem-filter-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  #product-category .oem-filter-actions .btn,
  #product-search .oem-filter-actions .btn {
    width: 260px;
    max-width: 100%;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  #product-category .oem-filter-actions-row,
  #product-search .oem-filter-actions-row {
    display: none !important;
  }
}

/* Confirm Dialog Core */
.oem-confirm-dialog[hidden] {
    display: none !important;
}

.oem-confirm-dialog {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.oem-confirm-dialog__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.52);
}

.oem-confirm-dialog__panel {
    position: relative;
    width: min(100%, 420px);
    padding: 24px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25);
}

.oem-confirm-dialog__message {
    margin: 0 0 20px;
    color: #1f2937;
    font-size: 16px;
    line-height: 1.45;
}

.oem-confirm-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.oem-confirm-dialog__button {
    min-height: 42px;
    padding: 10px 18px;
    border: 0;
    border-radius: 9px;
    font-weight: 600;
    cursor: pointer;
}

.oem-confirm-dialog__button--cancel {
    color: #374151;
    background: #eef1f5;
}

.oem-confirm-dialog__button--danger {
    color: #fff;
    background: #dc2626;
}

.oem-confirm-dialog-open {
    overflow: hidden;
}

@media (max-width: 767px) {
    .oem-confirm-dialog {
        padding: 16px;
    }

    .oem-confirm-dialog__panel {
        width: 100%;
        padding: 20px;
    }
}
.oem-return-policy-note {
  margin-top: 8px;
  padding: 7px 9px;
  border: 1px solid #f0c36a;
  border-radius: 6px;
  background: #fff8e8;
  color: #7a4b00;
  font-size: 12px;
  line-height: 1.35;
}

.oem-return-policy-note strong {
  color: #a43d00;
}

.oem-return-policy-note--compact {
  margin-top: 6px;
  padding: 5px 7px;
  font-size: 11px;
}

.oem-return-policy-note--table {
  max-width: 230px;
  margin-top: 5px;
  padding: 4px 6px;
  font-size: 11px;
}

/* =========================================================
   TASK-012C — APPROVED CUSTOMER ACCOUNT UI (08.08.2026)
   Presentation only. Product/offer/return business cores stay shared.
   ========================================================= */

/* Account home: approved desktop hierarchy. */
@media (min-width: 769px) {
  #account-account .account-home-desktop-oem {
    max-width: 1180px;
    margin: 0 auto;
  }

  #account-account .account-home-header-desktop-oem {
    margin-top: 0;
    padding: 22px 24px;
  }

  #account-account .account-home-primary-grid-oem {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  #account-account .account-home-primary-card-oem {
    display: flex;
    min-height: 104px;
    align-items: center;
    gap: 14px;
    margin-top: 0;
    padding: 20px;
    border: 1px solid #dfe4ec;
    color: #17212b;
    text-decoration: none;
  }

  #account-account .account-home-primary-card-oem:hover,
  #account-account .account-home-setting-card-oem:hover {
    border-color: #b9c6f5;
    color: #17212b;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(38, 68, 221, 0.08);
  }

  #account-account .account-home-card-icon-oem,
  #account-account .account-home-setting-icon-oem {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #edf1ff;
    color: #2644dd;
  }

  #account-account .account-home-card-icon-oem {
    width: 46px;
    height: 46px;
    font-size: 20px;
  }

  #account-account .account-home-card-copy-oem {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
  }

  #account-account .account-home-card-copy-oem strong {
    font-size: 17px;
    line-height: 1.3;
  }

  #account-account .account-home-card-copy-oem small,
  #account-account .account-home-setting-card-oem small {
    margin-top: 4px;
    color: #667085;
    font-size: 12px;
    line-height: 1.4;
  }

  #account-account .account-home-card-arrow-oem {
    color: #98a2b3;
    font-size: 20px;
  }

  #account-account .account-home-settings-grid-oem {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
  }

  #account-account .account-home-setting-card-oem {
    display: flex;
    min-width: 0;
    min-height: 118px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding: 16px;
    border: 1px solid #e1e6ee;
    color: #17212b;
    text-decoration: none;
  }

  #account-account .account-home-setting-icon-oem {
    width: 34px;
    height: 34px;
    margin-bottom: 10px;
    font-size: 16px;
  }

  #account-account .account-home-setting-card-oem strong {
    font-size: 14px;
    line-height: 1.3;
  }

  #account-account .account-home-logout-row-oem {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
  }

  #account-account .account-home-logout-oem {
    display: inline-flex;
    align-items: center;
    gap: 7px;
  }
}

/* Compact desktop forms; mobile markup and behavior remain unchanged. */
@media (min-width: 769px) {
  #account-edit .account-form-container-oem,
  #account-password .account-form-container-oem {
    max-width: 660px;
  }

  #account-edit .account-header-oem,
  #account-password .account-header-oem {
    margin-top: 0;
    margin-bottom: 0 !important;
    padding: 22px 24px 14px;
    border: 1px solid #dfe4ec;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    box-shadow: none;
  }

  #account-edit .account-header-desc-oem,
  #account-password .account-header-desc-oem {
    padding-bottom: 14px;
    border-bottom: 1px solid #e7ebf1;
  }

  #account-edit .account-form-card-oem,
  #account-password .account-form-card-oem {
    margin-top: 0;
    padding: 6px 24px 22px;
    border: 1px solid #dfe4ec;
    border-top: 0;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, 0.04);
  }

  #account-edit .account-form-oem .form-group,
  #account-password .account-form-oem .form-group {
    margin-bottom: 12px;
  }

  #account-edit .account-form-actions-oem,
  #account-password .account-form-actions-oem {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e7ebf1;
  }
}

/* Address list: centered desktop panel, original mobile list retained. */
.account-address-mobile-oem {
  display: none;
}

#account-address .account-address-panel-oem {
  max-width: 760px;
  margin: 0 auto;
  padding: 22px;
  border: 1px solid #dfe4ec;
}

#account-address .account-address-panel-head-oem {
  padding-bottom: 14px;
  border-bottom: 1px solid #e4e9f0;
}

#account-address .account-address-panel-head-oem h1 {
  margin: 0;
  color: #17212b;
  font-size: 22px;
  line-height: 1.3;
}

#account-address .account-address-panel-head-oem p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 12px;
}

#account-address .account-address-panel-list-oem {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

#account-address .account-address-panel-item-oem {
  padding: 16px;
  border: 1px solid #dfe5ed;
  border-radius: 10px;
  background: #f8fafc;
}

#account-address .account-address-panel-item-oem .account-address-text-oem {
  margin: 0;
}

#account-address .account-address-inline-actions-oem {
  display: flex;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #dfe5ed;
}

#account-address .account-address-delete-oem {
  border-color: #efaaaa;
  color: #c83232;
}

#account-address .account-address-delete-oem:hover {
  border-color: #dc2626;
  color: #b91c1c;
  background: #fff5f5;
}

#account-address .account-address-panel-footer-oem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e4e9f0;
}

#account-address .account-address-empty-oem {
  margin-top: 16px;
  padding: 16px;
  border-radius: 9px;
  background: #f8fafc;
  color: #667085;
}

/* Add/edit address form. */
@media (min-width: 769px) {
  #account-address .account-address-form-container-oem {
    max-width: 820px;
  }

  #account-address .account-address-form-grid-oem {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

#account-address .account-radio-group-oem {
  flex-direction: row;
  align-items: center;
  gap: 24px;
}

/* Wishlist is intentionally paused for a separate stage. */
#account-wishlist .account-wishlist-development-oem {
  max-width: 720px;
  margin: 0 auto;
  padding: 34px 24px;
  border: 1px solid #dfe4ec;
  text-align: center;
}

#account-wishlist .account-wishlist-development-icon-oem {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #edf1ff;
  color: #2644dd;
  font-size: 20px;
}

#account-wishlist .account-wishlist-development-oem h1 {
  margin: 14px 0 4px;
  color: #17212b;
  font-size: 22px;
}

#account-wishlist .account-wishlist-development-oem p {
  margin: 0;
  color: #667085;
}

/* My returns: one data source, desktop table and mobile cards. */
.return-list-container-oem,
.return-info-container-oem,
.account-order-info-container-oem {
  max-width: 1180px;
}

.return-list-heading-oem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 14px;
}

.return-list-heading-oem h1 {
  margin: 0;
  color: #17212b;
  font-size: 24px;
  line-height: 1.25;
}

.return-list-heading-oem p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 13px;
}

.return-list-card-oem {
  margin-top: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dfe4ec;
}

.return-list-table-oem th,
.return-list-table-oem td {
  padding: 13px 12px;
  vertical-align: middle;
}

.return-list-table-oem small {
  color: #98a2b3;
}

.return-list-number-oem {
  color: #2644dd;
}

.return-status-badge-oem {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #e8f0ff;
  color: #2644dd;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
}

.return-status-badge-oem i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.return-status-badge-oem--review,
.return-status-badge-oem--received {
  background: #fff4db;
  color: #a65f00;
}

.return-status-badge-oem--approved {
  background: #eeeaff;
  color: #6842c2;
}

.return-status-badge-oem--completed {
  background: #e6f7ed;
  color: #16884a;
}

.return-status-badge-oem--rejected {
  background: #fdebec;
  color: #c23b44;
}

.return-list-mobile-oem,
.return-list-account-link-mobile-oem {
  display: none;
}

.return-list-count-oem {
  margin-top: 12px;
  color: #667085;
  font-size: 12px;
}

.return-list-empty-oem {
  margin-top: 0;
  padding: 20px;
  color: #667085;
}

/* Return details. */
.return-info-container-oem > .card-oem,
.return-info-bottom-grid-oem > .card-oem {
  margin-top: 0;
  border: 1px solid #dfe4ec;
}

.return-info-hero-oem,
.return-info-details-oem,
.return-info-history-oem,
.return-info-settlements-oem {
  padding: 18px;
}

.return-info-hero-oem .account-order-info-hero-top-oem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.return-info-number-oem {
  margin: 0;
  color: #17212b;
  font-size: 22px;
  line-height: 1.3;
}

.return-info-meta-oem {
  margin-top: 5px;
  color: #667085;
  font-size: 12px;
}

.return-info-section-title-oem {
  padding-bottom: 12px;
  border-bottom: 1px solid #e5eaf1;
}

.return-info-product-grid-oem,
.return-info-amount-grid-oem,
.return-info-meta-grid-oem {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border-bottom: 1px solid #e5eaf1;
  background: #e5eaf1;
}

.return-info-product-grid-oem,
.return-info-amount-grid-oem {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.return-info-meta-grid-oem {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.return-info-fact-oem {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
  padding: 12px 10px;
  background: #fff;
}

.return-info-fact-oem span,
.return-info-comment-oem > span {
  color: #7a8492;
  font-size: 11px;
}

.return-info-fact-oem strong {
  overflow-wrap: anywhere;
  color: #344054;
  font-size: 13px;
}

.return-info-comment-oem {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e5eaf1;
}

.return-info-comment-oem > div {
  margin-top: 6px;
  padding: 10px;
  border-radius: 8px;
  background: #f7f8fa;
  color: #344054;
  font-size: 13px;
  line-height: 1.45;
}

.return-info-bottom-grid-oem {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 16px;
  margin-bottom: 16px;
}

.return-info-empty-oem {
  margin: 0;
  color: #667085;
  font-size: 13px;
}

/* Return request adjustments. */
.return-create-limit-oem {
  display: block;
  margin-top: 5px;
  color: #667085;
  font-size: 11px;
}

/* Order details desktop; existing mobile offer-card styles are reused. */
@media (min-width: 769px) {
  #account-order-info .account-order-info-hero-oem {
    margin-top: 0;
    padding: 18px;
    border: 1px solid #dfe4ec;
  }

  #account-order-info .account-order-info-hero-top-oem {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
  }

  #account-order-info .account-order-info-number-oem {
    color: #17212b;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
  }

  #account-order-info .account-order-info-meta-oem {
    margin-top: 4px;
    color: #667085;
    font-size: 12px;
  }

  #account-order-info .account-order-info-status-oem {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #2644dd;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
  }

  #account-order-info .account-order-info-status-oem.is-canceled {
    background: #f1f3f5;
    color: #667085;
  }

  #account-order-info .account-order-info-total-oem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e8ecf2;
  }

  #account-order-info .account-order-info-total-oem strong {
    color: #17212b;
    font-size: 20px;
  }

  #account-order-info .account-order-progress-oem {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #e8ecf2;
  }

  #account-order-info .account-order-progress-step-oem {
    color: #98a2b3;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
  }

  #account-order-info .account-order-progress-step-oem.is-done {
    color: #2644dd;
  }

  #account-order-info .account-order-progress-dot-oem {
    display: flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 5px;
    border: 1px solid #cfdae8;
    border-radius: 50%;
    background: #fff;
    color: #fff;
  }

  #account-order-info .account-order-progress-step-oem.is-done .account-order-progress-dot-oem {
    border-color: #2644dd;
    background: #2644dd;
  }
}

#account-order-info .account-order-policy-banner-oem {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin: 10px 14px 12px;
  padding: 9px 11px;
}

#account-order-info .account-order-policy-banner-oem strong {
  flex: 0 0 auto;
}

#account-order-info .account-order-info-grid-oem .account-info-card-oem {
  height: 100%;
  border: 1px solid #dfe4ec;
}

/* Mobile-specific approved views. */
@media (max-width: 768px) {
  .account-address-desktop-oem {
    display: none;
  }

  .account-address-mobile-oem {
    display: block;
  }

  #account-address .account-address-form-grid-oem {
    display: block;
  }

  #account-address .account-radio-group-oem {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }

  .return-list-heading-oem {
    display: block;
    margin-bottom: 8px;
  }

  .return-list-heading-oem h1 {
    font-size: 22px;
  }

  .return-list-heading-oem p {
    font-size: 12px;
  }

  .return-list-account-link-desktop-oem,
  .return-list-desktop-oem {
    display: none !important;
  }

  .return-list-mobile-oem {
    display: grid;
    gap: 10px;
  }

  .return-mobile-card-oem {
    margin-top: 0;
    padding: 12px;
    border: 1px solid #dfe4ec;
  }

  .return-mobile-card-head-oem {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
  }

  .return-mobile-order-oem {
    margin-top: 5px;
    color: #667085;
    font-size: 11px;
  }

  .return-mobile-product-oem {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
  }

  .return-mobile-product-oem strong {
    color: #17212b;
    font-size: 14px;
  }

  .return-mobile-product-oem small {
    margin-top: 3px;
    color: #98a2b3;
    font-size: 11px;
  }

  .return-mobile-facts-oem {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #e5eaf1;
  }

  .return-mobile-facts-oem div {
    display: flex;
    flex-direction: column;
  }

  .return-mobile-facts-oem span {
    color: #98a2b3;
    font-size: 10px;
  }

  .return-mobile-facts-oem strong {
    margin-top: 2px;
    color: #17212b;
    font-size: 13px;
  }

  .return-mobile-open-oem {
    display: block;
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #eef2ff;
    color: #2644dd;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
  }

  .return-list-account-link-mobile-oem {
    display: block;
    width: 100%;
    margin-top: 14px;
    text-align: center;
  }

  .return-list-count-oem {
    display: none;
  }

  .return-info-container-oem {
    padding-left: 12px;
    padding-right: 12px;
  }

  .return-info-hero-oem,
  .return-info-details-oem,
  .return-info-history-oem,
  .return-info-settlements-oem {
    padding: 13px;
  }

  .return-info-number-oem {
    font-size: 18px;
  }

  .return-info-hero-oem .return-status-badge-oem {
    font-size: 10px;
  }

  .return-info-product-grid-oem,
  .return-info-amount-grid-oem,
  .return-info-meta-grid-oem {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .return-info-fact-wide-mobile-oem {
    grid-column: 1 / -1;
  }

  .return-info-bottom-grid-oem {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  #account-order-info .account-order-policy-banner-oem {
    display: block;
    margin: 8px 8px 10px;
    padding: 8px;
  }

  #account-order-info .account-order-policy-banner-oem strong,
  #account-order-info .account-order-policy-banner-oem span {
    display: block;
  }

  #account-order-info .account-order-policy-banner-oem span {
    margin-top: 3px;
  }

  #account-order-info .account-order-mobile-offer-row-oem .oem-mobile-offer-row__side {
    min-width: 0;
  }

  #account-order-info .account-order-info-grid-oem .account-info-card-oem {
    margin-bottom: 0;
  }
}

/* =========================================================
   TASK-012C — UI-02 VISUAL ACCEPTANCE FIXES (08.08.2026)
   Presentation only. No business logic or shared cores changed.
   ========================================================= */

/* Keep each address default radio and its caption on one line. */
#account-address .account-form-oem .account-inline-radio-oem {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0;
}

#account-address .account-form-oem .account-inline-radio-oem input {
  flex: 0 0 auto;
  margin: 0;
}

#account-address .account-form-oem .account-inline-radio-oem span {
  display: inline;
}

/* Preserve visible spacing between the arrow icon and the return-list label. */
#account-return-info .account-actions-right-oem .btn-oem-secondary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

@media (max-width: 768px) {
  /* The return total is the final summary row and must span the mobile grid. */
  #account-return-info .return-info-amount-grid-oem .return-info-fact-oem:last-child {
    grid-column: 1 / -1;
  }
}

/* =========================================================
   TASK-012C — FIX-06 UNIFIED BALANCE HISTORY (09.08.2026)
   Read-only presentation of orders, payments and account credits.
   ========================================================= */

#account-transaction .account-balance-header-oem {
  display: block;
  padding: 22px 24px;
  border: 1px solid #dfe4ec;
}

#account-transaction .account-balance-header-row-oem {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

#account-transaction .account-balance-header-copy-oem {
  min-width: 0;
  flex: 1 1 auto;
}

#account-transaction .account-balance-header-copy-oem h1 {
  margin: 0;
  color: #17212b;
  font-size: 24px;
  line-height: 1.25;
}

#account-transaction .account-balance-header-copy-oem p {
  max-width: 680px;
  margin: 6px 0 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}

#account-transaction .account-balance-total-oem {
  display: flex;
  min-width: 230px;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  padding: 14px 16px;
  border-left: 3px solid transparent;
  border-radius: 10px;
  background: #f4f6ff;
}

#account-transaction .account-balance-total-oem.is-negative {
  border-left-color: #ef4444;
  background: #fff4f4;
}

#account-transaction .account-balance-total-oem.is-positive {
  border-left-color: #22a35a;
  background: #f2fbf5;
}

#account-transaction .account-balance-total-oem span {
  color: #667085;
  font-size: 12px;
}

#account-transaction .account-balance-total-oem strong {
  margin-top: 3px;
  color: #17212b;
  font-size: 23px;
  line-height: 1.2;
}

#account-transaction .account-balance-total-oem.is-negative strong {
  color: #c83b3b;
}

#account-transaction .account-balance-total-oem.is-positive strong {
  color: #17864b;
}

#account-transaction .account-balance-history-oem {
  overflow: hidden;
  padding: 0;
  border: 1px solid #dfe4ec;
}

#account-transaction .account-balance-history-head-oem {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid #e7ebf1;
}

#account-transaction .account-balance-history-head-oem h2 {
  margin: 0;
  color: #17212b;
  font-size: 18px;
  line-height: 1.3;
}

#account-transaction .account-balance-history-head-oem span {
  color: #7a8492;
  font-size: 12px;
}

#account-transaction .account-balance-table-oem {
  width: 100% !important;
  margin-bottom: 0;
  table-layout: fixed;
}

#account-transaction .account-balance-table-wrap-oem {
  width: 100%;
}

#account-transaction .account-balance-table-oem > thead > tr > th {
  padding: 12px 16px;
  border-bottom: 1px solid #dfe4ec;
  color: #667085;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

#account-transaction .account-balance-table-oem > tbody > tr > td {
  padding: 15px 16px;
  border-top: 1px solid #edf0f4;
  vertical-align: middle;
}

#account-transaction .account-balance-date-oem {
  width: 150px;
  color: #667085;
  font-size: 12px;
  white-space: nowrap;
}

#account-transaction .account-balance-description-oem,
#account-transaction .account-balance-description-oem a {
  color: #26313d;
  font-size: 13px;
}

#account-transaction .account-balance-description-oem a:hover {
  color: #2644dd;
}

#account-transaction .account-balance-amount-oem {
  width: 170px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

#account-transaction .account-balance-amount-oem.is-positive {
  color: #17864b;
}

#account-transaction .account-balance-amount-oem.is-negative {
  color: #c83b3b;
}

#account-transaction .account-balance-amount-oem.is-neutral {
  color: #667085;
}

#account-transaction .account-balance-pagination-oem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border-top: 1px solid #e7ebf1;
  color: #667085;
  font-size: 12px;
}

#account-transaction .account-balance-pagination-oem .pagination {
  margin: 0;
}

#account-transaction .account-balance-actions-oem {
  margin: 16px 0;
  text-align: right;
}

#account-transaction .account-balance-actions-oem .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 18px;
  border: 1px solid #2644dd;
  border-radius: 5px;
  background: #2644dd;
  color: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none;
  cursor: pointer;
}

#account-transaction .account-balance-actions-oem .btn:hover,
#account-transaction .account-balance-actions-oem .btn:focus {
  border-color: #2644dd;
  background: #ffffff;
  color: #2644dd;
  text-decoration: none;
}

@media (max-width: 768px) {
  #account-transaction .account-balance-header-oem {
    display: block;
    padding: 16px;
  }

  #account-transaction .account-balance-header-row-oem {
    display: block;
  }

  #account-transaction .account-balance-header-copy-oem h1 {
    font-size: 21px;
  }

  #account-transaction .account-balance-total-oem {
    min-width: 0;
    margin-top: 14px;
    align-items: flex-start;
    border-left: 0;
    border-top: 3px solid transparent;
  }

  #account-transaction .account-balance-total-oem.is-negative {
    border-top-color: #ef4444;
  }

  #account-transaction .account-balance-total-oem.is-positive {
    border-top-color: #22a35a;
  }

  #account-transaction .account-balance-history-head-oem {
    display: block;
    padding: 15px 14px;
  }

  #account-transaction .account-balance-history-head-oem span {
    display: block;
    margin-top: 3px;
  }

  #account-transaction .account-balance-table-oem > thead > tr > th,
  #account-transaction .account-balance-table-oem > tbody > tr > td {
    padding-right: 12px;
    padding-left: 12px;
  }

  #account-transaction .account-balance-date-oem {
    width: 88px;
  }

  #account-transaction .account-balance-amount-oem {
    width: 112px;
  }

  #account-transaction .account-balance-pagination-oem {
    display: block;
  }

  #account-transaction .account-balance-pagination-oem > div + div {
    margin-top: 8px;
  }
}

/* Единый баланс: отступ от нижней мобильной панели */
@media (max-width: 767px) {
  #account-transaction .account-balance-actions-oem .pull-right {
    margin-bottom: 12px;
  }
}

/* TASK-012F — final order page structure */
#account-order-info .account-order-info-hero-oem,
#account-order-info .account-order-info-total-oem,
#account-order-info .account-order-progress-oem,
#account-order-info .account-order-info-grid-oem .account-info-card-oem {
  background: #ffffff;
}

@media (min-width: 769px) {
  #account-order-info .account-order-products-desktop-oem,
  #account-order-info .account-order-products-desktop-oem .market-brand-group,
  #account-order-info .account-order-products-desktop-oem .oem-search-group-card,
  #account-order-info .account-order-products-desktop-oem .market-brand-title,
  #account-order-info .account-order-products-desktop-oem .price-table-wrap,
  #account-order-info .account-order-products-desktop-oem .price-table,
  #account-order-info .account-order-products-desktop-oem .price-table thead,
  #account-order-info .account-order-products-desktop-oem .price-table tbody,
  #account-order-info .account-order-products-desktop-oem .price-table tr,
  #account-order-info .account-order-products-desktop-oem .price-table th,
  #account-order-info .account-order-products-desktop-oem .price-table td,
  #account-order-info .account-order-products-desktop-oem .account-order-totals-oem,
  #account-order-info .account-order-products-desktop-oem .checkout-warehouse-footer-row {
    background: #ffffff;
  }
}

@media (max-width: 768px) {
  #account-order-info .account-order-products-mobile-oem .oem-search-group-card {
    overflow: hidden;
    background: #ffffff;
  }

  #account-order-info .account-order-products-mobile-oem .market-brand-title,
  #account-order-info .account-order-products-mobile-oem .oem-search-mobile-list,
  #account-order-info .account-order-products-mobile-oem .account-order-totals-oem,
  #account-order-info .account-order-products-mobile-oem .checkout-warehouse-footer-row {
    background: #ffffff;
  }

  #account-order-info .account-order-products-mobile-oem .oem-search-mobile-list {
    display: grid;
    gap: 10px;
    padding: 8px;
  }

  #account-order-info .account-order-mobile-product-oem {
    overflow: hidden;
    border: 1px solid #cfd7e3;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 3px 9px rgba(15, 23, 42, 0.07);
  }

  #account-order-info .account-order-mobile-offer-row-oem {
    height: auto;
    min-height: 150px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
  }

  #account-order-info .account-order-mobile-offer-row-oem .oem-mobile-offer-row__info,
  #account-order-info .account-order-mobile-offer-row-oem .oem-mobile-offer-row__oem,
  #account-order-info .account-order-mobile-offer-row-oem .oem-mobile-offer-row__facts {
    overflow: visible;
  }

  #account-order-info .account-order-mobile-offer-row-oem .oem-mobile-offer-row__oem,
  #account-order-info .account-order-mobile-offer-row-oem .oem-mobile-offer-row__facts {
    text-overflow: clip;
    white-space: normal;
  }

  #account-order-info .account-order-mobile-product-footer-oem {
    display: grid;
    gap: 8px;
    padding: 8px;
    border-top: 1px solid #e5eaf1;
    background: #ffffff;
  }

  #account-order-info .account-order-mobile-return-oem {
    width: 100%;
    min-height: 40px;
    margin: 0;
    border-color: #d6def0;
    background: #ffffff;
    color: #2644dd;
    text-align: center;
  }

  #account-order-info .account-order-mobile-return-oem:hover,
  #account-order-info .account-order-mobile-return-oem:focus {
    border-color: #2644dd;
    background: #f5f7ff;
    color: #2644dd;
  }
}

@media (max-width: 340px) {
  #account-order-info .account-order-mobile-offer-row-oem {
    height: auto;
    min-height: 150px;
    grid-template-rows: minmax(0, auto);
  }
}

/* =========================================================
   TASK-012F — RETURNS OEMPRICE CORE
   Return list follows My Orders; return details reuse the
   approved desktop table and mobile offer-card product core.
   ========================================================= */

#account-return-list.account-wrap-oem,
#account-return-info.account-wrap-oem {
  background: #f5f7fb;
}

#account-return-list .return-list-container-oem,
#account-return-info .return-info-container-oem {
  max-width: 1180px;
}

/* My returns — one responsive card source. */
#account-return-list .return-list-header-oem {
  padding: 18px;
  border: 1px solid #dfe4ec;
  background: #fff;
}

#account-return-list .return-list-section-oem {
  margin-bottom: 18px;
}

#account-return-list .return-list-section-head-oem {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 0 2px 10px;
}

#account-return-list .return-list-section-kicker-oem {
  color: #2644dd;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

#account-return-list .return-list-section-head-oem h2 {
  margin: 2px 0 0;
  color: #17212b;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
}

#account-return-list .return-list-section-note-oem {
  color: #7a8492;
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}

#account-return-list .return-list-cards-oem {
  display: grid;
  gap: 10px;
}

#account-return-list .return-list-item-oem {
  margin: 0;
  overflow: hidden;
  border: 1px solid #dfe5ee;
  border-left: 4px solid #2644dd;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(31, 50, 81, 0.06);
}

#account-return-list .return-list-item-oem--completed {
  border-left-color: #1f8f4d;
}

#account-return-list .return-list-item-oem--rejected {
  border-left-color: #c83b3b;
}

#account-return-list .return-list-item-main-oem {
  padding: 13px 14px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
}

#account-return-list .return-list-item-copy-oem {
  min-width: 0;
  flex: 1 1 auto;
}

#account-return-list .return-list-item-title-oem {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

#account-return-list .return-list-number-oem {
  color: #17212b;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
}

#account-return-list .return-list-item-meta-oem {
  margin-top: 5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  color: #7a8492;
  font-size: 12px;
  line-height: 1.35;
}

#account-return-list .return-list-product-oem {
  margin-top: 11px;
  padding-top: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  gap: 18px;
  align-items: end;
  border-top: 1px solid #edf1f5;
}

#account-return-list .return-list-product-copy-oem {
  min-width: 0;
}

#account-return-list .return-list-model-oem {
  color: #2644dd;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

#account-return-list .return-list-product-name-oem {
  margin-top: 4px;
  color: #17212b;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

#account-return-list .return-list-quantity-oem,
#account-return-list .return-list-amount-oem {
  display: flex;
  flex-direction: column;
}

#account-return-list .return-list-quantity-oem {
  text-align: left;
}

#account-return-list .return-list-quantity-oem span,
#account-return-list .return-list-amount-oem span {
  color: #7a8492;
  font-size: 10px;
  line-height: 1.25;
}

#account-return-list .return-list-quantity-oem strong {
  margin-top: 3px;
  color: #16803c;
  font-size: 15px;
  white-space: nowrap;
}

#account-return-list .return-list-item-action-oem {
  width: 154px;
  flex: 0 0 154px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 9px;
  border-left: 1px solid #edf1f5;
}

#account-return-list .return-list-amount-oem {
  align-items: flex-end;
}

#account-return-list .return-list-amount-oem strong {
  margin-top: 3px;
  color: #17212b;
  font-size: 17px;
  line-height: 1.2;
  white-space: nowrap;
}

#account-return-list .return-list-open-oem {
  width: 100%;
  text-align: center;
}

#account-return-list .return-list-actions-oem,
#account-return-info .return-info-actions-oem {
  margin-top: 16px;
}

#account-return-list .return-list-actions-oem .btn-oem-secondary,
#account-return-info .return-info-actions-oem .btn-oem-secondary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Return details — the product remains the primary object. */
#account-return-info .return-info-hero-oem,
#account-return-info .return-info-section-oem {
  margin-top: 0;
  border: 1px solid #dfe4ec;
  background: #fff;
}

#account-return-info .return-info-hero-oem {
  padding: 18px;
}

#account-return-info .return-info-breadcrumb-oem {
  margin: 0 0 14px;
  padding: 0 0 11px;
  border-bottom: 1px solid #e5eaf1;
}

#account-return-info .return-info-hero-row-oem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

#account-return-info .return-info-number-oem {
  margin: 0;
  color: #17212b;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

#account-return-info .return-info-meta-oem {
  margin-top: 4px;
  color: #667085;
  font-size: 12px;
}

#account-return-info .return-info-section-oem {
  padding: 18px;
}

#account-return-info .return-info-section-head-oem {
  margin-bottom: 14px;
}

#account-return-info .return-info-section-head-oem h2 {
  margin: 0;
  color: #17212b;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

#account-return-info .return-info-product-shell-oem {
  overflow: hidden;
  border: 1px solid #dfe4ec;
  border-left: 3px solid #2e9b5f;
  border-radius: 10px;
  background: #fff;
}

#account-return-info .return-info-product-group-head-oem {
  min-height: 54px;
  padding: 13px 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dfe4ec;
  background: #f8fafc;
  color: #111827;
}

#account-return-info .return-info-product-group-head-oem strong {
  font-size: 16px;
  font-weight: 700;
}

#account-return-info .return-info-product-mobile-oem {
  display: none;
}

#account-return-info .return-info-product-table-oem {
  width: 100%;
  table-layout: fixed;
}

#account-return-info .return-info-product-table-oem th,
#account-return-info .return-info-product-table-oem td {
  vertical-align: middle;
  background: #fff;
}

#account-return-info .return-info-product-table-oem th {
  color: #111827;
  font-size: 12px;
  font-weight: 600;
}

#account-return-info .return-info-product-table-oem th:nth-child(1),
#account-return-info .return-info-product-table-oem td:nth-child(1) {
  width: 150px;
}

#account-return-info .return-info-product-table-oem th:nth-child(2),
#account-return-info .return-info-product-table-oem td:nth-child(2) {
  width: auto;
}

#account-return-info .return-info-product-table-oem th:nth-child(3),
#account-return-info .return-info-product-table-oem td:nth-child(3) {
  width: 150px;
}

#account-return-info .return-info-product-table-oem th:nth-child(4),
#account-return-info .return-info-product-table-oem td:nth-child(4) {
  width: 120px;
}

#account-return-info .return-info-product-table-oem th:nth-child(5),
#account-return-info .return-info-product-table-oem td:nth-child(5),
#account-return-info .return-info-product-table-oem th:nth-child(6),
#account-return-info .return-info-product-table-oem td:nth-child(6) {
  width: 130px;
}

#account-return-info .return-info-product-table-oem .price-table__name {
  display: block;
  max-width: none;
  overflow: visible;
  color: #111827;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
}

#account-return-info .return-info-stock-oem {
  color: #16803c;
  white-space: nowrap;
}

#account-return-info .return-info-price-oem,
#account-return-info .return-info-total-oem {
  color: #2644dd;
  font-size: 15px;
  white-space: nowrap;
}

#account-return-info .return-info-product-total-row-oem {
  min-height: 48px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  border-top: 1px solid #e5eaf1;
  background: #fff;
  color: #667085;
  font-size: 12px;
}

#account-return-info .return-info-product-total-row-oem strong {
  color: #17212b;
  font-size: 15px;
  white-space: nowrap;
}

#account-return-info .return-info-request-grid-oem {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid #e5eaf1;
  border-radius: 9px;
  background: #e5eaf1;
}

#account-return-info .return-info-request-item-oem {
  min-width: 0;
  min-height: 76px;
  padding: 11px 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: #fff;
}

#account-return-info .return-info-request-item-oem span,
#account-return-info .return-info-comment-oem > span {
  color: #7a8492;
  font-size: 11px;
}

#account-return-info .return-info-request-item-oem strong {
  overflow-wrap: anywhere;
  color: #344054;
  font-size: 13px;
  line-height: 1.4;
}

#account-return-info .return-info-comment-oem {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e5eaf1;
}

#account-return-info .return-info-comment-oem > div {
  margin-top: 6px;
  padding: 10px;
  border-radius: 8px;
  background: #f7f8fa;
  color: #344054;
  font-size: 13px;
  line-height: 1.45;
}

#account-return-info .return-info-bottom-grid-oem {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  gap: 16px;
  margin-bottom: 0;
}

#account-return-info .return-info-timeline-oem {
  margin: 0;
  padding: 0;
  list-style: none;
}

#account-return-info .return-info-timeline-item-oem {
  position: relative;
  min-height: 54px;
  padding: 0 0 15px 25px;
}

#account-return-info .return-info-timeline-item-oem:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 11px;
  bottom: -1px;
  left: 6px;
  width: 2px;
  background: #dfe5ee;
}

#account-return-info .return-info-timeline-dot-oem {
  position: absolute;
  top: 4px;
  left: 0;
  width: 14px;
  height: 14px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #2644dd;
  box-shadow: 0 0 0 1px #9badff;
}

#account-return-info .return-info-timeline-item-oem:last-child .return-info-timeline-dot-oem {
  background: #16884a;
  box-shadow: 0 0 0 1px #91d6b0;
}

#account-return-info .return-info-timeline-head-oem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

#account-return-info .return-info-timeline-head-oem strong {
  color: #17212b;
  font-size: 13px;
  line-height: 1.35;
}

#account-return-info .return-info-timeline-head-oem time {
  color: #7a8492;
  font-size: 11px;
  white-space: nowrap;
}

#account-return-info .return-info-timeline-comment-oem {
  margin-top: 4px;
  color: #667085;
  font-size: 12px;
  line-height: 1.4;
}

#account-return-info .return-info-settlement-list-oem {
  display: grid;
  gap: 9px;
}

#account-return-info .return-info-settlement-item-oem {
  padding: 11px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid #dcefe4;
  border-radius: 9px;
  background: #f4fbf7;
}

#account-return-info .return-info-settlement-icon-oem {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #e4f6eb;
  color: #16884a;
}

#account-return-info .return-info-settlement-copy-oem {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

#account-return-info .return-info-settlement-copy-oem strong {
  color: #17212b;
  font-size: 12px;
  line-height: 1.35;
}

#account-return-info .return-info-settlement-copy-oem span {
  color: #7a8492;
  font-size: 11px;
}

#account-return-info .return-info-settlement-amount-oem {
  color: #16884a;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

#account-return-info .return-info-empty-oem {
  margin: 0;
  color: #667085;
  font-size: 13px;
}

@media (max-width: 900px) and (min-width: 769px) {
  #account-return-info .return-info-product-table-oem th:nth-child(1),
  #account-return-info .return-info-product-table-oem td:nth-child(1) {
    width: 125px;
  }

  #account-return-info .return-info-product-table-oem th:nth-child(3),
  #account-return-info .return-info-product-table-oem td:nth-child(3) {
    width: 120px;
  }

  #account-return-info .return-info-product-table-oem th:nth-child(4),
  #account-return-info .return-info-product-table-oem td:nth-child(4),
  #account-return-info .return-info-product-table-oem th:nth-child(5),
  #account-return-info .return-info-product-table-oem td:nth-child(5),
  #account-return-info .return-info-product-table-oem th:nth-child(6),
  #account-return-info .return-info-product-table-oem td:nth-child(6) {
    width: 105px;
  }
}

@media (max-width: 768px) {
  #account-return-list,
  #account-return-info {
    min-height: 100vh;
    padding-bottom: 100px;
  }

  #account-return-list .return-list-container-oem,
  #account-return-info .return-info-container-oem {
    padding-right: 10px;
    padding-left: 10px;
  }

  #account-return-list .return-list-header-oem,
  #account-return-info .return-info-hero-oem,
  #account-return-info .return-info-section-oem {
    padding: 13px;
    border-radius: 12px;
  }

  #account-return-list .return-list-header-oem {
    margin-bottom: 14px;
  }

  #account-return-list .return-list-header-oem .breadcrumb-oem,
  #account-return-info .return-info-breadcrumb-oem {
    margin-bottom: 10px;
    padding-bottom: 8px;
    font-size: 12px;
  }

  #account-return-list .return-list-header-oem h1 {
    font-size: 21px;
  }

  #account-return-list .return-list-header-oem .account-header-desc-oem {
    font-size: 12px;
  }

  #account-return-list .return-list-section-head-oem {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  #account-return-list .return-list-section-note-oem {
    text-align: left;
  }

  #account-return-list .return-list-item-main-oem {
    padding: 12px;
    flex-direction: column;
    gap: 10px;
  }

  #account-return-list .return-list-product-oem {
    grid-template-columns: minmax(0, 1fr) 78px;
    gap: 10px;
  }

  #account-return-list .return-list-product-name-oem {
    font-size: 13.5px;
  }

  #account-return-list .return-list-item-action-oem {
    width: 100%;
    flex: none;
    padding: 10px 0 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #edf1f5;
    border-left: 0;
  }

  #account-return-list .return-list-amount-oem {
    align-items: flex-start;
  }

  #account-return-list .return-list-open-oem {
    width: auto;
    min-width: 130px;
  }

  #account-return-list .return-list-actions-oem .btn-oem-secondary,
  #account-return-info .return-info-actions-oem .btn-oem-secondary {
    width: 100%;
    justify-content: center;
  }

  #account-return-info .return-info-hero-row-oem {
    gap: 10px;
  }

  #account-return-info .return-info-number-oem {
    font-size: 19px;
  }

  #account-return-info .return-info-hero-oem .return-status-badge-oem {
    font-size: 10px;
  }

  #account-return-info .return-info-section-head-oem {
    margin-bottom: 12px;
  }

  #account-return-info .return-info-section-head-oem h2 {
    font-size: 18px;
  }

  #account-return-info .return-info-product-shell-oem {
    border-radius: 12px;
  }

  #account-return-info .return-info-product-group-head-oem {
    min-height: 48px;
    padding: 11px 12px;
  }

  #account-return-info .return-info-product-group-head-oem strong {
    font-size: 15px;
  }

  #account-return-info .return-info-product-desktop-oem {
    display: none;
  }

  #account-return-info .return-info-product-mobile-oem {
    display: block;
    padding: 8px;
    background: #fff;
  }

  #account-return-info .return-info-mobile-offer-oem {
    height: auto;
    min-height: 150px;
    overflow: visible;
    box-shadow: none;
  }

  #account-return-info .return-info-mobile-offer-oem .oem-mobile-offer-row__info,
  #account-return-info .return-info-mobile-offer-oem .oem-mobile-offer-row__facts {
    overflow: visible;
  }

  #account-return-info .return-info-mobile-offer-oem .oem-mobile-offer-row__name {
    display: block;
    max-height: none;
    overflow: visible;
    -webkit-line-clamp: unset;
  }

  #account-return-info .return-info-mobile-offer-oem .oem-mobile-offer-row__price {
    overflow: visible;
    font-size: 19px;
    text-overflow: clip;
  }

  #account-return-info .return-info-product-total-row-oem {
    padding: 10px;
    align-items: flex-end;
    flex-direction: column;
    gap: 4px;
  }

  #account-return-info .return-info-request-grid-oem {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #account-return-info .return-info-bottom-grid-oem {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  #account-return-info .return-info-timeline-head-oem {
    gap: 8px;
  }
}

@media (max-width: 390px) {
  #account-return-list .return-list-item-action-oem {
    align-items: stretch;
    flex-direction: column;
  }

  #account-return-list .return-list-open-oem {
    width: 100%;
  }

  #account-return-info .return-info-hero-row-oem {
    flex-direction: column;
  }

  #account-return-info .return-info-request-grid-oem {
    grid-template-columns: 1fr;
  }

  #account-return-info .return-info-settlement-item-oem {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  #account-return-info .return-info-settlement-icon-oem {
    width: 32px;
    height: 32px;
  }

  #account-return-info .return-info-settlement-amount-oem {
    grid-column: 2;
  }
}

/* =========================================================
   MINI-TASK — CALM B2B CATEGORY FILTER (DESKTOP)
   Presentation only. Filter behavior and mobile UI are unchanged.
   ========================================================= */

@media (min-width: 769px) {
  #product-category .oem-filter-box {
    box-sizing: border-box;
    border: 1px solid #dfe6ee;
    border-radius: 6px;
    background: linear-gradient(
      to right,
      #eef3f8 0,
      #eef3f8 180px,
      #fff 180px,
      #fff 100%
    );
    box-shadow: none;
  }

  #product-category .oem-filter-label {
    color: #687789;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
  }

  #product-category .oem-filter-label-meta {
    display: none !important;
  }

  #product-category .oem-filter-values {
    border-bottom-color: #e8edf3;
  }

  #product-category .oem-filter-row[data-oem-filter-section="brand"] > .oem-filter-values,
  #product-category .oem-filter-row[data-oem-filter-section="warehouse"] > .oem-filter-values {
    background: #fbfcfe;
  }

  #product-category .oem-filter-link {
    margin: 4px 14px 4px 0;
    border-bottom: 0;
    color: #283548;
    text-decoration: none;
    transition: color 0.15s ease, background-color 0.15s ease;
  }

  #product-category .oem-filter-link:hover,
  #product-category .oem-filter-link:focus {
    color: #2644dd;
    text-decoration: none;
  }

  #product-category .oem-filter-link.active {
    padding: 3px 9px 3px 8px;
    border: 0;
    border-left: 2px solid #335eea;
    border-radius: 3px;
    background: #edf3ff;
    color: #2549c7;
    font-weight: 500;
  }

  #product-category .oem-filter-link.active:hover,
  #product-category .oem-filter-link.active:focus {
    background: #e6efff;
    color: #1f3fb1;
  }

  #product-category .oem-filter-link.disabled,
  #product-category .oem-filter-link.disabled:hover,
  #product-category .oem-filter-link.disabled:focus {
    color: #b7b7b7;
  }

  #product-category .oem-filter-more-toggle {
    display: inline-block;
    margin: 4px 0;
    border: 0;
    color: #2644dd;
    text-decoration: none;
  }

  #product-category .oem-filter-more-toggle:hover,
  #product-category .oem-filter-more-toggle:focus {
    color: #1f3fb1;
    text-decoration: none;
  }

  #product-category .oem-filter-dropdown {
    border-top-color: #e5eaf0;
    background: transparent;
  }

  #product-category .oem-engine-wrap input {
    border-color: #cbd5e1;
    border-radius: 4px;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
  }

  #product-category .oem-engine-wrap input:focus {
    border-color: #5870d9;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(38, 68, 221, 0.1);
  }

  #product-category .oem-filter-actions {
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: nowrap;
  }
}

#product-category .oem-filter-row.is-searching .oem-filter-dropdown .oem-filter-link:not(.is-search-match) {
  display: none !important;
}

/* =========================================================
   TASK-014D — CATEGORY DESKTOP SORTING BAR
   Mobile keeps its existing category controls.
   ========================================================= */

.oem-category-desktop-tools {
  display: none;
}

@media (min-width: 769px) {
  #product-category .oem-category-desktop-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 46px;
    margin: 0 0 12px;
    padding: 7px 10px;
    border: 1px solid #dfe6ee;
    border-radius: 6px;
    background: #f8fafc;
    box-shadow: none;
  }

  #product-category .oem-category-desktop-sorts {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    white-space: nowrap;
  }

  #product-category .oem-category-desktop-sort {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #344256;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
  }

  #product-category .oem-category-desktop-sort:hover,
  #product-category .oem-category-desktop-sort:focus {
    border-color: #cbd7e6;
    background: #fff;
    color: #2644dd;
    outline: 0;
    text-decoration: none;
  }

  #product-category .oem-category-desktop-sort.active {
    border-color: #cbd8ff;
    background: #edf3ff;
    color: #2549c7;
  }

  #product-category .oem-category-desktop-sort .fa {
    width: 14px;
    color: #718096;
    text-align: center;
  }

  #product-category .oem-category-desktop-sort.active .fa {
    color: #335eea;
  }

  #product-category .oem-category-desktop-limit {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 7px;
    margin: 0;
    color: #687789;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
  }

  #product-category .oem-category-desktop-limit select {
    min-width: 64px;
    height: 30px;
    padding: 3px 24px 3px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background-color: #fff;
    color: #283548;
    font-size: 13px;
    line-height: 1.2;
  }

  #product-category .oem-category-desktop-limit select:focus {
    border-color: #5870d9;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(38, 68, 221, 0.1);
  }
}

@media (max-width: 768px) {
  .product-panel__photo-empty {
    padding: 12px !important;
    gap: 5px !important;
  }

  .product-panel__photo-empty-mark {
    font-size: 20px !important;
  }

  .product-panel__photo-empty-icon {
    width: 58px !important;
    height: 45px !important;
  }

  .product-panel__photo-empty-copy {
    font-size: 11px !important;
  }

  .product-panel__photo-empty-action {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .product-panel__photo-empty-sync {
    display: none !important;
  }
}

/* ========================================================================== 
   Product image canvas
   Keep transparent source files intact while presenting every product image
   on the same neutral white canvas across the shared storefront UI.
   ========================================================================== */

:root {
  --oem-product-image-canvas: #fff;
}

.product-thumb .image,
.live-search .product-image,
.account-wishlist-image-oem,
.product-panel__photo,
.product-panel__thumb,
.mfp-image-holder .mfp-figure::after,
.mfp-image-holder img.mfp-img {
  background: var(--oem-product-image-canvas) !important;
}