.cwgstock_button {
background-color:black!important;
}

button.sj-v8-icon.sj-v8-menu:hover span {
    background: #fff !important;
}
/* Force Basel sticky button wrapper to appear immediately when class is injected */
body.basel-sticky-btn-shown .basel-sticky-btn {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: none !important;
    transform: none !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

/* Optional: Ensure the sticky inner block updates positions properly on RTL layouts */
body.basel-sticky-btn-shown .basel-sticky-btn .basel-sticky-btn-container {
    opacity: 1 !important;
    visibility: visible !important;
}


/* Hide the price tag inside the ZigZag shipping method label
label[for="shipping_method_0_zigzag11"] .woocommerce-Price-amount {
    display: none !important;
}*/
.woocommerce-checkout .checkout-order-review {
    padding: 40px 0px !important;
 }
.woocommerce-tabs h2#reviews_tab {
    display: none;
}
.basel-sticky-btn-cart p.stock , .basel-sticky-btn-cart .bundle_form , .basel-sticky-btn-cart .tc-extra-product-options  {
    display:none;
}
.basel-sticky-btn .price del {
    margin-left: 0;
}
div#scb-banner {
    border-radius: 12px;
    right: inherit;
    left: 15px !important;
    transform: translateX(0) !important;
    bottom: 15px !important;
}
div#scb-banner a {
    text-decoration:underline;
	color:#000;
}
@media only screen and (min-width: 992px) {
.basel-sticky-btn .basel-sticky-btn-container {

    width: 80%;
}
}
@media (min-width: 1000px) and (max-width: 1530px) {

  ul#menu-mainmenu.menu {
    overflow-x: auto !important;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    direction: rtl;
    padding-inline: 40px !important;
    -webkit-overflow-scrolling: touch;
  }
  ul#menu-mainmenu.menu > li {
    flex: 0 0 auto;
  }

}



input#billing_phone {
    text-align: end;
}
iframe#zcredit-iframe-149611 {
    margin-right: -35px;
}

p.stock.out-of-stock {
    display: none !important;
}
.product-category-thumbnail {
    padding: 5%;
}
.cart-widget-side, .login-form-side {
    right: auto;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
input.cwgstock_button {
    background: #212529;
    color: #fff;
}
.product-grid-item .price {
    margin-top: 5px;
}
.ti-widget.ti-goog .ti-widget-container, .ti-widget.ti-goog .ti-widget-container * {
    font-family: rubik !important;
}
div.bundled_product_summary, .woocommerce div.product.bundled_product_summary {
    margin: 0 !important;
}
.single-product-content .cart {
    margin: 0;
} 

div#tm-extra-product-options {
    border: 1px solid #222;
    padding: 4% !important;
}
div#text-13 .vc_column-inner {

    padding-left:0 !important;
    padding-right:0 !important;
}

.bundle_form.bundle_sells_form.initialized {
    border: 1px solid;
    padding: 4% !important;
}
.bundled_item_1.bundled_product.bundled_product_summary.product.bundled_item_optional {
    border: none;
	padding: 0;
}
.page-title
{
	border-bottom:0;
}
ul#shipping_method:before {
    display: contents !important;
}

ul#shipping_method li {
    margin-top: 15px;
}
a.button.cwl-notify-button {
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
background:#000 !important;
}
p.cwl-form-title {
    background: #000;
    color: #fff !important;
    text-align: center;
    padding: 5px;
    font-weight: 500 !important;
}

button.button.alt.cwl-notify-button {
    border-radius: 0 !important;
    background: #000 !important;
    margin: 0 auto !important;
    display: block;
}
a.button.cwl-notify-button:before {
    margin: 0;
}
form.cwl-back-in-stock-form {
    border: 1px solid rgba(0, 0, 0, 0.7);
    padding: 3%;
}
p.cwl-form-title {
color:black;
font-size:22px
}
.cwl-back-in-stock-form .cwl-form-title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
}
.cwl-notify-button {
background-color:#9e0458!important;
}

body.single-product .cart {
    margin-right: 0 !important;
}
/* Bee1- Badges */ 
span.bee1-badge.custom-badge {
    border-radius: 0px;
    margin: 0px;
    font-size: 14px;
	    line-height: 20px;
}
.bee1-custom-badges-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
	align-items: center;
    justify-content: center;
height: 60px;
}

.badges_flex {
    display: inline-flex;
    gap: 10px;
    margin-bottom: 8px;
}

.bee1-badge-flex {padding: 0px 5px;}
ins bdi {
    font-weight: 500;
}
.basel-search-results.basel-scroll-content .yith-wcbm-badge
{
    display:none;
}
.component_summary.cp_clearfix {
    margin-bottom: 20px;
    margin-top: -50px;
}

.single_variation_wrap.component_wrap {
    display: none;
}
form.cart.cart_group.composite_form.single.standard.grouped_form.small_width {
    margin-right: 0;
    padding-right: 0;
}
.composite_data {
    display: block !important;
    margin: 0 !important;
}
.composite_wrap {
    padding: 0 !important;
}
body .composite_button {
    margin-top: -35px !important;
}
.yith-wcbm-badge.yith-wcbm-badge-text {
    min-width: max-content;
}
@media only screen and (max-width: 600px) {
.footer-column-1 .vc_column-inner .wpb_wrapper .vc_column-inner  {border-bottom: 1px dashed #ddd;}

.footer-column-1 .vc_column-inner .wpb_wrapper {
   padding-left: 0px !important;
        margin: 0 15px;
}

.term-breitling span.price {
    height: 51px;
}
.term-breitling .col-sm-12
	{
		padding-left:10px;
		padding-right:10px;
	}
	div#cmplz-message-1-optin p {
    margin: 0;
}

.cmplz-cookiebanner.banner-1.optin.cmplz-bottom-left.cmplz-categories-type-view-preferences.cmplz-show {
    gap: 0;
}

.cmplz-header {
    position: absolute;
    left: 10px;
}
}
.postid-141360 button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed , .postid-141360 button.single_add_to_cart_button.button.alt {
    margin: 0;
    padding: 5px 15px;
}
/* Outofstock badge */ 
.yith-wcbm-badge.yith-wcbm-badge-85111.yith-wcbm-badge-text.yith-wcbm-badge--on-product-108920.yith-wcbm-badge-text {
    font-weight: 400;
    margin-top: 30px !important;
}
.yith-wcbm-badge-text {
	font-weight: 400; 
    margin-top: -3px;}
.composite_price {
    display: none !important;
}
.single-product-content .entry-title {
    border: none;
    font-weight: 500;
		 margin-bottom: 0px !important;

}
.single-product-content .price {
    font-size: 20px !important;
}
h4.bundled_product_title.product_title , .bundle_sells_title h3  {
    font-size: 1rem !important;
}
 
.basel-recent-posts .recent-posts-thumbnail {
    flex: 0 0 auto;
    overflow: hidden;
    margin-right: 0;
    margin-left: 15px;
}
.copyrights-wrapper.copyrights-centered {
    margin-bottom: 0px;
}
.categories-space-30 .category-grid-item {
    padding-left: 5px;
    padding-right: 5px;

}
.sub-menu-dropdown .woocommerce.row h3 {
    font-size: 16px !important;
}

.basel-search-dropdown .basel-search-wrapper .basel-search-inner {
    margin-right: -100px;
}
.basel-search-dropdown .basel-search-wrapper {
    right: -100px;
}
.product-grid-item .price br , .single-product-content p.price br {
    display: none;
}

div#basel_sizeguide {
    max-width: 700px;
}
.single-product .advanced-woo-labels.awl-position-type-before-title.awl-label-type-single.awl-align-left {
    position: absolute !important;
    top: 15px;
    right: 40%;
}
.single-image-product .owl-item.active {
max-width: 65%;
margin:0 auto !important;
float:none !important;
}
.basel-navigation .menu > li> a {
    padding: 0 4px !important;
}
.wpb_text_column ul:not(.social-icons)>li:before {
    left: inherit;
}
.archive .awdr_discount_bar.awdr_row_0 {
    position: absolute;
    display: flex;
}
.woocommerce-checkout-review-order-table td {
    border: none;
    width: 100% !important;
    max-width: 100% !important;
}
.single-product-content .woocommerce-product-details__short-description ul>li:before {
    display: none;
}

.single-product-content .woocommerce-product-details__short-description ul>li {
    line-height:1.4rem;
}

/*input#shipping_method_0_free_shipping12:checked + label[for="shipping_method_0_free_shipping12"]:after {
  content: 'המשלוח יסופק ע"י שירות תוך 1-2 ימי עסקים (לא כולל שישי, שבת וחגים). לשאר פרטים קבוצות';
  display: inline-block;
  padding: 10px;
  border: 2px solid rgba(115,115,115,0.1);
  margin-top: 5px;

}*/
.advanced-woo-labels.awl-position-type-before-title.awl-label-type-archive.awl-align-left {
    position: absolute !important;
    top: 10px;
    right:30%;
}
.panel-heading.cwginstock-panel-heading h4 {
    color: #fff;
    font-style: normal;
}



@media only screen and (min-width: 992px) {
/*input#shipping_method_0_free_shipping12:checked ~ label[for="shipping_method_0_free_shipping12"] {
  margin-top: -25px;
  margin-right: 25px;
}*/
}
.product-grid-item .product-title a
{
    min-height:50px;
}
body.single-product .cart {
    width: 100%;
}
.pswp__button--arrow--right {
    left: 0 !important;
    right: inherit;
}
/*sale Badge */
.tax-product_cat .awdr_discount_bar.awdr_row_0 {
	border-radius:10px!important
		;
	font-weight:bold;
	font-size:14px!important;
	padding: 2px 4px!important;
}
body.home .product-grid-item .awdr_discount_bar.awdr_row_0 {
    position: absolute;
    top: 15px;
    left: 34%;
}
@media (max-width: 767px) {
.advanced-woo-labels.awl-position-type-before-title.awl-label-type-archive.awl-align-left {
    position: absolute !important;
    top: 10px;
    right:15%;
}

.single-product .advanced-woo-labels.awl-position-type-before-title.awl-label-type-single.awl-align-left {
    position: absolute !important;
    top: 15px;
    right: 30%;
}
.footer-container ul {
    text-align: center;
    padding-bottom: 15px;
}
	body.home .product-grid-item .awdr_discount_bar.awdr_row_0 {
    position: absolute;
    top: 15px;
    left: 22%;
}
	.tax-product_cat, .awdr_discount_bar.awdr_row_0, .awdr_discount_bar_content {
		border-radius:10px!important;
			font-size:12px!important;
	
	}
/*SPP Product gallery popup*/
.pswp__button--arrow--right {
    right: inherit;
}
/*Mobile menu dropdown unwanted sub icon on side menu*/

.mobile-nav li#menu-item-81314 .sub-menu-dropdown  span.icon-sub-menu , li#menu-item-81327 .sub-menu-dropdown  span.icon-sub-menu  {
    display: none;
}

.mobile-nav li#menu-item-81314 .sub-menu-dropdown  li.menu-item-has-children>a , li#menu-item-81327 .sub-menu-dropdown  li.menu-item-has-children>a {

    padding-right: 15px;
}

h3.product-title {
    min-height: 72px!important;
}


@media only screen and (max-width: 460px) {
	.mobile-nav #menu-mainmenumobile li#menu-item-81348 a {
    text-align:center;
    border:3px solid #b82d66;
}

}
.wc_payment_methods.payment_methods.methods li:before , ul#shipping_method li:before {
  
    width: 20px;
}
.widget_shopping_cart .total strong {
    float: right;
}
.widget_shopping_cart .total .amount {
    float: left;
}
.widget_shopping_cart .product_list_widget {
    text-align: right;
}
.product-element-top br {
    display: none;
}
.basel-back-btn>span:after {
 
    top: -7.5px;
    right: 23px;
  
}
.basel-back-btn>span:before {
 
    left: 25px;
   
}
.single-product-content .single_variation_wrap .variations_button {
    display: block;
    width: 100%;
}
input.bundled_product_checkbox
{
	margin-bottom:20px;
}
.single_variation_wrap , .single-product-content .cart {
    display: block;
    width: 100%;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    overflow-x: hidden;
}
.owl-carousel:hover .owl-nav .owl-next {
    left: -47px !important;
    right: inherit !important;
}
.owl-carousel:hover .owl-nav .owl-prev {
    right: -47px !important;
    left: inherit !important;
}
.mobile-nav-icon .basel-burger::before
{
    width:13px;
}

.mobile-nav-icon .basel-burger::after {
        width:18px;

}
.mobile-nav-icon {
    margin-top: 0px;
}
.rtl .labels-rounded .onsale
{
    direction:ltr;
}
div#basel_sizeguide {
    padding: 0;
}
.owl-stage-outer.owl-height {
    height: auto !important;
}

h4.basel-sizeguide-title { display: none; }
.single-product-content .price del , .single-product-content .price del .amount {
    font-size: 27px;
}
.sizeguide-btn-wrapp {
    text-align: left;
    margin-bottom: -18px !important;
    margin-left: 22px !important;
    position: relative;

}
@media only screen and (max-width: 600px) {

	.single-product-content .price del , .single-product-content .price del .amount {
    font-size: 20px;
}
	body.home .product-grid-item .price span.woocommerce-Price-amount.amount {
    padding: 5px !important;
        font-size:12px !important;
	}
.single-image-product .owl-item.active {
max-width: 100%;
}
	}
.product-grid-item .price span.woocommerce-Price-amount.amount {
    padding-top: 15px !important;
        font-size:12px !important;

}
.product-grid-item .price del {
    margin-left: 0px !important;
}

}
.price del {
    margin-left: 20px;
}
.awdr_discount_bar.awdr_row_0 {
    display: inline-block;
    z-index: 9;
    padding: 5px 10px;
    border-radius: 0;
}
.tax-product_cat .awdr_discount_bar.awdr_row_0 {
    display: inline-block;
    position: absolute;
    z-index: 9;
    padding: 5px 10px;
    border-radius: 0;
    right: 7%;
    top: 5%;
}
.tax-product_cat .awdr_discount_bar.awdr_row_0
{
	right: 31% !important;
}
body .product-grid-item .price del>.amount {
    font-size: 16px;
}


@media only screen and (min-width: 992px) {
	.footer-column.footer-column-6.col-md-4.col-sm-12 ul.wp-block-list li:first-child {
    display:none;
}
#menu-item-81288 .sub-menu-dropdown .category-grid-item {
    max-width: 7% !important;
}
#menu-item-81287 .sub-menu-dropdown .category-grid-item
	{
		    max-width: 9% !important;

	}
	
	#menu-item-81287 .sub-menu-dropdown .category-grid-item img {max-width: 65%;}
	
	#menu-item-81290 .sub-menu-dropdown .category-grid-item
	{
		    max-width: 17% !important;

	}
	#menu-item-81290 .sub-menu-dropdown .category-grid-item img {max-width: 65%;}
	
}
/*credit card image on checkout page*/
li.wc_payment_method.payment_method_payplus-payment-gateway label:after {
    background: url(https://avivs.co.il/wp-content/uploads/2023/11/card.jpg) no-repeat;
    width: 51px;
    content: '';
    height: 32px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -12px;
}
.grecaptcha-badge {
    visibility: hidden;
}
.page-id-46 .grecaptcha-badge {
    visibility: visible;
}
/* product border */
 .product-grid-item .product-element-top {
     max-height: 520px;
     padding: 12px;
		height:520px;
}
 .product-grid-item .product-element-top:before {
     content: "";
     display: flex;
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     border: 2px solid #ddd;
     display: flex;
     padding: 5px;
	 z-index: 1;
}
 .product-grid-item a {
     position: relative;
     z-index: 2;
}
 .basel-hover-quick .hover-img {
     top:12px;
     left: 0;
	 		z-index: 2;
}
 @media(max-width:767px) {

    .tax-product_cat .awdr_discount_bar.awdr_row_0 {
        right: 17% !important;
        top: 3%;
        padding: 3px 7px !important;
    }


     .product-grid-item .product-element-top {
         padding: 0;
    }
     .product-grid-item .product-element-top img {
         padding: 3px;
    }
     .basel-hover-quick .hover-img {
         top:0;
         left: 0;
    }
	  .product-grid-item .product-element-top {
     max-height: 370px;
		height:370px;
}
}
/* FlipClock */
 .count_wrap {
     display:flex;
     justify-content:center;
}
 .flip-clock-wrapper {
     width:auto !important;
     margin: auto;
     z-index: 20;
}
 .flip-clock-divider .flip-clock-label {
     position: absolute;
     top: 0em;
}
 .flip-clock-wrapper ul li a div div.inn {
     color:#fff;
}
 .flip-clock-wrapper ul {
     height: 60px;
     width: 45px;
     font-size: 40px;
}
 .flip-clock-divider {
     height: 70px;
}
 .flip-clock-dot.bottom {
     bottom: 14px;
}
 .flip-clock-dot.bottom {
     bottom: 14px;
}
 .flip-clock-wrapper ul li a div div.inn {
     font-size: 40px;
}
 .flip-clock-wrapper ul li a div.up:after {
     top: 29px;
}
 .flip-clock-wrapper ul li {
     line-height: 1.5;
}
 .flip-clock-dot.top {
     top: 25px;
}
 @media ( max-width:767px ) {
	 .woocommerce div.product div.bundled_product_images
	 {
		 width:40% !important;
	 }
	     .single_variation_wrap, .single-product-content .cart {
        display: flex !important;
    }
    /* variation section */
     .vi-wpvs-option-wrap {
         flex: 0 0 29%;
    }
     .count_wrap {
        /* background: #fff;
         */
    }
     .flip-clock-wrapper ul {
         margin:3px;
         width: 25px;
         height: 35px;
    }
     .flip-clock-wrapper ul li a div div.inn {
         font-size: 24px;
    }
     .flip-clock-divider .flip-clock-label {
         position: absolute;
         right: -50px;
    }
     .flip-clock-divider.hours .flip-clock-label {
         right: -50px;
    }
     .flip-clock-divider.seconds .flip-clock-label {
         right: -60px;
    }
     .flip-clock-divider.minutes .flip-clock-label {
         right: -60px;
    }
     .flip-clock-divider .flip-clock-label {
         font-size: 11px;
         font-weight: 600;
    }
     .flip-clock-wrapper ul li a div.up:after {
         top: 21px;
    }
     .flip-clock-wrapper ul li a div.up:after {
         top: 21px;
    }
     .flip-clock-divider {
         height: 50px;
         width: 17px;
    }
     .flip-clock-dot.top {
         top: 15px;
    }
     .flip-clock-dot.bottom {
         bottom: 15px;
    }
     .top-bar-left {
         line-height: 19px;
    }
     .flip-clock-dot {
    }
}
/* custom text on checkout page */
 .custom-text-onCheckout {
     margin: 5px 0;
     padding: 5px;
     background-color: #f7df89;
     font-weight: 700;
     display: flex;
     justify-content: center;
     width: 100%;
     text-align: center;
}









.single-product .product-video-button {
    top: 115px;
    left: 15px;
}

/* END Label on product */
 button#enable-toolbar-trigger {
     left: unset !important;
     top: -65vh;
     right: 15px;
}
 @media(max-width: 380px){
     button#enable-toolbar-trigger {
         top: -60vh;
    }
}
 .postid-86369 .vi-wpvs-variation-wrap {
     display: none;
}
 a.reset_variations {
     display: none !important;
}
 .postid-86369 .vi-wpvs-select-attribute {
     display: block !important;
     visibility: visible !important;
     max-width: 100% !important;
}
 .postid-86369 .vi-wpvs-select-attribute select {
     width: 100%;
}

 ul#shipping_method .rita-question {
     background: #0b0b0c;
     color: #fff;
     width: 15px;
     height: 15px;
     display: inline-block;
     text-align: center;
     line-height: 15px;
     font-size: 9px;
     margin: 0 10px;
     border-radius: 50px;
     border: 1px solid #79344b;
     cursor: pointer;
     position:relative;
}
 ul#shipping_method li {
     position:relative;
}
 .shipping-info {
     position: absolute;
     background: #ebebeb;
     z-index: 999;
     padding: 10px 20px;
     display: none;
     border-radius: 4px;
     margin-top: 10px;
     left: 0;
     width: 85%;
}
 ul#shipping_method .rita-question:hover .shipping-info {
     display: block!important;
}
 tr.shipping{
     display: contents;
}
 .basel-logo-wrap img {
     width: 180px;
}
 .basel-navigation .menu > li> a {
     font-size:0.8vw;
     padding:0 8px;
}
 .sub-menu-dropdown .category-grid-item {
     width: auto;
     max-width: 12%;
}
 .single-product-page .basel-scroll-content{
     width:100%;
}
 .single-product-page .basel-scroll-content .single_add_to_cart_button{
    width:50%;
}
 span.component_title_text.step_title_text {
     display: none;
}
 div#text-5 img {
     height: 140px;
     object-fit: cover;
}
 .single .composited_product_details_wrapper .attribute_options label abbr.required {
     display: none;
}
 .summary-inner {
     padding: 30px 0px;
}
 .single-product-page .cart span.price_float + button.single_add_to_cart_button.button.alt {
     margin-top: 0;
}
 .component .composited_product_images, .woocommerce-page div.product div.composited_product_images, .woocommerce-page #content div.product div.composited_product_images, .woocommerce div.product div.composited_product_images, .woocommerce #content div.product div.composited_product_images {
     width:10% !important;
     min-width: 55px;
}
 .composite_form:not(.paged) .component .component_inner {
     padding-bottom: 0rem !important;
}
 .summary-inner {
     padding: 0px 0 !important;
}
 .composited_product_title_wrapper p:last-child, .composited_product_title_wrapper h4:last-child {
     margin: 0 0 0rem !important;
}

 .composite_button+.composite_button_mobile {
     display: none;
}
 .composite_price+.composite_price_mobile {
     display: none !important;
}
 td.product-name > div {
     display: flex;
     width: 100%!important;
     align-items: center;
}
 .product-thumb {
     width: 100px!important;
}
 .product-thumb img {
     height: 90px;
     object-fit: contain;
}
 .component-name.component_table_item_indent > div {
     display: flex;
     width: 100%!important;
}
 div#pwgc-redeem-gift-card-form form {
     display: flex;
     flex-wrap: wrap;
}
 input#pwgc-redeem-gift-card-number {
     width: 80%;
}
 div#pwgc-redeem-gift-card-form form > label {
     width: 100%;
}
 input#pwgc-redeem-button {
     width: 20%;
     margin: 0 0 30px!important;
}
 label[for=shipping_method_0_zigzag11] .shipping-info{
     font-size: 0.001px;
     color: transparent;
}
 label[for=shipping_method_0_zigzag11] .shipping-info:before {
     content: 'המשלוח יסופק ע"י שליח תוך 1-2 ימי עסקים (לא כולל שישי, שבת וחגים). למושבים, כפרים וקיבוצים יתכנו עיכובים של עד 2 ימי עסקים נוספים.';
     font-size: 14px!important;
     color: #000!important;
}
 @media (max-width: 767px) {
     .basel-navigation .menu > li> a {
         font-size: 16px;
    }
     .composite_button+.composite_button_mobile {
        display: block;
    }
     .composite_price+.composite_price_mobile {
        display: block !important;
    }
     .composite_button+.composite_button_mobile button.single_add_to_cart_button.composite_add_to_cart_button {
         position: fixed;
         bottom: 0;
         width: 100%;
         left: 0;
         z-index: 999;
         padding-right: 100px;
    }
     .composite_button+.composite_button_mobile .quantity {
         display: none;
    }
     .composite_price+.composite_price_mobile p.price {
         position: fixed;
         bottom: 10px;
         color: #fff !important;
         z-index: 999999;
         margin-bottom: 0 !important;
    }
     .composite_price+.composite_price_mobile span.woocommerce-Price-amount.amount {
         color: #fff !important;
    }
}
/*date : 13-12-2020 */
 .single .single-product-page .basel-scroll-content {
     width: 54%;
}
/*date : 14-12-2020 */
 .single-product .single-product-content .composite_form .component_data .variations .swatches-select {
    cursor:pointer;
}
 ul#shipping_method:before {
     content: "אנא בחר/י סוג משלוח:";
     display: block;
     font-size: 20px;
     margin-right: -40px;
     color: #1B1919;
    /* font-weight: 600;
     */
     letter-spacing: 0.6px;
     font-weight: bold;
     margin-bottom: 10px;
     text-align: right;
}
 ul#shipping_method {
     margin-top: 40px;
}
 .woocommerce-checkout-review-order-table tfoot .order-total td {
     padding-top: 20px;
     padding-bottom: 40px;
     text-align: right!important;
    /* margin-left: -40px!important;
     */
}
 #mobile-login-icon-rita {
     display:none;
}
 @media(max-width: 767px){
     tr.cart_item td {
         padding: 10px 0!important;
    }
     input#pwgc-redeem-gift-card-number {
         width: 65%;
    }
     input#pwgc-redeem-button {
         width: 35%;
         margin: 0 0 20px!important;
    }
     form#pwgc-redeem-form {
         display: flex;
         flex-wrap: wrap;
    }
     ul#shipping_method:before {
         content: "אנא בחר/י סוג משלוח:";
         display: block;
         font-size: 20px;
         margin-right: -40px;
         color: #1B1919;
        /* font-weight: 600;
         */
         letter-spacing: 0.6px;
         font-weight: bold;
         margin-bottom: 10px;
         text-align: center;
         width: 85vw;
    }
     header {
         position: relative;
    }
     .sticky-header.header-clone.icons-design-line.color-scheme-dark.act-scroll > .container {
         position: relative;
    }
     #mobile-login-icon-rita {
         display: block;
         position: absolute;
         top: 14px;
         left: 155px;
         z-index: 9;
         font-size: 20px;
         color: #fff;
         -webkit-text-stroke: 1.2px #000;
    }
     h1.entry-title {
         font-size: 18px!important;
    }
     .single-product-content .woocommerce-product-details__short-description li, .single-product-content #tab-description li, .blog-post-loop .entry-content li, .comments-area .comment-list li li {
         line-height: 2;
    }
     .component:not(.selection_thumbnail_hidden) .composited_product_details_wrapper>.details{
         float: none !important;
         width: 100% !important;
         padding: 0 !important;
    }
}
 .rtl .woocommerce-checkout-review-order-table tfoot th {
     text-align: right;
     float: right;
     width: 255px;
     display: none;
}
 .checkout .col-sm-6:nth-child(1) div#checkout-upsells {
     display: none;
}
 .checkout > .col-sm-6:nth-child(1) h3:nth-of-type(2) {
     display: none;
}
 .checkout-order-review tr.cart_item .product-name div:nth-of-type(1) {
     width: 150px;
}
 .checkout-order-review tr.cart_item {
     position: relative;
}
 .checkout-order-review tr.cart_item .product-name .chprice {
     position: absolute;
     left: 0;
     width: calc(100% - 234px);
     text-align: right;
     right: auto;
     max-width: 100%;
}
 .checkout-order-review tr.cart_item .product-name .chname {
     width: calc(100% - 150px);
     padding: 60px 0 0;
}
 .checkout-order-review tr.cart_item .product-name .chname dl.component {
     width: 100%;
}
 .checkout-order-review tr.cart_item div.component-name:nth-of-type(1) {
     width: 100%;
     float: right;
     padding: 0;
}
 .woocommerce-checkout-review-order-table {
    width: 100%;
}
 .basel-woocommerce-layered-nav .swatches-large .filter-swatch span {
     width: 22px;
     height: 22px;
     border: 1px solid #ccc;
}
 .filters-area div#basel-woocommerce-layered-nav-4 {
     padding-left: 100px;
}
 .single-product .single-product-content .composite_form .component_data .variations .swatches-select {
    width: 240px;
}
 @media (max-width: 1300px) {
     .filters-area div#basel-woocommerce-layered-nav-4 {
         padding-left: 80px;
    }
     .basel-navigation .menu > li> a {
         font-size: 16px;
    }
}
 @media (max-width: 991px) {
     .checkout-order-review tr.cart_item .product-name .chprice {
        position: unset;
        width: 100%;
    }
     .checkout-order-review tr.cart_item .product-name div:nth-of-type(1) {
        width: 70%;
         margin: 0 auto;
        float: none !important;
        text-align: center;
    }
     .checkout-order-review tr.cart_item .product-name div.component-name:nth-of-type(1) > div {
        width: 100%;
    }
     .checkout-order-review tr.cart_item .product-name .chname {
        width: 100%;
    }
     .basel-woocommerce-layered-nav .swatches-display-inline li {
        display: block;
        width: 100%;
    }
     .basel-woocommerce-layered-nav .basel-scroll ul.show-labels-on {
        position: unset;
    }
     .basel-woocommerce-layered-nav .basel-scroll {
        height: auto !important;
    }
}
 @media(max-width: 767px){
     .basel-logo-wrap img {
         max-width: 150px;
         width: 85px;
         object-fit: cover;
         height: unset;
    }
     div#text-5 img {
         height: 160px;
         object-fit: cover;
    }
     .single .single-product-page .basel-scroll-content {
         width: 100%;
    }
     .single .single-product-page button.single_add_to_cart_button.composite_add_to_cart_button.button.alt {
         padding: 10px 10px;
    }
     .single-product .single-product-content .composite_form .component_data .variations .swatches-select {
         width: 260px;
    }
}
 @media(max-width: 480px){
     .single-product .single-product-content .composite_form .component_data .variations .swatches-select {
         width: 230px;
    }
}
 .rtl .main-nav .menu>li.menu-item-has-children .sub-menu-dropdown .woocommerce.row {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
 .checkout-order-review tr.cart_item .product-name .chname dl.component > dt.component-UntitledComponent {
     display: none;
}
 .cart-widget-side dl.variation dt.variation-UntitledComponent {
     display: none;
}
 img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.loaded {
     max-width: 100px;
}
 .single-product-content .product-share .share-title {
     font-weight: 100;
     color: #1B1919;
     margin-right: 5px;
}
 .rtl .social-icons.icons-size-small li i {
     font-size: 19px !important;
     margin-bottom: -5px !important;
}
 i.fa.fa-envelope {
     float: left;
     margin-top: 0px;
}
 .checkout-order-review tr.cart_item .product-name .chname {
     width: 100%;
     padding: 0px 0 0;
}
@media (max-width: 480px) {
	 .chname {
     font-size: 17px !important;
}
}
 @media (max-width: 991px){
	 .checkout-order-review tr.cart_item .product-name .chname {
     font-size: 17px !important;
}
}
 .blog-post-loop .entry-content ul>li, .comments-area .comment-list li ul>li, .single-product-content #tab-description ul>li, .single-product-content div[itemprop=description] ul>li {
     position: relative;
     padding-right: 15px;
     padding-bottom: 5px;
     border-bottom: solid 1px;
}
 .blog-post-loop .entry-content ul>li:before, .comments-area .comment-list li ul>li:before, .single-product-content #tab-description ul>li:before, .single-product-content div[itemprop=description] ul>li:before {
     content: "";
     color: #1aada3;
     opacity: .7;
     font-family: FontAwesome;
     position: absolute;
     top: 0;
     right: 0px;
}
 .single-product-content #tab-additional_information>h2, .single-product-content #tab-description>h2 {
     font-size: 18px;
     font-weight: 700;
     display: none;
}
/* gift card css */
 .postid-86369 .col-sm-6.product-images {
     display: none;
}
 .postid-86369 .gray_details, .postid-86369 ul.tabs.wc-tabs, .postid-86369 .tabimage {
     display: none;
}
 div#product-86369 {
     display: flex;
     flex-wrap: wrap;
     flex-direction: column-reverse;
}
 div#gift-card {
     margin-top: -70px;
}
 .postid-86369 .tabs-wrap .woocommerce-tabs, .tabimage {
     flex-basis:100%;
     margin:0;
     padding:0;
}
 .postid-86369 .product-tabs-wrapper > .container {
     margin: 0!important;
     width: 100%!important;
     padding: 0!important;
     min-width: 100%;
     max-width: 100%!important;
}
 .postid-86369 .single-product-content .product-tabs-wrapper {
     background:#fff;
}
 .inner-img-div {
     margin-top: -240px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align:center;
}
 img#gift-cart-text {
     padding: 20px 20px 30px;
}
 #gift-card h2 {
     color:#bd2660;
     font-weight:900;
     font-size:30px;
}
 #gift-card h3 {
     font-size:30px;
}
 .postid-86369 .col-sm-6.basel-price-outside.summary.entry-summary {
     margin: auto;
}
 .postid-86369 .summary-inner {
     margin: auto!important;
     display: flex;
     justify-content: center;
     width: 100%!important;
     max-width: 100%;
}
 .postid-86369 .col-sm-6.basel-price-outside.summary.entry-summary {
     width: 100%;
}
 .postid-86369 h1, .postid-86369 p.price, .postid-86369 .woocommerce-product-details__short-description {
     display:none;
}
 .postid-86369 .vi-wpvs-variation-wrap-wrap {
     width: 100%;
}
 div#gift-card > p > img {
     width: 100vw;
     max-height:60vh;
     object-fit:cover;
}
 .postid-86369 .single-product-content .single_variation_wrap {
     padding-top: 0;
}
 .postid-86369 td.label label {
     display: none;
}
 @media(max-width:1024px){
     .inner-img-div {
         margin: -100px auto 0;
    }
     img#gift-cart-text {
         padding: 0;
    }
     .inner-img-div img {
         width: 50%;
    }
     div#gift-card > p > img {
         width: 100vw;
         height: 250px!important;
         object-fit: cover;
    }
     #gift-card h2, #gift-card h3 {
         font-size:20px;
    }
}
/* gift card css ends*/
@media (max-width: 480px) { #shipping_method label {
     background: #F8F8F8;
     -webkit-border-radius: 10;
     -moz-border-radius: 10;
     border-radius: 10px;
     font-family: Arial;
     color: #000;
     font-size: 14px;
     padding: 5px 10px 9px 10px;
     text-decoration: none;
     width: 100%;
}
 table tr td {
     padding: 0px;
}
}
 @media (max-width: 767px) {
     table.shop_table.woocommerce-checkout-review-order-table ul#shipping_method {
         width: 230px;
    }
     table.shop_table.woocommerce-checkout-review-order-table tr td .chname {
         font-size: 17px;
    }
     table.shop_table.woocommerce-checkout-review-order-table tr td .chname dl dd p {
         font-size: 17px;
    }
}
 table.shop_table.woocommerce-checkout-review-order-table tr td .chname {
     font-size: 17px;
}
 table.shop_table.woocommerce-checkout-review-order-table tr td .chname dl dd p {
     font-size: 17px;
}
 .rtl .single-product-content .product-share .share-title{
    font-size: 17px !important;
}
 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
     display: none;
}
 .basel-search-results .autocomplete-suggestion .suggestion-thumb img {
     max-width: 100%;
}
 .basel-search-results .suggestion-title {
     margin-right: auto;
     display: inline-block;
     width: calc(100% - 77px);
}
 .basel-search-results .suggestion-price {
     margin-right: auto;
     display: inline-block;
     width: calc(100% - 77px);
     float: left;
}
 .chname {
     font-weight: 200;
}
 ul#shipping_method {
     direction: rtl;
}
 @media (min-width: 992px) {
     #shipping_method li {
         margin-bottom: 10px;
         width: 100% !important;
    }
}
/* will remove labels from checkout */
 label.screen-reader-text {
     display: none;
}

 @media (max-width: 768px) {
	 
	 div#scb-banner {
    z-index: 999999999 !important;
}
     .checkout p#billing_address_1_field , .checkout p#billing_city_field , .checkout p#billing_address_2_field {
        width: 100%;
    }
}
/*end css-11-03-2021*/
/* make swatches width max 3 buttons */
 .swatches-select {
     max-width: 300px;
}
/* For checkout page TM option display proper */
 .checkout-order-review dl.variation .tc-name.variation- {
     width: 125px;
}
 .checkout-order-review dl.variation .tc-value.variation- {
     width: 100%;
}
 .checkout-order-review dl.variation .tc-value.variation- .cpf-data-on-cart {
     display: inline-block;
     margin-top: 10px;
}
 .checkout-order-review dl.variation .tc-value.variation- .cpf-data-on-cart:nth-child(1) {
     position: absolute;
     right: 145px;
     top: -17px;
     margin: 0;
}
/*will move TM to abolute pos on left */
 .product-type-composite div#tm-extra-product-options {
     position: absolute;
     float: left;
     right: 350px;
     bottom: 174px;
}
 @media (max-width: 768px) {
     .product-type-composite div#tm-extra-product-options {
         position: relative;
         float: left;
         right: 0px;
         bottom: 0px;
    }
     ul.wc_payment_methods.payment_methods.methods {
         padding-right: 10px;
    }
     li.wc_payment_method.payment_method_pelecard > label {
         display: flex;
         justify-content: space-between;
         white-space: nowrap;
         margin-right: 20px;
         margin-top: -24px;
    }
     li.wc_payment_method.payment_method_pelecard > label:after {
         width: 140px;
         margin-right: 10px;
         margin-top: 5px;
    }
     form#pwgc-redeem-form > label {
         width: 100%;
    }
     .woocommerce-checkout .product-thumb img {
         height: 90px;
         object-fit: contain;
    }
     .woocommerce-checkout .product-title {
         padding-top: 15px;
    }
     ul#shipping_method li {
         display: flex;
         align-items: center;
         width: 75vw;
    }
    /* .basel-hover-quick .product-title {
         padding: 0;
    }
     */
     .shipping-info {
         margin-top: 0;
         left: 0;
         right: -30px;
         width: 100%;
    }
     ul#shipping_method {
         margin-bottom: 40px;
    }
     ul#shipping_method li:hover .shipping-info {
         display: block;
    }
}
/*Last New Style*/
.rtl .single-product-content .product-images .labels-rounded {
    right: 46px;
    left: 8px;
    top: 120px;
}
 @media (min-width: 992px) and (max-width: 1600px) {
     #menu-item-81288 .sub-menu-dropdown .category-grid-item {
         max-width: 9%;
    }
     .sub-menu-dropdown .woocommerce.row {
         max-width: 90vw !important;
    }
     .sub-menu-dropdown .woocommerce.row h3 {
         font-size: 14px !important;
    }
}


	.wrapp-header .right-column , .sticky-header.header-clone.icons-design-line.color-scheme-dark.act-scroll .right-column {
    text-align: left;
}
.mobile-nav .icon-sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 0;
    border-right: 1px solid rgba(92, 92, 92, .23);
right: inherit;
  }

.products .product-grid-item .star-rating {
    position: absolute;
    bottom: 10%;
    right: 40%;
}
.single-product-content #review_form_wrapper , .single-product-content #comments {
    width: 100%;
}
@media only screen and (max-width: 600px) {
.rtl .single-product-content .product-images .labels-rounded {
    right: 36px;
    left: auto;
    top: 120px;
}
    .single-product-content .product-images .labels-rounded .product-label {
        min-width: 50px;
        min-height: 50px;
    }
	.products .product-grid-item .star-rating {

    right: 30%;
}
	.product-video-button span::after {
  
   right: 5px !important;
    top: 5px !important;
}
	.rtl .single-product-content .product-images .thumbs-position-left .owl-nav {
        left: 0;
        width: auto;
        top: -40%;
        right: inherit;
    }

	.basel-hover-quick .product-title {
        height: 65px;
     }

}




/*checkout gift card field*/
.woocommerce-checkout input#pwgc-redeem-button {
    background: #000;
    color: #fff;
}

.woocommerce-checkout input#pwgc-redeem-gift-card-number {
    width: 80%;
}

@media (max-width: 767px) {

    .woocommerce-checkout input#pwgc-redeem-gift-card-number {
    width: 60%;
}
    
    input#pwgc-redeem-button {
        width: 40%;
        margin: 0 0 20px !important;
    }
    .footer-sidebar .footer-column-3, .footer-sidebar .footer-column-4, .footer-sidebar .footer-column-5 {
        display: block;
    }
}



@media only screen and (min-width: 992px) {
.single-post .blog-post-loop.post-single-page .entry-thumbnail {
    width: 50%;
}
.blog-design-default .post-date {
    top: 0px !important; 

}
.blog .blog-post-loop {
    width: 33%;
    display: inline-block;
}

.blog-post-loop .post-img-wrapp>a img {
    max-height: 258px;
    object-fit: cover;
}
    .blog-post-loop h3.entry-title {
        height: 115px;
        margin: 0;
        margin-top: 15px;
    }

}
/*archieve page and blog page css*/
body:not(.page-id-7149) h1 {
  font-size: 2rem;
  border-bottom: 2px solid #ccc;
  padding-bottom: 0.3em;
  font-weight: 700;
  color: #222;
}

body:not(.page-id-7149) h2 {
  font-size: 1.9rem;
  border-left: 4px solid #ccc;
  padding-left: 0.5em;
  font-weight: 700;
  color: #222;
}

body:not(.page-id-7149) h3 {
  font-size: 1.75rem;
  color: #555;
  font-weight: 700;
}

body:not(.page-id-7149) h4 {
  font-size: 1.5rem;
  font-style: italic;
  color: #666;
  font-weight: 600;
}

body:not(.page-id-7149) p {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1em;
}
/* Apply all styles except on page-id-7149 */
body:not(.page-id-7149) .blog .blog-post-loop {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 30px;
  padding: 30px;
}

/* Individual post cards */
body:not(.page-id-7149) .blog .blog-post-loop  {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease;
	width:100%;
	
}

body:not(.page-id-7149) .blog .blog-post-loop .post:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* Featured images */
body:not(.page-id-7149) .blog .blog-post-loop .post img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  margin-bottom: 20px;
}

/* Category badge */
body:not(.page-id-7149) .blog .blog-post-loop .post .post-categories a {
  background: #0073aa;
  color: white;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  text-decoration: none;
  margin-right: 6px;
  display: inline-block;
}

body:not(.page-id-7149) .blog .blog-post-loop .post .post-categories a:hover {
  background: #005d88;
}

/* Post title */
body:not(.page-id-7149) .blog .blog-post-loop .post h2 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #222;
}

/* Meta info */
body:not(.page-id-7149) .blog .blog-post-loop .post .post-meta {
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 10px;
}

/* Paragraph / excerpt */
body:not(.page-id-7149) .blog .blog-post-loop .post p {
  font-size: 1rem;
  color: #555;
  margin-bottom: 20px;
}

/* Read more button */
body:not(.page-id-7149) .blog .blog-post-loop .post .read-more a {
  background-color: #0073aa;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  margin-top: auto;
}

body:not(.page-id-7149) .blog .blog-post-loop .post .read-more a:hover {
  background-color: #005d88;
}

/* Pagination styles */
body:not(.page-id-7149) .pagination,
body:not(.page-id-7149) .page-numbers {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
  flex-wrap: wrap;
}

body:not(.page-id-7149) .page-numbers {
  background-color: #f1f1f1;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

body:not(.page-id-7149) .page-numbers:hover {
  background-color: #0073aa;
  color: white;
}

body:not(.page-id-7149) .page-numbers.current {
  background-color: #0073aa;
  color: white;
  font-weight: bold;
}

/* Responsive adjustments */
@media screen and (max-width: 767px) {
  body:not(.page-id-7149) .blog .blog-post-loop {
    grid-template-columns: 1fr;
  }
}
/* Ensure posts inside the loop stretch to equal height */
 
.blog .site-content{
	 display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 30px;
}
.blog .blog-post-loop .entry-title a{    font-size: 25px;
    line-height: 11px ! IMPORTANT;}
.blog  .blog-post-loop h3.entry-title{
	        line-height: 1;
}
.blog .blog-post-loop {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 500px;
  padding: 13px 10px 24px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
  border: 1px solid #eee;
  transition: box-shadow 0.3s ease;
  width:100%;
	margin-bottom:50px;
}
.blog .widget-area.basel-sidebar-content {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
    transition: box-shadow 0.3s ease;
    padding: 18px;
}

.blog .blog-post-loop .post-img-wrapp>a {
    display: block;
    margin: 0;
    transition: all 1s ease-out;
    transform: scale(1);
    padding-bottom: calc(0.66 * 100%);
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
  max-height: 285px;
    position: relative;
    width: 100%;
    padding-bottom: 82.66%;
    overflow: hidden;
    background-color: #f5f5f5;
}
aside.sidebar-container.col-sm-3.sidebar-right.area-sidebar-1 {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
    transition: box-shadow 0.3s ease;
    padding: 18px;
}

  .blog  .blog-post-loop .post-img-wrapp>a img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
.blog-post-loop.post-single-page .entry-title {
    font-size: 32px;
    margin-bottom: 10px;
    width: 90%;
}
.blog-post-loop.post-single-page .entry-content {
    width: 89%;

}

@media only screen and (min-width: 1580px) {
.product-element-top img {
    min-height: 346px;
	object-fit: contain;
}

}

/* Basel / XTemos – מפריד מסודר בין קטגוריות בדסקטופ */
@media (min-width: 1025px){

  .basel-navigation .menu{
    display: flex;
    align-items: center;
  }

  .basel-navigation .menu > li{
    display: flex;
    align-items: center;
  }

  .basel-navigation .menu > li:not(:last-child)::after{
    content: "|";
    margin: 0 14px;
    color: #bbb;
    font-weight: 300;
  }

}
/* למנוע ירידת טקסט לשתי שורות בתפריט דסקטופ */
@media (min-width: 1025px){
  .basel-navigation .menu > li > a{
    white-space: nowrap;
  }
}/* כותרת פנימית בתפריט מובייל – מלבן פנימי מעוגל + טקסט לא בולד */
@media (max-width: 1024px){

  .menu-mainmenumobile-container 
  #menu-mainmenumobile 
  li.menu-sub-heading{
    background: #f2f2f2 !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 0 !important;
  }

  .menu-mainmenumobile-container 
  #menu-mainmenumobile 
  li.menu-sub-heading > a{
    pointer-events: none !important;
    cursor: default !important;

    display: block !important;
    width: 100% !important;

    padding: 14px 10px !important;
    margin: 0 !important;

    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important; /* בלי בולד */
    letter-spacing: .2px;

    color: #111 !important;

    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid rgba(0,0,0,.08) !important;

    box-shadow: 0 4px 10px rgba(0,0,0,.04);
  }

  .menu-mainmenumobile-container 
  #menu-mainmenumobile 
  li.menu-sub-heading > a:before,
  .menu-mainmenumobile-container 
  #menu-mainmenumobile 
  li.menu-sub-heading > a:after{
    display: none !important;
    content: none !important;
  }
}
/* Override לטיפוגרפיה של כותרת פנימית – בלי לגעת בעיצוב שעובד */
@media (max-width: 1024px){
  .menu-mainmenumobile-container #menu-mainmenumobile.site-mobile-menu li.menu-sub-heading > a{
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 500 !important;      /* בלי בולד */
    letter-spacing: 0.3px !important; /* תחושת כותרת */
    color: #333 !important;
    box-shadow: none !important;      /* פחות "כפתור" */
  }
}
/* חידוד: להפוך את הכותרת ל-Header ולא לכפתור */
@media (max-width: 1024px){
  .menu-mainmenumobile-container 
  #menu-mainmenumobile.site-mobile-menu 
  li.menu-sub-heading > a{
    border: none !important;                     /* בלי מסגרת */
    border-bottom: 1px solid rgba(0,0,0,.08) !important; /* קו כותרת */
    border-radius: 0 !important;                 /* בלי תחושת כפתור */
    background: transparent !important;
    padding-bottom: 10px !important;
  }
}
/* כותרת תת-קטגוריה – כהה יותר מהפריטים שמתחת */
@media (max-width: 1024px){

  /* רק הכותרת */
  .menu-mainmenumobile-container 
  #menu-mainmenumobile.site-mobile-menu 
  li.menu-sub-heading{
    background: #e0e0e0 !important; /* כהה יותר */
  }

  /* לוודא שהפריטים הרגילים נשארים בהירים */
  .menu-mainmenumobile-container 
  #menu-mainmenumobile.site-mobile-menu 
  li.menu-item:not(.menu-sub-heading){
    background: #eeeeee !important;
  }
}
/* כותרת תת-קטגוריה – רקע כהה "בתוך המסגרת" */
@media (max-width: 1024px){

  /* שלא ימרח על כל השורה */
  .menu-mainmenumobile-container 
  #menu-mainmenumobile.site-mobile-menu 
  li.menu-sub-heading{
    background: transparent !important;
  }

  /* הרקע הכהה יושב על הכותרת עצמה (a) בתוך שוליים */
  .menu-mainmenumobile-container 
  #menu-mainmenumobile.site-mobile-menu 
  li.menu-sub-heading > a{
    background: #e0e0e0 !important;  /* כהה יותר מהפריטים */
    margin: 8px 12px !important;     /* משאיר "מסגרת" מסביב */
    border-radius: 12px !important;  /* נשאר יפה */
    width: auto !important;          /* מאפשר margin אמיתי */
  }
}
@media (max-width: 1024px){
  .menu-mainmenumobile-container 
  #menu-mainmenumobile.site-mobile-menu 
  li.menu-sub-heading > a{
    padding: 8px 12px !important;   /* היה גבוה יותר */
    margin: 6px 12px !important;    /* פחות רווח אנכי */
    border-radius: 10px !important; /* מעט פחות "כפתורי" */
    line-height: 1.2 !important;
  }
}
/* =========================
   MOBILE MENU – LIGHT ACCORDION (FAST)
   ========================= */
@media (max-width: 1024px){

  /* רקע ועטיפה */
  .menu-mainmenumobile-container{
    background:#f3f4f6 !important;
    padding:10px !important;
  }

  /* פריט */
  #menu-mainmenumobile li{
    border:0 !important;
    background: transparent !important;
  }

  /* "פס" לכל כפתור/קטגוריה */
  #menu-mainmenumobile > li > a,
  #menu-mainmenumobile .sub-menu > li > a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;

    padding:12px 14px !important;
    margin:6px 0 !important;

    background:#fff !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:12px !important;

    color:#111 !important;
    font-weight:400 !important;
    font-size:15px !important;

    box-shadow:none !important; /* מהיר */
  }

  /* תת תפריט */
  #menu-mainmenumobile .sub-menu{
    margin:0 !important;
    padding:0 0 6px 0 !important;
    background: transparent !important;
  }

  /* חץ קטן כחלק מהפס */
  #menu-mainmenumobile a .mm-arrow{
    width:22px;
    height:22px;
    border-radius:8px;
    background:rgba(0,0,0,.06);
    display:grid;
    place-items:center;
    flex:0 0 22px;
    font-size:12px;
    line-height:1;
    user-select:none;
  }

  /* סיבוב חץ כשהפריט פתוח */
  #menu-mainmenumobile li.mm-open > a .mm-arrow{
    transform: rotate(180deg);
  }

  /* להסתיר תתי-תפריטים כברירת מחדל (JS ידליק) */
  #menu-mainmenumobile .sub-menu{
    display:none;
  }
  #menu-mainmenumobile li.mm-open > .sub-menu{
    display:block;
  }

  /* פס משלוח חינם קליל (לא גרדיאנט/צל) */
  #menu-mainmenumobile > li:nth-child(3)::after{
    content:"🚚 משלוח חינם בקנייה מעל 599₪";
    display:block;
    text-align:center;
    padding:10px 12px;
    margin:10px 0 4px;
    background:#e9eaee;
    border:1px solid rgba(0,0,0,.08);
    border-radius:12px;
    color:#111;
    font-size:13.5px;
    font-weight:400;
  }
}
@media (max-width: 1024px){

  /* הקטנת גובה כל פריטי התפריט */
  #menu-mainmenumobile > li > a,
  #menu-mainmenumobile .sub-menu > li > a{
    padding: 8px 12px !important;   /* היה 12–14 */
    margin: 4px 0 !important;       /* היה 6 */
    font-size: 14px !important;
  }

  /* הקטנת רדיוס – נראה יותר נקי */
  #menu-mainmenumobile > li > a,
  #menu-mainmenumobile .sub-menu > li > a{
    border-radius: 10px !important;
  }

  /* ביטול קווים/רקעים באזור החץ */
  #menu-mainmenumobile a .mm-arrow{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 11px !important;
  }

  /* לוודא שאין הפרדה אנכית */
  #menu-mainmenumobile > li > a{
    gap: 8px !important;
  }

  /* אם יש border פנימי שנוצר ע"י התבנית */
  #menu-mainmenumobile li,
  #menu-mainmenumobile li:before,
  #menu-mainmenumobile li:after{
    border-left: none !important;
    border-right: none !important;
  }

  /* תת-תפריט – יותר צפוף */
  #menu-mainmenumobile .sub-menu{
    padding-bottom: 4px !important;
  }
}@media (max-width: 1024px){

  /* הרחבת המכולה לרוחב מלא והורדת padding חיצוני שמקטין */
  .menu-mainmenumobile-container{
    padding: 8px 6px 12px !important;
  }

  /* לוודא שכל "פס" לא יוצא החוצה */
  #menu-mainmenumobile > li > a,
  #menu-mainmenumobile .sub-menu > li > a{
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* החץ: שלא "יברח" החוצה + מיושר תמיד */
  #menu-mainmenumobile a .mm-arrow{
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
  }

  /* למנוע מצבים שבהם התבנית מוסיפה padding/רקע פנימי שמייצר קו/שבר */
  #menu-mainmenumobile a{
    background-clip: padding-box !important;
  }

  /* שיפור מהירות: לבטל כל transition/animation בתוך התפריט */
  #menu-mainmenumobile,
  #menu-mainmenumobile *{
    transition: none !important;
    animation: none !important;
  }

  /* שיפור מהירות: למנוע ציור מחדש של כל המסך בכל פתיחה */
  #menu-mainmenumobile > li{
    contain: paint !important;
  }
}@media (max-width: 1024px){

  /* פידבק מיידי בלחיצה (tap) */
  #menu-mainmenumobile .sub-menu > li > a:active,
  #menu-mainmenumobile .sub-menu > li > a:focus{
    background-color: rgba(0,0,0,.08) !important;
  }

  /* פידבק hover (יש מוביילים שמדמים hover) */
  #menu-mainmenumobile .sub-menu > li > a:hover{
    background-color: rgba(0,0,0,.05) !important;
  }

  /* מצב נבחר – כשנמצאים בעמוד של תת־קטגוריה */
  #menu-mainmenumobile .sub-menu > li.current-menu-item > a,
  #menu-mainmenumobile .sub-menu > li.current-menu-parent > a,
  #menu-mainmenumobile .sub-menu > li.current-menu-ancestor > a{
    background-color: rgba(0,0,0,.08) !important;
  }

  /* חשוב: לאפשר לצבע להיראות (לפעמים היה hidden) */
  #menu-mainmenumobile .sub-menu > li > a{
    background-clip: padding-box !important;
  }

  /* iOS – פידבק טאץ' עדין */
  #menu-mainmenumobile .sub-menu > li > a{
    -webkit-tap-highlight-color: rgba(0,0,0,.12);
  }
}
@media (max-width: 1024px){

  /* לבטל באנר ישן אם היה תלוי בפריט */
  #menu-mainmenumobile > li::after{
    content: none !important;
    display: none !important;
  }

  /* באנר משלוח חינם – בראש התפריט */
  .menu-mainmenumobile-container::before{
    content: "🚚 משלוח חינם בקנייה מעל 599₪";
    display: block;

    margin: 6px 6px 8px !important;   /* צמוד לחיפוש */
    padding: 8px 12px !important;

    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #111;

    background: #e9eaee;
    border: 1px solid rgba(0,0,0,.10);
    border-radius: 12px;
  }
}
@media (max-width: 1024px){

  /* הקטנת רווח אנכי בין קטגוריות ב־1px */
  #menu-mainmenumobile > li > a,
  #menu-mainmenumobile .sub-menu > li > a{
    margin-top: calc(100% * 0 + 2px) !important;
    margin-bottom: 2px !important;
  }

  /* ביטול רווח נוסף שמגיע מה-li */
  #menu-mainmenumobile > li,
  #menu-mainmenumobile .sub-menu > li{
    margin-bottom: 2px !important;
  }
}
@media (max-width: 1024px){

  /* הגדלת טקסט ב־1px */
  #menu-mainmenumobile > li > a,
  #menu-mainmenumobile .sub-menu > li > a{
    font-size: 16px !important;   /* +1px */
  }
}

/* ===============================
   DESKTOP MEGA MENU – CATEGORY GRID
   (Basel / WPBakery / WooCommerce)
   =============================== */
@media (min-width: 1025px){

  /* עטיפת כל המגה */
  .basel-navigation .wpb_wrapper,
  .main-nav .wpb_wrapper{
    padding: 16px !important;
    background: #ffffff !important;
    border-radius: 16px !important;
  }

  /* קונטיינר הגריד */
  .basel-navigation .woocommerce .row.categories-style-default{
    margin: 0 !important;
    gap: 16px !important;
  }

  /* כרטיס מותג */
  .basel-navigation .category-grid-item,
  .main-nav .category-grid-item{
    background: #fafafa !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: 14px !important;
    padding: 14px 12px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    transition: transform .15s ease,
                box-shadow .15s ease,
                background-color .15s ease !important;
  }

  /* Hover – יוקרתי ועדין */
  .basel-navigation .category-grid-item:hover,
  .main-nav .category-grid-item:hover{
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.12) !important;
    transform: translateY(-2px) !important;
  }

  /* תמונת מותג */
  .basel-navigation .category-grid-item img,
  .main-nav .category-grid-item img{
    height: 64px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin-bottom: 8px !important;
  }

  /* שם מותג */
  .basel-navigation .category-grid-item h3,
  .basel-navigation .category-grid-item .title,
  .basel-navigation .category-grid-item a{
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: .2px !important;
    color: #111 !important;
    text-align: center !important;
  }

  /* להסיר קווים/רקעים ישנים של Basel */
  .basel-navigation .category-grid-item:before,
  .basel-navigation .category-grid-item:after{
    display: none !important;
  }
}

@media (max-width: 1024px){

  /* קטגוריות אב בלבד */
  #menu-mainmenumobile > li > a{
    background-color: #f6f6f6     !important; /* אפור כמעט לבן */
    border-radius: 12px !important;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Tablet-specific styles here */
  .price del {
    margin-left: 0px;
}
.product-grid-item .product-element-top {
    max-height: 520px;
    padding: 12px;
    height: 350px;
}
    .site-logo img {
        max-height: fit-content;
    }
	.main-page-wrapper {
    padding-top: 0;
}
	.mobile-nav-icon {
    margin-top: 5px;
}
	.mobile-nav .icon-sub-menu:after, .mobile-nav .icon-sub-menu:before {
    background-color: #2a2a2a;
	}
	span.icon-sub-menu.up-icon {
    background: transparent !important;
    border: none;
}
	.mobile-nav .sub-menu-dropdown ul:before
	{
		display:none;
	}
	    .basel-back-btn>span:after {
        top: -7.5px;
        right: 23px;
    }

.basel-back-btn>span:before
{
    right: -33px;
}
.single .single-product-page .basel-scroll-content {
    width: 100%;
}
.single .tabs-wrap {
    display: flex;
    flex-direction: column;
}
	    .act-scroll .site-logo img, .header-clone .site-logo img {
        max-height: 60px;
        max-width: 90px;
    }
	    .main-header:not(.header-menu-top) .site-logo img {
        max-width: 100px;
    }
	.single-breadcrumbs-wrapper {
    margin-top: 0px;
	}
	.single-product-content .product-images .thumbs-position-left .owl-nav {
    top: 30px;
}
	    .footer-container .wpb_column {
        margin-bottom: 0px;
    }
	
	.footer-container .vc_row {
    padding: 0 5px;
}
form.checkout.woocommerce-checkout .col-sm-6 {
        width: 100%;
    }
	    .checkout-order-review tr.cart_item .product-name div:nth-of-type(1) {
        width: 25%;
        margin: 0;
       
    }
	.woocommerce-checkout-review-order-table td {
    border: none;
    width: 62% !important;
    max-width: 62% !important;
		padding-left: 0px;
}
    .woocommerce .checkout-order-review .responsive-table {
        padding: 0 !important;
    }
.woocommerce-checkout-review-order-table .product-total {
    text-align: right;
}
.home .product-grid-item.basel-hover-quick.product.col-md-3.col-sm-4.col-xs-6.last.post-0.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry {
    display: none;
}
}/* ===== Basel sticky clone: tighten menu spacing ===== */

/* מצמצם רוחב/גובה של קישורי התפריט בסטיקי */
.sticky-header.header-clone .main-nav.site-navigation.basel-navigation ul.menu > li > a{
  padding: 0 8px !important;     /* מצמצם רווח ימינה/שמאלה */
  line-height: 36px !important;  /* מצמצם גובה השורה */
  font-size: 14px !important;    /* מצמצם טקסט */
}

/* מבטל רווחים מיותרים בין פריטים */
.sticky-header.header-clone .main-nav.site-navigation.basel-navigation ul.menu > li{
  margin: 0 !important;
  padding: 0 !important;
}

/* אם יש מפרידים אנכיים בין פריטים (כמו אצלך) – מצמצם אותם */
.sticky-header.header-clone .main-nav.site-navigation.basel-navigation ul.menu > li:before,
.sticky-header.header-clone .main-nav.site-navigation.basel-navigation ul.menu > li:after{
  margin: 0 4px !important;
}
/* ===== FIX vertical alignment of menu text in sticky ===== */

.sticky-header.header-clone 
.main-nav.site-navigation.basel-navigation 
ul.menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 40px !important;      /* גובה קבוע לשורה */
    line-height: normal !important;

    padding: 0 8px !important;    /* הרווח שכבר הקטנו */
    font-size: 15px !important;
}



/* === BOLD separators between menu categories (override) === */
@media (min-width: 1025px){
  .basel-navigation .menu > li:not(:last-child)::after{
    font-weight: 700 !important; /* בולד */
    color: #666 !important;      /* כהה יותר */
  }
}

/* === Reduce spacing between menu categories (desktop) === */
@media (min-width: 1025px){
  .basel-navigation .menu > li:not(:last-child)::after{
    margin: 0 8px !important;   /* היה ~14px, עכשיו צפוף יותר */
  }

  .basel-navigation .menu > li > a{
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}




/* === Remove dropdown arrow on desktop main menu === */
@media (min-width: 1025px){
  .basel-navigation .menu > li.menu-item-has-children > a::after,
  .basel-navigation .menu > li.menu-item-has-children > a::before {
    display: none !important;
    content: none !important;
  }
}


/* ===== FULL STYLE: Desktop main menu bar (Basel) ===== */
@media (min-width: 1025px){

  /* כל הפס */
  .main-nav.site-navigation.basel-navigation{
    background: #ffffff !important;
    border-top: 1px solid rgba(0,0,0,.06);
    border-bottom: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 6px 16px rgba(0,0,0,.05);
  }

  /* ממרכז את התפריט בתוך הפס */
  .main-nav.site-navigation.basel-navigation .menu-mainmenu-container{
    display: flex !important;
    justify-content: center !important;
  }

  /* שורת התפריט */
  .main-nav.site-navigation.basel-navigation ul.menu{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 10px 12px !important; /* גובה הפס */
    margin: 0 !important;
  }

  /* פריט תפריט */
  .main-nav.site-navigation.basel-navigation ul.menu > li{
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* לינק */
  .main-nav.site-navigation.basel-navigation ul.menu > li > a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 36px !important;
    padding: 0 10px !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    color: #1f1f1f !important;

    border-radius: 999px !important; /* “כפתור” עדין */
    transition: background .2s ease, color .2s ease;
  }

  /* הובר נקי ומסחרי */
  .main-nav.site-navigation.basel-navigation ul.menu > li:hover > a,
  .main-nav.site-navigation.basel-navigation ul.menu > li > a:focus{
    background: rgba(177,27,94,.10) !important;
    color: #b11b5e !important;
  }

  /* הקו המפריד שלך – מסודר יותר ובולט */
  .basel-navigation .menu > li:not(:last-child)::after{
    margin: 0 10px !important;
    color: rgba(0,0,0,.35) !important;
    font-weight: 700 !important;
  }
}
/* ===== Make main menu bar full width ===== */
@media (min-width: 1025px){

  /* מוציא את פס התפריט מרוחב הקונטיינר */
  .main-nav.site-navigation.basel-navigation{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  }

  /* מבטל padding פנימי שמייצר שוליים */
  .main-nav.site-navigation.basel-navigation > .container{
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}





/* === Product page: Premium Add to Cart button === */
.single-product button.single_add_to_cart_button,
.single-product .single_add_to_cart_button {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: .2px !important;
  background: #0b0b0b !important;
  border: 0 !important;
  transition: transform .15s ease, opacity .15s ease !important;
}

.single-product button.single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:hover {
  opacity: .92 !important;
  transform: translateY(-1px) !important;
}



.bundle_form.bundle_sells_form{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #fbfbfb;
  border: 1px solid #e7e7e7;
  border-radius: 16px;
  padding: 8px 10px !important;
  margin: 10px 0 !important;
  position: relative !important;
  overflow: visible !important;
}

.bundle_form.bundle_sells_form *{
  box-sizing: border-box !important;
}

.bundle_form.bundle_sells_form::after{
  content: none !important;
  display: none !important;
}

.single-product .bundle_form.bundle_sells_form::before{
  content: "➕תוספת שכדאי לא לפספס:" !important;
  display: block !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  margin: 0 0 10px 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #f7f7f7 !important;
  color: #111 !important;
}

.bundle_form.bundle_sells_form .bundled_product_summary{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-inline-end: 18px !important;
}

.bundle_form.bundle_sells_form .bundled_product_images,
.bundle_form.bundle_sells_form .bundled_product_images.images{
  width: 118px !important;
  height: 118px !important;
  flex: 0 0 118px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bundle_form.bundle_sells_form .bundled_product_images img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.bundle_form.bundle_sells_form .details{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.bundle_form.bundle_sells_form .details > *{
  margin: 0 !important;
}

.bundle_form.bundle_sells_form .bundled_product_title,
.bundle_form.bundle_sells_form .product_title,
.bundle_form.bundle_sells_form .bundled_product_title a{
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #222 !important;
  text-decoration: none !important;
  margin: 0 0 6px 0 !important;
  display: block !important;
  overflow: visible !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}

.bundle_form.bundle_sells_form .price,
.bundle_form.bundle_sells_form .price *,
.bundle_form.bundle_sells_form .woocommerce-Price-amount,
.bundle_form.bundle_sells_form del,
.bundle_form.bundle_sells_form ins{
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  float: none !important;
  margin: 0 !important;
}

.bundle_form.bundle_sells_form .price{
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  white-space: nowrap !important;
}

.bundle_form.bundle_sells_form .woocommerce-Price-amount{
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #000 !important;
  white-space: nowrap !important;
}

.bundle_form.bundle_sells_form del,
.bundle_form.bundle_sells_form del .woocommerce-Price-amount{
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #9a9a9a !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

.bundle_form.bundle_sells_form label.bundled_product_optional_checkbox,
.bundle_form.bundle_sells_form .bundled_product_optional_checkbox{
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  margin-top: 10px !important;
  font-size: 12.5px !important;
  color: #444 !important;
  white-space: nowrap !important;
}

.bundle_form.bundle_sells_form input[type="checkbox"]{
  width: 15px !important;
  height: 15px !important;
  accent-color: #000 !important;
  cursor: pointer !important;
}

.bundle_form.bundle_sells_form .details br{
  display: none !important;
}


@media (max-width: 600px){

  /* יישור מושלם של הטקסט והצ'קבוקס לאותו קו */
  .bundle_form.bundle_sells_form .bundled_product_optional_checkbox{
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
  }

  .bundle_form.bundle_sells_form .bundled_product_optional_checkbox input[type="checkbox"]{
    margin: 0 !important;
    transform: translateY(0) !important;
  }

  /* צמצום padding תחתון של כל המלבן */
  .bundle_form.bundle_sells_form{
    padding-bottom: 6px !important;
  }
}


/* ==============================
   FORCE: QTY + ADD TO CART SAME ROW
   Basel / WooCommerce
   ============================== */

.single-product form.cart{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

/* כל מה שמעל – שורה מלאה */
.single-product form.cart > #tm-extra-product-options,
.single-product form.cart > .bundle_form,
.single-product form.cart > .bundled_product_summary,
.single-product form.cart > .woocommerce-variation-add-to-cart,
.single-product form.cart > .variations,
.single-product form.cart > .single_variation_wrap{
  flex: 0 0 100% !important;
  width: 100% !important;
}

/* השורה של כמות + כפתור (ישירות בתוך form אצלך) */
.single-product form.cart > .quantity{
  flex: 0 0 92px !important;
  width: 92px !important;
  margin: 0 !important;
  order: 9998 !important;
}

.single-product form.cart > button.single_add_to_cart_button,
.single-product form.cart > .single_add_to_cart_button{
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;
  min-height: 54px !important;
  order: 9999 !important;
}

/* גובה אחיד לשדה הכמות */
.single-product form.cart > .quantity input.qty{
  width: 100% !important;
  height: 54px !important;
  line-height: 54px !important;
  text-align: center !important;
  padding: 0 !important;
}

/* RTL: כמות בימין, כפתור משמאל */
.rtl .single-product form.cart{
  direction: rtl !important;
}




/* ==============================
   APPLE-LIKE: QTY + ADD TO CART
   ============================== */

/* שורת כמות+כפתור – קצת יותר אוויר */
.single-product form.cart{
  gap: 12px !important;
  align-items: center !important;
}

/* ===== Quantity pill (Apple style) ===== */
.single-product form.cart > .quantity{
  flex: 0 0 104px !important;
  width: 104px !important;
  border-radius: 999px !important;
  background: #f5f5f7 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  padding: 6px !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.03) !important;
}

/* אם יש לך +/- של התבנית */
.single-product form.cart > .quantity .minus,
.single-product form.cart > .quantity .plus{
  border: 0 !important;
  background: transparent !important;
  color: rgba(0,0,0,.65) !important;
  width: 32px !important;
  height: 42px !important;
  border-radius: 999px !important;
  line-height: 42px !important;
  font-weight: 600 !important;
}

.single-product form.cart > .quantity .minus:hover,
.single-product form.cart > .quantity .plus:hover{
  background: rgba(0,0,0,.06) !important;
}

/* השדה עצמו */
.single-product form.cart > .quantity input.qty{
  background: transparent !important;
  border: 0 !important;
  height: 42px !important;
  line-height: 42px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  color: #111 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ===== Add to cart (Apple primary button) ===== */
.single-product form.cart > button.single_add_to_cart_button,
.single-product form.cart > .single_add_to_cart_button{
  border-radius: 999px !important;
  min-height: 54px !important;
  padding: 0 22px !important;
  background: #111 !important;
  color: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;

  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: .2px !important;

  box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease !important;
}

/* Hover עדין */
.single-product form.cart > button.single_add_to_cart_button:hover,
.single-product form.cart > .single_add_to_cart_button:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
  opacity: .96 !important;
}

/* Press כמו באפל */
.single-product form.cart > button.single_add_to_cart_button:active,
.single-product form.cart > .single_add_to_cart_button:active{
  transform: translateY(0) scale(.99) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
}

/* Disabled */
.single-product form.cart > button.single_add_to_cart_button:disabled,
.single-product form.cart > .single_add_to_cart_button.disabled{
  opacity: .55 !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
}

/* פוקוס נעים (מקלדת) */
.single-product form.cart > button.single_add_to_cart_button:focus-visible,
.single-product form.cart > .single_add_to_cart_button:focus-visible{
  outline: 3px solid rgba(0,113,227,.35) !important;
  outline-offset: 2px !important;
}






/* =========================================
   ENGRAVING / TM OPTIONS – match bundle box
   Works for BOTH:
   #tm-extra-product-options
   .tc-extra-product-options
   ========================================= */

body.single-product .summary form.cart.customize-unpreviewable > .tc-extra-product-options,
body.single-product .summary form.cart.customize-unpreviewable > #tm-extra-product-options,
body.single-product .tc-extra-product-options,
body.single-product #tm-extra-product-options{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;

  background: #fbfbfb !important;

  /* ⬅⬅ השינוי היחיד: מסגרת כמו ההטבה */
  border: 1px solid rgba(0,0,0,0.5) !important;

  border-radius: 16px !important;

  padding: 8px 10px !important;
  margin: 10px 0 !important;

  position: relative !important;
  overflow: visible !important;
}

/* כותרת פנימית כמו ההטבה */
body.single-product .summary form.cart.customize-unpreviewable > .tc-extra-product-options::before,
body.single-product .summary form.cart.customize-unpreviewable > #tm-extra-product-options::before,
body.single-product .tc-extra-product-options::before,
body.single-product #tm-extra-product-options::before{
  content: "✍️ חריטה" !important;
  display: block !important;

  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;

  margin: 0 0 10px 0 !important;
  padding: 10px 12px !important;

  border-radius: 12px !important;
  background: #f7f7f7 !important;
  color: #111 !important;
}

/* ניקוי “רעש” טיפוגרפי בפנים */
body.single-product .tc-extra-product-options *,
body.single-product #tm-extra-product-options *{
  box-sizing: border-box !important;
}

body.single-product .tc-extra-product-options br,
body.single-product #tm-extra-product-options br{
  display: none !important;
}

body.single-product .tc-extra-product-options label,
body.single-product #tm-extra-product-options label{
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #222 !important;
  line-height: 1.35 !important;
  margin: 0 0 8px 0 !important;
}

/* שדות קלט – “אפל” נקי */
body.single-product .tc-extra-product-options input[type="text"],
body.single-product .tc-extra-product-options input[type="number"],
body.single-product .tc-extra-product-options textarea,
body.single-product .tc-extra-product-options select,
body.single-product #tm-extra-product-options input[type="text"],
body.single-product #tm-extra-product-options input[type="number"],
body.single-product #tm-extra-product-options textarea,
body.single-product #tm-extra-product-options select{
  width: 100% !important;

  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 12px !important;

  padding: 12px 12px !important;
  min-height: 44px !important;

  font-size: 14px !important;
  color: #111 !important;

  box-shadow: none !important;
  outline: none !important;
}

body.single-product .tc-extra-product-options input:focus,
body.single-product .tc-extra-product-options textarea:focus,
body.single-product .tc-extra-product-options select:focus,
body.single-product #tm-extra-product-options input:focus,
body.single-product #tm-extra-product-options textarea:focus,
body.single-product #tm-extra-product-options select:focus{
  border-color: rgba(0,0,0,.28) !important;
}

/* מובייל – קצת יותר צפוף */
@media (max-width: 600px){
  body.single-product .tc-extra-product-options,
  body.single-product #tm-extra-product-options{
    border-radius: 14px !important;
    padding: 8px 10px !important;
  }
  body.single-product .tc-extra-product-options::before,
  body.single-product #tm-extra-product-options::before{
    padding: 9px 11px !important;
    border-radius: 11px !important;
  }
}




/* =========================
   ONLY gap between badges and engraving box
   (make it smaller, not bigger)
   ========================= */

/* 1) לרוב הרווח מגיע מהבאג'ים עצמם – נוריד למינימום */
body.single-product .badges_flex,
body.single-product .bee1-custom-badges-container{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

/* 2) ולפעמים הרווח מגיע מהקופסה הבאה (חריטה) – נצמצם לה את ה-margin-top */
body.single-product .summary form.cart.customize-unpreviewable > .tc-extra-product-options,
body.single-product .summary form.cart.customize-unpreviewable > #tm-extra-product-options,
body.single-product .tc-extra-product-options,
body.single-product #tm-extra-product-options{
  margin-top: -40px !important;  /* פה שולט על הרווח המסומן */
}

/* =========================
   GAP FIX – engraving → bundle
   ========================= */

/* הקטנת הרווח מתחת לחריטה */
body.single-product .tc-extra-product-options,
body.single-product #tm-extra-product-options{
  margin-bottom: 5px !important;
}

/* ביטחון: לבטל margin-top של ההטבה */
body.single-product .bundle_form.bundle_sells_form{
  margin-top: 0 !important;
}


/* =========================================
   SINGLE PRODUCT – ONLY: title + price + badges
   Safe scope (won't touch engraving/bundle below)
   ========================================= */

body.single-product .single-product-content .summary .basel-scroll-content{
  direction: rtl;
  text-align: center;
}

/* ---- Title ---- */
body.single-product .single-product-content .summary .basel-scroll-content h1.product_title.entry-title{
  font-size: 22px;
  line-height: 1.35;
  font-weight: 750;
  margin: 0 0 10px 0;
  color: #111;
}

/* ---- Price (current + old) ---- */
body.single-product .single-product-content .summary .basel-scroll-content p.price{
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  margin: 0 0 12px 0;
  padding: 0;
  white-space: nowrap;
}

body.single-product .single-product-content .summary .basel-scroll-content p.price ins{
  text-decoration: none !important;
}

body.single-product .single-product-content .summary .basel-scroll-content p.price ins .woocommerce-Price-amount{
  font-size: 30px;
  font-weight: 950;
  color: #0f0f0f;
}

body.single-product .single-product-content .summary .basel-scroll-content p.price del{
  opacity: 1;
}

body.single-product .single-product-content .summary .basel-scroll-content p.price del .woocommerce-Price-amount{
  font-size: 14px;
  font-weight: 700;
  color: #9a9a9a;
}

body.single-product .single-product-content .summary .basel-scroll-content p.price .woocommerce-Price-currencySymbol{
  font-size: .9em;
  margin-inline-start: 2px;
}

/* ---- Badges (only inside your badges container) ---- */
body.single-product .single-product-content .summary .basel-scroll-content .bee1-custom-badges-container{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
}

body.single-product .single-product-content .summary .basel-scroll-content .bee1-custom-badges-container > *{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  border: 1px solid #e8e8e8;
  background: #fff;
  color: #111;
}

/* If one of the badges is the % discount (-47%), make it strong */
body.single-product .single-product-content .summary .basel-scroll-content .bee1-custom-badges-container > *:is(.discount,.sale,.percent){
  background: #111;
  border-color: #111;
  color: #fff;
}

/* If one badge indicates stock (במלאי) keep it green-ish */
body.single-product .single-product-content .summary .basel-scroll-content .bee1-custom-badges-container > *:is(.in-stock,.stock,.available){
  background: #f3fbf6;
  border-color: #d6f0df;
  color: #167a3a;
}



/* ===== Luxury touch – price box only (BLACK version) ===== */

body.single-product 
.single-product-content 
.summary 
.basel-scroll-content 
p.price{
  max-width: 520px;
  margin: 0 auto 14px auto;
  padding: 6px 18px;

  background: #fafafa;                 /* אפור חמים ועדין */
  border: 1px solid #e6e6e6;
  border-radius: 16px;

  /* טוויסט יוקרתי */
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
  position: relative;

  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 12px;
}

/* פס יוקרתי דק למעלה – שחור */
body.single-product 
.single-product-content 
.summary 
.basel-scroll-content 
p.price::before{
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 1.5px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    #111,
    transparent
  );
}

/* מחיר נוכחי – יותר אלגנטי */
body.single-product p.price ins .woocommerce-Price-amount{
  font-size: 34px;
  font-weight: 900;
  color: #111;
  letter-spacing: -0.3px;
}

/* מחיר ישן – עדין ופרימיום */
body.single-product p.price del .woocommerce-Price-amount{
  font-size: 13px;
  font-weight: 700;
  color: #9b9b9b;
}



/* ===== Short description (UL/LI) – CENTER FOR REAL ===== */

body.single-product 
.single-product-content .summary .basel-scroll-content 
.woocommerce-product-details__short-description{
  max-width: 520px;
  margin: 10px auto 16px;
  padding: 8px 0;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(0,0,0,0.04),
    transparent
  );

  font-size: 14px;
  line-height: 1.6;
  color: #555;
  text-align: center;
}

/* Reset UL default indentation/bullets that break centering */
body.single-product 
.single-product-content .summary .basel-scroll-content 
.woocommerce-product-details__short-description ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Center LI content */
body.single-product 
.single-product-content .summary .basel-scroll-content 
.woocommerce-product-details__short-description li{
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100%;
}




/* MINI CART – FULL WIDTH + SQUARE THUMB (ABSOLUTE) */

.widget_shopping_cart_content,
.woocommerce.widget_shopping_cart{
  direction: rtl;
}

/* לנצל את כל הרוחב של העגלה */
.widget_shopping_cart_content,
.woocommerce.widget_shopping_cart,
.widget_shopping_cart_content ul.cart_list,
.widget_shopping_cart_content ul.woocommerce-mini-cart,
.woocommerce.widget_shopping_cart ul.cart_list,
.woocommerce.widget_shopping_cart ul.woocommerce-mini-cart{
  padding: 0 !important;
  margin: 0 !important;
}

/* פרמטרים */
.widget_shopping_cart_content{
  --mc-pad: 8px;     /* כמה קרוב לקצוות */
  --mc-x: 34px;      /* גודל איקס */
  --mc-thumb: 78px;  /* גודל תמונה ריבוע */
  --mc-gap: 10px;    /* רווח בין תמונה לטקסט */
  --mc-radius: 18px; /* עיגול */
}

/* שורת מוצר */
.widget_shopping_cart_content .mini_cart_item,
.woocommerce.widget_shopping_cart .mini_cart_item{
  position: relative;
  padding: 14px var(--mc-pad) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* איקס – הכי ימינה */
.widget_shopping_cart_content .mini_cart_item a.remove,
.woocommerce.widget_shopping_cart .mini_cart_item a.remove{
  position: absolute !important;
  top: 12px !important;
  right: var(--mc-pad) !important;
  left: auto !important;
  z-index: 30;

  width: var(--mc-x) !important;
  height: var(--mc-x) !important;

  display: grid !important;
  place-items: center !important;

  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.18) !important;

  color: #111 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget_shopping_cart_content .mini_cart_item a.remove:hover,
.woocommerce.widget_shopping_cart .mini_cart_item a.remove:hover{
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

/* לינק מוצר – טקסט מלא לימין, תמונה אבסולוטית לשמאל */
.widget_shopping_cart_content .mini_cart_item > a:not(.remove),
.woocommerce.widget_shopping_cart .mini_cart_item > a:not(.remove){
  position: relative !important;
  display: block !important;

  /* מקום לתמונה משמאל + מקום לאיקס מימין */
  padding-left: calc(var(--mc-thumb) + var(--mc-gap)) !important;
  padding-right: calc(var(--mc-x) + 10px) !important;

  min-height: var(--mc-thumb) !important;

  text-align: right !important;
  direction: rtl !important;
  unicode-bidi: plaintext;

  color: #111 !important;
  text-decoration: none !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;

  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* מסגרת ריבועית לתמונה (לא תלוי במה שהתבנית עוטפת) */
.widget_shopping_cart_content .mini_cart_item > a:not(.remove)::before,
.woocommerce.widget_shopping_cart .mini_cart_item > a:not(.remove)::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;

  width: var(--mc-thumb);
  height: var(--mc-thumb);

  border-radius: var(--mc-radius);
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  overflow: hidden;
}

/* התמונה עצמה – כופים ריבוע וממקמים מעל המסגרת */
.widget_shopping_cart_content .mini_cart_item > a:not(.remove) img,
.woocommerce.widget_shopping_cart .mini_cart_item > a:not(.remove) img{
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  width: var(--mc-thumb) !important;
  height: var(--mc-thumb) !important;

  max-width: var(--mc-thumb) !important;
  max-height: var(--mc-thumb) !important;

  object-fit: cover !important;
  border-radius: var(--mc-radius) !important;

  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* מחיר + כמות – מתחת לטקסט, לא מתחת לתמונה */
.widget_shopping_cart_content .mini_cart_item .quantity,
.woocommerce.widget_shopping_cart .mini_cart_item .quantity{
  display: block !important;
  margin-top: 6px !important;

  padding-left: calc(var(--mc-thumb) + var(--mc-gap)) !important;
  padding-right: calc(var(--mc-x) + 10px) !important;

  text-align: right !important;
  direction: rtl !important;
  unicode-bidi: plaintext;

  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(0,0,0,0.75) !important;

  white-space: nowrap !important;
}

.widget_shopping_cart_content .mini_cart_item .quantity .woocommerce-Price-amount,
.woocommerce.widget_shopping_cart .mini_cart_item .quantity .woocommerce-Price-amount{
  font-weight: 900 !important;
  color: #111 !important;
}

/* סכום ביניים */
.widget_shopping_cart_content .total,
.woocommerce.widget_shopping_cart .total{
  display: flex !important;
  justify-content: space-between !important;
  padding: 14px var(--mc-pad) !important;
  font-weight: 900 !important;
}

/* כפתורים למטה – קצוות */
.widget_shopping_cart_content .buttons,
.woocommerce.widget_shopping_cart .buttons{
  padding: 0 var(--mc-pad) 14px !important;
  margin: 0 !important;
  display: grid !important;
  gap: 10px !important;
}

.widget_shopping_cart_content .buttons a,
.woocommerce.widget_shopping_cart .buttons a{
  display: block !important;
  width: 100% !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  font-weight: 900 !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
}

.widget_shopping_cart_content .buttons a:not(.checkout),
.woocommerce.widget_shopping_cart .buttons a:not(.checkout){
  background: #fff !important;
  color: #111 !important;
}

.widget_shopping_cart_content .buttons a.checkout,
.woocommerce.widget_shopping_cart .buttons a.checkout{
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

/* מובייל – עוד יותר לקצוות */
@media (max-width: 480px){
  .widget_shopping_cart_content{
    --mc-pad: 6px;
    --mc-thumb: 74px;
    --mc-gap: 8px;
  }
}





/* ADD BACK IMAGE FRAME (square + rounded) */

.widget_shopping_cart_content .mini_cart_item > a:not(.remove)::before,
.woocommerce.widget_shopping_cart .mini_cart_item > a:not(.remove)::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;

  width: var(--mc-thumb);
  height: var(--mc-thumb);

  border-radius: 18px;
  border: 1px solid rgba(0,0,0,0.15);
  background: #fff;

  box-shadow: 0 2px 3px rgba(0,0,0,0.10);
  pointer-events: none;
  z-index: 1;
}

/* make sure image sits above the frame */
.widget_shopping_cart_content .mini_cart_item > a:not(.remove) img,
.woocommerce.widget_shopping_cart .mini_cart_item > a:not(.remove) img{
  z-index: 2;
}



/* MINI CART – View Cart button hover (pink like badge) */

.widget_shopping_cart_content .buttons a:not(.checkout),
.woocommerce.widget_shopping_cart .buttons a:not(.checkout){
  transition: 
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

/* hover */
.widget_shopping_cart_content .buttons a:not(.checkout):hover,
.woocommerce.widget_shopping_cart .buttons a:not(.checkout):hover{
  background: #F3D6E6 !important;   /* ורוד בהיר */
  color: #C0266C !important;        /* ורוד כהה לטקסט */
  border-color: #F3D6E6 !important;
  box-shadow: 0 0px 0px rgba(192,38,108,0.18) !important;
}

/* active / tap (מובייל) */
.widget_shopping_cart_content .buttons a:not(.checkout):active,
.woocommerce.widget_shopping_cart .buttons a:not(.checkout):active{
  background: #EFCADB !important;
  border-color: #EFCADB !important;
}




/* MINI CART – neutral hover / active feedback */

.widget_shopping_cart_content .mini_cart_item{
  transition:
    background-color .18s ease,
    box-shadow .18s ease,
    transform .12s ease;
}

/* hover */
.widget_shopping_cart_content .mini_cart_item:hover{
  background: rgba(0,0,0,0.03); /* אפור עדין מאוד */
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
}

/* active / tap */
.widget_shopping_cart_content .mini_cart_item:active{
  background: rgba(0,0,0,0.03);
  transform: scale(0.985);
}


/* ======================================================
   BASEL / XTEMOS – STICKY HEADER (FIX DROP TO NEXT LINE)
   Works ONLY when sticky is active: .act-scroll
   - Full-width white bg
   - Compact height (~half)
   - Logo max 60px (no crop)
   - Menu stays on one line (horizontal scroll if needed)
   - Cart price/count on one line
   ====================================================== */

:root{
  --sj-sticky-h: 64px;      /* גובה הסטיקי (חצי בערך, ונותן מקום ללוגו 60) */
  --sj-logo-max: 60px;      /* לוגו 60px */
  --sj-menu-fs: 13px;
}

/* ✅ לעבוד רק כשהסטיקי פעיל בפועל */
.sticky-header.header-clone.act-scroll{
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.10) !important;
}

/* container פנימי: שורה אחת בלבד */
.sticky-header.header-clone.act-scroll > .container{
  max-width: none !important;
  width: 99% !important;

  height: var(--sj-sticky-h) !important;
  min-height: var(--sj-sticky-h) !important;

  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;

  background: #fff !important; /* מבטל "שני לבנים" */
}

/* סדר האלמנטים + מניעת שבירה לשורה */
.sticky-header.header-clone.act-scroll .right-column,
.sticky-header.header-clone.act-scroll .site-logo{
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.sticky-header.header-clone.act-scroll .main-nav{
  flex: 1 1 auto !important;
  min-width: 0 !important;        /* קריטי כדי שלא יפיל שורה */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* תפריט: תמיד שורה אחת; אם ארוך מדי -> גלילה אופקית */
.sticky-header.header-clone.act-scroll .menu-mainmenu-container{
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}
.sticky-header.header-clone.act-scroll .menu-mainmenu-container::-webkit-scrollbar{
  height: 0 !important;
}

.sticky-header.header-clone.act-scroll ul.menu{
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
.sticky-header.header-clone.act-scroll ul.menu > li > a{
  font-size: var(--sj-menu-fs) !important;
  padding: 6px 3px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* לוגו: לא נחתך, עד 60px */
.sticky-header.header-clone.act-scroll .site-logo{
  display: flex !important;
  align-items: center !important;
  height: var(--sj-sticky-h) !important;
  overflow: visible !important;
}
.sticky-header.header-clone.act-scroll .site-logo img{
  max-height: var(--sj-logo-max) !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* מחיר + כמות פריטים: תמיד שורה אחת */
.sticky-header.header-clone.act-scroll .right-column,
.sticky-header.header-clone.act-scroll .right-column *{
  white-space: nowrap !important;
}



/* ===== STICKY MENU – FIT MORE CATEGORIES ===== */

/* צמצום רווחים בין הקטגוריות */
.sticky-header.header-clone.act-scroll ul.menu{
  gap: 10px !important;              /* היה ~14 */
}

/* הקטנת padding אופקי של כל קטגוריה */
.sticky-header.header-clone.act-scroll ul.menu > li > a{
  padding: 6px 2px !important;       /* פחות "אוויר" */
  font-size: 14px !important;        /* טיפה יותר גדול */
  letter-spacing: 0 !important;
}

/* הקווים | – לצופף אותם */
.sticky-header.header-clone.act-scroll ul.menu > li:not(:last-child)::after{
  margin: 0 6px !important;          /* רווח קטן יותר בין קווים */
}






/* ===== STICKY MENU – FIT ALL + TALLER SEPARATORS ===== */

/* עוד צמצום רוחבי כדי להכניס את כל הקטגוריות */
.sticky-header.header-clone.act-scroll ul.menu{
  gap: 0px !important;               /* היה 10 */
}

/* הקטנת padding אופקי (חוסך הרבה רוחב) + טיפה הגדלת פונט */
.sticky-header.header-clone.act-scroll ul.menu > li > a{
  padding: 6px 1px !important;       /* מינימום בלי להיראות צפוף */
  font-size: 14.5px !important;      /* טיפה יותר גדול */
  line-height: 1.15 !important;
}

/* הקווים | – גבוהים יותר ופחות רוחב */
.sticky-header.header-clone.act-scroll ul.menu > li:not(:last-child)::after{
  content: "|" !important;
  margin: 0 4px !important;          /* פחות רוחב */
  font-size: 16px !important;        /* גובה הקו */
  line-height: 3 !important;
  opacity: 0.6;
}

/* ביטחון: שלא יהיה שום wrap */
.sticky-header.header-clone.act-scroll ul.menu,
.sticky-header.header-clone.act-scroll ul.menu *{
  white-space: nowrap !important;
}



/* ===== FIX: DEAD SPACE AFTER LOGO + GIVE SPACE TO MENU ===== */

/* 1) להוריד padding מיותר בקצוות (בעיקר ימין) */
.sticky-header.header-clone.act-scroll > .container{
  padding-right: 6px !important;   /* היה גדול -> יצר "שטח מת" */
  padding-left: 6px !important;
  gap: 15px !important;            /* קצת פחות רווח בין אזורים */
}

/* 2) לבטל רוחב/מרווחים קבועים של עטיפת הלוגו */
.sticky-header.header-clone.act-scroll .site-logo{
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}

/* 3) לוודא שהלוגו עצמו לא “שומר מקום” מעבר לתמונה */
.sticky-header.header-clone.act-scroll .site-logo img{
  max-width: 60px !important;      /* גודל לוגו שביקשת */
  width: auto !important;
}

/* 4) לתת לתפריט להשתמש במקסימום רוחב (לא למרכז) */
.sticky-header.header-clone.act-scroll .main-nav{
  justify-content: flex-start !important;  /* במקום center */
}

/* 5) התפריט עצמו - לנצל רוחב ולא להשאיר שוליים */
.sticky-header.header-clone.act-scroll .main-nav .menu-mainmenu-container{
  padding: 0 !important;
  margin: 0 !important;
}



/* ======================================================
   BASEL / XTEMOS – CATEGORY GRID TITLES: FORCE 2 LINES
   (targets the exact structure: .category-content .hover-mask h3)
   Put at the VERY END of Additional CSS
   ====================================================== */

/* הכי ספציפי למבנה שלך */
.woocommerce .product-category.product .category-content .hover-mask h3,
.woocommerce .product-category.product .category-content h3,
.woocommerce .product-category.product h3,
.woocommerce .categories-style-default .product-category h3,
.woocommerce .category-grid-item .category-content h3{
  white-space: normal !important;
  line-height: 1.2 !important;
  text-align: center !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;   /* 2 שורות */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* גובה מינימלי כדי שכל הכרטיסים יישארו אחידים */
.woocommerce .product-category.product .category-content .hover-mask h3,
.woocommerce .product-category.product .category-content h3{
  min-height: calc(1.2em * 2) !important;
}

/* גיבוי לדפדפנים שלא מכבדים line-clamp (נדיר) */
@supports not (-webkit-line-clamp: 2){
  .woocommerce .product-category.product .category-content .hover-mask h3,
  .woocommerce .product-category.product .category-content h3{
    max-height: calc(1.2em * 2) !important;
  }
}



/* ===== STICKY EDGES – MAKE WHITE BAR PERFECT TO SCREEN ENDS ===== */

/* 1) הסטיקי עצמו לבן 100% וללא padding שמייצר פסי צד */
.sticky-header.header-clone.act-scroll{
  background: #fff !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2) ה-container בפנים: 100% רוחב, בלי margin, רקע לבן רציף */
.sticky-header.header-clone.act-scroll > .container{
  width: 100% !important;          /* במקום 99% */
  max-width: 100% !important;
  margin: 0 !important;
  background: #fff !important;

  padding-left: 8px !important;   /* מרווח עדין, אחיד */
  padding-right: 8px !important;
}

/* 3) לבטל “פסים” שנוצרים מ-before/after של אלמנטים פנימיים */
.sticky-header.header-clone.act-scroll > .container:before,
.sticky-header.header-clone.act-scroll > .container:after,
.sticky-header.header-clone.act-scroll .main-nav:before,
.sticky-header.header-clone.act-scroll .main-nav:after,
.sticky-header.header-clone.act-scroll .site-logo:before,
.sticky-header.header-clone.act-scroll .site-logo:after,
.sticky-header.header-clone.act-scroll .right-column:before,
.sticky-header.header-clone.act-scroll .right-column:after{
  content: none !important;
  display: none !important;
}

/* 4) לוודא שלקצוות (לוגו / אזור אייקונים) אין רקע/ריווחים שיוצרים “טלאי” */
.sticky-header.header-clone.act-scroll .site-logo,
.sticky-header.header-clone.act-scroll .right-column,
.sticky-header.header-clone.act-scroll .main-nav{
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}



/* ===== STICKY HEADER – MOVE PRICE RIGHT (RTL) ===== */

/* 1) הזזת המחיר טיפה ימינה */
.sticky-header.header-clone.act-scroll .right-column{
  padding-right: 8px !important;   /* משחק עדין: 6–12 */
}

/* 2) צמצום רווח בין אייקוני חיפוש / עגלה */
.sticky-header.header-clone.act-scroll .right-column > *{
  margin-left: 20px !important;     /* היה גדול מדי */
  margin-right: 0 !important;
}

/* 3) ספציפית למחיר – עוד נגיעה ימינה אם צריך */
.sticky-header.header-clone.act-scroll .right-column .amount{
  margin-right: 6px !important;    /* מזיז את המחיר מהקצה */
}

/* 4) אם יש עטיפה לאייקון החיפוש */
.sticky-header.header-clone.act-scroll .search-button,
.sticky-header.header-clone.act-scroll .wd-search,
.sticky-header.header-clone.act-scroll .search-toggle{
  margin-left: 0px !important;
}














/* =========================================================
   CHECKOUT – FINAL (WPBakery .row/.col-sm-6) + PREMIUM DESIGN
   Desktop: TRUE full width + 2 columns
   Mobile: 1 column compact
   ========================================================= */

body.woocommerce-checkout{ direction: rtl; }
body.woocommerce-checkout *,
body.woocommerce-checkout *::before,
body.woocommerce-checkout *::after{ box-sizing: border-box; }

/* ---------- FULL WIDTH OVERRIDE (DESKTOP) ---------- */
@media (min-width: 992px){
  body.woocommerce-checkout .site-content,
  body.woocommerce-checkout .content-area,
  body.woocommerce-checkout .entry-content,
  body.woocommerce-checkout .woocommerce{
    max-width: none !important;
    width: 100% !important;
  }

  /* keep tiny gutters only */
  body.woocommerce-checkout .woocommerce{
    padding: 14px 22px !important;
  }
}

/* ---------- STRUCTURE (YOUR EXACT DOM) ---------- */
@media (min-width: 992px){
  body.woocommerce-checkout .woocommerce > .row{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.woocommerce-checkout .woocommerce > .row > form.checkout.woocommerce-checkout{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 26px !important;
  }

  body.woocommerce-checkout .woocommerce > .row > form.checkout.woocommerce-checkout > .col-sm-6{
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  /* Right column (details) wider, left (order) still big */
  body.woocommerce-checkout .woocommerce > .row > form.checkout.woocommerce-checkout > .col-sm-6:first-child{
    flex: 0 0 56% !important;
    max-width: 56% !important;
  }
  body.woocommerce-checkout .woocommerce > .row > form.checkout.woocommerce-checkout > .col-sm-6:last-child{
    flex: 0 0 44% !important;
    max-width: 44% !important;
  }

  /* Sticky order summary (optional, feels premium) */
  body.woocommerce-checkout #order_review{
    position: sticky !important;
    top: 12px !important;
    align-self: flex-start !important;
  }
}

/* Mobile: stack */
@media (max-width: 991px){
  body.woocommerce-checkout .woocommerce{
    padding: 10px 10px !important;
  }

  body.woocommerce-checkout .woocommerce > .row > form.checkout.woocommerce-checkout{
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-checkout .woocommerce > .row > form.checkout.woocommerce-checkout > .col-sm-6{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 0 14px 0 !important;
  }

  body.woocommerce-checkout #order_review{
    position: static !important;
    top: auto !important;
  }
}

/* ---------- PREMIUM DESIGN SYSTEM (applies to Woo blocks) ---------- */
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-checkout .checkout_coupon,
body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message{
  background: #fff !important;
  border: 1px solid #e9e9e9 !important;
  border-radius: 18px !important;
  padding: 16px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.04) !important;
}

/* Titles */
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3,
body.woocommerce-checkout #order_review_heading{
  margin: 0 0 12px 0 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #111 !important;
  line-height: 1.2 !important;
}
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3{
  padding-bottom: 10px !important;
  border-bottom: 1px solid #efefef !important;
}

/* Form spacing */
body.woocommerce-checkout .form-row{ margin: 0 0 10px 0 !important; }
body.woocommerce-checkout .form-row label{
  display: block !important;
  margin: 0 0 6px 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #222 !important;
}

/* Inputs */
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout input[type="number"],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-checkout .select2-container--default .select2-selection--single{
  width: 100% !important;
  height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid #e6e6e6 !important;
  background: #fbfbfb !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: #111 !important;
  outline: none !important;
  transition: box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
body.woocommerce-checkout textarea{
  min-height: 90px !important;
  height: auto !important;
  resize: vertical !important;
}
body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single{
  background: #fff !important;
  border-color: #cfcfcf !important;
  box-shadow: 0 0 0 4px rgba(0,0,0,.06) !important;
}

/* Select2 RTL */
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
  text-align: right !important;
  padding-left: 28px !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
  left: 10px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Order table – clean (no letter-by-letter) */
body.woocommerce-checkout #order_review table,
body.woocommerce-checkout #order_review .shop_table{
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
}
body.woocommerce-checkout #order_review th,
body.woocommerce-checkout #order_review td{
  border: none !important;
  padding: 10px 0 !important;
  vertical-align: middle !important;
}
body.woocommerce-checkout #order_review thead th{
  border-bottom: 1px solid #efefef !important;
  padding-bottom: 12px !important;
  font-size: 12px !important;
  color: #333 !important;
}
body.woocommerce-checkout #order_review .cart_item td{
  border-bottom: 1px dashed #efefef !important;
  padding: 12px 0 !important;
}
body.woocommerce-checkout #order_review .product-name{
  font-weight: 800 !important;
  color: #111 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
body.woocommerce-checkout #order_review .product-total{
  text-align: left !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
body.woocommerce-checkout #order_review tfoot th{
  font-weight: 900 !important;
  padding-top: 12px !important;
}
body.woocommerce-checkout #order_review tfoot td{
  text-align: left !important;
  font-weight: 900 !important;
  padding-top: 12px !important;
  white-space: nowrap !important;
}
body.woocommerce-checkout #order_review tfoot .order-total th,
body.woocommerce-checkout #order_review tfoot .order-total td{
  border-top: 1px solid #efefef !important;
  font-size: 18px !important;
  padding-top: 14px !important;
}

/* Payment */
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li{
  margin: 0 0 10px 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #eeeeee !important;
  background: #fcfcfc !important;
  border-radius: 14px !important;
}
body.woocommerce-checkout .woocommerce-checkout-payment .payment_box{
  margin: 8px 0 0 0 !important;
  padding: 10px 12px !important;
  background: #fff !important;
  border: 1px solid #ededed !important;
  border-radius: 12px !important;
}

/* Buttons */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .button,
body.woocommerce-checkout button.button{
  background: #111 !important;
  border: 1px solid #111 !important;
  color: #fff !important;
  border-radius: 16px !important;
  font-weight: 900 !important;
  height: 52px !important;
  padding: 0 16px !important;
  transition: transform .12s ease, opacity .12s ease;
}
body.woocommerce-checkout #place_order{ width: 100% !important; font-size: 16px !important; }
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout .button:hover{ opacity: .92 !important; transform: translateY(-1px) !important; }

/* Mobile compact (less scroll) */
@media (max-width: 767px){
  body.woocommerce-checkout .woocommerce-billing-fields,
  body.woocommerce-checkout .woocommerce-shipping-fields,
  body.woocommerce-checkout .woocommerce-additional-fields,
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout .woocommerce-checkout-payment{
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body.woocommerce-checkout .woocommerce-billing-fields h3,
  body.woocommerce-checkout .woocommerce-shipping-fields h3,
  body.woocommerce-checkout .woocommerce-additional-fields h3,
  body.woocommerce-checkout #order_review_heading{
    font-size: 16px !important;
    margin-bottom: 8px !important;
  }

  body.woocommerce-checkout input[type="text"],
  body.woocommerce-checkout input[type="email"],
  body.woocommerce-checkout input[type="tel"],
  body.woocommerce-checkout input[type="password"],
  body.woocommerce-checkout input[type="number"],
  body.woocommerce-checkout select,
  body.woocommerce-checkout .select2-container--default .select2-selection--single{
    height: 42px !important;
  }
}






/* =========================================================
   CHECKOUT – STOP BASEL OFFCANVAS LOGIN (login-form-side)
   Only on checkout (does NOT block /my-account page)
   ========================================================= */

/* the exact panel you showed */
body.woocommerce-checkout .login-form-side.woocommerce{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* common offcanvas/backdrop overlays that come with the theme */
body.woocommerce-checkout .wd-close-side,
body.woocommerce-checkout .basel-close-side,
body.woocommerce-checkout .close-side,
body.woocommerce-checkout .wd-side-overlay,
body.woocommerce-checkout .basel-side-overlay,
body.woocommerce-checkout .woodmart-overlay,
body.woocommerce-checkout .basel-overlay,
body.woocommerce-checkout .xts-overlay,
body.woocommerce-checkout .widget-area-overlay,
body.woocommerce-checkout .offcanvas-overlay{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* make sure body doesn’t get “locked” when offcanvas tried to open */
body.woocommerce-checkout.offcanvas-open,
body.woocommerce-checkout.side-open,
body.woocommerce-checkout.mobile-nav-open{
  overflow: auto !important;
}








/* =========================================================
   CHECKOUT – MOBILE PAYMENT AREA: FULL WIDTH + LESS FRAMES
   ========================================================= */

@media (max-width: 767px){

  /* 1) make the checkout area use almost full screen width */
  body.woocommerce-checkout .woocommerce{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-payment,
  body.woocommerce-checkout #order_review{
    padding: 10px !important;          /* less inner padding */
    border-radius: 12px !important;    /* softer */
  }

  /* 2) remove nested “card inside card” look in payment methods */
  body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods{
    padding: 0 !important;
    margin: 0 !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods > li{
    padding: 10px !important;
    margin: 0 0 10px 0 !important;
    border-radius: 12px !important;

    /* less frames */
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  /* 3) flatten the payment details box (the big framed text area) */
  body.woocommerce-checkout .woocommerce-checkout-payment .payment_box{
    margin: 8px 0 0 0 !important;
    padding: 10px !important;

    border: 1px solid #ededed !important; /* single light border */
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  /* 4) Coupon area – make input+button actually fill width */
  body.woocommerce-checkout .checkout_coupon{
    padding: 10px !important;
    border-radius: 12px !important;
  }

  body.woocommerce-checkout .checkout_coupon .form-row{
    margin: 0 !important;
  }

  body.woocommerce-checkout .checkout_coupon input[type="text"]{
    width: 100% !important;
    max-width: 100% !important;
  }

  body.woocommerce-checkout .checkout_coupon button.button{
    width: 100% !important;
    height: 46px !important;
    border-radius: 14px !important;
    margin-top: 8px !important;
  }

  /* 5) Place order button: full width, a bit shorter */
  body.woocommerce-checkout #place_order{
    width: 100% !important;
    height: 54px !important;
    border-radius: 18px !important;
  }
}




/* =========================================================
   HIDE WP ADMIN BAR SEARCH (frontend only)
   ========================================================= */

/* hide the admin search box */
#wpadminbar #wp-admin-bar-search,
#wpadminbar .admin-bar-search,
#wpadminbar input#adminbar-search{
  display: none !important;
}

/* keep admin bar height clean */
#wpadminbar{
  min-height: 32px !important;
}





/* Checkout – move "free shipping counter" to new line */
.woocommerce-checkout
.woocommerce-shipping-methods label{
  display: block;
  line-height: 1.4;
}

/* כל מה שמופיע אחרי הסוגריים – ירד שורה */
.woocommerce-checkout
.woocommerce-shipping-methods label::after{
  content: "";
  display: block;
}

/* טיפול בטקסט שבתוך הסוגריים */
.woocommerce-checkout
.woocommerce-shipping-methods label{
  white-space: normal;
}

/* מדגיש שהסוגריים יהיו שורה נפרדת */
.woocommerce-checkout
.woocommerce-shipping-methods label{
  word-break: break-word;
}









/* =========================================================
   DISABLE STICKY / FLOATING HEADER – MOBILE ONLY (Basel)
   ========================================================= */

@media (max-width: 991px){

  /* מבטל header צף / משוכפל */
  .sticky-header,
  .header-clone,
  .whb-sticky-header,
  .basel-sticky-header,
  .header-sticky,
  .header--sticky{
    position: static !important;
    transform: none !important;
    top: auto !important;
    box-shadow: none !important;
  }

  /* מבטל את ה־clone לגמרי */
  .header-clone{
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* מבטל ריווח מלאכותי שנוסף בגלל sticky */
  body{
    padding-top: 0 !important;
  }
}





/* =================================
   CHECKOUT UPSELLS – SLIDER (ALL DEVICES)
   ================================= */

body.woocommerce-checkout .checkout-upsell-products{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;

  padding: 6px 4px 12px !important;
  margin: 0 !important;
}

/* hide scrollbar – still scrollable */
body.woocommerce-checkout .checkout-upsell-products::-webkit-scrollbar{
  display: none;
}
body.woocommerce-checkout .checkout-upsell-products{
  scrollbar-width: none;
}

/* single product card */
body.woocommerce-checkout .checkout-upsell-products .single-upsell{
  flex: 0 0 auto !important;

  scroll-snap-align: start !important;

  width: 220px;           /* DESKTOP default */
  max-width: 220px;

  background: #fff;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  text-align: center;
}

/* product image */
body.woocommerce-checkout .checkout-upsell-products .single-upsell img{
  width: 100% !important;
  height: auto !important;
  border-radius: 10px;
}

/* product title */
body.woocommerce-checkout .checkout-upsell-products .single-upsell h3,
body.woocommerce-checkout .checkout-upsell-products .single-upsell .woocommerce-loop-product__title{
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 8px 0 4px !important;
}

/* price */
body.woocommerce-checkout .checkout-upsell-products .single-upsell .price{
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* checkbox alignment */
body.woocommerce-checkout .checkout-upsell-products .single-upsell input[type="checkbox"]{
  margin-top: 6px !important;
}

/* =====================
   MOBILE TUNING
   ===================== */
@media (max-width: 767px){
  body.woocommerce-checkout .checkout-upsell-products{
    gap: 14px !important;
  }

  body.woocommerce-checkout .checkout-upsell-products .single-upsell{
    width: 160px;
    max-width: 160px;
    padding: 8px;
  }

  body.woocommerce-checkout .checkout-upsell-products .single-upsell h3{
    font-size: 13px !important;
  }
}




/* =========================================================
   CHECKOUT UPSELLS – SLIDER (NO ARROWS) + FADE EDGES
   Works: desktop + mobile | Drag/Swipe | No JS
   Targets: .checkout-upsell-products .single-upsell
   ========================================================= */

/* 1) The slider track */
.checkout-upsell-products{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: x mandatory !important;
  scroll-padding-inline: 14px !important;
  -webkit-overflow-scrolling: touch !important;

  padding: 10px 14px 14px !important;
  margin: 0 !important;

  /* Hide scrollbar (cross browser) */
  scrollbar-width: none !important;
}
.checkout-upsell-products::-webkit-scrollbar{ display:none !important; }

/* 2) Each card becomes a snap item */
.checkout-upsell-products > .single-upsell{
  flex: 0 0 auto !important;
  scroll-snap-align: start !important;
  min-width: 0 !important;
}

/* Card widths (adjust if you want) */
@media (min-width: 992px){
  .checkout-upsell-products > .single-upsell{ width: 260px !important; }
}
@media (max-width: 991px){
  .checkout-upsell-products > .single-upsell{ width: 210px !important; }
}

/* 3) Fade edges hint (no arrows) */
.checkout-upsells{
  position: relative !important;
}

/* Use mask if supported (best) */
@supports ((-webkit-mask-image: linear-gradient(#000,#000)) or (mask-image: linear-gradient(#000,#000))){
  .checkout-upsell-products{
    -webkit-mask-image: linear-gradient(to left,
      transparent 0,
      #000 18px,
      #000 calc(100% - 18px),
      transparent 100%);
    mask-image: linear-gradient(to left,
      transparent 0,
      #000 18px,
      #000 calc(100% - 18px),
      transparent 100%);
  }
}

/* Fallback overlay fades */
@supports not ((-webkit-mask-image: linear-gradient(#000,#000)) or (mask-image: linear-gradient(#000,#000))){
  .checkout-upsells::before,
  .checkout-upsells::after{
    content:"";
    position:absolute;
    top: 52px;                 /* keeps fade below title line */
    bottom: 12px;
    width: 26px;
    pointer-events:none;
    z-index: 3;
  }
  .checkout-upsells::before{
    left: 0;
    background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
  }
  .checkout-upsells::after{
    right: 0;
    background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
  }
}

/* 4) Keep it feeling “premium” (optional but recommended) */
.checkout-upsell-products > .single-upsell{
  background: #fff !important;
  border: 1px solid #efefef !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.04) !important;
  padding: 10px 10px 12px !important;
}

/* Make image area stable and centered */
.checkout-upsell-products .single-upsell img{
  display:block !important;
  width: 100% !important;
  height: 170px !important;
  object-fit: contain !important;
  margin: 0 auto 8px !important;
}

/* Title */
.checkout-upsell-products .single-upsell .upsell-title,
.checkout-upsell-products .single-upsell h3,
.checkout-upsell-products .single-upsell h4{
  margin: 0 0 8px 0 !important;
  font-weight: 800 !important;
  color: #111 !important;
  line-height: 1.25 !important;
  font-size: 14px !important;
}

/* Checkbox line spacing (if exists) */
.checkout-upsell-products .single-upsell label{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}




/* ===== Checkout upsell: FORCE real horizontal scroller ===== */
.checkout-upsell-products{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:16px !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;

  /* kill snap that causes "jump/rattle" */
  scroll-snap-type:none !important;

  /* make wheel/drag behavior stable */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-x;

  padding: 8px 6px 12px !important;
}

/* items keep width (so it actually scrolls) */
.checkout-upsell-products > .single-upsell{
  flex: 0 0 auto !important;
}

/* hide scrollbar (still scrolls) */
.checkout-upsell-products::-webkit-scrollbar{ height:0 !important; }








/* =========================================================
   CHECKOUT – Payments (ZCredit highlight + PayPal dim)
   + Terms boxed (compact)
   + Desktop: radio+text+badges in ONE line
   + Mobile: badges can drop under text
   Based on your DOM: li.payment_method_zcredit_checkout_paym / li.payment_method_paypal
   ========================================================= */

/* ---------- Payments wrapper ---------- */
body.woocommerce-checkout #payment{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ---------- Each payment method row (SAFE alignment) ----------
   Use GRID so radio + label align perfectly even when input is NOT inside label.
*/
body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method{
  background: #fff !important;
  border: 1.5px solid #e7e7e7 !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  box-shadow: none !important;

  display: grid !important;
  grid-template-columns: 22px 1fr; /* radio | content */
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  position: relative;
}

/* Radio column */
body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method input[type="radio"]{
  grid-column: 1;
  grid-row: 1;
  margin: 0 !important;
  width: 18px;
  height: 18px;
  accent-color: #111;
  transform: none !important;   /* חשוב: טרנספורם גורם לחוסר יישור */
  align-self: center !important;
}

/* Label content column */
body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label{
  grid-column: 2;
  grid-row: 1;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  font-weight: 800;
  font-size: 18px;
  line-height: 1 !important;   /* כדי ליישר עם הרדיו */
  white-space: nowrap;         /* דסקטופ: שורה אחת */
  min-width: 0;
}

/* Badges (images inside label) */
body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img{
  height: 26px !important;
  width: auto !important;
  max-width: 250px;
  object-fit: contain;
  border-radius: 7px;
  display: inline-block;
  vertical-align: middle;
}

/* Helper/payment box goes full width under the row */
body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method .payment_box{
  grid-column: 1 / -1;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px;
  background: #fafafa !important;
  border: 1px solid #eee !important;
}

body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method .payment_box p{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px;
  line-height: 1.25;
}

/* ---------- Highlight ZCredit (credit card) ---------- */
body.woocommerce-checkout #payment ul.payment_methods > li.payment_method_zcredit_checkout_paym{
  border: 2px solid #111 !important;
}

/* "Recommended" badge only on ZCredit */
body.woocommerce-checkout #payment ul.payment_methods > li.payment_method_zcredit_checkout_paym::before{
  content: "מומלץ";
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .2px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #111;
  color: #fff;
}

/* ---------- Dim PayPal (less inviting) ---------- */
body.woocommerce-checkout #payment ul.payment_methods > li.payment_method_paypal{
  opacity: .52;
  filter: grayscale(1);
  background: #f6f6f6 !important;
}

/* When PayPal selected – bring back */
body.woocommerce-checkout #payment ul.payment_methods > li.payment_method_paypal input[type="radio"]:checked ~ label,
body.woocommerce-checkout #payment ul.payment_methods > li.payment_method_paypal input[type="radio"]:checked ~ .payment_box{
  opacity: 1;
  filter: none;
}

body.woocommerce-checkout #payment ul.payment_methods > li.payment_method_paypal input[type="radio"]:checked ~ label{
  color: #111;
}

/* ---------- TERMS (compact boxed) ---------- */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  margin-top: 10px !important;
}

/* box around the checkbox row */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row{
  background: #fff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 14px !important;
  padding: 10px 12px !important; /* compact */
  margin: 10px 0 0 !important;
}

/* align checkbox + text in one line, compact height */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row label{
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-weight: 800;
  font-size: 14px !important;
  line-height: 1.15 !important;
}

/* checkbox size */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]{
  width: 18px;
  height: 18px;
  margin: 0 !important;
  accent-color: #111;
}

/* keep required star tight */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .required{
  margin: 0 4px !important;
}

/* ---------- MOBILE: allow wrapping + badges can go under text ---------- */
@media (max-width: 480px){
  body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method{
    padding: 5px 12px !important;
    grid-template-columns: 22px 1fr;
    row-gap: 8px !important;
  }

  /* allow label to wrap (so badges can drop) */
  body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label{
    white-space: normal !important;
    flex-wrap: wrap !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  /* make badge images able to move down to next line naturally */
  body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img{
    height: 26px !important;
    max-width: 350px;
    margin-top: 0px; /* יוצר תחושה של "שורה שנייה" מתחת לטקסט */
  }
}





/* ================================
   CHECKOUT – Reduce vertical gaps between payment methods & terms
   ================================ */

/* רווח מתחת לכל אמצעי תשלום */
body.woocommerce-checkout 
#payment ul.payment_methods > li.wc_payment_method{
  margin-bottom: 4px !important;   /* ברירת מחדל גדולה מדי */
}

/* ביטול רווח מיותר מעל/מתחת ל-PayPal */
body.woocommerce-checkout 
#payment ul.payment_methods > li.payment_method_paypal{
  margin-top: 0 !important;
}

/* רווח בין רשימת התשלומים לתקנון */
body.woocommerce-checkout 
.woocommerce-terms-and-conditions-wrapper{
  margin-top: 6px !important;
}

/* אם יש payment_box ריק שיוצר גובה */
body.woocommerce-checkout 
#payment .payment_box:empty{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* צמצום רווח כללי של ul (אם theme מוסיף) */
body.woocommerce-checkout 
#payment ul.payment_methods{
  gap: 4px !important;   /* במקום 12–20 */
}




/* =========================================================
   PWGC Gift Card – ONE LINE (desktop+mobile) + Button style (white/black)
   ========================================================= */

body.woocommerce-checkout #pwgc-redeem-gift-card-form{
  margin: 0 0 16px 0 !important; /* רווח לפני "שלמו באשראי" */
}

/* Force single row everywhere */
body.woocommerce-checkout #pwgc-redeem-gift-card-form form#pwgc-redeem-form{
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;     /* לא יורד שורה גם במובייל */
  gap: 10px !important;             /* רווח בין שדה לכפתור */
  margin: 0 !important;
  padding: 0 !important;
}

/* Input */
body.woocommerce-checkout #pwgc-redeem-gift-card-number{
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 40px !important;
  border-radius: 14px !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0 10px !important;       /* פחות padding כדי להיכנס במובייל */
  font-size: 15px !important;
  margin: 0 !important;
  min-width: 0 !important;          /* קריטי: מאפשר להצטמצם ולא לדחוף כפתור */
}

/* Button – white bg, black text, 1px border (desktop+mobile) */
body.woocommerce-checkout #pwgc-redeem-button{
  flex: 0 0 auto !important;
  width: auto !important;
  height: 40px !important;
  line-height: 40px !important;

  margin: 0 !important;             /* מבטל margin-bottom שהתוסף שם */
  padding: 0 14px !important;

  border-radius: 14px !important;
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #111 !important;

  font-weight: 400 !important;
  font-size: 15px !important;
  white-space: nowrap !important;

  box-shadow: none !important;
  cursor: pointer !important;
  transition: opacity .15s ease, transform .1s ease, background .15s ease !important;
}

body.woocommerce-checkout #pwgc-redeem-button:hover{
  background: #f7f7f7 !important;
}

body.woocommerce-checkout #pwgc-redeem-button:active{
  transform: translateY(1px) !important;
}

/* Mobile tweaks: keep one line by making the button slightly tighter */
@media (max-width: 480px){
  body.woocommerce-checkout #pwgc-redeem-gift-card-form form#pwgc-redeem-form{
    gap: 4px !important;
  }
  body.woocommerce-checkout #pwgc-redeem-button{
    padding: 0 10px !important;
    font-size: 14px !important;
  }
}









/* =========================================================
   FIX: VARIATION add-to-cart + qty disappeared / escapes
   Basel / WooCommerce single product (mobile+desktop)
   ========================================================= */

/* Make sure the variations cart area is visible */
body.single-product form.variations_form,
body.single-product form.variations_form .single_variation_wrap,
body.single-product form.variations_form .woocommerce-variation-add-to-cart{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Align qty + button in one row like simple products */
body.single-product form.variations_form .woocommerce-variation-add-to-cart{
  width: 100% !important;
  margin-top: 12px !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 12px !important;
}

/* Quantity block sizing */
body.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity{
  flex: 0 0 132px !important;   /* adjust if you want wider/narrower */
  max-width: 150px !important;
}

/* Button takes the rest */
body.single-product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button{
  flex: 1 1 auto !important;
  width: auto !important;       /* IMPORTANT: prevent forced 100% that can break layout */
  min-width: 0 !important;
}

/* Mobile: stack if needed (optional) */
@media (max-width: 420px){
  body.single-product form.variations_form .woocommerce-variation-add-to-cart{
    flex-direction: column !important;
    gap: 10px !important;
  }
  body.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity{
    flex: 0 0 auto !important;
    max-width: 100% !important;
  }
  body.single-product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button{
    width: 100% !important;
  }
}








/* =========================================================
   VARIATIONS – FORCE QTY + ADD TO CART SAME ROW (Apple style)
   Works when the add-to-cart area is inside:
   .woocommerce-variation-add-to-cart / .variations_button
   ========================================================= */

/* 0) Make sure variation wrapper is visible (in case something hides it) */
.single-product .single_variation_wrap{
  display: block !important;
  width: 100% !important;
}

/* 1) The real row that holds qty + button on variation products */
.single-product form.variations_form .woocommerce-variation-add-to-cart,
.single-product form.variations_form .woocommerce-variation-add-to-cart .variations_button{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
}

/* RTL order: qty on the right, button on the left */
.rtl .single-product form.variations_form .woocommerce-variation-add-to-cart,
.rtl .single-product form.variations_form .woocommerce-variation-add-to-cart .variations_button{
  direction: rtl !important;
}

/* 2) Quantity pill (same Apple look) */
.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity{
  flex: 0 0 104px !important;
  width: 104px !important;
  margin: 0 !important;

  border-radius: 999px !important;
  background: #f5f5f7 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  padding: 6px !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.03) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* plus/minus if exist */
.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity .minus,
.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity .plus{
  border: 0 !important;
  background: transparent !important;
  color: rgba(0,0,0,.65) !important;

  width: 32px !important;
  height: 42px !important;
  line-height: 42px !important;

  border-radius: 999px !important;
  font-weight: 600 !important;
}

.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity .minus:hover,
.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity .plus:hover{
  background: rgba(0,0,0,.06) !important;
}

/* qty input */
.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity input.qty{
  width: 100% !important;
  height: 42px !important;
  line-height: 42px !important;

  padding: 0 !important;
  margin: 0 !important;

  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  font-weight: 600 !important;
  color: #111 !important;
  border-radius: 999px !important;
}

/* 3) Add to cart button (same Apple primary button) */
.single-product form.variations_form .woocommerce-variation-add-to-cart button.single_add_to_cart_button,
.single-product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button{
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;

  min-height: 54px !important;
  padding: 0 22px !important;

  border-radius: 999px !important;
  background: #111 !important;
  color: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;

  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: .2px !important;

  box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease !important;
}

.single-product form.variations_form .woocommerce-variation-add-to-cart button.single_add_to_cart_button:hover,
.single-product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
  opacity: .96 !important;
}

.single-product form.variations_form .woocommerce-variation-add-to-cart button.single_add_to_cart_button:active,
.single-product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button:active{
  transform: translateY(0) scale(.99) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
}

.single-product form.variations_form .woocommerce-variation-add-to-cart button.single_add_to_cart_button:disabled,
.single-product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button.disabled{
  opacity: .55 !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
}

.single-product form.variations_form .woocommerce-variation-add-to-cart button.single_add_to_cart_button:focus-visible,
.single-product form.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button:focus-visible{
  outline: 3px solid rgba(0,113,227,.35) !important;
  outline-offset: 2px !important;
}

/* 4) Prevent line breaks / weird shrinking on small screens */
.single-product form.variations_form .woocommerce-variation-add-to-cart,
.single-product form.variations_form .woocommerce-variation-add-to-cart .variations_button{
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}

.single-product form.variations_form .woocommerce-variation-add-to-cart button.single_add_to_cart_button{
  min-width: 0 !important;
}

/* 5) If the theme forces full width button inside variation area, override */
.single-product .single_variation_wrap .variations_button{
  width: 100% !important;
}




/* =========================================
   BUNDLED PRODUCTS – hide excerpt only
   (keeps title, price, checkbox intact)
   ========================================= */

body.single-product .bundled_product_excerpt{
  display: none !important;
}



/* =========================================
   BUNDLE – subtle separator between items
   (supports bundled_item_1 / bundled_item_2 / etc)
   ========================================= */

body.single-product .bundle_form [class*="bundled_item_"]{
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

/* remove line from last item */
body.single-product .bundle_form [class*="bundled_item_"]:last-of-type{
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}










/* =========================================
   CHECKOUT – SHIPPING METHODS (Premium, RTL)
   Targets WooCommerce shipping method list
   ========================================= */

.woocommerce-checkout #shipping_method{
  margin: 10px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  direction: rtl;
}

/* Wrapper spacing around the whole shipping block (table row) */
.woocommerce-checkout tr.shipping td,
.woocommerce-checkout .woocommerce-shipping-totals td{
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* Title: "אנא בחר/י סוג משלוח" */
.woocommerce-checkout .woocommerce-shipping-methods > p,
.woocommerce-checkout .woocommerce-shipping-methods h3,
.woocommerce-checkout .woocommerce-shipping-methods .shipping-title,
.woocommerce-checkout tr.shipping th{
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #111 !important;
  letter-spacing: 0.2px;
}

/* Each method becomes a clean "card row" */
.woocommerce-checkout #shipping_method li{
  margin: 10px 0 !important;
  padding: 12px 12px !important;
  border: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 12px !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Make label take full width (so it feels clickable) */
.woocommerce-checkout #shipping_method li label{
  flex: 1 1 auto !important;
  margin: 0 !important;
  cursor: pointer !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.3 !important;
}

/* Price inside label (Woo wraps in .amount) */
.woocommerce-checkout #shipping_method li label .amount{
  font-weight: 900 !important;
}

/* Remove default radio look */
.woocommerce-checkout #shipping_method li input[type="radio"]{
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 0 0 8px !important; /* space between radio and text (RTL) */
  border: 2px solid rgba(17,17,17,.35) !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  place-content: center !important;
  flex: 0 0 auto !important;
  background: #fff !important;
}

/* Inner dot when checked */
.woocommerce-checkout #shipping_method li input[type="radio"]::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  transform: scale(0);
  transition: transform .14s ease;
  background: #111;
}

.woocommerce-checkout #shipping_method li input[type="radio"]:checked::before{
  transform: scale(1);
}

/* Active selected row */
.woocommerce-checkout #shipping_method li:has(input[type="radio"]:checked){
  border-color: rgba(17,17,17,.55) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.06) !important;
}

/* Hover (desktop) */
@media (hover:hover){
  .woocommerce-checkout #shipping_method li:hover{
    border-color: rgba(17,17,17,.35) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.05) !important;
  }
}

/* Mobile tuning */
@media (max-width: 768px){
  .woocommerce-checkout #shipping_method li{
    padding: 12px 10px !important;
    border-radius: 14px !important;
  }
  .woocommerce-checkout #shipping_method li label{
    font-size: 14px !important;
  }
}





/* =========================================================
   CHECKOUT – ORDER REVIEW (Apple style, clean hierarchy)
   - Product names semi-bold, amounts regular
   - Shipping title refined
   - Total row: label small, amount big, aligned left
   ========================================================= */

.woocommerce-checkout-review-order-table{
  direction: rtl;
}

/* --- PRODUCT ROWS --- */
.woocommerce-checkout-review-order-table .cart_item td,
.woocommerce-checkout-review-order-table .cart_item th{
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border-color: rgba(17,17,17,.08) !important;
}

/* product name: clean, not screaming */
.woocommerce-checkout-review-order-table .cart_item .product-name{
  font-weight: 600 !important;
  color: #111 !important;
  letter-spacing: .1px;
  line-height: 1.35 !important;
}

/* quantity / sku bits smaller */
.woocommerce-checkout-review-order-table .cart_item .product-name .product-quantity,
.woocommerce-checkout-review-order-table .cart_item .product-name small,
.woocommerce-checkout-review-order-table .cart_item .product-name .variation{
  font-weight: 500 !important;
  font-size: 12.5px !important;
  color: rgba(17,17,17,.65) !important;
}

/* line price: regular weight */
.woocommerce-checkout-review-order-table .cart_item .product-total,
.woocommerce-checkout-review-order-table .cart_item .product-total .amount{
  font-weight: 400 !important;
  color: rgba(17,17,17,.9) !important;
}

/* if theme makes everything bold in review table */
.woocommerce-checkout-review-order-table td strong,
.woocommerce-checkout-review-order-table th strong{
  font-weight: inherit !important;
}

/* --- SHIPPING TITLE ("אנא בחר/י סוג משלוח") --- */
.woocommerce-checkout-review-order-table tr.shipping th,
.woocommerce-checkout-review-order-table tr.shipping td{
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border-color: rgba(17,17,17,.08) !important;
}

/* Prefer subtle title */
.woocommerce-checkout-review-order-table tr.shipping th{
  font-weight: 800 !important;
  color: #111 !important;
  letter-spacing: .1px;
  font-size: 16px !important;
}

/* --- TOTAL (Apple-like summary) --- */
.woocommerce-checkout-review-order-table tr.order-total{
  border-top: 1px solid rgba(17,17,17,.10) !important;
}

.woocommerce-checkout-review-order-table tr.order-total th{
  display: none !important; /* hide default header */
}

/* Total cell becomes a flex row: [amount big] .... [label small] */
.woocommerce-checkout-review-order-table tr.order-total td{
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important; /* RTL: start = right; we'll control with gap */
  gap: 10px !important;
  direction: rtl !important;
}

/* label */
.woocommerce-checkout-review-order-table tr.order-total td::before{
  content: "סה\"כ:";
  font-size: 14px !important;
  font-weight: 700 !important;
  color: rgba(17,17,17,.55) !important;
  letter-spacing: .2px;
}

/* amount */
.woocommerce-checkout-review-order-table tr.order-total td .amount{
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* Align the whole total row to the LEFT side visually */
.woocommerce-checkout-review-order-table tr.order-total td{
  justify-content: flex-end !important; /* pushes content to left in RTL tables */
}

/* Optional: smaller currency symbol spacing */
.woocommerce-checkout-review-order-table tr.order-total td .amount bdi{
  letter-spacing: .2px;
}









/* =========================================
   TOP BAR – APPLE KEYNOTE / LUXURY STAGE
   Dark. Solid. Authoritative.
   ========================================= */

/* Full width stage */
.topbar-wrapp{
  position: relative;
  background: #0a0a0c !important; /* שחור עמוק, לא אפור */
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* שכבת עומק – בלי בהירות */
.topbar-wrapp::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.04),
      rgba(255,255,255,0) 35%
    );
  pointer-events:none;
}

/* מבטלים הגבלת רוחב */
.topbar-wrapp > .container{
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* מרכזים תוכן */
.topbar-content{
  max-width:1200px;
  margin:0 auto;
  padding:12px 16px;
}

/* ממרכזים את הצד השמאלי */
.topbar-wrapp .top-bar-left{
  width:100%;
  display:flex;
  justify-content:center;
}

/* ===== TYPOGRAPHY ===== */
.sj-topbar{
  direction: rtl;
  text-align: center;
  color: #f2f2f2;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: .25px;
}

/* שורה ראשית – חזקה */
.sj-topbar__row--primary{
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

/* שורה משנית – שקטה */
.sj-topbar__row--secondary{
  margin-top: 4px;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.2;
  color: rgba(255,255,255,.65);
}

/* הדגשות */
.sj-topbar strong,
.sj-topbar b{
  font-weight: 700;
  color: #ffffff;
}

/* מפרידים */
.sj-dot{
  margin: 0 10px;
  color: rgba(255,255,255,.35);
}

/* ===== MOBILE ===== */
@media (max-width:768px){
  .topbar-content{
    padding:10px 12px;
  }

  .sj-topbar__row--primary{
    font-size:13px;
  }

  .sj-topbar__row--secondary{
    font-size:12px;
  }

  .sj-topbar__row--secondary .sj-dot{
    display:none;
  }
}







@media (max-width: 1024px){

/* =========================================================
   BASEL/XTemos – Apple luxe circles (NO POSITION CHANGES)
   - does NOT move icons
   - subtle circular buttons (not squares)
   - fixes burger :after spacer
   ========================================================= */

/* 0) Cancel any previous positioning that might have lifted them */
.wrapp-header .right-column,
.header-clone .wrapp-header .right-column,
.sticky-header .wrapp-header .right-column{
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 1) Keep the row aligned nicely */
.wrapp-header .right-column,
.header-clone .wrapp-header .right-column{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;          /* לא מוגזם */
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

/* 2) Remove Basel burger spacer that creates junk layout */
.wrapp-header .right-column .mobile-nav-icon::after,
.header-clone .wrapp-header .right-column .mobile-nav-icon::after{
  content: none !important;
  display: none !important;
}

/* 3) Apple-ish circular buttons (subtle, premium) */
.wrapp-header .right-column a,
.wrapp-header .right-column .search-button,
.wrapp-header .right-column .shopping-cart a,
.wrapp-header .right-column .mobile-nav-icon,
.header-clone .wrapp-header .right-column a,
.header-clone .wrapp-header .right-column .search-button,
.header-clone .wrapp-header .right-column .shopping-cart a,
.header-clone .wrapp-header .right-column .mobile-nav-icon{
  width: 34px !important;
  height: 34px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.02) !important;

  padding: 0 !important;
  margin: 0 !important;

  -webkit-tap-highlight-color: transparent;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease !important;
}

/* 4) Keep icon color consistent (works for font icons + svg) */
.wrapp-header .right-column a,
.wrapp-header .right-column .search-button,
.wrapp-header .right-column .shopping-cart a,
.header-clone .wrapp-header .right-column a,
.header-clone .wrapp-header .right-column .search-button,
.header-clone .wrapp-header .right-column .shopping-cart a{
  color: #111 !important;
}

.wrapp-header .right-column a::before,
.wrapp-header .right-column .search-button::before,
.wrapp-header .right-column .shopping-cart a::before,
.header-clone .wrapp-header .right-column a::before,
.header-clone .wrapp-header .right-column .search-button::before,
.header-clone .wrapp-header .right-column .shopping-cart a::before{
  color: #111 !important;
  opacity: 1 !important;
}

/* SVG support */
.wrapp-header .right-column svg,
.header-clone .wrapp-header .right-column svg{
  width: 18px !important;
  height: 18px !important;
  color: #111 !important;
  fill: currentColor !important;
}

/* 5) Burger lines (keep them clean) */
.wrapp-header .right-column .mobile-nav-icon .basel-burger,
.header-clone .wrapp-header .right-column .mobile-nav-icon .basel-burger{
  background: #111 !important;
  border-radius: 999px !important;
}

/* 6) Hover/tap – iOS feel */
@media (hover:hover){
  .wrapp-header .right-column a:hover,
  .wrapp-header .right-column .search-button:hover,
  .wrapp-header .right-column .shopping-cart a:hover,
  .wrapp-header .right-column .mobile-nav-icon:hover{
    background: #fff !important;
    border-color: rgba(0,0,0,.16) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.14) !important;
    transform: translateY(-1px);
  }
}
.wrapp-header .right-column a:active,
.wrapp-header .right-column .search-button:active,
.wrapp-header .right-column .shopping-cart a:active,
.wrapp-header .right-column .mobile-nav-icon:active{
  transform: scale(.98);
}



/* =========================================================
   FIX: icons too high + burger too small
   Works with the circular Apple style you liked
   ========================================================= */

/* 1) Center the whole right-column vertically inside header row */
.wrapp-header .right-column,
.header-clone .wrapp-header .right-column{
  align-self: center !important;
  margin-top: 8px !important;      /* הורדה עדינה למטה */
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

/* If your header row uses flex, this helps too */
.wrapp-header .wrapp-header,
.header-clone .wrapp-header .wrapp-header{
  align-items: center !important;
}

/* 2) Slightly larger tap targets (still Apple) */
.wrapp-header .right-column a,
.wrapp-header .right-column .search-button,
.wrapp-header .right-column .shopping-cart a,
.wrapp-header .right-column .mobile-nav-icon,
.header-clone .wrapp-header .right-column a,
.header-clone .wrapp-header .right-column .search-button,
.header-clone .wrapp-header .right-column .shopping-cart a,
.header-clone .wrapp-header .right-column .mobile-nav-icon{
  width: 42px !important;
  height: 42px !important;
}

/* 3) Burger: make it bigger + thicker + centered */
.wrapp-header .right-column .mobile-nav-icon{
  position: relative !important;
}

.wrapp-header .right-column .mobile-nav-icon .basel-burger,
.header-clone .wrapp-header .right-column .mobile-nav-icon .basel-burger{
  width: 38px !important;          /* יותר רחב */
  height: 3px !important;          /* יותר עבה */
  background: #111 !important;
  border-radius: 999px !important;
  position: relative !important;
  top: 0 !important;
  transform: translateY(0) !important;
}

.wrapp-header .right-column .mobile-nav-icon .basel-burger::before,
.wrapp-header .right-column .mobile-nav-icon .basel-burger::after,
.header-clone .wrapp-header .right-column .mobile-nav-icon .basel-burger::before,
.header-clone .wrapp-header .right-column .mobile-nav-icon .basel-burger::after{
  width: 37px !important;
  height: 3px !important;
  background: #111 !important;
}

.wrapp-header .right-column .mobile-nav-icon .basel-burger::before,
.header-clone .wrapp-header .right-column .mobile-nav-icon .basel-burger::before{
  top: -6px !important;
}
.wrapp-header .right-column .mobile-nav-icon .basel-burger::after,
.header-clone .wrapp-header .right-column .mobile-nav-icon .basel-burger::after{
  top: 6px !important;
}

/* 4) Make sure SVG/icons sit centered */
.wrapp-header .right-column svg,
.header-clone .wrapp-header .right-column svg{
  display: block !important;
}

/* Move the whole icons group LEFT (mobile header) */
.wrapp-header .right-column,
.header-clone .wrapp-header .right-column{
  transform: translateX(-14px) !important; /* שנה ל- -12 / -24 לפי הטעם */
}

} /* end max-width:1024px */

/* =========================================
   MOBILE SEARCH – Apple pill (NO BOX + SHADOW)
   ========================================= */
@media (max-width: 768px){

  /* ❌ מבטל את הריבוע החיצוני */
  .wd-search-form,
  .wd-search-form form,
  .searchform,
  form.search-form,
  form.woocommerce-product-search,
  .widget_search form,
  .widget_product_search form{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* ✅ השדה עצמו – פיל + צל אפל */
  .wd-search-form input[type="search"],
  .wd-search-form input[type="text"],
  .searchform input[type="search"],
  .searchform input[type="text"],
  form.search-form input[type="search"],
  form.search-form input[type="text"],
  form.woocommerce-product-search input[type="search"],
  .widget_search input[type="search"],
  .widget_search input[type="text"],
  .widget_product_search input[type="search"]{

    border: 0 !important;                 /* בלי מסגרת */
    border-radius: 999px !important;

    background: #fff !important;
    box-shadow:
      0 6px 18px rgba(0,0,0,.10),
      0 1px 0 rgba(0,0,0,.06) inset !important;

    height: 50px !important;
    padding: 0 50px 0 18px !important;
  }

  /* פוקוס – טיפה “עולה” כמו אפל */
  .wd-search-form input:focus,
  .searchform input:focus,
  form.search-form input:focus,
  form.woocommerce-product-search input:focus{
    box-shadow:
      0 12px 28px rgba(0,0,0,.14),
      0 1px 0 rgba(0,0,0,.06) inset !important;
    transform: translateY(-1px);
  }
}




/* =========================================
   MOBILE SEARCH – clean align + animation
   ========================================= */
@media (max-width: 768px){

  /* השדה עצמו */
  input[type="search"],
  input.search-field{
    height: 50px !important;

    /* טקסט */
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: normal !important;

    /* יישור אנכי מדויק */
    padding-top: 14px !important;
    padding-bottom: 14px !important;

    /* RTL – מקום לזכוכית מגדלת */
    padding-right: 52px !important;
    padding-left: 18px !important;

    text-align: right !important;

    transition:
      box-shadow .25s ease,
      transform .25s ease;
  }

  /* placeholder באותו קו */
  input[type="search"]::placeholder,
  input.search-field::placeholder{
    font-size: 16px !important;
    line-height: normal !important;
  }

	
	
	
	
	
	
	/* =========================================
   MOBILE SEARCH – exact fix for Basel
   ========================================= */
@media (max-width: 768px){

  /* עטיפת החיפוש */
  .search-field{
    height: 50px !important;
    font-size: 18px !important;
    font-weight: 500 !important;

    /* יישור אנכי אמיתי */
    line-height: normal !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;

    /* מקום לזכוכית מגדלת (RTL) */
    padding-right: 56px !important;
    padding-left: 18px !important;
    text-align: right !important;

    transition: transform .22s ease, box-shadow .22s ease;
  }

  /* הכפתור – הזכוכית מגדלת */
  #searchsubmit{
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;

    /* ⬅⬅⬅ זה הערך שמרים את הזכוכית */
    transform: translateY(calc(-50% - 12px)) !important;

    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;

    font-size: 0 !important; /* מסתיר טקסט "חפש" */
    width: 18px;
    height: 18px;
    cursor: pointer;
  }


	
	/* =========================================
   MOBILE SEARCH – stronger visible border (Basel exact)
   ========================================= */
@media (max-width: 768px){

  /* זה השדה אצלך לפי האינספקט */
  input.search-field.basel-search-inited{
    border: 0 !important; /* לא מסתמכים על border */
    box-shadow:
      0 0 0 1px rgba(0,0,0,.22) inset,  /* המסגרת */
      0 8px 22px rgba(0,0,0,.12) !important; /* הצל */
  }

  /* בפוקוס – קצת יותר מודגש */
  input.search-field.basel-search-inited:focus{
    box-shadow:
      0 0 0 1px rgba(0,0,0,.32) inset,
      0 12px 28px rgba(0,0,0,.16) !important;
  }
}

	
	
	
	
	
	
	/* =========================================================
   BASEL / XTEMOS – RELATED PRODUCTS: ONE ROW CAROUSEL (ALL)
   Fixes: works on mobile but not desktop (theme overrides)
   Strategy:
   - Mobile: force flex carousel
   - Desktop: reset the track with all:unset to beat !important grid rules
   ========================================================= */

/* -------- Common selector (your exact structure) -------- */
:root{
  --sj-rel-gap: 16px;
}

/* TRACK (works on mobile too) */
html body.single-product .container.related-and-upsells section.related-products
> div.products.elements-grid.basel-products-holder{
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: var(--sj-rel-gap) !important;
  padding: 10px 16px 20px !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;

  -webkit-overflow-scrolling: touch !important;
  scroll-behavior: smooth !important;
}

/* Hide scrollbars */
html body.single-product .container.related-and-upsells section.related-products
> div.products.elements-grid.basel-products-holder::-webkit-scrollbar{
  display: none !important;
}
html body.single-product .container.related-and-upsells section.related-products
> div.products.elements-grid.basel-products-holder{
  scrollbar-width: none !important;
}

/* Kill Basel/Bootstrap clearfix that forces new rows */
html body.single-product .container.related-and-upsells section.related-products
> div.products.elements-grid.basel-products-holder > .clearfix,
html body.single-product .container.related-and-upsells section.related-products
> div.products.elements-grid.basel-products-holder > div.clearfix{
  display: none !important;
}

/* Items */
html body.single-product .container.related-and-upsells section.related-products
> div.products.elements-grid.basel-products-holder > div.product-grid-item{
  float: none !important;
  clear: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;

  /* neutralize bootstrap cols */
  width: auto !important;
  max-width: none !important;
}

/* Desktop widths: 4 visible */
@media (min-width: 1025px){
  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder > div.product-grid-item{
    width: calc(25% - 12px) !important;
    max-width: calc(25% - 12px) !important;
  }
}

/* Tablet: 3 visible */
@media (min-width: 769px) and (max-width: 1024px){
  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder > div.product-grid-item{
    width: calc(33.333% - 12px) !important;
    max-width: calc(33.333% - 12px) !important;
  }
}

/* Mobile: big cards */
@media (max-width: 768px){
  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder{
    gap: 12px !important;
    padding: 8px 12px 16px !important;
  }
  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder > div.product-grid-item{
    width: 78% !important;
    max-width: 78% !important;
  }
}

/* =========================================================
   DESKTOP OVERRIDE KILL-SWITCH
   If Basel forces grid/block with !important only on desktop,
   reset the TRACK styles and re-apply carousel.
   ========================================================= */
@media (min-width: 769px){
  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder{
    all: unset !important;               /* <- beats theme desktop rules */
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: var(--sj-rel-gap) !important;
    padding: 10px 16px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;

    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
  }

  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder::-webkit-scrollbar{
    display: none !important;
  }
  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder{
    scrollbar-width: none !important;
  }

  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder > .clearfix,
  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder > div.clearfix{
    display: none !important;
  }

  html body.single-product .container.related-and-upsells section.related-products
  > div.products.elements-grid.basel-products-holder > div.product-grid-item{
    float: none !important;
    clear: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    width: calc(25% - 12px) !important;
    max-width: calc(25% - 12px) !important;
  }
}
	
	
	

	
	
	
	

	
	
	
	
	@media (max-width:768px){

  /* הקטנת עיגולי התמונות הקטנות */
  body.single-product .flex-control-thumbs li,
  body.single-product .thumbnails .owl-item{
      width:80px !important;
      height:80px !important;
  }

  body.single-product .flex-control-thumbs img,
  body.single-product .thumbnails img{
      width:80px !important;
      height:80px !important;
      border-radius:50% !important;
      object-fit:cover !important;
  }

  /* פחות רווח מהגלריה */
  body.single-product .flex-control-nav{
      margin-top:0 !important;
      margin-bottom:-8px !important;
  }

}
	
	

	@media (max-width:768px){

  body.single-product h1.product_title,
  body.single-product .product_title{
      margin-bottom:-18px !important;
      padding-bottom:0 !important;
  }

  body.single-product .summary .product-labels,
  body.single-product .summary .labels,
  body.single-product .summary .basel-labels,
  body.single-product .summary .awl-label-wrap,
  body.single-product .summary .awl-labels,
  body.single-product .summary .awdr_discount_bar,
  body.single-product .summary .onsale,
  body.single-product .summary .product-label,
  body.single-product .summary .label{
      margin-top:0 !important;
      padding-top:0 !important;
      transform:translateY(-10px) !important;
  }

}
	
	
@media (max-width:768px){

  /* העיגולים קרובים יותר לכותרת */
  body.single-product .flex-control-nav,
  body.single-product .thumbnails{
      margin-bottom:-5px !important;
  }

  /* הכותרת צפופה יותר */
  body.single-product h1.product_title,
  body.single-product .product_title{
      margin-top:0 !important;
      margin-bottom:-10px !important;
      line-height:1 !important;
  }

  /* הבאדג'ים עולים למעלה */
  body.single-product .summary .onsale,
  body.single-product .summary .awdr_discount_bar,
  body.single-product .summary .awl-label-wrap,
  body.single-product .summary .product-labels{
      transform:translateY(-12px) !important;
      margin-bottom:-12px !important;
  }

  /* קופסת המחיר */
  body.single-product .price,
  body.single-product .summary .price{
      margin-top:-6px !important;
      padding-top:0 !important;
  }

}
	
	
	@media (max-width:768px){

  body.single-product h1.product_title,
  body.single-product .product_title{

      font-weight:600 !important; /* במקום בולד כבד */
      letter-spacing:-0.3px !important;
      line-height:1 !important;
  }

}
	
	}
}
	/* פס אמון מתחת למחיר בלבד - 2 שורות מרווחות */
.single-product .bundled_product .price:after,
.single-product .bundle_form .price:after,
.single-product .bundle_sells_form .price:after,
.single-product .product-grid-item .price:after,
.single-product .related-products .price:after,
.single-product .upsells-products .price:after{
  display:none !important;
  content:none !important;
}

.single-product div.summary p.price{
  position:relative !important;
  margin-bottom:82px !important;
}

.single-product div.summary p.price:after{
  content:"🚚 משלוח 1-2 ימי עסקים · 🏆 מקום 1 בזאפ · ⭐ 4.8 בגוגל\A💳 עד 10 תשלומים ללא ריבית · ↩️ החלפות והחזרות בקלות" !important;
  position:absolute;
  top:100%;
  right:50%;
  transform:translateX(50%);
  margin-top:12px;
  width:calc(100% - 16px);
  box-sizing:border-box;
  padding:11px 18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  font-size:11px;
  font-weight:650;
  color:#111;
  text-align:center;
  direction:rtl;
  line-height:1.62;
  letter-spacing:0;
  word-spacing:2.5px;
  white-space:pre-line;
}

@media(max-width:767px){
  .single-product div.summary p.price{
    margin-bottom:84px !important;
  }

  .single-product div.summary p.price:after{
    content:"🚚 משלוח לבית 1-2 ימי עסקים · 🏆 מקום 1 בזאפ · ⭐ 4.8 בגוגל\A💳 עד 10 תשלומים ללא ריבית · ↩️ החלפות והחזרות בקלות" !important;
    width:calc(100% - 12px);
    font-size:10.5px;
    padding:10px 14px;
    line-height:1.55;
    word-spacing:0.5px;
    border-radius:16px;
  }
}
	
	
	
	
	
	
	
	
	
	
	/* הצגת סטיקי הוספה לסל תמיד */
body.single-product .basel-sticky-btn{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  -webkit-transform:none !important;
  display:flex !important;
  pointer-events:auto !important;
}

/* לוודא שהקונטיינר הפנימי גם גלוי */
body.single-product .basel-sticky-btn .basel-sticky-btn-container{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  -webkit-transform:none !important;
  display:flex !important;
}

/* מובייל - הצמדה לתחתית */
@media(max-width:767px){
  body.single-product .basel-sticky-btn.mobile-on{
    position:fixed !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:99999 !important;
  }
}




	
	/* הרמת כפתור הוואטסאפ הצף */
#footer_link_wrapper,
#linkopener,
#main-icon-wrapper {
  bottom: 12px !important;
  z-index: 999999 !important;
}
	

}








/* ==============================
   חצים נקיים ויציבים לגלריית תמונות מוצר
   ============================== */

/* קונטיינר החצים - מצב רגיל וגם hover */
body.single-product div.owl-nav,
body.single-product .owl-carousel:hover div.owl-nav,
body.single-product .owl-carousel:hover .owl-nav{
  position: absolute !important;

  top: 0 !important;
  right: auto !important;
  left: auto !important;

  width: 80px !important;
  height: 38px !important;

  display: block !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;

  pointer-events: none !important;
  z-index: 9999 !important;

  /* זה המיקום בפועל — גם רגיל וגם hover */
  transform: translateX(42px) translateY(-6px) !important;
}

/* ביטול רקע/מלבן של הקונטיינר */
body.single-product div.owl-nav:before,
body.single-product div.owl-nav:after{
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* הכפתורים עצמם - רגיל וגם hover */
body.single-product div.owl-nav > div.owl-prev,
body.single-product div.owl-nav > div.owl-next,
body.single-product .owl-carousel:hover .owl-nav .owl-prev,
body.single-product .owl-carousel:hover .owl-nav .owl-next{
  position: absolute !important;
  top: 0 !important;

  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  background: rgba(255,255,255,.96) !important;
  background-color: rgba(255,255,255,.96) !important;
  background-image: none !important;

  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 999px !important;

  box-shadow: 0 5px 14px rgba(0,0,0,.12) !important;

  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;

  pointer-events: auto !important;
  z-index: 20 !important;

  transform: none !important;
}

/* הכפתור הימני - נעול גם בהובר */
body.single-product div.owl-nav > div.owl-next,
body.single-product .owl-carousel:hover .owl-nav .owl-next{
  right: 0 !important;
  left: auto !important;
}

/* הכפתור השמאלי - נעול גם בהובר */
body.single-product div.owl-nav > div.owl-prev,
body.single-product .owl-carousel:hover .owl-nav .owl-prev{
  left: 0 !important;
  right: auto !important;
}

/* ניקוי אייקונים/טקסט ישנים */
body.single-product div.owl-nav > div.owl-prev *,
body.single-product div.owl-nav > div.owl-next *,
body.single-product div.owl-nav > div.owl-prev:before,
body.single-product div.owl-nav > div.owl-next:before{
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* ציור החצים החדשים */
body.single-product div.owl-nav > div.owl-prev:after,
body.single-product div.owl-nav > div.owl-next:after{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  color: #111 !important;
  font-family: Arial, sans-serif !important;
  font-size: 29px !important;
  font-weight: 300 !important;
  line-height: 1 !important;

  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
}

/* הכפתור הימני — קדימה */
body.single-product div.owl-nav > div.owl-next:after{
  content: "›" !important;
}

/* הכפתור השמאלי — אחורה */
body.single-product div.owl-nav > div.owl-prev:after{
  content: "‹" !important;
}

/* חץ לא פעיל */
body.single-product div.owl-nav > div.disabled{
  opacity: .35 !important;
}

/* לחיצה */
body.single-product div.owl-nav > div.owl-prev:active,
body.single-product div.owl-nav > div.owl-next:active{
  transform: scale(.94) !important;
}



/* הזזת החצים עצמם ימינה - כשהקונטיינר לא מגיב */
body.single-product div.owl-nav > div.owl-next,
body.single-product .owl-carousel:hover .owl-nav .owl-next{
  right: -22px !important;
  left: auto !important;
}

body.single-product div.owl-nav > div.owl-prev,
body.single-product .owl-carousel:hover .owl-nav .owl-prev{
  left: 24px !important;
  right: auto !important;
}


/* העלאת חצי הגלריה קצת למעלה */
body.single-product div.owl-nav > div.owl-next,
body.single-product div.owl-nav > div.owl-prev,
body.single-product .owl-carousel:hover .owl-nav .owl-next,
body.single-product .owl-carousel:hover .owl-nav .owl-prev{
  top: -6px !important;
}









/* ================================
   Spring Jewelry - Ultra Compact Color Swatches
   רחב כמו קוביות היתרונות + גובה נמוך
   ================================ */

.single-product .sj-linked-swatches {
  direction: rtl;
  width: 100%;
  max-width: 460px;
  margin: 7px auto 8px;
  padding: 5px 10px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
  text-align: center;
  min-height: 0;
}

/* מסתיר את הטקסט "צבע: ..." */
.single-product .sj-linked-swatches__title {
  display: none !important;
}

.single-product .sj-linked-swatches__options {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex-wrap: nowrap;
  min-height: 30px;
  line-height: 1;
}

.single-product .sj-linked-swatch {
  position: relative;
  width: 31px;
  height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  text-decoration: none !important;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 2px 8px rgba(0,0,0,0.075);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  flex: 0 0 auto;
}

.single-product .sj-linked-swatch:hover {
  transform: translateY(-1px);
  border-color: rgba(0,0,0,0.22);
  box-shadow: 0 5px 13px rgba(0,0,0,0.12);
}

.single-product .sj-linked-swatch__dot {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: block;
  border: 1px solid rgba(255,255,255,0.78);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.75),
    inset 0 -2px 4px rgba(0,0,0,0.13);
}

/* צבע פעיל */
.single-product .sj-linked-swatch.is-active {
  border: 2px solid #111;
  box-shadow:
    0 0 0 2px rgba(0,0,0,0.045),
    0 4px 12px rgba(0,0,0,0.11);
  cursor: default;
}

.single-product .sj-linked-swatch.is-active::after {
  display: none !important;
}

/* צבעים */
.single-product .sj-swatch-gold .sj-linked-swatch__dot {
  background: linear-gradient(135deg, #f9e7a7 0%, #c99d31 45%, #fff1b8 72%, #a97812 100%);
}

.single-product .sj-swatch-silver .sj-linked-swatch__dot {
  background: linear-gradient(135deg, #ffffff 0%, #cfcfcf 42%, #f7f7f7 68%, #9d9d9d 100%);
}

.single-product .sj-swatch-rose .sj-linked-swatch__dot {
  background: linear-gradient(135deg, #ffe1d6 0%, #d99a86 44%, #fff0e9 70%, #b76c5b 100%);
}

.single-product .sj-swatch-black .sj-linked-swatch__dot {
  background: linear-gradient(135deg, #4c4c4c 0%, #0f0f0f 55%, #2b2b2b 100%);
}

.single-product .sj-swatch-blue .sj-linked-swatch__dot {
  background: linear-gradient(135deg, #dff6ff 0%, #6eb6d9 45%, #bcecff 70%, #3f89aa 100%);
}

.single-product .sj-swatch-green .sj-linked-swatch__dot {
  background: linear-gradient(135deg, #dbeed6 0%, #7d9b6a 45%, #eef8e9 70%, #526e45 100%);
}

/* מובייל */
@media (max-width: 768px) {
  .single-product .sj-linked-swatches {
    width: calc(105% - 30px);
    max-width: 330px;
    margin: 6px auto 7px;
    padding: 4px 9px;
    border-radius: 14px;
  }

  .single-product .sj-linked-swatches__options {
    gap: 8px;
    min-height: 28px;
  }

  .single-product .sj-linked-swatch {
    width: 29px;
    height: 29px;
  }

  .single-product .sj-linked-swatch__dot {
    width: 20px;
    height: 20px;
  }
}



/* צמצום רווחים סביב הסוואצ'ים בעמוד מוצר */
.single-product .sj-linked-swatches {
  margin-top: -5px !important;
  margin-bottom: -2px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

/* מצמצם את הגובה הפנימי של אזור הצבעים */
.single-product .sj-linked-swatches__options {
  min-height: 24px !important;
  line-height: 1 !important;
}

/* מקטין טיפה את העיגולים כדי שהקופסה תהיה נמוכה יותר */
.single-product .sj-linked-swatch {
  width: 37px !important;
  height: 37px !important;
}

.single-product .sj-linked-swatch__dot {
  width: 28px !important;
  height: 28px !important;
}

/* צמצום הרווח מעל הכותרת/טקסט האדום שמתחת */
.single-product .summary .sj-linked-swatches + * {
  margin-top: 10px !important;
}

/* אם הטקסט האדום הוא תיאור קצר */
.single-product .woocommerce-product-details__short-description {
  margin-top: 4px !important;
}







/* כותרת קטנה באותה שורה של הסוואצ'ים */
.single-product .sj-linked-swatches {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* מחזיר את הכותרת, אבל בקטן ובאותה שורה */
.single-product .sj-linked-swatches__title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #333 !important;
  white-space: nowrap !important;
}

/* מסתיר את שם הצבע הנוכחי ומשאיר רק "צבע:" */
.single-product .sj-linked-swatches__title strong {
  display: none !important;
}

.single-product .sj-linked-swatches__title span {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #333 !important;
}

/* משנה את הטקסט מ"צבע:" ל"בחר צבע:" */
.single-product .sj-linked-swatches__title span {
  font-size: 0 !important;
}

.single-product .sj-linked-swatches__title span::before {
  content: "בחר/י צבע:";
  font-size: 12px !important;
}

/* אזור העיגולים באותה שורה */
.single-product .sj-linked-swatches__options {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 28px !important;
}

/* מובייל */
@media (max-width: 768px) {
  .single-product .sj-linked-swatches {
    gap: 8px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .single-product .sj-linked-swatches__title span::before {
    font-size: 11.5px !important;
  }
}









/* Hybrid swatches - image support */
.single-product .sj-linked-swatch__image {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


/* אם קיימים סוואצ'ים חופשיים, נשמור על מראה אחיד */
.single-product .sj-swatch-custom .sj-linked-swatch__dot {
  overflow: hidden;
}




/* ==================================================
   Custom swatches - same diagonal shine effect only
   שומר על הצבעים החופשיים ומוסיף פס אלכסוני כמו ברגילים
   ================================================== */

.single-product .sj-swatch-custom .sj-linked-swatch__dot {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.78) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.75),
    inset 0 -2px 4px rgba(0,0,0,0.13) !important;
}

/* הפס האלכסוני המבריק בצד ימין */
.single-product .sj-swatch-custom .sj-linked-swatch__dot::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;

  background: linear-gradient(
    135deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 43%,
    rgba(255,255,255,0.25) 55%,
    rgba(255,255,255,0.62) 66%,
    rgba(255,255,255,0.30) 76%,
    rgba(255,255,255,0) 100%
  );
}

/* עומק כהה עדין בקצה התחתון, כמו ברגילים */
.single-product .sj-swatch-custom .sj-linked-swatch__dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 3;

  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.18) 0%,
    rgba(255,255,255,0) 42%,
    rgba(0,0,0,0.10) 100%
  );
}





body.single-product:has(.product.outofstock) #sj-mobile-sticky-cart,
body.single-product:has(.stock.out-of-stock) #sj-mobile-sticky-cart {
    display: none !important;
}









/* מאפשר לסוואצ'ים לרדת שורה כשיש הרבה צבעים */
.single-product .sj-linked-swatches {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* אזור העיגולים — ירידת שורה */
.single-product .sj-linked-swatches__options {
  flex-wrap: wrap !important;
  justify-content: center !important;
  row-gap: 7px !important;
  column-gap: 8px !important;
  max-width: 100% !important;
  min-height: 0 !important;
}

/* הכותרת תישאר בצד ימין ולא תידחף מוזר */
.single-product .sj-linked-swatches__title {
  flex: 0 0 auto !important;
}

/* מובייל — הופך את כל הקופסה ליותר נורמלית כשיש הרבה סוואצ'ים */
@media (max-width: 768px) {
  .single-product .sj-linked-swatches {
    width: calc(100% - 24px) !important;
    max-width: 360px !important;
    margin-top: -3px !important;
    margin-bottom: 7px !important;
    padding: 6px 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
  }

  .single-product .sj-linked-swatches__options {
    flex-wrap: wrap !important;
    row-gap: 7px !important;
    column-gap: 7px !important;
    max-width: 270px !important;
  }

  .single-product .sj-linked-swatch {
    width: 32px !important;
    height: 32px !important;
  }

  .single-product .sj-linked-swatch__dot {
    width: 24px !important;
    height: 24px !important;
  }
}









/* כותרת בחירת צבע מעל הסוואצ'ים - דסקטופ + מובייל */
.single-product .sj-linked-swatches {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* הכותרת מעל העיגולים */
.single-product .sj-linked-swatches__title {
  order: 1 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}

/* העיגולים מתחת לכותרת */
.single-product .sj-linked-swatches__options {
  order: 2 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* אם יש הרבה סוואצ'ים - שלא יברחו לצדדים */
@media (min-width: 769px) {
  .single-product .sj-linked-swatches__options {
    max-width: 360px !important;
    margin: 0 auto !important;
  }
}













/* ======================================================
   Contact Page Full Wide Design | Page ID 46
   Spring Jewelry
====================================================== */

/* רקע העמוד */
body.page-id-46 .main-page-wrapper,
body.page-id-46 .site-content {
  background: #fafafa;
}

/* הרחבת הקונטיינר של התבנית רק בעמוד צור קשר */
body.page-id-46 .container,
body.page-id-46 .site-content .container,
body.page-id-46 .main-page-wrapper .container {
  max-width: 1520px !important;
  width: 100% !important;
}

/* תוכן העמוד */
body.page-id-46 .entry-content {
  max-width: 1480px !important;
  width: 100%;
  margin: 0 auto;
  padding: 24px 24px 60px;
  direction: rtl;
}

/* כותרת */
body.page-id-46 .entry-title,
body.page-id-46 h1 {
  font-size: 34px;
  font-weight: 900;
  color: #111;
  text-align: center;
  margin: 0 0 14px;
  letter-spacing: -0.4px;
}

/* כותרת משנה */
body.page-id-46 .entry-content h2,
body.page-id-46 .entry-content h3 {
  font-size: 45px;
  font-weight: 900;
  color: #111;
  text-align: center;
  margin: -30px 0 32px;
  line-height: 1.25;
}

/* ======================================================
   אזור הטופס + פרטי החנות
====================================================== */

body.page-id-46 .entry-content .vc_row:has(.wpcf7) {
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  gap: 56px;
  direction: ltr;
  max-width: 1380px !important;
  width: 100% !important;
  margin: 0 auto 36px;
}

/* ביטול רוחב ברירת מחדל של WPBakery */
body.page-id-46 .entry-content .vc_row:has(.wpcf7) > .wpb_column,
body.page-id-46 .entry-content .vc_row:has(.wpcf7) > .vc_column_container {
  float: none !important;
}

/* עמודת הטופס - רחבה */
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:has(.wpcf7),
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:has(.wpcf7) {
  width: 720px !important;
  max-width: 720px !important;
  flex: 0 0 720px !important;
  direction: rtl;
}

/* עמודת פרטי החנות - רחבה יותר */
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)),
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) {
  width: 520px !important;
  max-width: 520px !important;
  flex: 0 0 520px !important;
  direction: rtl;
}

/* ביטול פדינגים פנימיים */
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ======================================================
   טופס צור קשר
====================================================== */

body.page-id-46 .wpcf7 {
  width: 100%;
  max-width: none !important;
  margin: 0;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 28px;
  padding: 36px 42px;
  box-shadow: 0 18px 46px rgba(0,0,0,.06);
}

/* ביטול מסגרת כפולה פנימית */
body.page-id-46 .wpcf7 form,
body.page-id-46 .wpcf7 .wpcf7-form {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.page-id-46 .wpcf7 p {
  margin: 0 0 18px;
}

/* תוויות */
body.page-id-46 .wpcf7 label {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #111;
  margin-bottom: 8px;
  text-align: right;
}

/* שדות */
body.page-id-46 .wpcf7 input[type="text"],
body.page-id-46 .wpcf7 input[type="email"],
body.page-id-46 .wpcf7 input[type="tel"],
body.page-id-46 .wpcf7 textarea {
  width: 100%;
  height: 54px;
  border: 1px solid #ddd;
  border-radius: 17px;
  background: #fff;
  color: #111;
  font-size: 15px;
  padding: 0 17px;
  box-shadow: none;
  transition: all .2s ease;
  direction: rtl;
  text-align: right;
}

body.page-id-46 .wpcf7 textarea {
  height: 180px;
  padding-top: 15px;
  resize: vertical;
}

body.page-id-46 .wpcf7 input:focus,
body.page-id-46 .wpcf7 textarea:focus {
  border-color: #111;
  box-shadow: 0 0 0 3px rgba(0,0,0,.06);
  outline: none;
}

/* כפתור שליחה */
body.page-id-46 .wpcf7 input[type="submit"] {
  width: 100%;
  height: 58px;
  border: 0;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  cursor: pointer;
  transition: all .2s ease;
  margin-top: 6px;
}

body.page-id-46 .wpcf7 input[type="submit"]:hover {
  background: #000;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

/* הודעות טופס */
body.page-id-46 .wpcf7 form .wpcf7-response-output {
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  text-align: center;
  margin: 16px 0 0;
}

/* ======================================================
   כרטיס פרטי החנות
====================================================== */

body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column,
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column {
  width: 100%;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 28px;
  padding: 42px 40px;
  box-shadow: 0 18px 46px rgba(0,0,0,.055);
  color: #333;
  text-align: center;
  line-height: 1.55;
}

body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column p,
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column p {
  font-size: 16px;
  line-height: 1.55;
  color: #333;
  margin: 0 0 22px;
}

body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column strong,
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column b,
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column strong,
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column b {
  color: #111;
  font-size: 17px;
  font-weight: 700;
}
/* ======================================================
   כפתור וואצאפ - בסיס למובייל + דסקטופ מסודר
====================================================== */

/* בסיס - עובד גם במובייל */
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column a,
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 54px;
  margin: 10px auto 0;
  padding: 0 24px;
  border-radius: 999px;
  background: #25D366;
  color: #fff !important;
  font-size: 16px;
  font-weight: 900;
  text-decoration: none !important;
  text-align: center;
  line-height: 1.25;
  box-shadow: 0 12px 28px rgba(37,211,102,.28);
  transition: all .2s ease;
}

/* hover */
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column a:hover,
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column a:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(37,211,102,.36);
}

/* דסקטופ בלבד - ממורכז ולא ענק מדי */
@media (min-width: 769px) {
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column a,
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column a {
    width: 100%;
    max-width: 460px;
    min-height: 56px;
    margin: 12px auto 0;
    padding: 0 34px;
    font-size: 16px;
  }
}

/* מובייל בלבד - שומר שלא יגלוש/ייעלם */
@media (max-width: 768px) {
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column a,
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column a {
    width: 100%;
    max-width: 100%;
    min-height: 52px;
    margin: 10px auto 0;
    padding: 0 18px;
    font-size: 15px;
    white-space: normal;
  }
}










/* אייקון וואטסאפ בתוך הכפתור */
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column a::before,
body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column a::before {
  content: "";
  width: 35px;
  height: 35px;
  margin-left: 9px;
  flex: 0 0 35px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32 101.4 32 1.9 131.5 1.9 254c0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.4 0 222-99.5 222-222 0-59.3-23.1-115.1-65-157zm-157 341.6h-.1c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 54 81.2 53.9 130.5 0 101.8-82.8 184.6-184.4 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.5-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.5-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.7 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.5z'/%3E%3C/svg%3E");
}
/* ======================================================
   מפה
====================================================== */

body.page-id-46 .wpb_gmaps_widget {
  max-width: 1380px;
  width: 100%;
  margin: 34px auto 0;
  border-radius: 28px !important;
  overflow: hidden;
  box-shadow: 0 18px 46px rgba(0,0,0,.07);
  border: 1px solid #eee;
}

body.page-id-46 .wpb_map_wraper,
body.page-id-46 .wpb_gmaps_widget iframe {
  border-radius: 28px !important;
  overflow: hidden;
}

body.page-id-46 .wpb_gmaps_widget iframe {
  width: 100% !important;
  min-height: 320px;
  display: block;
}

/* ======================================================
   מובייל
====================================================== */

@media (max-width: 768px) {
  body.page-id-46 .container,
  body.page-id-46 .site-content .container,
  body.page-id-46 .main-page-wrapper .container {
    max-width: 100% !important;
  }

  body.page-id-46 .entry-content {
    padding: 14px 12px 40px;
  }

  body.page-id-46 .entry-title,
  body.page-id-46 h1 {
    font-size: 28px;
  }

  body.page-id-46 .entry-content h2,
  body.page-id-46 .entry-content h3 {
    font-size: 22px;
    margin: 14px 0 20px;
  }

  body.page-id-46 .entry-content .vc_row:has(.wpcf7) {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
    max-width: 100% !important;
    direction: rtl;
  }

  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:has(.wpcf7),
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)),
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:has(.wpcf7),
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  body.page-id-46 .wpcf7 {
    padding: 22px 16px;
    border-radius: 22px;
  }

  body.page-id-46 .wpcf7 input[type="text"],
  body.page-id-46 .wpcf7 input[type="email"],
  body.page-id-46 .wpcf7 input[type="tel"] {
    height: 50px;
  }

  body.page-id-46 .wpcf7 textarea {
    height: 150px;
  }

  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column,
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column {
    padding: 24px 18px;
    border-radius: 22px;
  }

  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)) .wpb_text_column p,
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) .wpb_text_column p {
    font-size: 15px;
  }

  body.page-id-46 .wpb_gmaps_widget iframe {
    min-height: 260px;
  }
}
















/* מובייל - הצגת פרטי החנות והוואטסאפ לפני הטופס */
@media (max-width: 768px) {

  body.page-id-46 .entry-content .vc_row:has(.wpcf7) {
    display: flex !important;
    flex-direction: column !important;
  }

  /* כרטיס כתובת + וואטסאפ למעלה */
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:not(:has(.wpcf7)),
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:not(:has(.wpcf7)) {
    order: 1 !important;
  }

  /* הטופס מתחת */
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .vc_column_container:has(.wpcf7),
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) .wpb_column:has(.wpcf7) {
    order: 2 !important;
  }
}







/* צור קשר - הכנסת שמות השדות לתוך השדות עצמם */
body.page-id-46 .wpcf7 label {
  display: none !important;
}

/* צמצום רווחים בין השדות */
body.page-id-46 .wpcf7 p {
  margin: 0 0 14px !important;
}

/* Placeholder RTL */
body.page-id-46 .wpcf7 input::placeholder,
body.page-id-46 .wpcf7 textarea::placeholder {
  color: #555;
  opacity: 1;
  font-weight: 600;
  text-align: right;
}

/* שדות רגילים */
body.page-id-46 .wpcf7 input[type="text"],
body.page-id-46 .wpcf7 input[type="email"],
body.page-id-46 .wpcf7 input[type="tel"] {
  height: 52px !important;
  padding: 0 18px !important;
  direction: rtl;
  text-align: right;
}

/* שדה הודעה */
body.page-id-46 .wpcf7 textarea {
  height: 150px !important;
  padding: 16px 18px !important;
  direction: rtl;
  text-align: right;
}

/* מובייל - עוד קצת צמצום */
@media (max-width: 768px) {
  body.page-id-46 .wpcf7 {
    padding: 20px 14px !important;
  }

  body.page-id-46 .wpcf7 p {
    margin-bottom: 12px !important;
  }

  body.page-id-46 .wpcf7 input[type="text"],
  body.page-id-46 .wpcf7 input[type="email"],
  body.page-id-46 .wpcf7 input[type="tel"] {
    height: 48px !important;
  }

  body.page-id-46 .wpcf7 textarea {
    height: 130px !important;
  }
}







/* ===== Contact Page - Waze Navigation Section ===== */

body.page-id-46 .sj-waze-section {
  max-width: 760px;
  margin: 36px auto 0;
  padding: 34px 28px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 28px;
  box-shadow: 0 18px 46px rgba(0,0,0,.06);
  text-align: center;
  direction: rtl;
}

body.page-id-46 .sj-waze-section h3 {
  font-size: 28px;
  font-weight: 900;
  color: #111;
  margin: 0 0 10px;
  line-height: 1.25;
}

body.page-id-46 .sj-waze-section p {
  font-size: 17px;
  color: #333;
  margin: 0 0 22px;
  line-height: 1.7;
}

body.page-id-46 .sj-waze-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  min-width: 260px;
  padding: 0 34px;
  border-radius: 999px;
  background: #33ccff;
  color: #fff !important;
  font-size: 17px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(51,204,255,.28);
  transition: all .2s ease;
}

body.page-id-46 .sj-waze-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(51,204,255,.38);
}

/* מובייל */
@media (max-width: 768px) {
  body.page-id-46 .sj-waze-section {
    margin: 24px auto 0;
    padding: 26px 18px;
    border-radius: 22px;
  }

  body.page-id-46 .sj-waze-section h3 {
    font-size: 23px;
  }

  body.page-id-46 .sj-waze-section p {
    font-size: 15px;
  }

  body.page-id-46 .sj-waze-button {
    width: 100%;
    min-width: 0;
    min-height: 54px;
    font-size: 16px;
  }
}





/* ======================================================
   צור קשר - צמצום גובה עליון במובייל בלבד
====================================================== */

@media (max-width: 768px) {

  /* אזור כותרת העמוד: "צור קשר" + breadcrumbs */
  body.page-id-46 .page-title,
  body.page-id-46 .page-title-default,
  body.page-id-46 .title-size-small,
  body.page-id-46 .title-design-centered {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
  }

  /* הכותרת "צור קשר" */
  body.page-id-46 .page-title h1,
  body.page-id-46 .entry-title {
    font-size: 28px !important;
    line-height: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* breadcrumbs */
  body.page-id-46 .breadcrumbs,
  body.page-id-46 .yoast-breadcrumb {
    font-size: 15px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ביטול רווח בין כותרת העמוד לתוכן */
  body.page-id-46 .main-page-wrapper,
  body.page-id-46 .site-content,
  body.page-id-46 .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* השורה של "דברו איתנו" */
  body.page-id-46 .entry-content .vc_row:has(.vc_custom_heading) {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  /* עטיפות WPBakery סביב הכותרת */
  body.page-id-46 .entry-content .vc_row:has(.vc_custom_heading) .vc_column_container,
  body.page-id-46 .entry-content .vc_row:has(.vc_custom_heading) .vc_column-inner,
  body.page-id-46 .entry-content .vc_row:has(.vc_custom_heading) .wpb_wrapper,
  body.page-id-46 .entry-content .vc_row:has(.vc_custom_heading) .wpb_content_element {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  /* הכותרת "דברו איתנו" */
  body.page-id-46 .entry-content .vc_custom_heading {
    font-size: 24px !important;
    line-height: 1.05 !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* הטופס/כרטיס מיד אחרי הכותרת */
  body.page-id-46 .entry-content .vc_row:has(.wpcf7) {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}






/* צור קשר - צמצום הרווח מעל כרטיס Waze */
body.page-id-46 .sj-waze-section {
  margin-top: 8px !important;
}

/* אם יש שורת WPBakery שעוטפת את כרטיס ה-Waze */
body.page-id-46 .entry-content .vc_row:has(.sj-waze-section) {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

/* צמצום רווח תחתון של השורה שמעל ה-Waze */
body.page-id-46 .entry-content .vc_row:has(.wpcf7) {
  margin-bottom: 12px !important;
}

/* מובייל */
@media (max-width: 768px) {
  body.page-id-46 .sj-waze-section {
    margin-top: 4px !important;
  }

  body.page-id-46 .entry-content .vc_row:has(.sj-waze-section) {
    margin-top: 4px !important;
    padding-top: 0 !important;
  }

  body.page-id-46 .entry-content .vc_row:has(.wpcf7) {
    margin-bottom: 8px !important;
  }
}
















/* תיקון נראות עגלה משוכפלת למטה - בלי לפגוע בפעולה */
.sj-v8-cart-holder {
  position: relative !important;
  overflow: visible !important;
}

/* מנקה את העיצוב הפנימי של העגלה המקורית */
.sj-v8-cart-holder .shopping-cart,
.sj-v8-cart-holder .cart-widget-opener,
.sj-v8-cart-holder .shopping-cart.cart-widget-opener {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  inset: 0 !important;
  transform: none !important;
  overflow: visible !important;
}

/* הקישור נשאר קליקבילי על כל העיגול */
.sj-v8-cart-holder .shopping-cart > a,
.sj-v8-cart-holder .cart-widget-opener > a {
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
}

/* מסתיר מחיר / סכום / טקסטים */
.sj-v8-cart-holder .amount,
.sj-v8-cart-holder .woocommerce-Price-amount,
.sj-v8-cart-holder .cart-subtotal,
.sj-v8-cart-holder .subtotal,
.sj-v8-cart-holder .basel-cart-subtotal,
.sj-v8-cart-holder .wd-cart-subtotal,
.sj-v8-cart-holder .cart-info,
.sj-v8-cart-holder .cart-label,
.sj-v8-cart-holder .cart-total,
.sj-v8-cart-holder .total,
.sj-v8-cart-holder .price {
  display: none !important;
}

/* מסתיר את האייקון המקורי המחורבש */
.sj-v8-cart-holder i,
.sj-v8-cart-holder svg,
.sj-v8-cart-holder .basel-cart-icon,
.sj-v8-cart-holder .wd-tools-icon,
.sj-v8-cart-holder .cart-icon {
  display: none !important;
}

/* מצייר אייקון עגלה נקי משלנו */
.sj-v8-cart-holder::before {
  content: "";
  width: 27px;
  height: 27px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px 27px;
  pointer-events: none;
  z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7h12l-1 13H7L6 7Z' fill='none' stroke='%23111' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0' fill='none' stroke='%23111' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* מספר פריטים בסל - להשאיר */
.sj-v8-cart-holder .cart-count,
.sj-v8-cart-holder .basel-cart-number,
.sj-v8-cart-holder .woodmart-cart-number,
.sj-v8-cart-holder .wd-cart-number,
.sj-v8-cart-holder .badge-number {
  position: absolute !important;
  top: -5px !important;
  right: -2px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #f1f1f1 !important;
  color: #555 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 6 !important;
  pointer-events: none !important;
}

/* מנקה פסאודו אלמנטים של העגלה המקורית */
.sj-v8-cart-holder .shopping-cart:before,
.sj-v8-cart-holder .shopping-cart:after,
.sj-v8-cart-holder .cart-widget-opener:before,
.sj-v8-cart-holder .cart-widget-opener:after,
.sj-v8-cart-holder .shopping-cart > a:before,
.sj-v8-cart-holder .shopping-cart > a:after {
  display: none !important;
  content: none !important;
}












.sj-v8-add{
  position:relative !important;
  transition:transform .16s ease, box-shadow .16s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}

.sj-v8-add-center,
.sj-v8-minus,
.sj-v8-plus{
  -webkit-tap-highlight-color:transparent !important;
}

.sj-v8-add.sj-v8-added-feedback{
  animation:sjV8AddPop .42s ease;
}

.sj-v8-add.sj-v8-added-feedback::after{
  content:"נוסף ✓";
  position:absolute;
  inset:0;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0b0b0b;
  color:#fff;
  font-size:18px;
  font-weight:900;
  border-radius:999px;
  pointer-events:none;
}

@keyframes sjV8AddPop{
  0%{
    transform:scale(1);
  }
  45%{
    transform:scale(.96);
  }
  100%{
    transform:scale(1);
  }
}











/* ניווט קטגוריות נקי - מעל הפס האפור הקיים */
.sj-product-breadcrumb-clean {
  display: none;
}

@media (max-width: 768px) {

  body.single-product .sj-product-breadcrumb-clean {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    /* לא מייצר שורה חדשה */
    height: 0;
    overflow: visible;

    /* מיקום מעל הפס האפור הקיים */
    position: relative;
    top: -55px;
    z-index: 80;

    width: calc(100% - 90px);
    margin: 0 auto;

    font-size: 13px;
    line-height: 1;
    white-space: nowrap;

    text-align: center;
    direction: rtl;
  }

  body.single-product .sj-product-breadcrumb-clean a {
    color: #777;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: -0.15px;
  }

  body.single-product .sj-product-breadcrumb-clean .sj-current-cat {
    color: #111;
    font-weight: 600;
  }

  body.single-product .sj-product-breadcrumb-clean span {
    color: #c7c7c7;
    font-size: 11px;
    font-weight: 400;
  }
}