@media (max-width: 768px){


  .mobile-menu-bar .sort-products.in-header
  .select2-selection--single .select2-selection__rendered{
    color: transparent !important;
    text-shadow: none !important;
  }
  .mobile-menu-bar .sort-products.in-header
  .select2-selection--single .select2-selection__placeholder{
    color: transparent !important;
  }

  .mobile-menu-bar .sort-products.in-header .select2-container--open .select2-dropdown{
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  .mobile-menu-bar .sort-products.in-header .select2-results__options{
    max-height: 240px !important;     
  }
  .mobile-menu-bar .sort-products.in-header .select2-results__option{
    padding: 6px 10px !important;
  }


  .mobile-menu-bar .sort-products.in-header select.orderby{
    font-size: 0 !important;   
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }

  .mobile-menu-bar .sort-products.in-header select.orderby option{
    font-size: 12px !important;
  }
}


.woocommerce-cart h2.with-empty-cart-icon.wc-block-cart__empty-cart__title {
  font-size: 0 !important;
  text-align: center !important;
}
.woocommerce-cart h2.with-empty-cart-icon.wc-block-cart__empty-cart__title::before {
  font-size: 23px !important;
  vertical-align: middle !important;
}
.woocommerce-cart h2.with-empty-cart-icon.wc-block-cart__empty-cart__title::after {
  content: "Your cart is currently empty!" !important;
  font-size: 16px !important;
  color: #000 !important;
  vertical-align: middle !important;
}

h2.wp-block-heading.has-text-align-center:not(.wc-block-cart__empty-cart__title) {
  color: transparent !important;
  position: relative !important;
  display: block !important;
}
h2.wp-block-heading.has-text-align-center:not(.wc-block-cart__empty-cart__title)::after {
  content: "New in store" !important;
  color: #000 !important;
  font-size: inherit !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}



.cat-search-input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 16px;
  transition: box-shadow .3s ease;
}
.cat-search-input:focus {
  outline: none;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}


.cats-list .product-category {
  transition: opacity .3s ease, transform .3s ease;
}
.cats-list .product-category[style*="display: none"] {
  opacity: 0;
  transform: scale(0.95);
}

@media (min-width: 1025px) {

  .containers {
    max-width: none !important;
    margin-left: 0 !important;
    padding-left: 20px;  
  }

  .containers .cats-list {
    margin-left: -150px!important;
    display: flex; 
    flex-wrap: wrap;
    gap: 20px;
  }

  .containers .cats-list .product-category {
    flex: 0 0 calc(33.333% - 20px) !important;
    max-width: 200px !important;
    box-sizing: border-box;
  }

}


.woocommerce-variation-add-to-cart {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}


.woocommerce-variation-add-to-cart .quantity {
  order: 1 !important;
  margin-right: 10px !important; 
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  order: 2 !important;
}


.woocommerce-variation-add-to-cart .a2w_shipping_wrap {
  order: 3 !important;
  flex-basis: 100% !important; 
  margin-top: 12px !important;
  padding: 10px 15px !important;
  background-color: #f7faff !important;
  border: 1px solid #cce0ff !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  color: #333 !important;
}


.a2w_shipping_wrap .label {
  font-weight: bold !important;
  margin-right: 5px !important;
}
.a2w_shipping_wrap .shipping_info {
  display: inline !important;
}

.sku_wrapper {
  display: none !important;
}


.wc-block-components-button.wp-element-button.contained {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  padding: 0.75em 1.5em !important;
  text-decoration: none !important;
}


.wc-block-components-button.wp-element-button.contained {
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}


.wc-block-components-button__text {
  display: inline !important;
}



.wc-block-rating-filter-list li label {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}


.wc-block-rating-filter-list 
  .wc-block-components-checkbox__input {
  margin-right: 0.5em !important;
}


.wc-block-rating-filter-list 
  .wc-block-components-product-rating__stars {
  position: relative !important;
  display: inline-block !important;
  font-size: 1rem !important;
  color: #ccc !important;
}
.wc-block-rating-filter-list 
  .wc-block-components-product-rating__stars::before {
  content: "★★★★★" !important;
  color: #ccc !important;
}

.wc-block-rating-filter-list 
  .wc-block-components-product-rating__stars span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
.wc-block-rating-filter-list 
  .wc-block-components-product-rating__stars span::before {
  content: "★★★★★" !important;
  color: #000 !important;
}


.wc-block-rating-filter-list 
  .wc-block-components-product-rating-count {
  margin-left: 0.5em !important;
  white-space: nowrap !important; 
  display: inline-block !important;
  font-size: 0.9rem !important;
  color: #333 !important;
}

@media (max-width: 768px) {
  .mobile-menu-bar {
    position: fixed;
    top: 0; left: 0; right: 0;
    background-color: #fff !important;
    padding: 6px 15px;
    z-index: 10000;
    transform: translateY(0);
    transition: transform 0.3s ease;
  }
  .mobile-menu-bar.hidden {
    transform: translateY(-100%);
  }
  .mobile-menu-bar.menu-open {
    transform: translateY(-100%) !important;
  }
  body {
    padding-top: 48px;
  }
}

.wmc-sidebar-open {
  display: none !important;
}


.bnav_main_menu{
    height:56px;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    background:rgba(255,255,255,.90);
    border-top:1px solid #E5E5E5;
    display:flex;
    margin:0;padding:0;           
    list-style:none;
}


.bnav_main_menu > li{
    flex:1 1 auto;
    position:relative;           
    text-align:center;           
    color:#9B9B9B;               
}


.bnav_main_menu > li > a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    height:100%;      
    font-size:11px;
    font-weight:500;
    white-space:nowrap;
    text-decoration:none;
    color:inherit;               
    transition:color .15s ease;
}

.bnav_main_menu > li::before{
    font-size:22px;
    line-height:1;
    display:block;
    margin-bottom:4px;
}


.bnav_main_menu > li.current-menu-item{
      
}
.bnav_main_menu > li.current-menu-item::after{
    content:"";
    position:absolute;
    top:0;left:0;right:0;
    height:3px;
    background:#D70ABA;
    border-radius:3px 3px 0 0;
}

.bnav_main_menu > li::before{
    font-size:22px;
    line-height:1;
    display:block;
    margin-bottom:4px;
    transform:translateY(20px);   
}

.bnav_main_menu > li:hover,
.bnav_main_menu > li:active{
    color:#000 !important;          
}


.bnav_main_menu > li{
    transition:color .15s ease;
}

.bnav_main_menu > li:hover,
.bnav_main_menu > li:active{
    color:#000 !important;                
}


.bnav_main_menu > li:hover::before,
.bnav_main_menu > li:active::before{
    transform:translateY(20px) scale(1.15);
    filter:drop-shadow(0 3px 6px rgba(0,0,0,.18));
}


.bnav_main_menu > li,
.bnav_main_menu > li::before{
    transition:color .15s ease, transform .15s ease, filter .15s ease;
}

.bnav_main_menu > li.current-menu-item{
    color:#000 !important;                          
}


.bnav_main_menu > li.current-menu-item::before{
    transform:translateY(20px) scale(1.15);   
    filter:drop-shadow(0 3px 6px rgba(0,0,0,.18)); 
}

.mobile-menu-toggle {
  display: none !important;
}


.mobile-logo-wrapper {

  flex: 1;
 
  display: flex;
  justify-content: center;
}


.mobile-logo-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.header-mobile, 
.mobile-header-container {
  display: flex;
  align-items: center;
}


.mobile-icons-box {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.mobile-icons-box .mobile-search-toggle,
.mobile-icons-box .mobile-cart {
  margin-left: 12px;
}

@media only screen and (max-width: 768px) {
  h1.entry-title {
    display: none !important;
  }
}


.mobile-search-toggle {
  display: inline-block;
  transition: transform 0.2s ease-in-out;
  transform-origin: center center;
}


.mobile-search-toggle:hover {
  transform: scale(1.2);
}

.mobile-cart {
  display: inline-block;
  transition: transform 0.2s ease-in-out;
  transform-origin: center center;
}


.mobile-cart:hover {
  transform: scale(1.2);
}

@media (max-width: 740px) {
  .filter {
    position: fixed;
    top: 0;
    left: 1rem;               
    height: 3.5rem;           
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    z-index: 1001;
    transition: transform .3s ease;
  }
  .filter.hidden {
    transform: translateY(-100%);
  }
}

.simplefavorite-button {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
}


@keyframes heart-beat {
  0%,100%   { transform: scale(1); }
  50%       { transform: scale(1.3); }
}

.simplefavorite-button {
  font-size: 24px !important;
  color: #999 !important;
  transition: color .3s ease, transform .3s ease;
}


.simplefavorite-button.favorited,
.simplefavorite-button.active { 
  color: #000 !important;
  animation: heart-beat .3s ease-in-out !important;
}


.simplefavorite-button:active {
  transform: scale(0.9) !important;
}

.menu-item-1035117 > a span {
  display: none !important;
}


.menu-item-1035117 > a {
  position: relative;
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 24px;
  color: #000;
  text-decoration: none;
  transition: transform .2s ease, color .2s ease;
}


.menu-item-1035117 > a::before {
  content: "\f004";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: block;
  line-height: 1;
}


.menu-item-1035117 > a:hover {
  transform: scale(1.2);
}


.menu-item-1035117 > a:active {
  transform: scale(0.9);
}


@media (max-width: 768px) {
  .mobile-cart {
    position: relative !important;
    display: inline-block !important;
  }
  .mobile-cart .items-count {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }
}

.filter .toggle-filter {
  position: relative !important;
  top: -5px !important;
}


.sort-products.in-header .select2-container {
  width: auto      !important;
  min-width: 30px  !important; 
  max-width: none  !important;
}


.sort-products.in-header .select2-selection--single .select2-selection__rendered {
  overflow: hidden     !important;
  white-space: nowrap  !important;
  text-overflow: ellipsis !important;
  color: transparent   !important; 
}


.select2-container--default .select2-dropdown {
  width: auto        !important;
  min-width: 120px   !important; 
  max-width: none    !important;
}

.select2-container--default .select2-dropdown .select2-results {
  overflow-x: hidden !important;
}

.sort-products.in-header .select2-selection--single {
  border-bottom: none !important;
  box-shadow: none !important;
}

.sort-products.in-header .select2-container {
  margin-left: -4px !important; 
}

.sort-products.in-header .select2-selection__arrow {
  right: 6px !important; 
}

@keyframes press {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.92);
  }
  100% {
    transform: scale(1);
  }
}

.sort-products.in-header .select2-selection--single {
  position: relative !important;

  width: 120px   !important;
  min-width: 120px !important;
  max-width: 120px !important;


  padding-right: 30px !important;
}


.sort-products.in-header .select2-selection__arrow {
  position: absolute !important;
  top: 50%    !important;
  right: 0    !important;
  transform: translateY(-50%) scale(1.1) !important;
  margin: 0   !important;
}


.select2-selection__clear {
  position: absolute !important;
  top: 50%    !important;
  right: 26px !important; 
  transform: translateY(-50%)      !important;
  margin: 0   !important;
}

.elementor-shortcode {
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
}


.elementor-shortcode .favorites-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}


.elementor-shortcode .favorites-list li {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  transition: transform .3s;
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.elementor-shortcode .favorites-list li:hover {
  transform: scale(1.05);
}
.elementor-shortcode .favorites-list li img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
}
.elementor-shortcode .favorites-list li p {
  margin: 10px 0;
  width: 100%;
  text-align: center;
}


.elementor-shortcode .favorites-list li .yith-wcwl-add-to-wishlist {
  margin-top: 10px;
}
.elementor-shortcode .favorites-list li .yith-wcwl-add-to-wishlist a {
  color: #ff0000;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
}
.elementor-shortcode .favorites-list li .yith-wcwl-add-to-wishlist a:hover {
  color: #cc0000;
}


.elementor-shortcode .favorites-list li p:nth-child(2) a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
}


@media (max-width: 768px){
  .elementor-shortcode .favorites-list{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:space-between !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
  }

  .elementor-shortcode .favorites-list li{
    flex:0 0 calc(50% - 8px) !important;
    margin:0 0 8px !important;
    padding:8px !important;
    box-sizing:border-box !important;
    width:auto !important;
  }

  .elementor-shortcode .favorites-list li p:nth-child(2) a{
    -webkit-line-clamp:1 !important;
  }
}

#mobile-filter-modal {
  display: none;
  position: fixed;
  top: 10%;
  left: 5%;
  width: 90%;
  height: 80%;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow-y: auto;
  z-index: 10000;
}

#mobile-filter-modal.visible {
  display: block;
}

#mobile-filter-modal .close-modal {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 18px;   
  background: none;
  border: none;
  cursor: pointer;
}


@media (min-width: 1921px) {
  #mobile-filter-modal {
    display: none !important;
  }
}




.single-product .post-item.shop-product-item.product{
    margin-top:5rem;
}




.woocommerce-message{
    white-space: normal;
    word-wrap:  break-word;
    overflow:   visible;                        
    padding:    6rem 2.5rem;
    margin-top: 2rem;
}

@media (max-width:740px){
    .woocommerce-message{
        font-size: 0.875rem;
        padding:  6rem 0.5rem;
        margin-top: 3rem;
        line-height:1.3; 
    }
}

footer .copyright{
    display: none !important;
}


.post-item .shop-product-box{
    position:relative;
}

.post-item .shop-product-box .simplefavorite-button{
    position:absolute;
    top:8px;
    right:8px;
    z-index:50;
    background:transparent;
    border:none;
    padding:0;
    cursor:pointer;
}

.post-item .product-info .simplefavorite-button:nth-of-type(n+2){
    display:none !important;
}

.post-item .simplefavorite-button img{
    width:24px;
    height:24px;
    display:block;
    opacity:1 !important;
    filter:drop-shadow(0 0 2px rgba(0,0,0,.8));
}

.post-item .simplefavorite-button.active img{
    opacity:1 !important;
    filter:none;
}

.woocommerce-loop-product__title,
.woocommerce-loop-product__title a{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    line-height:1.3em !important;
    min-height:calc(1.3em * 3) !important;
}

@media (max-width:740px){
    .widget_layered_nav_filters{
        margin-top:60px!important;
    }
}




.post-item .simplefavorite-button img{display:none;}


.post-item .simplefavorite-button::before{
    content:"\f004";                   
    font-family:"Font Awesome 6 Free"; 
    font-weight:900;                  
    font-size:26px;
    line-height:1;
    color:#ffffff;                    
    filter:drop-shadow(0 0 2px rgba(0,0,0,.35));
}


.post-item .simplefavorite-button.active::before{
    color:#e0245e;                     
    filter:none;
}

.post-item .simplefavorite-button img{display:none;}


.post-item .simplefavorite-button::before{
    content:"\f004";                   
    font-family:"Font Awesome 6 Free"; 
    font-weight:900;                  
    font-size:26px;
    line-height:1;
    color:#ffffff;                    
    filter:drop-shadow(0 0 2px rgba(0,0,0,.35));
}


.post-item .simplefavorite-button.active::before{
    color:#e0245e;                     
    filter:none;
}


.simplefavorite-button{
    position:relative;
    width:26px;
    height:26px;
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
}

.simplefavorite-button::before{
    content:"\f004";
    font-family:"Font Awesome 6 Free";
    font-weight:900; 
    font-size:26px;
    line-height:1;
    color:#ffffff;
    filter:drop-shadow(0 0 2px rgba(0,0,0,.5));
    transition:.15s ease;
}


.simplefavorite-button.active::before{
    color:#e0245e;
    filter:none;
}

li[data-postid]{
    position:relative;
}


li[data-postid] .simplefavorite-button{
    position:absolute;
    top: 5px;
    right:10px;
    z-index:30; 
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
}

li[data-postid]{
    border:none!important; 
    box-shadow:none!important;
    border-radius:0!important;
}


li[data-postid] img{
    border:none!important;
    box-shadow:none!important;
}

.simplefavorite-button{
    position:relative;
    width:30px;
    height:30px;
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
    line-height:1;
    opacity:1!important;           
}


@media (max-width: 1920px) {

 
  .woocommerce-widgets-wrapper {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    height: 100vh !important;
    width: 80% !important;
    max-width: 360px !important;
    background: #fff !important;
    box-shadow: -2px 0 8px rgba(0,0,0,.15) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    transform: translateX(100%) !important;
    transition: transform .3s ease !important;
    z-index: 1000 !important;
  }

  
  .woocommerce-widgets-wrapper.active {
    transform: translateX(0) !important;
  }

 
  .filter-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.5) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity .3s ease !important;
    pointer-events: none !important;
    z-index: 999 !important;
  }
  .filter-overlay.visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .filter-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    font-size: 28px !important;
    line-height: 1 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    z-index: 1001 !important;
  }

}

body.filter-open .wmc-list-currencies {
  display: none !important;
  pointer-events: none !important;
}



.wpfFilterWrapper[data-filter-type="wpfPrice"] .wfpCurrencySymbol {
  font-size: 16px !important;     
  position: relative; 
}



.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceInputs {
  display: flex !important;
  gap: 12px !important;
  margin-top: 20px !important;
}


.wpfFilterWrapper[data-filter-type="wpfPrice"] .price-col {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}


.wpfFilterWrapper[data-filter-type="wpfPrice"] .price-col .price-label {
  font-size: 14px !important;
  margin: 0 !important;
  color: #333 !important;
}


.wpfFilterWrapper[data-filter-type="wpfPrice"] .price-col .wpfPriceRangeField {
  width: 100% !important;       
  padding: 10px 15px !important;   
  box-sizing: border-box !important;
  height: 50px !important;
  line-height: normal !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
}


.wpfFilterWrapper[data-filter-type="wpfPrice"] .wfpCurrencySymbol {
  position: relative !important;
  left: -8px !important;
  font-size: 16px !important;
}

.wpfFilterWrapper[data-filter-type="wpfPrice"] .wfpCurrencySymbol {
  display: inline-block !important;
  margin-left: 4px !important;   
  position: relative !important;
  left: -125px !important;
}

@media (max-width: 840px) {
  .wpfFilterWrapper[data-filter-type="wpfPrice"] .wfpCurrencySymbol {
    left: -100px !important;
  }
}


.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceRangeField {
  transition: 
    border-color 0.3s ease,
    box-shadow   0.3s ease;
}


.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceRangeField:hover,
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceRangeField:focus {
  border: 1px solid #8e44ad !important;
  box-shadow: 0 0 0 1px #8e44ad !important;
  outline: none !important;
}


@media (max-width: 768px) {
  .wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceInputs .wpfPriceRangeField {
  }
}

.wpfFilterButtons {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.wpfFilterButton {
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 24px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  max-width: 250px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  transition: background-color .3s ease;
}
.wpfFilterButton:hover,
.wpfFilterButton:focus {
  background-color: #333;
  outline: none;
}


.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceRangeField {
  background-color: #fff;
  border: 1px solid #ccd0d4;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
  padding: 4px 8px;
  box-sizing: border-box;
  height: 32px;
  line-height: normal;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceRangeField:focus {
  background-color: #fff;
  border-color: #5b9dd9;
  box-shadow: 0 0 2px rgba(30,140,190,0.8);
  outline: none;
}



.wpfFilterWrapper[data-filter-type="wpfRating"] .wpfCheckboxHier {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  white-space: nowrap; 
}
.wpfFilterWrapper[data-filter-type="wpfRating"] .wpfCheckboxHier::before {
  content: 'Rating:';
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.wpfFilterWrapper[data-filter-type="wpfRating"] .wpfStarsRatingBlock {
  position: relative;
  left: -50px;
}


@media (max-width: 768px) {
 
  .wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceInputs {
    display: flex;
    gap: 8px;
    margin-top: 8px;
  }
  .wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceRangeField {
    width: 100%;
    max-width: 120px;
  }


  .wpfFilterWrapper[data-filter-type="wpfRating"] .wpfStarsAdditional {
    display: none;
  }
  .wpfFilterWrapper[data-filter-type="wpfRating"] .wpfStarItem svg {
    width: 20px;
    height: 16px;
  }
}


.wpfFilterWrapper[data-filter-type="wpfPrice"] .wfpCurrencySymbol {
  display: none !important;
}


.wpfFilterWrapper[data-filter-type="wpfRating"] .wpfCheckboxHier::before {
  content: 'Rating:' !important;
  display: block !important;     
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 9px !important; 
  margin-top: 0 !important;
}


.wpfFilterWrapper[data-filter-type="wpfRating"] .wpfStarsRatingBlock {
  margin-left: -30px !important;   
  position: relative !important;
  left: 0 !important;             
}


.wpfFilterButton {
  
  padding-left: 32px !important;
  padding-right: 32px !important;
 
  min-width: 250px !important;
}



.mobile-menu-bar .gtranslate_wrapper,
.mobile-menu-bar .gt-current-lang{
    height:24px;
    margin:0 !important;
    padding:0 !important;
    font-size:13px;
    line-height:24px;
    display:flex;
    align-items:center;
    white-space:nowrap !important;
}


.mobile-menu-bar .gtranslate_wrapper img,
.mobile-menu-bar .gt-current-lang img{
    max-height:16px !important;
    width:auto !important;
}


#gt_float_wrapper{
    position:fixed !important;
    top:14px  !important;
    right:120px !important;
    z-index:inherit !important;
}

#gt_float_wrapper .gt-selected{
    width:64px !important; 
}


#gt_float_wrapper .gt_float_switcher,
#gt_float_wrapper .gt-selected,
#gt_float_wrapper .gt_options{
    background:#fff !important;
    opacity:1 !important;
    box-shadow:none !important;
    filter:none !important;
}


#gt_float_wrapper img{
    filter:none !important;
}


#gt_float_wrapper .gt-selected{
    width:76px !important;       
    flex:0 0 76px !important;     
    box-sizing:border-box !important;
    padding:0 6px !important;     
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important; 
}


#gt_float_wrapper .gt-selected .gt-lang-code{
    display:inline-block !important;
    width:24px !important;       
    text-align:center !important;
}


#gt_float_wrapper .gt-selected .gt_float_switcher-arrow{
    flex:0 0 10px !important;       
}


html,body{ overflow-x:hidden; }   

#gt_float_wrapper{
    right:calc(8vw + 32px) !important;
}

@media(max-width:360px){
    #gt_float_wrapper{
        right:16px !important;
    }
}

#gt_float_wrappe .gt-selected{
    width:72px !important;
    flex:0 0 72px !important;
}

#gt_float_wrapper .gt_options{
    position:absolute !important;
    left:0 !important;
    top:100% !important;
    min-width:100% !important;
}

#gt_float_wrapper{
    right:100px !important;     
}

@media (min-width:361px) and (max-width:400px){
    #gt_float_wrapper{
        right:75px !important;
    }
}

.mobile-menu-bar .filter .toggle-filter > span{
    display:none !important;
}


#gt_float_wrapper .gt_options {
  display: none;
}


#gt_float_wrapper .gt_options.gt-open {
  display: flex !important;
  flex-wrap: wrap !important;
}


#gt_float_wrapper .gt_options.gt-open a {
  order: 999;
}
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="en"]    { order:  1; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="de"]    { order:  2; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="fr"]    { order:  3; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="it"]    { order:  4; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="es"]    { order:  5; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="pl"]    { order:  6; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="iw"]    { order:  7; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="tr"]    { order:  8; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="ru"]    { order:  9; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="ar"]    { order: 10; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="zh-TW"] { order: 11; }
#gt_float_wrapper .gt_options.gt-open a[data-gt-lang="uk"]    { order: 12; }

#radio-control-0-flat_rate {
  margin-left: 5px !important;
  left: -5px !important;
}




@media (max-width:991.98px){


  .section-categories .cont-row{
    display:grid !important;
    gap:16px !important;
  }
  @media (min-width:768px){
    .section-categories .cont-row{ grid-template-columns:repeat(3,1fr) !important; }
  }
  @media (max-width:767.98px){
    .section-categories .cont-row{ grid-template-columns:repeat(2,1fr) !important; }
  }


  .section-categories .category-grid-item{
    position:relative !important;
    display:flex !important;     
    flex-direction:column !important;
    width:100% !important;
  }


  .section-categories .category-title{
    order:-1 !important;              
    position:static !important;   
    margin:0 0 6px !important;
    padding:0 6px !important;
    font-size:16px !important;
    line-height:1.2 !important;

    color:#000 !important;       
    -webkit-text-stroke:1px #fff !important; 
            text-stroke:1px #fff !important;
    text-shadow:none !important;

    pointer-events:none !important;  
  }
  .section-categories .category-title .count{
    margin-left:8px !important;
    color:#000 !important;           
    font-weight:400 !important;
  }


  .section-categories .category-img{
    position:relative !important;
    display:block !important;
    width:100% !important;
    padding-top:100% !important;    
    overflow:hidden !important;
    z-index:1 !important;            
  }
  .section-categories .category-img img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}

@media (max-width:991.98px){
    .section-categories .category-title{
        color:#000 !important;   
        -webkit-text-stroke:0 !important;
                text-stroke:0 !important;
        text-shadow:none !important;
    }
    .section-categories .category-title .count{
        color:#000 !important;   
    }
}


.cat-title-desktop{
    margin:0 0 8px !important;
    padding:0 6px !important;
    font-size:17px !important;
    line-height:1.2 !important;
    color:#000 !important;
}

@media (min-width:1080px){
  .cat-title-hidden{             
      visibility:hidden !important;
      opacity:0 !important;
  }
}


  .bnav_main_menu > li{
      pointer-events:none !important;
  }
  .bnav_main_menu > li > a{
      pointer-events:auto !important;
      display:inline-block !important; 
      width:100% !important;
      height:100% !important;
  }
}

@media (min-width: 1080px) {
  #gt_float_wrapper {
    display: none !important;
  }
}

@media (min-width: 1080px) {
  #gt_float_wrapper {
    display: none !important;
  }
}

@media (max-width: 768px){
    #wpadminbar{
        display:none !important;
    }

    html{
        margin-top:0 !important;
    }
}

.woocommerce-ordering select.orderby:not(:focus) option:first-child{

	display:none !important;
}


.woocommerce-ordering select.orderby:focus option:first-child{
	display:block !important;
}

.bnav_main_menu .text_wrapper {
    display: none !important;
}


.bnav_bottom_nav_wrapper {
    background-color: rgb(255, 255, 255) !important;
}

.shopping-cart.offcanvas .elementor-menu-cart__products{padding:8px 12px;max-height:75vh;overflow:auto}
.shopping-cart.offcanvas .elementor-menu-cart__product.cart_item{display:grid!important;grid-template-columns:72px 1fr auto 18px;grid-template-areas:"thumb info price remove";align-items:start;column-gap:12px;row-gap:6px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.shopping-cart.offcanvas .elementor-menu-cart__product-image{grid-area:thumb}
.shopping-cart.offcanvas .elementor-menu-cart__product-image img{width:72px;height:72px;object-fit:cover;border-radius:10px}
.shopping-cart.offcanvas .elementor-menu-cart__product-name{grid-area:info;margin:0;font-size:13px;line-height:1.3}
.shopping-cart.offcanvas .elementor-menu-cart__product-name a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shopping-cart.offcanvas .elementor-menu-cart__product .variation{margin:4px 0 0}
.shopping-cart.offcanvas .elementor-menu-cart__product .variation dt{display:none}
.shopping-cart.offcanvas .elementor-menu-cart__product .variation dd{margin:0}
.shopping-cart.offcanvas .a2w_shipping_modal,
.shopping-cart.offcanvas .logistics,
.shopping-cart.offcanvas .choose-delivery,
.shopping-cart.offcanvas .a2w-div-table{display:none!important}
.shopping-cart.offcanvas .a2w_shipping_wrap .shipping_info{margin-top:4px;font-size:12px;color:#555;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.shopping-cart.offcanvas .elementor-menu-cart__product-price{grid-area:price;white-space:nowrap;font-weight:600;font-size:13px;line-height:1}
.shopping-cart.offcanvas .quantity{display:inline-flex;gap:4px;align-items:center}
.shopping-cart.offcanvas .product-quantity{opacity:.7}
.shopping-cart.offcanvas .elementor-menu-cart__product-remove{grid-area:remove}
.shopping-cart.offcanvas .elementor-menu-cart__product-remove a{width:16px;height:16px;display:inline-block;opacity:.6}
.shopping-cart.offcanvas .elementor-menu-cart__product-remove a:hover{opacity:1}
.shopping-cart.offcanvas .elementor-menu-cart__subtotal{padding:8px 0;font-size:14px}
.shopping-cart.offcanvas .elementor-menu-cart__footer-buttons .elementor-button{width:100%;margin-top:8px}
.shopping-cart.offcanvas p{margin:0}
.shopping-cart.offcanvas .a2w_shipping_wrap p{display:none}
.shopping-cart.offcanvas .woocommerce-Price-currencySymbol{display:none!important}
.shopping-cart.offcanvas .woocommerce-Price-amount{position:relative}
.shopping-cart.offcanvas .woocommerce-Price-amount::after{content:" €"}

.my-class .elementor-shortcode{max-width:1200px;margin:0 auto;padding:0;background:transparent;border:0}
.elementor-shortcode .favorites-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;list-style:none;margin:0;padding:0}
.elementor-shortcode .favorites-list li{position:relative;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.04);padding:12px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.elementor-shortcode .favorites-list li:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.elementor-shortcode .favorites-list li img{display:block;width:100%;height:200px;object-fit:cover;border-radius:10px}
.elementor-shortcode .favorites-list li p:nth-child(2){margin:10px 0 0}
.elementor-shortcode .favorites-list li p:nth-child(2) a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.35;min-height:calc(1.35em*2);font-size:14px;color:#111;text-decoration:none}
.elementor-shortcode .favorites-list li p:nth-child(2) a:hover{text-decoration:underline}
.elementor-shortcode .favorites-list li .simplefavorite-button{position:absolute;top:10px;right:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:9999px;box-shadow:0 4px 10px rgba(0,0,0,.12);opacity:.95}
.elementor-shortcode .favorites-list li .simplefavorite-button:hover{opacity:1}
.elementor-shortcode .favorites-list li p{margin:0}
@media (max-width:768px){
  .elementor-shortcode .favorites-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
  .elementor-shortcode .favorites-list li img{height:160px}
  .elementor-shortcode .favorites-list li p:nth-child(2) a{-webkit-line-clamp:1;min-height:auto}
}

.containers .cats-list .woocommerce ul.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:0}
@media(max-width:1024px){.containers .cats-list .woocommerce ul.products{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(max-width:740px){.containers .cats-list .woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px}}

.containers .cats-list .woocommerce ul.products li.product-category{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.04);overflow:hidden;transition:transform .2s,box-shadow .2s}
@media(hover:hover){.containers .cats-list .woocommerce ul.products li.product-category:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}}

.containers .cats-list .woocommerce ul.products li.product-category>a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;text-decoration:none}

.containers .cats-list .woocommerce ul.products li.product-category img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px}

.containers .cats-list .woocommerce-loop-category__title{margin:0;font-size:14px;line-height:1.35;color:#111;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(1.35em*2)}
@media(max-width:740px){.containers .cats-list .woocommerce-loop-category__title{font-size:13px}}

.containers .cats-list .products mark.count{background:transparent;color:#777;padding:0;border-radius:0;font-weight:400}

.cat-search-wrapper{position:sticky;top:56px;z-index:20;background:#fff;padding:6px 12px}
@media(min-width:1025px){.cat-search-wrapper{position:static;padding:0}}

@media (max-width:480px){
  .containers .cats-list .woocommerce ul.products{
    padding-left: calc(env(safe-area-inset-left,0px) + 18px);
    padding-right: calc(env(safe-area-inset-right,0px) + 8px);
    margin: 0 auto;
  }
  .cat-search-wrapper{
    padding: 6px calc(env(safe-area-inset-right,0px) + 8px) 6px calc(env(safe-area-inset-left,0px) + 16px);
  }
}

.wc-block-components-totals-coupon__form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.wc-block-components-totals-coupon__input{margin:0}
.wc-block-components-totals-coupon__input input{height:44px;padding:0 12px}
.wc-block-components-totals-coupon__button{position:static!important;margin:0!important;transform:none!important;width:auto}
.wc-block-components-totals-coupon__button.contained{height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:480px){
  .wc-block-components-totals-coupon__form{gap:8px}
  .wc-block-components-totals-coupon__input input{height:42px}
  .wc-block-components-totals-coupon__button.contained{height:42px;padding:0 14px}
}


.elementor-menu-cart__footer-buttons{
  display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px
}
.elementor-menu-cart__footer-buttons .elementor-button{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:48px;padding:0 16px;border-radius:8px;
  background:#67707a;color:#fff!important;text-decoration:none!important;
  font-weight:600;line-height:1
}
.elementor-menu-cart__footer-buttons .elementor-button:hover{background:#555d66}
.elementor-menu-cart__footer-buttons .elementor-button-text{display:inline}


.elementor-menu-cart__footer-buttons a{display:flex!important}

/* ====== Общий вид контейнера фильтров ====== */
.yith-wcan-filters.enhanced{
  --yith-gap: 12px;
  --yith-radius: 12px;
  --yith-border: 1px solid #e9ecef;
  --yith-shadow: 0 1px 2px rgba(0,0,0,.04);
  font-size: 14px;
}
.yith-wcan-filters .filters-container{ display:block; }

/* Каждый блок фильтра — карточкой */
.yith-wcan-filters .yith-wcan-filter{
  margin: 0 0 var(--yith-gap);
  padding: 10px 12px;
  border: var(--yith-border);
  border-radius: var(--yith-radius);
  background: #fff;
  box-shadow: var(--yith-shadow);
}

/* Заголовок фильтра */
.yith-wcan-filters .filter-title{
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: flex; align-items: center; justify-content: space-between;
}

/* Контент — сеткой в 2–3 колонки, компактные отступы */
.yith-wcan-filters .filter-content{ margin: 0; }
.yith-wcan-filters .filter-items{
  list-style: none; padding: 0; margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr)); /* 2 колонки в сайдбаре */
  gap: 8px 12px;
  max-height: 180px;             /* компактный блок с прокруткой */
  overflow: auto;
  scrollbar-width: thin;
}
@media (min-width: 1200px){
  .yith-wcan-filters .filter-items{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

/* Строки чекбоксов — на одну линию */
.yith-wcan-filters .filter-item label{
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; line-height: 1.2; margin: 0;
}
.yith-wcan-filters .filter-item input[type="checkbox"]{
  width: 16px; height: 16px; margin: 0;
}

/* Ссылки-ярлыки — как простой текст, без подчёркивания */
.yith-wcan-filters .filter-item .term-label{
  text-decoration: none; color: inherit;
  display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Пилюли для выбранных значений (современно и наглядно) */
.yith-wcan-filters .filter-item label:has(input:checked){
  background: #f1f3f5;
  border-radius: 999px;
  padding: 6px 10px;
}

/* Убираем лишнее «Show more» — у нас есть прокрутка */
.yith-wcan-filters .show-more{ display:none !important; }

/* Сжимаем вертикальные пробелы между блоками */
.yith-wcan-filters .yith-wcan-filter + .yith-wcan-filter{ margin-top: var(--yith-gap); }

/* ====== Компактная «полоска фильтров» сверху (опционально) ======
   Если хочешь горизонтальную панель над товарами — добавь классы
   .filters-row на обёртку .woocommerce-widgets-wrapper (или на div,
   в котором выводится шорткод), и сработают правила ниже. */
.woocommerce-widgets-wrapper.filters-row .yith-wcan-filters .yith-wcan-filter{
  display: inline-block;
  vertical-align: top;
  margin: 0 8px 8px 0;
  padding: 8px 10px;
}
.woocommerce-widgets-wrapper.filters-row .yith-wcan-filters .filter-title{
  margin: 0 8px 0 0; font-weight: 600;
}
.woocommerce-widgets-wrapper.filters-row .yith-wcan-filters .filter-items{
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  grid-template-columns: none;
  max-height: none; overflow: visible;
}
.woocommerce-widgets-wrapper.filters-row .yith-wcan-filters .filter-item label{
  border: var(--yith-border);
  border-radius: 999px;
  padding: 6px 10px;
  background: #fff;
}
.woocommerce-widgets-wrapper.filters-row .yith-wcan-filters .filter-item label:has(input:checked){
  background: #f1f3f5;
}

/* ====== Мобильная адаптация ====== */
@media (max-width: 767px){
  .yith-wcan-filters{ font-size: 13px; }
  .yith-wcan-filters .filter-items{
    grid-template-columns: 1fr;  /* в одну колонку */
    max-height: 220px;
  }
}



/* Сброс офф-канваса от старого решения */
.woocommerce-widgets-wrapper {
  position: static !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  transform: none !important;
  box-shadow: none !important;
  inset: auto !important;
}
.filter-overlay, .filter-close { display: none !important; }

/* На всякий случай: больше никаких translateX для wrapper */
@media (max-width: 2000px) {
  .woocommerce-widgets-wrapper { transform: none !important; }
}

/* ==== Стили YITH ОСТАВЛЯЕМ (они у тебя уже внизу) ==== */
/* Если хочешь – оставь только этот блок из твоего CSS: */
.yith-wcan-filters.enhanced{
  --yith-gap:12px; --yith-radius:12px; --yith-border:1px solid #e9ecef; --yith-shadow:0 1px 2px rgba(0,0,0,.04);
  font-size:14px;
}
.yith-wcan-filters .filters-container{display:block;}
.yith-wcan-filters .yith-wcan-filter{
  margin:0 0 var(--yith-gap); padding:10px 12px; border:var(--yith-border); border-radius:var(--yith-radius);
  background:#fff; box-shadow:var(--yith-shadow);
}
.yith-wcan-filters .filter-title{margin:0 0 8px; font-size:14px; font-weight:600; display:flex; justify-content:space-between; align-items:center;}
.yith-wcan-filters .filter-content{margin:0;}
.yith-wcan-filters .filter-items{
  list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px;
  max-height:180px; overflow:auto; scrollbar-width:thin;
}
@media (min-width:1200px){ .yith-wcan-filters .filter-items{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.yith-wcan-filters .filter-item label{display:flex; gap:8px; align-items:center; font-size:13px; margin:0;}
.yith-wcan-filters .filter-item input[type="checkbox"]{width:16px; height:16px; margin:0;}
.yith-wcan-filters .filter-item .term-label{display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:inherit; text-decoration:none;}
.yith-wcan-filters .filter-item label:has(input:checked){background:#f1f3f5; border-radius:999px; padding:6px 10px;}
.yith-wcan-filters .show-more{display:none!important;}
@media (max-width:767px){ .yith-wcan-filters{font-size:13px;} .yith-wcan-filters .filter-items{grid-template-columns:1fr; max-height:220px;} }

/* Кнопка-триггер "Фильтр" слева от сортировки (мобайл) */
.shop-filter-trigger{
  display:inline-flex; align-items:center; gap:8px;
  background:transparent; border:0; padding:6px 8px; cursor:pointer;
}
.shop-filter-trigger .icon{
  width:20px; height:16px; position:relative; display:inline-block;
}
.shop-filter-trigger .icon::before,
.shop-filter-trigger .icon::after{
  content:""; position:absolute; left:0; right:0; height:2px; background:#111;
}
.shop-filter-trigger .icon::before{ top:0; box-shadow:0 6px 0 #111, 0 12px 0 #111; }
.shop-filter-trigger .text{ font-weight:600; }

/* ===== Favorites: mini-cart look ===== */
.my-class .elementor-shortcode{
  position: relative;
  max-width: 620px;
  margin: 0 auto;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
}

/* вертикальный ярлык слева */
.my-class .elementor-shortcode::before{
  content: "FAVORITES";
  position: absolute;
  left: -26px;             /* подвинуть ближе/дальше от контейнера при желании */
  top: 8px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 11px;
  letter-spacing: 2px;
  color: #777;
}

/* сброс старой “карточной” сетки для избранного */
.my-class .elementor-shortcode .favorites-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: block !important;
}
.my-class .elementor-shortcode .favorites-list li{
  /* важные ресеты против прежних правил */
  width: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  /* строка товара как в мини-корзине */
  display: grid !important;
  grid-template-columns: 72px 1fr 18px;
  grid-template-areas: "thumb info remove";
  align-items: start;
  column-gap: 12px;
  row-gap: 6px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.my-class .elementor-shortcode .favorites-list li:last-child{ border-bottom: 0; }

/* убираем внешние отступы у p */
.my-class .elementor-shortcode .favorites-list li p{ margin: 0 !important; }

/* миниатюра слева */
.my-class .elementor-shortcode .favorites-list li p:first-child{ grid-area: thumb; }
.my-class .elementor-shortcode .favorites-list li p:first-child img{
  width: 72px; height: 72px; object-fit: cover; border-radius: 10px; display: block;
}

/* название по центру, 2 строки максимум */
.my-class .elementor-shortcode .favorites-list li p:nth-child(2){ grid-area: info; font-size: 13px; line-height: 1.3; }
.my-class .elementor-shortcode .favorites-list li p:nth-child(2) a{
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; text-overflow: ellipsis; color: #111; text-decoration: none;
}

/* “сердце” справа как кнопка удаления */
.my-class .elementor-shortcode .favorites-list li p:nth-child(3){ grid-area: remove; align-self: start; justify-self: end; }
.my-class .elementor-shortcode .favorites-list .simplefavorite-button{
  width: 16px !important; height: 16px !important; background: none !important; box-shadow: none !important; opacity: .6;
}
.my-class .elementor-shortcode .favorites-list .simplefavorite-button:hover{ opacity: 1; }
.my-class .elementor-shortcode .favorites-list .simplefavorite-button::before{
  font-size: 16px !important; color: #999 !important; filter: none !important;
}
.my-class .elementor-shortcode .favorites-list .simplefavorite-button.active::before{
  color: #111 !important;
}

/* мобильные правки */
@media (max-width: 768px){
  .my-class .elementor-shortcode{
    border-radius: 10px; border-width: 1px;
    padding: 8px;
  }
  .my-class .elementor-shortcode::before{ left: 6px; }
}

/* === Название: показывать полностью, без троеточий === */
.elementor-shortcode .favorites-list li p:nth-child(2) a{
  white-space: normal !important;   /* разрешаем перенос */
  overflow: visible !important;
  text-overflow: clip !important;   /* убираем «…» */
  line-height: 1.35 !important;
}

/* чтобы многострочный заголовок не «сплющивался» */
.elementor-shortcode .favorites-list li{
  align-items: flex-start !important;
}

/* === Сердечки всегда красные === */
.elementor-shortcode .favorites-list .simplefavorite-button::before{
  color:#e0245e !important;
  filter:none !important;
}

/* на случай, если сердечко svg/иконкой */
.elementor-shortcode .favorites-list .simplefavorite-button,
.elementor-shortcode .favorites-list .simplefavorite-button i,
.elementor-shortcode .favorites-list .simplefavorite-button svg{
  color:#e0245e !important;
  fill:#e0245e !important;
}

.elementor-shortcode .favorites-list .simplefavorite-button.active::before{
  color:#e0245e !important;
}

/* === Карточка: тени и небольшая анимация === */
.elementor-shortcode .favorites-list li{
  box-shadow: 0 6px 16px rgba(0,0,0,.06) !important;
  border-color:#eee !important;
  transition: box-shadow .2s ease, transform .2s ease !important;
  align-items:flex-start !important;          /* чтобы текст не «сплющивался» */
  gap:14px !important;                         /* чуть больше зазор от картинки */
}
.elementor-shortcode .favorites-list li:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.08) !important;
}

/* === Заголовок: полно, не под картинку и не под сердце === */
.elementor-shortcode .favorites-list li p{ margin:0 !important; }
.elementor-shortcode .favorites-list li p:nth-child(2){
  position:relative !important;
  width:100% !important;
  padding-right:34px !important;               /* запас под кнопку-сердце справа */
}
.elementor-shortcode .favorites-list li p:nth-child(2) a{
  white-space: normal !important;              /* перенос строк — показываем весь заголовок */
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.35 !important;
}
.elementor-shortcode .favorites-list li p:nth-child(2)::after{
  content:""; display:block;
  border-bottom:1px solid #e5e5e5;
  margin-top:6px;
  width:100%;
}

/* === Картинка: не обрезать, плоские углы === */
.elementor-shortcode .favorites-list li img{
  object-fit: contain !important;
  border-radius:0 !important;
  background:#fff !important;
}

/* === Сердечко: всегда красное, своё псевдо-сердце поверх любых svg === */
.elementor-shortcode .favorites-list .simplefavorite-button{
  grid-column:3 !important;
  justify-self:end !important;
  align-self:start !important;
  position:relative !important;
  width:26px !important; height:26px !important;
  background:none !important; box-shadow:none !important;
  color:#e0245e !important;
}
.elementor-shortcode .favorites-list .simplefavorite-button::before{
  content:"\f004";                              /* Font Awesome heart */
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:20px;
  line-height:1;
  color:#e0245e !important;
}
.elementor-shortcode .favorites-list .simplefavorite-button svg,
.elementor-shortcode .favorites-list .simplefavorite-button i,
.elementor-shortcode .favorites-list .simplefavorite-button img{
  display:none !important;                      /* прячем возможные встроенные иконки */
}

/* === Пустое состояние — аккуратно, без наезда слева === */
.elementor-shortcode .favorites-list:not(:has(li)){
  box-shadow: 0 6px 16px rgba(0,0,0,.04) !important;
}
.elementor-shortcode .favorites-list:not(:has(li))::before{
  left:-18px !important;                        /* если есть вертикальная надпись FAVORITES */
  opacity:.55 !important;
}

/* === Мобилка — тот же вид, только компактнее === */
@media (max-width:768px){
  .elementor-shortcode .favorites-list li{
    grid-template-columns: 80px 1fr 26px !important;
    gap:12px !important;
  }
  .elementor-shortcode .favorites-list li img{
    width:80px !important; height:60px !important;
  }
  .elementor-shortcode .favorites-list li p:nth-child(2){ padding-right:30px !important; }
}

/* === Favorites: текст/заголовок не обрезать и не упираться в сетку === */
.elementor-shortcode .favorites-list li p:nth-child(2){
  min-width: 0 !important;          /* ключ к Grid: разрешить сжиматься колоночке с текстом */
  width: 100% !important;
  padding-right: 34px !important;    /* запас справа под сердце */
}

.elementor-shortcode .favorites-list li p:nth-child(2) a{
  display: block !important;
  white-space: normal !important;    /* перенос строк */
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.35 !important;
  word-break: break-word !important; /* длинные слова/URL */
  overflow-wrap: anywhere !important;
}

/* немного больше воздуха под линию */
.elementor-shortcode .favorites-list li p:nth-child(2)::after{
  margin-top: 8px !important;
  border-bottom-color: #e7eaf0 !important;
}

/* карточка выравнивается по верху, чтобы много строк не «сплющивались» */
.elementor-shortcode .favorites-list li{
  align-items: flex-start !important;
}

/* мобильная подстройка — больше места под текст */
@media (max-width: 480px){
  .elementor-shortcode .favorites-list li{
    grid-template-columns: 72px 1fr 26px !important; /* меньше картинка — больше текста */
    gap: 10px !important;
    padding: 12px 12px !important;
  }
  .elementor-shortcode .favorites-list li img{
    width: 72px !important;
    height: 54px !important;
  }
  .elementor-shortcode .favorites-list li p:nth-child(2){
    padding-right: 30px !important;  /* запас под сердце на мобилке */
  }
}

/* если слева есть вертикальная подпись FAVORITES — чуть левее, чтобы не наезжала */
.elementor-shortcode .favorites-list::before{
  left: -20px !important;
  opacity: .55 !important;
}

/* ===== Favorites: пустой список ===== */

/* сам текст "No Favorites" — делаем карточкой */
.elementor-shortcode .favorites-list .no-favorites{
  display:block !important;
  list-style:none !important;
  margin:12px auto !important;
  max-width:900px !important;

  padding:12px 16px !important;       /* общие отступы */
  padding-left:28px !important;        /* небольшой отступ слева, если метка FAVORITES не скрылась */

  background:#fff !important;
  border:1px solid #eee !important;
  border-radius:12px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.06) !important;

  font:500 16px/1.3 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  color:#111 !important;

  position:relative !important;
  z-index:1;                           /* перекрываем возможную левую метку */
}

/* Контейнер избранного — даём место под вертикальную метку */
.elementor-shortcode .favorites-list{
  position: relative !important;
  padding-left: 42px !important; /* место под слово FAVORITES слева */
}

/* Полностью убираем «родную» лейблу темы (которая сдвигает буквы) */
.elementor-shortcode .favorites-list::before{
  content: none !important; /* глушим встроенную метку темы */
}

/* Рисуем свою аккуратную лейблу через ::after */
.elementor-shortcode .favorites-list::after{
  content: "FAVORITES";
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important;
  transform-origin: left center !important;

  font: 600 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  letter-spacing: .35em !important;
  white-space: nowrap !important;
  color: rgba(0,0,0,.35) !important;
  pointer-events: none !important;
}

/* Если список пустой – лейблу вовсе не показываем */
.elementor-shortcode .favorites-list:has(.no-favorites)::after,
.elementor-shortcode .favorites-list:not(:has(li))::after{
  content: none !important;
}

/* Пустое сообщение — уберём стандартные отступы UL, чтобы ничего не заезжало */
.elementor-shortcode .favorites-list .no-favorites{
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 12px !important;
}

/* Мобилка — компактнее отступ и межбуквие */
@media (max-width:768px){
  .elementor-shortcode .favorites-list{ padding-left: 34px !important; }
  .elementor-shortcode .favorites-list::after{ left: 6px !important; letter-spacing: .3em !important; }
}

/* УБРАТЬ вертикальную метку "FAVORITES" слева полностью */
.elementor-shortcode .favorites-list {
  padding-left: 0 !important;          /* убираем резерв под метку */
}
.elementor-shortcode .favorites-list::before,
.elementor-shortcode .favorites-list::after,
.elementor-shortcode .favorites-list > li::before,
.elementor-shortcode .favorites-list > li::after {
  content: none !important;
  display: none !important;            /* глушим любые псевдо-элементы с меткой */
}

/* Когда список пустой — ничего не наезжает */
.elementor-shortcode .favorites-list .no-favorites{
  margin-left: 0 !important;
  padding-left: 12px !important;
}

@media (max-width:768px){
  .elementor-shortcode .favorites-list{ padding-left: 0 !important; }
}

.my-class .elementor-shortcode::before {
  content: none !important;
  display: none !important;
}

/* на всякий случай уберём возможный резерв слева */
.my-class .elementor-shortcode {
  padding-left: 0 !important;
}


.wpfFilterWrapper, .wpfFilterWrapper * { all: revert !important; }
.woocommerce-widgets-wrapper {
  position: static !important; width: auto !important; height: auto !important;
  transform: none !important; box-shadow: none !important; inset: auto !important;
}

/* FAVORITES → карточки как на главной (Block-Shop) — форс-режим */
.elementor-shortcode .favorites-list{ 
  list-style:none !important; margin:0 !important; padding:0 !important;
  display:grid !important; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important;
  gap:16px !important;
}
.elementor-shortcode .favorites-list > li{
  position:relative !important; overflow:hidden !important;
  background:#fff !important; border:1px solid #eee !important;
  border-radius:14px !important; box-shadow:0 4px 12px rgba(0,0,0,.04) !important;
  display:block !important; padding:0 !important; margin:0 !important;
  transition:transform .2s, box-shadow .2s !important;
}
@media (hover:hover){
  .elementor-shortcode .favorites-list > li:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
  }
}

/* Картинка 1:1 */
.elementor-shortcode .favorites-list > li > p:first-child{ margin:0 !important; }
.elementor-shortcode .favorites-list > li > p:first-child img{
  display:block !important; width:100% !important; height:auto !important;
  aspect-ratio:1/1 !important; object-fit:cover !important; border-radius:0 !important;
}

/* Заголовок — 2 строки */
.elementor-shortcode .favorites-list > li > p:nth-child(2){
  margin:10px 12px 6px !important; padding:0 !important;
}
.elementor-shortcode .favorites-list > li > p:nth-child(2) a{
  display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important;
  overflow:hidden !important; text-overflow:ellipsis !important;
  white-space:normal !important; word-break:break-word !important; overflow-wrap:anywhere !important;
  color:#111 !important; text-decoration:none !important; line-height:1.35 !important; font-size:14px !important;
  min-height:calc(1.35em * 2) !important;
}

/* Цена (если выводится) */
.elementor-shortcode .favorites-list > li .price,
.elementor-shortcode .favorites-list > li .woocommerce-Price-amount{
  display:block !important; margin:0 12px 12px !important;
  font-weight:700 !important; font-size:14px !important; color:#111 !important; white-space:nowrap !important;
}

/* Сердечко в правом верхнем углу — как кнопка удаления */
.elementor-shortcode .favorites-list > li .simplefavorite-button{
  position:absolute !important; top:10px !important; right:10px !important;
  width:28px !important; height:28px !important; display:flex !important; align-items:center !important; justify-content:center !important;
  background:#fff !important; border-radius:9999px !important; box-shadow:0 4px 10px rgba(0,0,0,.12) !important;
  padding:0 !important; border:none !important; cursor:pointer !important;
}
.elementor-shortcode .favorites-list > li .simplefavorite-button::before{
  content:"\f004" !important; font-family:"Font Awesome 6 Free" !important; font-weight:900 !important;
  font-size:18px !important; line-height:1 !important; color:#e0245e !important;
}
.elementor-shortcode .favorites-list > li .simplefavorite-button svg,
.elementor-shortcode .favorites-list > li .simplefavorite-button img{ display:none !important; }

/* Мобайл компактнее */
@media (max-width:768px){
  .elementor-shortcode .favorites-list{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important; gap:12px !important; }
  .elementor-shortcode .favorites-list > li .price,
  .elementor-shortcode .favorites-list > li .woocommerce-Price-amount{ margin:0 10px 10px !important; }
}
/* ===== Favorites: карточки каталога (все ключевые свойства с !important) ===== */
.elementor-shortcode .favorites-list{
  list-style:none !important; margin:0 !important; padding:0 !important;
  display:grid !important; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;
  gap:20px !important;
}
.elementor-shortcode .favorites-list > li{
  position:relative !important; overflow:hidden !important;
  display:flex !important; flex-direction:column !important;
  background:#fff !important; border:1px solid #eee !important; border-radius:14px !important;
  box-shadow:0 4px 12px rgba(0,0,0,.04) !important;
  transition:transform .2s, box-shadow .2s !important;
  padding:0 !important; margin:0 !important;
}
@media (hover:hover){
  .elementor-shortcode .favorites-list > li:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
  }
}

/* Картинка 1:1 */
.elementor-shortcode .favorites-list > li > p:first-child{ margin:0 !important; }
.elementor-shortcode .favorites-list > li > p:first-child img{
  display:block !important; width:100% !important; height:auto !important;
  aspect-ratio:1/1 !important; object-fit:cover !important; border-radius:0 !important;
}

/* Заголовок (2 строки) */
.elementor-shortcode .favorites-list > li > p:nth-child(2){
  margin:12px 12px 6px !important; padding:0 !important;
}
.elementor-shortcode .favorites-list > li > p:nth-child(2) a{
  display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important;
  overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important;
  line-height:1.35 !important; min-height:calc(1.35em * 2) !important;
  font-size:14px !important; color:#111 !important; text-decoration:none !important;
}

/* Цена */
.elementor-shortcode .favorites-list > li .price,
.elementor-shortcode .favorites-list > li .woocommerce-Price-amount{
  display:block !important; margin:0 12px 12px !important;
  font-weight:700 !important; font-size:14px !important; color:#111 !important; white-space:nowrap !important;
  writing-mode:horizontal-tb !important; text-orientation:mixed !important;
}

/* Сердечко */
.elementor-shortcode .favorites-list > li .simplefavorite-button{
  position:absolute !important; top:10px !important; right:10px !important;
  width:28px !important; height:28px !important; display:flex !important; align-items:center !important; justify-content:center !important;
  background:#fff !important; border-radius:9999px !important; box-shadow:0 4px 10px rgba(0,0,0,.12) !important;
  border:0 !important; padding:0 !important;
}
.elementor-shortcode .favorites-list > li .simplefavorite-button::before{
  content:"\f004" !important; font-family:"Font Awesome 6 Free" !important; font-weight:900 !important;
  font-size:18px !important; line-height:1 !important; color:#e0245e !important;
}
.elementor-shortcode .favorites-list > li .simplefavorite-button svg,
.elementor-shortcode .favorites-list > li .simplefavorite-button img{ display:none !important; }

/* Мобилка */
@media (max-width:768px){
  .elementor-shortcode .favorites-list{
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important;
    gap:12px !important;
  }
  .elementor-shortcode .favorites-list > li .price{ margin:0 10px 10px !important; }
}
/* ===== FIX: цена одной строкой ===== */
.elementor-shortcode .favorites-list > li .price{
  display:inline-block !important;   /* вместо block */
  white-space:nowrap !important;     /* не переносить */
  margin:0 12px 12px !important;
  font-weight:700 !important;
  font-size:14px !important;
  color:#111 !important;
  line-height:1.35 !important;
}

/* все части цены — в ряд */
.elementor-shortcode .favorites-list > li .price *,
.elementor-shortcode .favorites-list > li .woocommerce-Price-amount,
.elementor-shortcode .favorites-list > li .price bdi,
.elementor-shortcode .favorites-list > li .price del,
.elementor-shortcode .favorites-list > li .price ins{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
}

/* тонкая настройка символа валюты/дефиса */
.elementor-shortcode .favorites-list > li .price .woocommerce-Price-currencySymbol{
  margin-left:2px !important;
}

/* Текст подвинуть чуть левее и выровнять линию */
.elementor-shortcode .favorites-list > li > p:nth-child(2){
  margin-top:12px !important;
  margin-right:12px !important;
  margin-bottom:6px !important;
  margin-left:8px !important;      /* было 12px — сдвигаем левее */
  text-align:left !important;
}
.elementor-shortcode .favorites-list > li > p:nth-child(2)::after{
  margin-top:8px !important;
  margin-left:0 !important;         /* линия строго от левого края текста */
  border-bottom-color:#e7eaf0 !important;
}

/* Цена — тем же левым краем, в одну строку */
.elementor-shortcode .favorites-list > li .price{
  display:inline-block !important;
  white-space:nowrap !important;
  margin:0 12px 12px 8px !important; /* левый отступ как у заголовка */
  font-weight:700 !important;
  font-size:14px !important;
  color:#111 !important;
  line-height:1.35 !important;
}
.elementor-shortcode .favorites-list > li .price *,
.elementor-shortcode .favorites-list > li .woocommerce-Price-amount,
.elementor-shortcode .favorites-list > li .price bdi,
.elementor-shortcode .favorites-list > li .price del,
.elementor-shortcode .favorites-list > li .price ins{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
}

/* Сердце — больше и «кликабельнее» */
.elementor-shortcode .favorites-list > li .simplefavorite-button{
  top:10px !important; right:10px !important;
  width:36px !important; height:36px !important;   /* было ~28px */
  border-radius:9999px !important;
}
.elementor-shortcode .favorites-list > li .simplefavorite-button::before{
  font-size:22px !important;                        /* было ~18px */
}
/* на всякий — скрываем встроенные svg/картинку, если тема их подмешивает */
.elementor-shortcode .favorites-list > li .simplefavorite-button svg,
.elementor-shortcode .favorites-list > li .simplefavorite-button img{
  display:none !important;
}

/* Цена по центру карточки */
.elementor-shortcode .favorites-list > li .price{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin:6px 0 10px 0 !important;   /* без левого отступа */
  font-weight:700 !important;
  font-size:14px !important;
  white-space:nowrap !important;    /* чтобы не ломалась на строки */
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}

/* Всё внутри цены — в одну строку, без переносов */
.elementor-shortcode .favorites-list > li .price *,
.elementor-shortcode .favorites-list > li .woocommerce-Price-amount,
.elementor-shortcode .favorites-list > li .price bdi,
.elementor-shortcode .favorites-list > li .price del,
.elementor-shortcode .favorites-list > li .price ins{
  display:inline-block !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Карточка избранного — свой слой и обрезка по радиусу */
.elementor-shortcode .favorites-list > li{
  position: relative !important;   /* создаём stacking-context */
  z-index: 1 !important;           /* чтобы соседи не перекрывали */
  overflow: hidden !important;     /* ничего не вылезает за скругление */
  border-radius: 14px !important;
}

/* На ховере можно поднимать слой, но без "заезда" картинки */
.elementor-shortcode .favorites-list > li:hover{
  z-index: 3 !important;
}

/* Картинка и контент — внутри границ, без «ступенек» */
.elementor-shortcode .favorites-list > li > p:first-child img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;     /* скругление делает сам контейнер */
  object-fit: cover !important;
}

/* Сердце не должно создавать белую «пилюлю» поверх соседей */
.elementor-shortcode .favorites-list > li .simplefavorite-button{
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* На всякий случай чуть больше зазора между карточками */
.elementor-shortcode .favorites-list{
  gap: 24px !important;
}

.elementor-shortcode .favorites-list{
  gap: 26px !important;
}
.elementor-shortcode .favorites-list > li{
  margin-bottom: 2px !important;
}
.elementor-shortcode .favorites-list > li:hover{
  transform: translateY(-1px) !important; /* очень маленький сдвиг */
}

@media (min-width: 1025px){
  .elementor-shortcode .favorites-list{
    gap: 70px !important;
  }
  /* если нужен лёгкий “подскок” при ховере — оставляем */
  .elementor-shortcode .favorites-list > li{
    margin-bottom: 2px !important;
  }
  .elementor-shortcode .favorites-list > li:hover{
    transform: translateY(-1px) !important;
  }
}

/* На мобильных и планшетах — как было */
@media (max-width: 1024px){
  .elementor-shortcode .favorites-list{
    gap: 26px !important; /* или ваше текущее значение */
  }
}

/* Мобилки: фото квадратно, без скруглений; карточки без скруглений */
@media (max-width: 768px){
  .elementor-shortcode .favorites-list > li{
    border-radius: 0 !important;
  }

  .elementor-shortcode .favorites-list > li > p:first-child{
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;   /* квадратный блок под фото */
    margin: 0 !important;
  }

  .elementor-shortcode .favorites-list > li > p:first-child img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;     /* заполняем квадрат без полос */
    border-radius: 0 !important;      /* убираем закругления у фото */
  }
}

@media (max-width: 768px){
  .elementor-shortcode{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* ========== ZFlow Ali — Ultra-Compact, Centered & Clean ========== */
:root{
  --zfa-card:#fff; --zfa-border:#e9eef6; --zfa-text:#0f172a; --zfa-muted:#64748b;
  --zfa-accent:#2563eb; --zfa-accent-weak:#eef4ff; --zfa-shadow:0 3px 12px rgba(15,23,42,.05);
}

/* 1) Центрируем контент аккаунта и слегка ужимаем типографику */
.woocommerce-MyAccount-content{
  max-width: 880px !important;
  margin-left: auto !important; margin-right: auto !important;
  font-size: 13px !important; line-height: 1.45 !important;
}

/* Заголовки и таблица деталей заказа — компактнее */
.woocommerce-order-details__title{
  font-size: 18px !important; margin: 8px 0 10px !important; line-height: 1.25 !important;
}
.woocommerce-table.woocommerce-table--order-details{
  font-size: 13px !important;
}
.woocommerce-table.woocommerce-table--order-details th,
.woocommerce-table.woocommerce-table--order-details td{
  padding: 8px 10px !important;
}
.woocommerce-table.woocommerce-table--order-details tfoot th{
  color: var(--zfa-muted) !important; font-weight: 700 !important;
}
.woocommerce-table.woocommerce-table--order-details .shipped_via{
  color: var(--zfa-muted) !important;
}

/* 2) Верхняя карточка Shipping (компактная таблица) */
.woocommerce-order-details.zfa-ali-customer{
  max-width: 760px !important; margin: 14px auto !important;
  background: var(--zfa-card) !important; border: 1px solid var(--zfa-border) !important;
  border-radius: 12px !important; padding: 12px 14px 6px !important; box-shadow: var(--zfa-shadow) !important;
}
.woocommerce-order-details.zfa-ali-customer > h2{
  margin: 2px 0 8px !important; font-size: 16px !important; color: var(--zfa-text) !important;
}
.woocommerce-order-details.zfa-ali-customer .shop_table{
  width: 100% !important; border: 0 !important; margin: 0 !important; table-layout: fixed !important;
}
.woocommerce-order-details.zfa-ali-customer .shop_table th,
.woocommerce-order-details.zfa-ali-customer .shop_table td{
  border: 0 !important; background: transparent !important; padding: 8px 0 !important;
  vertical-align: middle !important; font-size: 13px !important;
}
.woocommerce-order-details.zfa-ali-customer .shop_table th{
  width: 150px !important; padding-right: 18px !important; text-align: left !important;
  color: var(--zfa-muted) !important; font-weight: 700 !important; letter-spacing: .2px !important;
}
.woocommerce-order-details.zfa-ali-customer .shop_table td{ padding-left: 0 !important; }
.woocommerce-order-details.zfa-ali-customer .shop_table tr + tr td,
.woocommerce-order-details.zfa-ali-customer .shop_table tr + tr th{
  border-top: 1px dashed var(--zfa-border) !important;
}
/* Чипы для Ali Order / Tracking */
.woocommerce-order-details.zfa-ali-customer .shop_table td code{
  display: inline-block !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 11.5px !important; line-height: 1 !important; letter-spacing: .2px !important;
  padding: 4px 7px !important; background: #f4f6fb !important; border: 1px solid var(--zfa-border) !important;
  border-radius: 7px !important; white-space: nowrap !important;
}
/* Бейдж статуса (3-я строка) */
.woocommerce-order-details.zfa-ali-customer .shop_table tbody tr:nth-child(3) td{
  display: inline-block !important; font-weight: 700 !important; font-size: 11.5px !important;
  background: var(--zfa-accent-weak) !important; color: var(--zfa-accent) !important;
  border: 1px solid #d9e6ff !important; border-radius: 999px !important; padding: 4px 10px !important;
}

/* 3) Нижняя карточка Tracking — ещё компактнее */
.zfa-track{
  max-width: 760px !important; margin: 10px auto !important;
  background: var(--zfa-card) !important; border: 1px solid var(--zfa-border) !important;
  border-radius: 12px !important; padding: 10px 12px !important; box-shadow: var(--zfa-shadow) !important;
}
.zfa-track-head{ display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 6px !important; }
.zfa-track-title{ font-size: 13px !important; font-weight: 800 !important; color: var(--zfa-text) !important; }
.zfa-track-pill{ font-size: 11px !important; font-weight: 800 !important; padding: 3px 7px !important; border-radius: 999px !important; background: var(--zfa-accent-weak) !important; color: var(--zfa-accent) !important; border: 1px solid #d9e6ff !important; }

/* Meta: Method / Carrier / Tracking — две колонки, плотнее */
.zfa-track-meta{
  display: grid !important; grid-template-columns: 1fr 1fr !important;
  gap: 6px !important; margin: 6px 0 !important;
}
.zfa-track-meta > div{
  background: #f8fbff !important; border: 1px solid var(--zfa-border) !important;
  border-radius: 9px !important; padding: 8px 10px !important; font-size: 13px !important;
}
.zfa-track-meta strong{ color: var(--zfa-muted) !important; margin-right: 6px !important; font-weight: 700 !important; }
.zfa-track-meta code{
  background: #f4f6fb !important; border: 1px solid var(--zfa-border) !important;
  border-radius: 7px !important; padding: 3px 7px !important; font-size: 11.5px !important;
}

/* Timeline — тонкий */
.zfa-track-timeline{ list-style: none !important; margin: 6px 0 0 !important; padding: 0 !important; }
.zfa-track-timeline li{
  display: grid !important; grid-template-columns: 92px 10px 1fr !important; gap: 6px !important;
  align-items: start !important; padding: 6px 0 !important; border-top: 1px dashed var(--zfa-border) !important;
}
.zfa-track-timeline li:first-child{ border-top: 0 !important; }
.zfa-track-timeline time{ font-size: 12px !important; color: var(--zfa-muted) !important; }
.zfa-track-dot{ width: 8px !important; height: 8px !important; margin-top: 3px !important; background: var(--zfa-accent) !important; border-radius: 50% !important; box-shadow: 0 0 0 2px var(--zfa-accent-weak) !important; }
.zfa-track-text{ font-size: 13px !important; color: var(--zfa-text) !important; line-height: 1.35 !important; }

/* 4) Адресные колонки — аккуратнее и равномерней */
.woocommerce-customer-details address{ font-size: 13px !important; line-height: 1.5 !important; }
.woocommerce-columns--addresses .woocommerce-column__title{
  font-size: 16px !important; margin-bottom: 8px !important;
}

/* 5) Мобилки — всё ещё компактнее и на всю ширину */
@media (max-width: 768px){
  .woocommerce-MyAccount-content{ padding-left: 12px !important; padding-right: 12px !important; }
  .woocommerce-order-details__title{ font-size: 16px !important; }

  .woocommerce-order-details.zfa-ali-customer,
  .zfa-track{ max-width: 100% !important; border-radius: 10px !important; }

  .woocommerce-order-details.zfa-ali-customer{ padding: 10px 12px 4px !important; }
  .woocommerce-order-details.zfa-ali-customer .shop_table th{
    width: 42% !important; padding-right: 12px !important; font-size: 13px !important;
  }
  .woocommerce-order-details.zfa-ali-customer .shop_table td{ font-size: 13px !important; }
  .woocommerce-order-details.zfa-ali-customer .shop_table td code{ font-size: 11px !important; padding: 4px 6px !important; }

  .zfa-track{ padding: 10px 12px !important; }
  .zfa-track-title{ font-size: 13px !important; }
  .zfa-track-pill{ font-size: 11px !important; padding: 3px 6px !important; }
  .zfa-track-meta{ grid-template-columns: 1fr !important; gap: 6px !important; }
  .zfa-track-timeline li{ grid-template-columns: 84px 10px 1fr !important; }
}

/* гарантия на всякий случай */
.woocommerce-order-details.zfa-ali-customer .shop_table td,
.woocommerce-order-details.zfa-ali-customer .shop_table th,
.zfa-track *{ box-sizing: border-box !important; }

/* прижать обе карточки (таблица + трекинг) к левому краю */
.woocommerce-MyAccount-content .woocommerce-order-details.zfa-ali-customer,
.woocommerce-MyAccount-content .zfa-track{
  margin-left: 0 !important;
  margin-right: auto !important;   /* остаётся прежняя ширина, но без центрирования */
}

/* если хочешь, чтобы тянулись на всю ширину колонки — раскомментируй: */
/*
.woocommerce-MyAccount-content .woocommerce-order-details.zfa-ali-customer,
.woocommerce-MyAccount-content .zfa-track{
  max-width: 100% !important;
}
*/

/* ===== Extra mobile compact (добавить после твоего блока) ===== */

/* ≤480px — компактнее, но читабельно */
@media (max-width: 480px){

  .woocommerce-MyAccount-content{
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }

  .woocommerce-order-details__title{ font-size: 15px !important; }

  /* Карточка Shipping */
  .woocommerce-order-details.zfa-ali-customer{
    padding: 8px 10px 4px !important;
    border-radius: 10px !important;
  }
  .woocommerce-order-details.zfa-ali-customer .shop_table th{
    width: 40% !important;
    padding-right: 10px !important;
    font-size: 12px !important;
  }
  .woocommerce-order-details.zfa-ali-customer .shop_table td{
    font-size: 12px !important;
  }
  /* Чипы-коды — меньше и разрешаем перенос */
  .woocommerce-order-details.zfa-ali-customer .shop_table td code{
    font-size: 10.5px !important;
    padding: 3px 5px !important;
    white-space: normal !important;
    word-break: break-all !important;
  }
  /* Бейдж статуса */
  .woocommerce-order-details.zfa-ali-customer .shop_table tbody tr:nth-child(3) td{
    font-size: 10.5px !important;
    padding: 3px 8px !important;
  }

  /* Трекинг */
  .zfa-track{
    padding: 8px 10px !important;
    border-radius: 10px !important;
  }
  .zfa-track-title{ font-size: 12.5px !important; }
  .zfa-track-pill{ font-size: 10px !important; padding: 2px 6px !important; }

  .zfa-track-meta{
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    margin: 4px 0 !important;
  }
  .zfa-track-meta > div{
    padding: 6px 8px !important;
    font-size: 12px !important;
  }
  .zfa-track-meta strong{ margin-right: 4px !important; }

  .zfa-track-meta code{
    font-size: 10.5px !important;
    padding: 2px 5px !important;
    white-space: normal !important;
    word-break: break-all !important;
  }

  .zfa-track-timeline li{
    grid-template-columns: 74px 8px 1fr !important;
    gap: 5px !important;
    padding: 5px 0 !important;
  }
  .zfa-track-timeline time{ font-size: 11px !important; }
  .zfa-track-dot{ width: 6px !important; height: 6px !important; margin-top: 2px !important; }
  .zfa-track-text{
    font-size: 12px !important;
    line-height: 1.3 !important;
    /* двухстрочная усечка длинных событий (если нужно) */
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Адресные колонки — ещё компактнее */
  .woocommerce-customer-details address{
    font-size: 12px !important; line-height: 1.4 !important;
  }
  .woocommerce-columns--addresses .woocommerce-column__title{
    font-size: 15px !important; margin-bottom: 6px !important;
  }
}

/* ≤360px — ультра-компактный режим для маленьких экранов */
@media (max-width: 360px){
  .woocommerce-MyAccount-content{ font-size: 11.5px !important; }
  .woocommerce-order-details__title{ font-size: 14px !important; }

  .woocommerce-order-details.zfa-ali-customer .shop_table th{
    width: 44% !important; font-size: 11.5px !important; padding-right: 8px !important;
  }
  .woocommerce-order-details.zfa-ali-customer .shop_table td{ font-size: 11.5px !important; }
  .woocommerce-order-details.zfa-ali-customer .shop_table td code{ font-size: 10px !important; }

  .zfa-track-title{ font-size: 12px !important; }
  .zfa-track-pill{ font-size: 9.5px !important; padding: 2px 5px !important; }

  .zfa-track-timeline li{
    grid-template-columns: 66px 8px 1fr !important;
  }
  .zfa-track-timeline time{ font-size: 10.5px !important; }
  .zfa-track-text{ font-size: 11.5px !important; }
}

/* Скрыть все последующие блоки трекинга, оставить только первый */
.woocommerce-MyAccount-content section.zfa-track ~ section.zfa-track{
  display: none !important;
}

/* СКРЫТЬ карточку трекинга под таблицей — всегда */
.woocommerce-MyAccount-content > section.zfa-track,
.woocommerce-MyAccount-content .zfa-track{
  display: none !important;
}

.zfa-track-pill.zfa-pill-moved{
  display:inline !important;
  font:inherit !important;         /* тот же шрифт/размер/жирность */
  color:inherit !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin-left:5px !important;      /* «чуть левее» = ближе к тексту.
                                      Нужно ещё ближе — поставь 0 или -1px */
  letter-spacing:inherit !important;
  vertical-align:baseline !important;
}

@media (max-width: 480px){
  /* Сдвиг всей "капсулы" Status (текст + рамка) чуть левее */
  .woocommerce-order-details.zfa-ali-customer .shop_table tbody tr:nth-child(3) td{
    margin-left: -25px !important; /* при необходимости подправь на -2px / -6px */
  }

  /* Расстояние между "Awaiting dispatch" и кодом */
  .zfa-track-pill.zfa-pill-moved{
    margin-left: 4px !important;
  }
}

/* ==== Cart (mobile) compact mode ==== */
@media (max-width: 600px) {

  /* Сжать общий контейнер и отступы */
  .wc-block-cart__main,
  .wc-block-cart__sidebar { padding: 8px !important; }

  .wc-block-cart__totals-title { 
    font-size: 16px !important; 
    margin: 8px 0 !important; 
  }

  /* Строки товаров */
  .wc-block-cart-items__row { 
    gap: 8px !important; 
    padding: 8px 0 !important; 
  }

  /* Картинка товара */
  .wc-block-cart-item__image img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    border-radius: 6px !important;
  }

  /* Название товара */
  .wc-block-components-product-name {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin: 0 0 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* Цена в строке */
  .wc-block-cart-item__prices .wc-block-components-product-price__value,
  .wc-block-cart-item__total .wc-block-components-product-price__value {
    font-size: 13px !important;
  }

  /* Мета (Ships From, color) */
  .wc-block-components-product-details {
    margin: 4px 0 !important;
  }
  .wc-block-components-product-details__name,
  .wc-block-components-product-details__value {
    font-size: 12px !important;
  }

  /* Количество: инпут и кнопки +/- */
  .wc-block-components-quantity-selector { transform: scale(0.9) !important; transform-origin: left center !important; }
  .wc-block-components-quantity-selector__input {
    height: 28px !important;
    width: 48px !important;
    font-size: 13px !important;
    padding: 2px 4px !important;
  }
  .wc-block-components-quantity-selector__button {
    width: 28px !important;
    height: 28px !important;
    font-size: 16px !important;
    line-height: 26px !important;
  }

  /* Кнопка "Remove item" */
  .wc-block-cart-item__remove-link {
    font-size: 12px !important;
    padding: 4px 0 !important;
  }

  /* Таблица/шапка */
  .wc-block-cart-items__header span {
    font-size: 12px !important;
  }

  /* Блок купонов */
  .wc-block-components-panel__button {
    font-size: 13px !important;
    padding: 8px !important;
  }

  /* Сводка итогов */
  .wc-block-components-totals-item__label,
  .wc-block-components-totals-item__value {
    font-size: 13px !important;
  }
  .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  /* Стоимость доставки (делаем компактнее) */
  .wc-block-components-totals-shipping .wc-block-components-totals-item {
    padding: 6px 0 !important;
  }

  /* Express payment (GPay) — уменьшить высоту */
  .wc-block-components-express-payment__content { padding: 6px !important; }
  .gpay-card-info-container-fill .gpay-card-info-iframe,
  .gpay-card-info-container-fill button#gpay-button-online-api-id {
    height: 40px !important;
    min-height: 40px !important;
  }

  /* Разделитель "Or" */
  .wc-block-components-express-payment-continue-rule--cart {
    font-size: 12px !important;
    margin: 8px 0 !important;
  }

  /* Кнопка "Proceed to Checkout" */
  .wc-block-cart__submit-container { padding: 8px !important; }
  .wc-block-cart__submit-button {
    font-size: 14px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
  }
  .wc-block-components-button__text { font-size: 14px !important; }

  /* Уменьшить межстрочные отступы в сайдбаре */
  .wc-block-components-totals-wrapper .wc-block-components-totals-item { 
    padding: 6px 0 !important; 
  }

  /* Небольшое уплотнение таблицы */
  .wc-block-cart-items { margin: 0 !important; }
  .wc-block-cart-item__wrap { gap: 4px !important; }
}

/* Для страниц корзины, отмеченных классом .is-mobile — ещё чуть компактнее */
.wc-block-cart.is-mobile .wc-block-cart-item__image img { 
  width: 56px !important; 
  height: 56px !important; 
}
.wc-block-cart.is-mobile .wc-block-components-product-name { 
  font-size: 12.5px !important; 
}
.wc-block-cart.is-mobile .wc-block-components-totals-item__label,
.wc-block-cart.is-mobile .wc-block-components-totals-item__value { 
  font-size: 12.5px !important; 
}

/* --- FIX: статус не вылазит и не дублируется --- */

/* Прячем «сырой» текст в 3-й строке (Status), оставляем только .zfa-pill-moved */
.woocommerce-order-details.zfa-ali-customer .shop_table tbody tr:nth-child(3) td{
  font-size: 0 !important;                 /* скрывает текстовый узел в TD */
  overflow: hidden !important;
}

/* Пилюля статуса — показываем и разрешаем перенос даже внутри длинных слов */
.woocommerce-order-details.zfa-ali-customer .shop_table tbody tr:nth-child(3) td .zfa-track-pill.zfa-pill-moved{
  display: inline-block !important;
  font-size: 11.5px !important;            /* возвращаем размер шрифта */
  font-weight: 800 !important;
  line-height: 1.2 !important;
  max-width: 100% !important;

  /* перенос длинных «слов» с подчёркиваниями */
  white-space: normal !important;
  overflow-wrap: anywhere !important;       /* современный перенос */
  word-break: break-word !important;        /* fallback */

  /* аккуратная капсула (можно убрать фон, если не нужен) */
  background: var(--zfa-accent-weak) !important;
  color: var(--zfa-accent) !important;
  border: 1px solid #d9e6ff !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
  margin-left: 0 !important;                /* без сдвига — раз дубля нет */
}

/* На узких экранах — чуть компактнее */
@media (max-width: 480px){
  .woocommerce-order-details.zfa-ali-customer .shop_table tbody tr:nth-child(3) td .zfa-track-pill.zfa-pill-moved{
    font-size: 10.5px !important;
    padding: 3px 8px !important;
  }
}

/* ==== ZFA Timeline: компактный и аккуратный ==== */
.woocommerce-order-details.zfa-ali-customer .zfa-tl {
  margin-top: 6px !important;
}
.woocommerce-order-details.zfa-ali-customer .zfa-tl ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-order-details.zfa-ali-customer .zfa-tl li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 0 !important;
  border-top: 1px dashed var(--zfa-border) !important;
  font-size: 13px !important;
  font-weight: 500 !important;            /* тоньше, чем bold */
  color: var(--zfa-text) !important;
}
.woocommerce-order-details.zfa-ali-customer .zfa-tl li:first-child {
  border-top: 0 !important;
}

/* Дата — "пилюля", слегка акцентная и всегда на одной строке */
.woocommerce-order-details.zfa-ali-customer .zfa-tl-time {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--zfa-accent) !important;
  background: var(--zfa-accent-weak) !important;
  border: 1px solid #d9e6ff !important;
  border-radius: 6px !important;
  padding: 3px 6px !important;
  white-space: nowrap !important;
}

/* Ссылка Show/Hide timeline — неброская */
.woocommerce-order-details.zfa-ali-customer .zfa-tl-toggle {
  font-size: 12px !important;
  color: var(--zfa-accent) !important;
  text-decoration: none !important;
  margin-left: 8px !important;
}
.woocommerce-order-details.zfa-ali-customer .zfa-tl-toggle:hover {
  text-decoration: underline !important;
}

/* ===== Мобилки: всё мельче и в ОДНУ строку с троеточием ===== */
@media (max-width: 480px) {
  .woocommerce-order-details.zfa-ali-customer .zfa-tl li {
    padding: 5px 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    /* одна строка + троеточие */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-time {
    font-size: 11px !important;
    padding: 2px 6px !important;
  }
  /* чуть компактнее ссылка */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-toggle {
    font-size: 11px !important;
    margin-left: 6px !important;
  }
}

@media (max-width: 360px) {
  .woocommerce-order-details.zfa-ali-customer .zfa-tl li { font-size: 11.5px !important; }
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-time { font-size: 10.5px !important; }
}


/* === Timeline: занять всю ширину на мобилках === */
@media (max-width: 768px){
  /* Спрятать заголовок колонки у строки с таймлайном */
  .woocommerce-order-details.zfa-ali-customer .shop_table tr:has(.zfa-tl) th{
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }
  /* Сдвинуть TD влево на ширину заголовка (42%) и растянуть */
  .woocommerce-order-details.zfa-ali-customer .shop_table tr:has(.zfa-tl) td{
    display: block !important;
    margin-left: -80% !important;               /* столько же, сколько ширина th на мобилке */
    width: calc(1000% + 42%) !important;
    padding-left: 0 !important;
  }

  /* Одна строка с троеточием — и для краткой строки, и для пунктов */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl li{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  /* Чуть меньше шрифт и компактная «пилюля» времени */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-time{
    font-size: 11px !important;
    padding: 2px 6px !important;
  }
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-toggle{
    font-size: 11px !important;
    margin-left: 6px !important;
  }
}

/* === Timeline mobile: full width + very compact === */
@media (max-width: 600px){
  /* Прячем заголовок ячейки у строки с таймлайном */
  .woocommerce-order-details.zfa-ali-customer .shop_table tr:has(.zfa-tl) th{
    display: none !important;
  }

  /* Контент в одну колонку на всю ширину */
  .woocommerce-order-details.zfa-ali-customer .shop_table tr:has(.zfa-tl) td{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    font-size: 10.5px !important;   /* ещё меньше текста */
    line-height: 1.25 !important;
    font-weight: 500 !important;     /* не жирный */
  }

  /* Краткая строка и элементы списка — одна строка + троеточие */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl li{
    padding: 4px 0 !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* «Пилюля» времени — компактная и читаемая */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-time{
    font-size: 10px !important;
    padding: 2px 6px !important;
    line-height: 1 !important;
  }

  /* Ссылка Show/Hide — поменьше */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-toggle{
    font-size: 10.5px !important;
    margin-left: 6px !important;
  }
}

/* === Timeline: мобильная читаемость, без усечений и без "timeline" слева === */
@media (max-width: 600px){

  /* Убрать мобильные ярлыки WooCommerce в нашей таблице */
  .woocommerce-order-details.zfa-ali-customer .shop_table.shop_table_responsive td::before{
    display: none !important;
    content: none !important;
  }

  /* Строка с таймлайном — на всю ширину, без отрицательных отступов */
  .woocommerce-order-details.zfa-ali-customer .shop_table tr:has(.zfa-tl) th{
    display: none !important;
  }
  .woocommerce-order-details.zfa-ali-customer .shop_table tr:has(.zfa-tl) td{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;

    /* даём нормально переноситься (НЕ обрезаем) */
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    font-size: 10.5px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important; /* не жирный */
  }

  /* Элементы списка — многострочные, без обрезки */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl li{
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 4px 0 !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 10.5px !important;
  }

  /* Пилюля с датой — компактнее */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-time{
    font-size: 10px !important;
    padding: 2px 6px !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
  }

  /* Ссылка Show/Hide */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-toggle{
    font-size: 10.5px !important;
    margin-left: 6px !important;
  }
}

/* === Timeline: mobile two-line clamp, full width, no "timeline" label === */
@media (max-width: 600px){

  /* Убираем мобильные ярлыки WooCommerce (td::before) */
  .woocommerce-order-details.zfa-ali-customer .shop_table.shop_table_responsive td::before{
    display: none !important;
    content: none !important;
  }

  /* Спрятать th у строки с таймлайном, td — на 100% */
  .woocommerce-order-details.zfa-ali-customer .shop_table tr:has(.zfa-tl) th{ display:none !important; }
  .woocommerce-order-details.zfa-ali-customer .shop_table tr:has(.zfa-tl) td{
    display:block !important; width:100% !important; margin:0 !important; padding-left:0 !important;
    font-size:11px !important; line-height:1.3 !important; font-weight:500 !important;
  }

  /* Элементы списка — в ряд: [пилюля времени] [текст <= 2 строки] */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl li{
    display:flex !important; gap:8px !important; align-items:flex-start !important;
    padding:6px 0 !important; border-top:1px dashed var(--zfa-border) !important;
  }
  .woocommerce-order-details.zfa-ali-customer .zfa-tl li:first-child{ border-top:0 !important; }

  .woocommerce-order-details.zfa-ali-customer .zfa-tl-time{
    flex:0 0 auto !important;
    font-size:10px !important; padding:2px 6px !important; line-height:1 !important;
    background:var(--zfa-accent-weak) !important; color:var(--zfa-accent) !important;
    border:1px solid #d9e6ff !important; border-radius:6px !important; white-space:nowrap !important;
  }

  /* Текст события: максимум 2 строки, дальше — обрезка */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-text{
    flex:1 1 auto !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden !important;
    white-space:normal !important;
    word-break:break-word !important;
  }

  /* Краткая строка над списком — те же правила для текста */
  .woocommerce-order-details.zfa-ali-customer td .zfa-tl-text{
    display:-webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden !important;
    white-space:normal !important;
    vertical-align:top !important;
  }

  .woocommerce-order-details.zfa-ali-customer .zfa-tl-toggle{
    font-size:10.5px !important; margin-left:6px !important;
  }
}

/* === ZFA Timeline — фиксация лесенки на мобилках === */
@media (max-width: 600px){

  /* Убрать мобильный лейбл Woo (он крадёт 50% ширины) именно у Timeline */
  .woocommerce-order-details.zfa-ali-customer table.shop_table.shop_table_responsive
  tr:has(.zfa-tl) td::before,
  .woocommerce-order-details.zfa-ali-customer table.shop_table.shop_table_responsive
  td[data-title="Timeline"]::before{
    display: none !important;
    content: none !important;
  }

  /* Скрыть th, а td дать 100% ширины и нормальную типографику */
  .woocommerce-order-details.zfa-ali-customer table.shop_table.shop_table_responsive
  tr:has(.zfa-tl) th{ display:none !important; }

  .woocommerce-order-details.zfa-ali-customer table.shop_table.shop_table_responsive
  tr:has(.zfa-tl) td{
    float: none !important;
    display: block !important;
    width: 100% !important;
    padding-left: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    word-break: normal !important;        /* не рвём слово по буквам */
    overflow-wrap: break-word !important;  /* переносим только при нехватке места */
  }

  /* Элементы списка: [пилюля времени] [текст ≤ 2 строк] */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl li{
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 6px 0 !important;
    border-top: 1px dashed var(--zfa-border) !important;
  }
  .woocommerce-order-details.zfa-ali-customer .zfa-tl li:first-child{ border-top:0 !important; }

  .woocommerce-order-details.zfa-ali-customer .zfa-tl-time{
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1 !important;
    padding: 2px 6px !important;
    background: var(--zfa-accent-weak) !important;
    color: var(--zfa-accent) !important;
    border: 1px solid #d9e6ff !important; border-radius: 6px !important;
  }

  /* Сам текст события — максимум 2 строки */
  .woocommerce-order-details.zfa-ali-customer .zfa-tl-text{
    flex: 1 1 auto !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Краткая строка над списком — те же правила для текста */
  .woocommerce-order-details.zfa-ali-customer td .zfa-tl-text{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .woocommerce-order-details.zfa-ali-customer .zfa-tl-toggle{
    font-size: 10.5px !important;
    margin-left: 6px !important;
  }
}


/* === Sort (Select2) — мобайл: нормальная стрелка + компактные пункты === */
@media (max-width: 768px){

  /* вернуть стрелку как была (без увеличения) */
  .mobile-menu-bar .sort-products.in-header .select2-selection__arrow{
    transform: translateY(-50%) !important;    /* убираем scale(1.1) */
    width: 28px !important; height: 32px !important;
  }
  .mobile-menu-bar .sort-products.in-header .select2-selection__arrow b{
    border-width: 5px 4px 0 4px !important;     /* дефолтный «треугольник» */
  }

  /* сам дропдаун чуть уже, чтобы не расползался */
  .mobile-menu-bar .select2-container--default .select2-dropdown{
    min-width: 150px !important;
    max-width: 200px !important;
  }

  /* пункты списка — меньше и в одну строку с троеточием */
  .mobile-menu-bar .select2-results__option{
    font-size: 12px !important;
    line-height: 1.25 !important;
    padding: 6px 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* прокрутка — пониже высота и тонкий скролл */
  .mobile-menu-bar .select2-results__options{
    max-height: 220px !important;
    scrollbar-width: thin;
  }

  /* поле поиска в дропдауне (если вдруг включится) — тоже компактнее */
  .mobile-menu-bar .select2-search--dropdown{ padding: 4px 6px !important; }
  .mobile-menu-bar .select2-search__field{ font-size: 12px !important; padding: 6px 8px !important; }
}




/* === Woo "orderby" Select2 — мобильный дропдаун: меньше шрифт, 1 строка, красиво === */
@media (max-width: 768px){

  /* Панель дропа (Select2 добавляет style="width:auto"; задаём диапазон) */
  .select2-container--open .select2-dropdown{
    min-width: 160px !important;
    max-width: 180px !important;
  }

  /* Именно список результатов сортировки (id начинается с select2-orderby-) */
  ul[id^="select2-orderby-"][id$="-results"] > li.select2-results__option{
    font-size: 12px !important;
    line-height: 1.25 !important;
    padding: 8px 10px !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Подсветка активного пункта — мягкая */
  ul[id^="select2-orderby-"][id$="-results"]
  > li.select2-results__option--highlighted[aria-selected]{
    background: #f1f3f5 !important;
    color: #111 !important;
  }

  /* Текст в «кнопке»-триггере тоже поменьше */
  .select2-container .select2-selection--single .select2-selection__rendered{
    font-size: 12px !important;
    line-height: 32px !important; /* под вашу высоту селекта */
  }
}

@media (max-width: 768px){
  .mobile-menu-bar{ display:flex; align-items:center; gap:8px; }
  .mobile-menu-bar .filter.in-header{ order:10; flex:0 0 auto; }
  .mobile-menu-bar .sort-products.in-header{ order:20; flex:0 1 auto; }

  /* внешний вид самой кнопки из плагина в шапке */
  .zfof-hbtn--bar{
    position:static;
    display:inline-flex; align-items:center; gap:6px;
    height:32px; padding:0 10px;
    background:#fff; border:1px solid #e5e7eb; border-radius:999px; font-size:12px;
  }
  @media (max-width:420px){
    .zfof-hbtn--bar span:not([data-zfof-badge]){ display:none; } /* оставим только иконку и бейдж */
    .zfof-hbtn--bar{ width:32px; padding:0; justify-content:center; }
  }
}