/*

	Theme Name:     Mobex Child

	Theme URI:      http://www.enovathemes.com/mobex

	Description:    Mobex - Auto Parts Woocommerce WordPress Theme

	Author:         Enovathemes

	Author URI:     https://enovathemes.com

	Version:        1.0

	Template:       mobex

*/



/* =Theme customization starts here

-------------------------------------------------------------- */




.wc-cats-tw{
  display: grid;
  gap: 24px;
  padding: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 640px){
  .wc-cats-tw{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 768px){
  .wc-cats-tw{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (min-width: 1024px){
  .wc-cats-tw{ grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 32px; }
}

/* Card: "flex flex-col items-center text-center p-2" */
.wc-cat-tw{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 8px;
  text-decoration: none;
}

/* Image block: taille 80x80 + rond */
.wc-cat-tw__img{
  margin-bottom: 20px;
  height: 80px;
  width: 80px;
  border-radius: 9999px;
  overflow: hidden;
  background: #e2e8f0; /* slate-200 */
  position: relative;
  border: 1px solid #ccc;
}


.wc-cat-tw__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.wc-cat-tw__placeholder{
  position: absolute;
  inset: 0;
  background: #e2e8f0;
  animation: wcPulse 1.5s ease-in-out infinite;
}


.wc-cat-tw__title{
  font-size: 14px;
  line-height: 1.2;
  color: #0f172a; 
  font-weight: 600;
}
.wc-cat-tw__count{
  margin-left: 6px;
  font-weight: 400;
  color: #64748b; 
}

@keyframes wcPulse{
  0%, 100% { opacity: 1; }
  50% { opacity: .4; }
}

div#displayblockboutton a {
    display: flex !important;
    align-items: center;
    min-height: auto;
    /* padding: 15px; */
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-transform: uppercase;
}
.myflex {
    display: flex;
    align-items: center;
    gap:25px;
}

.myflex p {
    margin-bottom: 0px;
}
.myflex br{
    display:none;
}
.ocw-aw-switch { display:flex; gap:10px; margin:8px 0 10px; }
.ocw-aw-switch__opt { display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid #ddd; border-radius:999px; cursor:pointer; user-select:none; }
.ocw-aw-switch__opt input { margin:0; }
.ocw-aw-hidden { display:none !important; }

.woocommerce-account .ocw-brand__mark {
    display: none;
}
div#editfilter .vehicle-filter.vertical[data-count="1"] > .atts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#editfilter{

  display: none;
}

/* quand ouvert */
#editfilter.vf-open{
  position: relative !important;
  display: block;
  inset: 0;
  z-index: var(--vf-z);

}

/* overlay */
#editfilter.vf-open::before{
  /* content: ""; */
  position: absolute;
  inset: 0;
  background: var(--vf-overlay);
  pointer-events: auto;
}





#editfilter .vf-close button{
  appearance: none;
  border: 0;
  background: rgb(191 46 11);
  border-radius: 18px;
  width: 50px;
  height: 33px;
  cursor: pointer;
  font-size: 22px;

  padding: 0px;
}

#editfilter .vf-close button:hover{
  background: rgba(0,0,0,.10);
}
body.vf-lock{
  overflow: hidden !important;
  touch-action: none;
}
header#et-desktop-7239 {
    position: relative;
}
.vf-close {
    display: flex;
    justify-content: flex-end;
}
div#displayblockboutton a {
    border: none !important;
    margin-top: -1px;
}


.login-toggle {
    padding: 0px;
}

header#et-desktop-7239 .elementor-element-871afaf {
    justify-content: space-around;
}

@media (min-width: 1024px) {
    #et-desktop-7239 .elementor-element-00b0e07 {

        gap: 5px !important;
   
    }
}
.vf-close {
    background: #000000;
}
.ocw-sd-select {
    margin-bottom: 0px;
}

input.ocw-sd-input {
    margin-bottom: 0px;
}

.ocw-sd-filter-row {
    margin-bottom: 20px;
}



div#displayblockboutton a.is-open {
    padding-top: 24px;
}
.editiiconnefooter li.elementor-icon-list-item.elementor-inline-item:nth-child(3) {
    background: #f29f05;
    padding: 5px 7px;
    border-radius: 50px;
  ;
}
.editiiconnefooter li.elementor-icon-list-item.elementor-inline-item:nth-child(4) {
  padding-left:15px;
}
.editiiconnefooter li.elementor-icon-list-item.elementor-inline-item:nth-child(5) {
    background: #dc2626;
    padding: 5px 7px;
    border-radius: 50px;
  ;
}
.vf-close {
    display: none;
}

.vehicle-filter.vertical .widget_title {
    color: #fff;
}

.ulk-subcats{
  --ulk-cols: 5;
  display: grid;
  grid-template-columns: repeat(var(--ulk-cols), minmax(0, 1fr));
  gap: 14px;
}

.ulk-subcats__item{
  display: block;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease;
}

.ulk-subcats__item:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0,0,0,.10);
}

.ulk-subcats__media{
  aspect-ratio: 4 / 3;
  background: #0b0b0f;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ulk-subcats__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ulk-subcats__img--placeholder{
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 30% 30%, rgba(245,158,11,.35), transparent 55%),
              linear-gradient(135deg, #0b0b0f, #14162a);
}

.ulk-subcats__label{
  padding: 12px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ulk-subcats__name{
  font-weight: 800;
  font-size: 13px;
  color: #0f172a;
}

.ulk-subcats__count{
  font-size: 12px;
  color: #64748b;
}

@media (max-width: 1100px){
  .ulk-subcats{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px){
  .ulk-subcats{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px){
  .ulk-subcats{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px){
  .ulk-subcats{ grid-template-columns: 1fr; }
}
.term-image.loaded{
  background-color:#F5F5F5;
  outline: 2px solid #E0E0E0;     
  outline-offset: 6px;
  border-radius: 16px;
  transition: background-color .2s ease, outline-color .2s ease, transform .2s ease;
}

.terms-item:hover .term-image,
.term-image:hover{
  background-color:#FFFFFF;
  outline-color: var(--e-global-color-secondary);
  transform: translateY(-2px);
}


.terms-item:hover .term-title{
  color:#f29f05;
  transition: color .2s ease;
}
header .mini-cart span.cart-title {display: none;}

.ocw-offcanvas{
  position: fixed;
  top: 0;
  right: 0;
  width: min(340px, 86vw);
  height: 100vh;
  background: #fff;

  transform: translateX(calc(100% + 40px));
  transition: transform .25s ease;

  z-index: 10050;
  padding: 18px;


  box-shadow: -20px 0 40px rgba(0,0,0,.15);
}

.ocw-offcanvas.is-open{
  transform: translateX(0);
}


.ocw-offcanvas .ocw-offcanvas-close{
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  cursor: pointer;
}


.ocw-offcanvas .ocw-offcanvas-close a,
.ocw-offcanvas .ocw-offcanvas-close .elementor-icon{
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}


.ocw-backdrop{
  position: fixed;

 
  z-index: 10040;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;

  padding: 150px 0px;
}
.ocw-backdrop.is-open{
  opacity: 1;
  pointer-events: auto;
}

body.ocw-menu-open{ overflow: hidden; }
.et-terms.simple .terms-item img, .et-make .make-item img{
    max-width: 80px;
    width:100%;

}
.ulk-quote-form {
    max-width: 760px;
    margin: 0 auto;
 
    color: #1f1f1f;
}

.ulk-quote-form__title {
    text-align: center;
    font-size: 42px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 34px;
    color: #111;
}

.ulk-quote-form__field {
    margin-bottom: 28px;
}

.ulk-quote-form__field .wpcf7-form-control-wrap {
    display: block;
}

.ulk-input {
    width: 100%;
    border: 0 !important;
    border-bottom: 1px solid #8d8d8d !important;
    background: transparent;
    height: 54px;
    padding: 0 0 8px 0;
    font-size: 16px;
    color: #111;
    outline: none;
    box-shadow: none;
    border-radius:0px !important;
}

.ulk-input::placeholder,
.ulk-textarea::placeholder {
    color: #1f1f1f;
    opacity: 1;
}

.ulk-input:focus,
.ulk-textarea:focus {
    outline: none;
    box-shadow: none;
    border-color: #111;
}

.ulk-quote-form__field--textarea {
    margin-top: 8px;
}

.ulk-textarea {
    width: 100%;
    min-height: 145px;
    border: 0;
    border-bottom: 1px solid #8d8d8d;
    background: #f3f3f3;
    padding: 16px 18px;
    font-size: 16px;
    color: #111;
    resize: vertical;
    outline: none;
    box-shadow: none;
}

.ulk-quote-form__upload-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 34px;
}

.ulk-quote-form__upload-left {
    width: 100%;
}

.ulk-upload-label {
    display: inline-block;
    font-size: 15px;
    color: #2f2747;
    margin-bottom: 8px;
}

.ulk-file {
    display: block;
    font-size: 14px;
    color: #777;
}

.ulk-file::file-selector-button {
    margin-right: 12px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 8px 14px;
    border-radius: 20px;
    cursor: pointer;
}

.ulk-quote-form__submit {
    text-align: center;
    margin-top: 10px;
}

.ulk-submit {
    border: 2px solid #1c1c1c;
    background: transparent;
    color: #111;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 14px 36px;
    min-width: 128px;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.ulk-submit:hover {
    background: #111;
    color: #fff;
}

.ulk-quote-form .wpcf7-spinner {
    display: block;
    margin: 16px auto 0;
}

.ulk-quote-form .wpcf7-not-valid-tip {
    font-size: 13px;
    margin-top: 6px;
}

.ulk-quote-form .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
}

@media (max-width: 767px) {
    .ulk-quote-form__title {
        font-size: 30px;
    }

    .ulk-input,
    .ulk-textarea {
        font-size: 15px;
    }

    .ulk-submit {
        width: 100%;
        max-width: 220px;
    }
}

input.wpcf7-form-control.wpcf7-file.ulk-file {
    border: none;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.ulk-submit {
    background: #f29f05 !important;
}
.et-clients .clients-item a,
.et-terms .terms-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.term-image.loaded {
    border: none !important;
    outline: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: start !important;
    background: transparent !important;

    max-width: 60px !important;
    margin: 0 !important;
}

.term-image.loaded svg {
    display: none;
    height: 0;
    opacity: 0;
}

/* Fond principal du mega menu */
#blocsubcat {
    /* background: #ccc; */ /* correction: background */
    padding: -2px;
    border-radius: 18px;
}


#blocsubcat ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}


#blocsubcat .terms-item {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 13px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    min-height: 92px;
}


#blocsubcat .terms-item:hover {
    border-color: #ee930f;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}


#blocsubcat .terms-item a {
    display: flex !important;
    align-items: center;
    gap: 14px;
    width: 100%;
    height: 100%;
    flex-direction: row !important;
  
}

#blocsubcat .terms-item img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}


#blocsubcat .term-title {
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
}
.title-section-title {
        background: linear-gradient(90deg, #f6b210 0%, #dc4f0c 50%, #a00b0b 100%);
        padding:50px;
        border-radius:20px;
}
a.js-random-phone {
    color: #fff !important;
}
.home .et-woo-products .mobex-loop-card-actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.home .et-woo-products .mobex-loop-card-actions .comp-counter {
    width: 100%;
}
#blocmanfucature img {
        height: 110px !important;
        width: 100%;
        object-fit: contain;
        object-position: center;
        display: block;
}
#ulk-new-arrivals-grid .post-inner {
    height: 100%;
}

#ulk-new-arrivals-grid .post-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#ulk-new-arrivals-grid .post-body-inner {
    display: flex;
    flex-direction: column;
    flex: 1;
}



#ulk-new-arrivals-grid .mobex-loop-card-actions .comp-counter {
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    align-items: center;
    width: 100%;
}

#ulk-new-arrivals-grid .mobex-loop-card-actions .comp-counter input {
    width: 100%;
    min-width: 0;
    text-align: center;
}

#ulk-new-arrivals-grid .mobex-loop-card-actions .minus,
#ulk-new-arrivals-grid .mobex-loop-card-actions .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

#ulk-new-arrivals-grid .mobex-loop-card-actions .add_to_cart_button {
    width: 100%;
    text-align: center;
}
#ulk-new-arrivals-grid .comp-body {
    display: none !important;
}

#ulk-new-arrivals-grid .price-button-wrapp {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#ulk-new-arrivals-grid .comp-body,
#ulk-new-arrivals-grid .comp-form,
#ulk-new-arrivals-grid .comp-counter-btn,
#ulk-new-arrivals-grid .wishlist-title,
#ulk-new-arrivals-grid .compare-title {
    display: none !important;
}

#ulk-new-arrivals-grid ul.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#ulk-new-arrivals-grid ul.products::before,
#ulk-new-arrivals-grid ul.products::after {
    display: none !important;
    content: none !important;
}

#ulk-new-arrivals-grid ul.products > li.product {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    display: flex;
}

#ulk-new-arrivals-grid .post-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
}

#ulk-new-arrivals-grid .post-image {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

#ulk-new-arrivals-grid .post-image .image-container,
#ulk-new-arrivals-grid .post-image a {
    width: 100%;
}

#ulk-new-arrivals-grid .post-image img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    display: block;
}

#ulk-new-arrivals-grid .post-body,
#ulk-new-arrivals-grid .post-body-inner {
    display: block;
    height: auto;
}

#ulk-new-arrivals-grid .post-content-wrap {
    margin-bottom: 14px;
}

#ulk-new-arrivals-grid .post-title {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.4;
    min-height: 44px;
}

#ulk-new-arrivals-grid .product-sku {
    display: block;
    margin: 6px 0 10px;
    font-size: 14px;
    color: #666;
}

#ulk-new-arrivals-grid .star-rating-wrap {
    margin-top: 8px;
}

#ulk-new-arrivals-grid .price-button-wrapp {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 0;
}

#ulk-new-arrivals-grid .mobex-loop-card-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

#ulk-new-arrivals-grid .mobex-loop-card-actions .comp-counter {
    display: grid;
    grid-template-columns: 46px 70px 46px;
    width: 162px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

#ulk-new-arrivals-grid .mobex-loop-card-actions .minus,
#ulk-new-arrivals-grid .mobex-loop-card-actions .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    background: #fff;
}

#ulk-new-arrivals-grid .mobex-loop-card-actions .comp-counter input {
    width: 100%;
    min-width: 0;
    height: 48px;
    border: 0;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    text-align: center;
    padding: 0;
    background: #fff;
    color: #000 !important;
}

#ulk-new-arrivals-grid .mobex-loop-card-actions .add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 36px !important;

    padding: 6px 8px !important;

    background: linear-gradient(
        90deg,
        #ff6a16 0%,
        #ef2b1c 100%
    ) !important;

    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: normal !important;
}
@media (max-width: 1024px) {
    #ulk-new-arrivals-grid ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


#ulk-new-arrivals-grid .mobex-loop-card-actions .comp-counter input,
.et-woo-products .mobex-loop-card-actions--home-js .comp-counter input {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-left: 1px solid #dcdcdc !important;
    border-right: 1px solid #dcdcdc !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 48px !important;
    -webkit-text-fill-color: #111 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    caret-color: transparent;
}
.widget_shopping_cart_content  p.woocommerce-mini-cart-info.woocommerce-mini-cart__buttons.buttons {
    display: flex;
}
#ulk-new-arrivals-grid.ulk-home-compact .price-button-wrapp {
    display: block !important;
}

#ulk-new-arrivals-grid.ulk-home-compact .comp-body {
    display: none !important;
}

#ulk-new-arrivals-grid.ulk-home-compact .mobex-loop-card-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#ulk-new-arrivals-grid.ulk-home-compact .comp-counter {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    width: 150px;
    height: 52px;
    border: 1px solid #e0e0e0;
    background: #fff;
    display: block !important;
}

#ulk-new-arrivals-grid.ulk-home-compact .comp-counter .qty-value {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    background: #fff;
}

#ulk-new-arrivals-grid.ulk-home-compact .comp-counter .minus,
#ulk-new-arrivals-grid.ulk-home-compact .comp-counter .plus {
    color: red !important;
    display: block;
    width: 30px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #111;
    background: #fff;
    cursor: pointer;
    user-select: none;
    z-index: 2;
}

#ulk-new-arrivals-grid.ulk-home-compact .comp-counter .minus {
    left: 0;
    border-right: 1px solid #e0e0e0;
}

#ulk-new-arrivals-grid.ulk-home-compact .comp-counter .plus {
    right: 0;
    border-left: 1px solid #e0e0e0;
}
.ulk-login-error {
    margin: 0 0 12px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #ffe8e8;
    color: #b00020;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}
/* ==================================================
   ULK - READ MORE BUTTON
   Same appearance as ADD TO CART
   ================================================== */

.product .post-body a.button.product_type_simple:not(.add_to_cart_button),
.product .price-button-wrapp a.button.product_type_simple:not(.add_to_cart_button) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px !important;
    padding: 8px 16px !important;
    margin: 0 !important;

    background: linear-gradient(90deg, #ff6a16 0%, #ef2b1c 100%) !important;
    background-color: #ff6a16 !important;

    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

/* Hover */
.product .post-body a.button.product_type_simple:not(.add_to_cart_button):hover,
.product .price-button-wrapp a.button.product_type_simple:not(.add_to_cart_button):hover {
    background: linear-gradient(90deg, #ef5c10 0%, #d92318 100%) !important;
    color: #ffffff !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .product .post-body a.button.product_type_simple:not(.add_to_cart_button),
    .product .price-button-wrapp a.button.product_type_simple:not(.add_to_cart_button) {
        min-height: 36px !important;
        padding: 7px 12px !important;
        font-size: 11px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .product .post-body a.button.product_type_simple:not(.add_to_cart_button),
    .product .price-button-wrapp a.button.product_type_simple:not(.add_to_cart_button) {
        min-height: 34px !important;
        padding: 7px 10px !important;

        background: linear-gradient(90deg, #ff6a16 0%, #ef2b1c 100%) !important;
        color: #ffffff !important;

        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;

        white-space: normal !important;
    }
}
/* =====================================================
   ULK - MOBILE PRODUCT CARDS V2
   2 columns / preserve Mobex image system
   ===================================================== */

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

    /* 2 products per row */
    body.home .loop-products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home .loop-products > li.product,
    body.home .loop-products > .product {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /*
     * IMPORTANT:
     * Do NOT change .post-image / .image-container / img here.
     * Mobex controls the product-image/lazy-load structure.
     */

    body.home .loop-products .product .post-inner {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.home .loop-products .product .post-body,
    body.home .loop-products .product .post-body-inner,
    body.home .loop-products .product .post-content-wrap,
    body.home .loop-products .product .price-button-wrapp {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Product title */
    body.home .loop-products .product .post-title,
    body.home .loop-products .product .post-title a {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
    }

    body.home .loop-products .product .post-title {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    /* Price */
    body.home .loop-products .product .price {
        max-width: 100% !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    body.home .loop-products .product .price del {
        font-size: 10px !important;
    }

    body.home .loop-products .product .price ins {
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    /* Quantity / action area */
    body.home .loop-products .product .mobex-loop-card-actions {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.home .loop-products .product
    .mobex-loop-card-actions .comp-counter {
        max-width: 110px !important;
    }

    /* ADD TO CART */
    body.home .loop-products .product
    .mobex-loop-card-actions .add_to_cart_button {
        max-width: 100% !important;
        min-height: 34px !important;
        padding: 6px 8px !important;
        font-size: 10px !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    /* READ MORE */
    body.home .loop-products .product
    a.button.product_type_simple:not(.add_to_cart_button) {
        max-width: 100% !important;
        min-height: 34px !important;
        padding: 6px 8px !important;
        font-size: 10px !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }
}
/* =====================================================
   ULK - MOBILE CARD VERTICAL STACK
   Keep Mobex image system intact
   ===================================================== */

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

    body.home .loop-products .product .post-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.home .loop-products .product .post-image {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 8px 0 !important;
    }

    body.home .loop-products .product .post-body {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    body.home .loop-products .product .post-body-inner,
    body.home .loop-products .product .post-content-wrap,
    body.home .loop-products .product .price-button-wrapp {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}
/* =====================================================
   ULK - MOBILE CARD ICONS FIX
   Prevent icons from overlapping buttons
   ===================================================== */

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

    body.home .loop-products .product .post-body .wishlist-toggle,
    body.home .loop-products .product .post-body .compare-toggle,
    body.home .loop-products .product .post-body .en-quick-view {
        position: static !important;
        display: inline-flex !important;
        vertical-align: middle !important;

        margin-top: 8px !important;
        margin-right: 6px !important;
        margin-bottom: 0 !important;

        transform: none !important;
        z-index: auto !important;
    }

    body.home .loop-products .product .post-body {
        padding-bottom: 12px !important;
    }
}
/* =====================================================
   ULK - MOBILE HIDE IMAGE OVERLAY ICONS
   Keep only the icons inside product body
   ===================================================== */

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

    body.home .loop-products .product .post-image .wishlist-toggle,
    body.home .loop-products .product .post-image .compare-toggle,
    body.home .loop-products .product .post-image .en-quick-view,
    body.home .loop-products .product .post-image .wishlist-title,
    body.home .loop-products .product .post-image .compare-title {
        display: none !important;
    }
}
/* =====================================================
   ULK - NEW PRODUCTS MOBILE FINAL STYLE
   Match On Sale cards
   ===================================================== */

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

    /* Two products per row */
    #ulk-new-arrivals-grid ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #ulk-new-arrivals-grid ul.products > li.product {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    /* Vertical card */
    #ulk-new-arrivals-grid .post-inner {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 8px !important;
        box-sizing: border-box !important;
        border-radius: 10px !important;
    }

    /* Keep image above content */
    #ulk-new-arrivals-grid .post-image {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
    }

    #ulk-new-arrivals-grid .post-image img {
        width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
        object-fit: contain !important;
    }

    /* Product content */
    #ulk-new-arrivals-grid .post-body,
    #ulk-new-arrivals-grid .post-body-inner,
    #ulk-new-arrivals-grid .post-content-wrap,
    #ulk-new-arrivals-grid .price-button-wrapp {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    #ulk-new-arrivals-grid .post-title {
        width: 100% !important;
        min-height: 0 !important;
        margin: 4px 0 8px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        overflow-wrap: break-word !important;
    }

    #ulk-new-arrivals-grid .post-title a {
        white-space: normal !important;
        color: inherit !important;
    }

    #ulk-new-arrivals-grid .star-rating-wrap {
        margin: 5px 0 8px !important;
    }

    #ulk-new-arrivals-grid .price {
        width: 100% !important;
        margin: 4px 0 8px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    #ulk-new-arrivals-grid .price del {
        font-size: 10px !important;
    }

    #ulk-new-arrivals-grid .price ins {
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    /* Quantity */
    #ulk-new-arrivals-grid .mobex-loop-card-actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
    }

    #ulk-new-arrivals-grid .mobex-loop-card-actions .comp-counter {
        width: 100% !important;
        max-width: 110px !important;
        height: 34px !important;
        grid-template-columns: 30px minmax(36px, 1fr) 30px !important;
    }

    #ulk-new-arrivals-grid .mobex-loop-card-actions .comp-counter input,
    #ulk-new-arrivals-grid .mobex-loop-card-actions .minus,
    #ulk-new-arrivals-grid .mobex-loop-card-actions .plus {
        height: 34px !important;
        min-height: 34px !important;
        line-height: 34px !important;
        font-size: 14px !important;
    }

    /* ADD TO CART */
    #ulk-new-arrivals-grid .add_to_cart_button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-height: 36px !important;

        padding: 6px 5px !important;

        background: linear-gradient(
            90deg,
            #ff6a16 0%,
            #ef2b1c 100%
        ) !important;

        border: 0 !important;
        border-radius: 8px !important;

        color: #fff !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    /* READ MORE */
    #ulk-new-arrivals-grid
    a.button.product_type_simple:not(.add_to_cart_button) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-height: 36px !important;

        padding: 6px 5px !important;

        background: linear-gradient(
            90deg,
            #ff6a16 0%,
            #ef2b1c 100%
        ) !important;

        border: 0 !important;
        border-radius: 8px !important;

        color: #fff !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    /* Remove overlay icons on mobile */
    #ulk-new-arrivals-grid .post-image .wishlist-toggle,
    #ulk-new-arrivals-grid .post-image .compare-toggle,
    #ulk-new-arrivals-grid .post-image .en-quick-view,
    #ulk-new-arrivals-grid .wishlist-title,
    #ulk-new-arrivals-grid .compare-title {
        display: none !important;
    }
}
@media only screen and (max-width: 767px) {

    body.home #ulk-new-arrivals-grid ul.products > li.product > .post-inner,
    body.home #ulk-new-arrivals-grid ul.products > li.product .post-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.home #ulk-new-arrivals-grid ul.products > li.product .post-image {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px 0 !important;
    }

    body.home #ulk-new-arrivals-grid ul.products > li.product .post-body {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}
@media only screen and (max-width: 767px) {

    body.home #ulk-new-arrivals-grid .post-inner,
    body.home #ulk-new-arrivals-grid .post-body,
    body.home #ulk-new-arrivals-grid .post-body-inner {
        height: auto !important;
        min-height: 0 !important;
    }

    body.home #ulk-new-arrivals-grid .post-image,
    body.home #ulk-new-arrivals-grid .post-image .image-container,
    body.home #ulk-new-arrivals-grid .post-image > a {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.home #ulk-new-arrivals-grid .post-image img {
        width: 100% !important;
        height: 160px !important;
        min-height: 0 !important;
        max-height: 160px !important;
        object-fit: contain !important;
        display: block !important;
    }
}
@media only screen and (max-width: 767px) {

    body.home #ulk-new-arrivals-grid .post-image {
        position: relative !important;
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;
        flex: none !important;
        overflow: hidden !important;
    }

    body.home #ulk-new-arrivals-grid .post-image .image-container,
    body.home #ulk-new-arrivals-grid .post-image > a {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 170px !important;
        min-height: 170px !important;
    }

    body.home #ulk-new-arrivals-grid .post-image img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 170px !important;
        max-height: 170px !important;

        object-fit: contain !important;
        object-position: center !important;
    }
}
@media only screen and (max-width: 767px) {

    body.home #ulk-new-arrivals-grid .mobex-loop-card-actions .add_to_cart_button,
    body.home #ulk-new-arrivals-grid a.add_to_cart_button,
    body.home #ulk-new-arrivals-grid a.button.add_to_cart_button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-height: 38px !important;

        padding: 8px 10px !important;

        background: linear-gradient(
            90deg,
            #ff6a16 0%,
            #ef2b1c 100%
        ) !important;

        background-color: #ff6a16 !important;

        border: 0 !important;
        border-radius: 8px !important;
        box-shadow: none !important;

        color: #ffffff !important;

        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;

        text-align: center !important;
        text-decoration: none !important;
        text-transform: uppercase !important;

        white-space: normal !important;
    }
}
@media only screen and (max-width: 767px) {

    body.home #ulk-new-arrivals-grid .post-body .wishlist-toggle,
    body.home #ulk-new-arrivals-grid .post-body .compare-toggle,
    body.home #ulk-new-arrivals-grid .post-body .en-quick-view {
        position: static !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 34px !important;
        height: 34px !important;

        margin-top: 10px !important;
        margin-right: 6px !important;
        margin-bottom: 8px !important;

        transform: none !important;
        z-index: auto !important;
    }

    body.home #ulk-new-arrivals-grid .post-body {
        padding-bottom: 20px !important;
    }
}
/* MOBILE - 2 PRODUCTS PER ROW */
@media only screen and (max-width: 767px) {

    ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-column-gap: 10px !important;
        grid-row-gap: 16px !important;
    }

    ul.products > li.product {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

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

    body.home #ulk-new-arrivals-grid ul.products .row-item > ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 8px !important;
        row-gap: 12px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.home #ulk-new-arrivals-grid ul.products .row-item > ul > li.product {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}
@media only screen and (max-width: 767px) {
    body.home #ulk-new-arrivals-grid ul#loop-products.loop-products.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.home #ulk-new-arrivals-grid ul#loop-products.loop-products.products > li.product {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}
@media only screen and (max-width: 767px) {

    body.home #ulk-new-arrivals-grid ul#loop-products.loop-products.products
    > li.product .price-button-wrap > .button:not(.add_to_cart_button) {
        margin-top: 58px !important;
    }

}
/* =========================================================
   ULK HOME PRODUCT CARDS — OLD ALIGNMENT REMOVED
   Clean baseline before final alignment
   ========================================================= */

/* ULK - FINAL QUANTITY COUNTER ALL DEVICES */

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter {

    display: grid !important;
    grid-template-columns: 28px 36px 28px !important;

    width: 122px !important;
    max-width: 122px !important;
    height: 38px !important;

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

    border: 1px solid #d8d8d8 !important;
    border-radius: 5px !important;

    overflow: hidden !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter .minus,

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter .plus,

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter input {

    position: static !important;

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

    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

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

    background: #fff !important;
    color: #111 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 38px !important;

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

    transform: none !important;
    box-sizing: border-box !important;
}

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter input {
    border: 0 !important;
    border-left: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;
    text-align: center !important;
}

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter .minus,
body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter .plus {
    cursor: pointer !important;
    user-select: none !important;
}
/* ULK - SAME QUANTITY COUNTER FOR ALL HOME PRODUCT SECTIONS */

body.home .et-woo-products
.mobex-loop-card-actions .comp-counter {

    display: grid !important;
    grid-template-columns: 38px 46px 38px !important;

    width: 122px !important;
    max-width: 122px !important;
    height: 38px !important;

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

    border: 1px solid #d8d8d8 !important;
    border-radius: 5px !important;

    overflow: hidden !important;
    background: #fff !important;
    box-sizing: border-box !important;
}


body.home .et-woo-products
.mobex-loop-card-actions .comp-counter .minus,

body.home .et-woo-products
.mobex-loop-card-actions .comp-counter .plus,

body.home .et-woo-products
.mobex-loop-card-actions .comp-counter input {

    position: static !important;

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

    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

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

    background: #fff !important;
    color: #111 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 38px !important;

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

    transform: none !important;
    box-sizing: border-box !important;
}


body.home .et-woo-products
.mobex-loop-card-actions .comp-counter input {

    border: 0 !important;

    border-left: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;

    text-align: center !important;
}


body.home .et-woo-products
.mobex-loop-card-actions .comp-counter .minus,

body.home .et-woo-products
.mobex-loop-card-actions .comp-counter .plus {

    cursor: pointer !important;
    user-select: none !important;
}
/* ULK FIX - REAL QTY VALUE POSITION */

body.home .et-woo-products
.mobex-loop-card-actions .comp-counter .qty-value {

    position: static !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

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

    width: 46px !important;
    height: 38px !important;
    min-height: 38px !important;

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

    border-left: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;

    background: #fff !important;
    color: #111 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 38px !important;

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

    transform: none !important;
    box-sizing: border-box !important;
}


body.home .et-woo-products
.mobex-loop-card-actions .comp-counter .minus {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body.home .et-woo-products
.mobex-loop-card-actions .comp-counter .plus {
    grid-column: 3 !important;
    grid-row: 1 !important;
}
/* ULK - FINAL FIX OTHER HOME SECTIONS -1+ */

body.home .loop-products .product
.mobex-loop-card-actions .comp-counter {
    display: grid !important;
    grid-template-columns: 32px 32px 32px !important;

    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 38px !important;

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

    overflow: hidden !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 5px !important;

    background: #fff !important;
    box-sizing: border-box !important;
}


/* MINUS */
body.home .loop-products .product
.mobex-loop-card-actions .comp-counter .minus {

    position: static !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

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

    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    flex: 0 0 32px !important;
    height: 38px !important;

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

    color: #111 !important;
    background: #fff !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 38px !important;

    transform: none !important;
}


/* NUMBER 1 */
body.home .loop-products .product
.mobex-loop-card-actions .comp-counter .qty-value {

    position: static !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

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

    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    flex: 0 0 32px !important;
    height: 38px !important;

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

    border-left: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;

    color: #111 !important;
    background: #fff !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 38px !important;

    transform: none !important;
}


/* PLUS */
body.home .loop-products .product
.mobex-loop-card-actions .comp-counter .plus {

    position: static !important;

    grid-column: 3 !important;
    grid-row: 1 !important;

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

    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    flex: 0 0 32px !important;
    height: 38px !important;

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

    color: #111 !important;
    background: #fff !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 38px !important;

    transform: none !important;
}
/* =========================================================
   ULK LIVE SEARCH RESULTS — ALL DEVICES
   ========================================================= */

.ulk-live-search-results {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 420px !important;
    max-width: calc(100vw - 30px) !important;
    max-height: 440px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
    z-index: 99999999 !important;
}

.ulk-live-search-results.is-active {
    display: block !important;
}

.ulk-live-search-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 88px !important;
    padding: 10px !important;
    margin: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
    text-decoration: none !important;
    color: #111 !important;
    box-sizing: border-box !important;
}

.ulk-live-search-image {
    flex: 0 0 70px !important;
    width: 70px !important;
    height: 70px !important;
}

.ulk-live-search-image img {
    display: block !important;
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ulk-live-search-data {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.ulk-live-search-title {
    margin: 0 0 4px !important;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.ulk-live-search-sku {
    margin: 0 0 4px !important;
    color: #777 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}

.ulk-live-search-price {
    margin: 0 !important;
    color: #d92b12 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.ulk-live-search-price del {
    color: #888 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.ulk-live-search-price ins {
    text-decoration: none !important;
}

.ulk-live-search-empty {
    padding: 15px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
}

/* PHONE */
@media only screen and (max-width: 767px) {

    .ulk-live-search-results {
        width: calc(100vw - 40px) !important;
        max-width: calc(100vw - 40px) !important;
        max-height: 380px !important;
    }

    .ulk-live-search-image,
    .ulk-live-search-image img {
        width: 64px !important;
        height: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
    }

    .ulk-live-search-image {
        flex-basis: 64px !important;
    }

    .ulk-live-search-title {
        font-size: 13px !important;
    }
}
/* =========================================================
   ULK LIVE SEARCH — FINAL RESPONSIVE POLISH
   ========================================================= */

/* Keep every result inside the search box */
.ulk-live-search-results,
.ulk-live-search-results * {
    box-sizing: border-box !important;
}

.ulk-live-search-item {
    overflow: hidden !important;
}

.ulk-live-search-data {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* Product title: maximum 2 lines */
.ulk-live-search-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

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

/* SKU must also stay inside */
.ulk-live-search-sku {
    display: block !important;
    max-width: 100% !important;

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

/* Keep price compact */
.ulk-live-search-price {
    white-space: normal !important;
}

/* PHONE */
@media only screen and (max-width: 767px) {

    .ulk-live-search-results {
        left: 0 !important;

        width: calc(100vw - 60px) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 60px) !important;

        max-height: 360px !important;

        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .ulk-live-search-item {
        width: 100% !important;
        min-height: 82px !important;

        padding: 9px 10px !important;
        gap: 10px !important;
    }

    .ulk-live-search-image {
        flex: 0 0 62px !important;
        width: 62px !important;
        height: 62px !important;
    }

    .ulk-live-search-image img {
        width: 62px !important;
        height: 62px !important;
        max-width: 62px !important;
        max-height: 62px !important;
    }

    .ulk-live-search-title {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    .ulk-live-search-sku {
        font-size: 10px !important;
    }

    .ulk-live-search-price {
        font-size: 13px !important;
    }
}
/* =========================================================
   ULK LIVE SEARCH — PHONE POSITION FIX
   ========================================================= */

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

    .ulk-live-search-results {
        position: absolute !important;

        left: 50% !important;
        right: auto !important;

        width: calc(100vw - 40px) !important;
        min-width: 0 !important;
        max-width: 560px !important;

        top: calc(100% + 6px) !important;

        transform: translateX(-50%) !important;
		
        overflow-x: hidden !important;
        overflow-y: auto !important;

        z-index: 99999999 !important;
    }

    .ulk-live-search-item {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .ulk-live-search-data {
        flex: 1 1 0 !important;
        width: 0 !important;
        min-width: 0 !important;
    }

    .ulk-live-search-title {
        max-width: 100% !important;
        white-space: normal !important;

        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;

        overflow: hidden !important;
    }
}
/* =========================================================
   ULK LIVE SEARCH — FINAL HEIGHT / SCROLL FIX
   ========================================================= */

.ulk-live-search-results {
    max-height: 390px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
}

/* Phone */
@media only screen and (max-width: 767px) {
    .ulk-live-search-results {
        max-height: 360px !important;
    }
}
@media only screen and (max-width: 767px) {

    .product .single-product-wrapper {
        display: block !important;
    }

    .product .single-product-wrapper .woocommerce-product-gallery,
    .product .single-product-wrapper .summary,
    .product-layout-single.simple .product .single-product-wrapper .woocommerce-product-gallery,
    .product-layout-single.simple .product .single-product-wrapper .summary {
        width: 100% !important;
        max-width: 100% !important;
    }

    .product .woocommerce-product-gallery {
        padding-right: 0 !important;
    }
}
/* =========================================================
   ULK - DISABLE MOBEX ORIGINAL DUPLICATE LIVE SEARCH
   Keep ULK custom search only
   ========================================================= */

.product-search .search-results {
    display: none !important;
}
/* =========================================================
   ULK — SINGLE PRODUCT FINAL RESPONSIVE FIX
   Phone + Tablet
   ========================================================= */

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

    /* 1. Product image and information = one column */
    body.single-product .product .single-product-wrapper {
        display: block !important;
    }

    body.single-product .product .single-product-wrapper .woocommerce-product-gallery,
    body.single-product .product .single-product-wrapper .summary,
    body.single-product.product-layout-single.simple
    .product .single-product-wrapper .woocommerce-product-gallery,
    body.single-product.product-layout-single.simple
    .product .single-product-wrapper .summary {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.single-product .product .woocommerce-product-gallery {
        padding-right: 0 !important;
    }


    /* 2. Remove theme's tablet summary movement */
    body.single-product
    .product .single-product-wrapper .summary > .summary-details,
    body.single-product
    .product .single-product-wrapper .summary > .summary-details:first-child,
    body.single-product
    .product .single-product-wrapper .summary > .summary-details:last-child,
    body.single-product
    .product .single-product-wrapper .summary > .summary-details:nth-child(2),
    body.single-product
    .product .single-product-wrapper .summary > .summary-details:only-child {

        position: static !important;
        left: auto !important;
        right: auto !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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


    /* 3. Cart form full width */
    body.single-product .summary form.cart,
    body.single-product .summary form.variations_form.cart {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        display: block !important;
    }


    /* 4. Quantity box */
    body.single-product .summary .variation-calc {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 50px !important;
        min-height: 50px !important;

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

        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background: #fff !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.single-product .summary .variation-calc .quantity {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;

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

    body.single-product .summary .variation-calc .quantity input {
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;

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

        border: 0 !important;
        background: #fff !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }


    /* 5. Minus / Plus */
    body.single-product .summary .variation-calc .minus,
    body.single-product .summary .variation-calc .plus {
        position: absolute !important;
        top: 0 !important;

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

        height: 48px !important;
        min-height: 48px !important;

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

        display: block !important;

        font-size: 0 !important;
        line-height: 48px !important;

        border: 0 !important;
        background: #fff !important;
        border-radius: 0 !important;

        z-index: 5 !important;
    }

    body.single-product .summary .variation-calc .minus {
        left: 0 !important;
        right: auto !important;
        border-right: 1px solid #e0e0e0 !important;
    }

    body.single-product .summary .variation-calc .plus {
        right: 0 !important;
        left: auto !important;
        border-left: 1px solid #e0e0e0 !important;
    }


    /* Do not depend on theme SVG files */
    body.single-product .summary .variation-calc .minus::before,
    body.single-product .summary .variation-calc .plus::before {
        position: static !important;

        display: block !important;

        width: 48px !important;
        height: 48px !important;

        -webkit-mask: none !important;
        mask: none !important;

        background: transparent !important;

        color: #111 !important;
        font-size: 22px !important;
        font-weight: 500 !important;
        line-height: 48px !important;
        text-align: center !important;
    }

    body.single-product .summary .variation-calc .minus::before {
        content: "−" !important;
    }

    body.single-product .summary .variation-calc .plus::before {
        content: "+" !important;
    }


    /* 6. Add to cart */
    body.single-product .summary .single_add_to_cart_button {
        position: static !important;

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

        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;

        height: 54px !important;
        min-height: 54px !important;

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

        line-height: 1.2 !important;
        white-space: nowrap !important;

        box-sizing: border-box !important;
    }


    /* 7. Buy now */
    body.single-product .summary .buy-now-button {
        position: static !important;

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

        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;

        height: 54px !important;
        min-height: 54px !important;

        margin: 0 !important;
        padding: 0 16px !important;

        line-height: 1.2 !important;
        white-space: nowrap !important;

        box-sizing: border-box !important;
    }
}

/* =========================================================
   ULK — MOBILE SHOP TOOLBAR FIX
   Product category / shop pages — phones only
   ========================================================= */
@media only screen and (max-width: 767px) {
    .woocommerce-before-shop-loop {
        height: auto !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        grid-template-areas:
            "layout sort"
            "layout sale"
            "result result" !important;
        column-gap: 8px !important;
        row-gap: 8px !important;
        align-items: center !important;
        padding: 8px !important;
        margin-bottom: 16px !important;
        box-sizing: border-box !important;
    }

    .woocommerce-before-shop-loop > * {
        float: none !important;
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .woocommerce-before-shop-loop .layout-control {
        grid-area: layout !important;
        width: 42px !important;
        align-self: stretch !important;
    }

    .woocommerce-before-shop-loop .woocommerce-ordering {
        grid-area: sort !important;
        min-width: 0 !important;
    }

    .woocommerce-before-shop-loop .woocommerce-ordering select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .woocommerce-before-shop-loop .sale-products {
        grid-area: sale !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .woocommerce-before-shop-loop .woocommerce-result-count {
        grid-area: result !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
        white-space: normal !important;
    }
}
/* =========================================================
   ULK — SHOP / CATEGORY ADD TO CART BUTTON
   ALL DEVICES
   ========================================================= */

body.woocommerce-shop ul.products li.product a.add_to_cart_button,
body.tax-product_cat ul.products li.product a.add_to_cart_button,
body.post-type-archive-product ul.products li.product a.add_to_cart_button {

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

    min-height: 38px !important;
    padding: 8px 14px !important;

    background: linear-gradient(
        90deg,
        #ff6a16 0%,
        #ef2b1c 100%
    ) !important;

    background-color: #ff6a16 !important;
    color: #fff !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-weight: 700 !important;
    text-decoration: none !important;
}

body.woocommerce-shop ul.products li.product a.add_to_cart_button:hover,
body.tax-product_cat ul.products li.product a.add_to_cart_button:hover,
body.post-type-archive-product ul.products li.product a.add_to_cart_button:hover {
    color: #fff !important;
}
/* ULK Mobile / Tablet Header - Force One Row */
@media (max-width: 1024px) {

    .ulk-mobile-header-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
    }

    .ulk-mobile-header-left,
    .ulk-mobile-header-right {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        flex: 0 0 auto !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    .ulk-mobile-header-left {
        justify-content: flex-start !important;
        gap:  8px !important;
    }

    .ulk-mobile-header-right {
        justify-content: flex-end !important;
        gap: 14px !important;
     margin-left: auto !important; 

    }

    /* Prevent the individual widgets from stretching */
    .ulk-mobile-header-left > .elementor-element,
    .ulk-mobile-header-right > .elementor-element {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    /* Keep login text hidden */
    .ulk-mobile-login .login-title.login {
        display: none !important;
    }
}
@media (max-width: 767px) {

    .ulk-mobile-header-row {
        position: relative !important;
    }

    .ulk-mobile-header-right {
        position: absolute !important;
        right: -35px !important;
        top: calc(50% - 32px) !important;
        transform: none !important;
        width: auto !important;
        margin: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 14px !important;
    }
}
@media (max-width: 767px) {
    .ulk-mobile-header-left > .elementor-element:nth-child(2) {
        transform: translateX(-22px) !important;
    }
}
/* ULK - Mobile Search Overlay */
@media (max-width: 767px) {

    .ulk-mobile-product-search {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        padding: 18px 16px 20px !important;
        background: #ffffff !important;

        z-index: 999999 !important;
        box-sizing: border-box !important;

        box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
    }

    .ulk-mobile-product-search.is-open {
        display: block !important;
    }

    .ulk-mobile-product-search form,
    .ulk-mobile-product-search .search-form,
    .ulk-mobile-product-search .product-search {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ulk-mobile-product-search input[type="search"],
    .ulk-mobile-product-search input[type="text"] {
        width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
}
@media (max-width: 767px) {

    .ulk-search-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        background: transparent !important;
        z-index: 999998;
    }

    .ulk-search-backdrop.is-open {
        display: block;
    }

.ulk-search-close {
    display: none;
    position: absolute !important;

    left: 20px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    background: transparent !important;
    color: #111 !important;

    font-size: 22px !important;
    line-height: 36px !important;
    text-align: center !important;

    z-index: 1000002 !important;
    cursor: pointer !important;
}

.ulk-search-close.is-open {
    display: block !important;
}
    .ulk-mobile-product-search {
        transform: translateY(-12px);
        opacity: 0;
        transition: all .2s ease;
    }

    .ulk-mobile-product-search.is-open {
        transform: translateY(0);
        opacity: 1;
    }
}
@media (max-width: 767px) {

      .ulk-mobile-product-search {
    padding-left: 58px !important;
}

    .ulk-header-search-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        position: relative !important;
        z-index: 10000 !important;

        cursor: pointer !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: transparent;
    }

    .ulk-header-search-icon svg {
        width: 24px !important;
        height: 24px !important;
        pointer-events: none !important;
    }
}
.ulk-mobile-product-search,
.ulk-mobile-product-search * {
    pointer-events: auto !important;
}

.ulk-mobile-product-search input[type="search"],
.ulk-mobile-product-search input[type="text"] {
    position: relative !important;
    z-index: 1000001 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
}
/* =========================================================
   ULK — CART PAGE RESPONSIVE FIX
   Phone + Tablet
   ========================================================= */

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

    body.woocommerce-cart .woocommerce,
    body.woocommerce-cart .woocommerce-cart-form,
    body.woocommerce-cart .cart-collaterals,
    body.woocommerce-cart .cart_totals {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-cart .cart-collaterals {
        display: block !important;
    }

    body.woocommerce-cart .cart_totals {
        margin-top: 20px !important;
        padding: 16px !important;
    }

    body.woocommerce-cart .cart_totals table,
    body.woocommerce-cart .shop_table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    body.woocommerce-cart .cart_totals th,
    body.woocommerce-cart .cart_totals td {
        width: auto !important;
        white-space: normal !important;
        padding: 12px 8px !important;
    }

    body.woocommerce-cart .wc-proceed-to-checkout,
    body.woocommerce-cart .wc-proceed-to-checkout a,
    body.woocommerce-cart a.checkout-button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    body.woocommerce-cart .actions {
        width: 100% !important;
    }

    body.woocommerce-cart .coupon {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    body.woocommerce-cart .coupon input,
    body.woocommerce-cart .coupon button,
    body.woocommerce-cart .actions button {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}
/* ULK — Hide VIN field on Phone + Tablet only */
@media only screen and (max-width: 1024px) {

    /* Checkout VIN field */
    body.woocommerce-checkout #billing_vin_field,
    body.woocommerce-checkout .form-row[id*="vin"],
    body.woocommerce-checkout .woocommerce-additional-fields [id*="vin"] {
        display: none !important;
    }

    /* Cart / View Cart VIN field if present */
    body.woocommerce-cart #billing_vin_field,
    body.woocommerce-cart .form-row[id*="vin"],
    body.woocommerce-cart [id*="vin"].form-row {
        display: none !important;
    }
}
/* =========================================================
   ULK — FREE SHIPPING PROGRESS MESSAGE
   Cart Page - All Devices
   ========================================================= */

body.woocommerce-cart .ulk-free-shipping-message {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 16px 0 !important;
    padding: 14px 15px !important;

    background: #fff7ed !important;
    border: 1px solid #f97316 !important;
    border-radius: 6px !important;

    position: relative !important;
    float: none !important;
    clear: both !important;
}

body.woocommerce-cart .ulk-shipping-title {
    display: block !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;

    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body.woocommerce-cart .ulk-shipping-title strong {
    color: #d52b12 !important;
}

body.woocommerce-cart .ulk-shipping-progress {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: 8px !important;
    min-height: 8px !important;

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

    background: #e5e5e5 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

body.woocommerce-cart .ulk-shipping-progress-bar {
    display: block !important;

    height: 8px !important;
    min-height: 8px !important;

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

    background: linear-gradient(
        90deg,
        #f59e0b 0%,
        #d52b12 100%
    ) !important;

    border-radius: 10px !important;
}

body.woocommerce-cart .ulk-shipping-small {
    display: block !important;

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

    color: #666 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
}

body.woocommerce-cart .ulk-free-shipping-success {
    background: #eefbf1 !important;
    border-color: #22a447 !important;
    color: #167331 !important;
    text-align: center !important;
    font-weight: 600 !important;
}


/* PHONE */
@media only screen and (max-width: 767px) {

    body.woocommerce-cart .ulk-free-shipping-message {
        padding: 12px !important;
        margin-bottom: 14px !important;
        font-size: 13px !important;
    }

    body.woocommerce-cart .ulk-shipping-title {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    body.woocommerce-cart .ulk-shipping-small {
        font-size: 11px !important;
        line-height: 16px !important;
    }

    body.woocommerce-cart .cart_totals > h2 {
        clear: both !important;
        margin-top: 0 !important;
    }
}
/* =========================================================
   ULK — CART QUANTITY CLICK FIX
   ========================================================= */

body.woocommerce-cart .quantity,
body.woocommerce-cart .quantity .minus,
body.woocommerce-cart .quantity .plus,
body.woocommerce-cart .quantity button.minus,
body.woocommerce-cart .quantity button.plus {
    position: relative !important;
    z-index: 50 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}
/* =========================================================
   ULK - SHOW FULL PRODUCT NAME ON SHOP / CATEGORY PAGES
   ========================================================= */

body.woocommerce-shop ul.products li.product .post-title,
body.tax-product_cat ul.products li.product .post-title,
body.post-type-archive-product ul.products li.product .post-title {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
}

body.woocommerce-shop ul.products li.product .post-title a,
body.tax-product_cat ul.products li.product .post-title a,
body.post-type-archive-product ul.products li.product .post-title a {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;

    white-space: normal !important;
    text-overflow: unset !important;

    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}
/* =========================================================
   ULK SUPPLY — CART FINAL REDESIGN V1
   CART PAGE ONLY — CHECKOUT IS NOT AFFECTED
   ========================================================= */

body.woocommerce-cart{
    --ulk-cart-orange:#ff6a1a;
    --ulk-cart-red:#ef3f25;
    --ulk-cart-dark:#101828;
    --ulk-cart-muted:#667085;
    --ulk-cart-line:#e4e7ec;
    --ulk-cart-soft:#f8fafc;
}

/* ---------------------------------------------------------
   PAGE
   --------------------------------------------------------- */

body.woocommerce-cart #et-content{
    background:#f8fafc !important;
}

body.woocommerce-cart .page-content{
    padding-top:24px !important;
    padding-bottom:60px !important;
}

body.woocommerce-cart .page-content > .woocommerce{
    width:100% !important;
    max-width:1450px !important;
    margin:0 auto !important;
}

/* ---------------------------------------------------------
   MAIN TWO-COLUMN CART
   --------------------------------------------------------- */

@media (min-width:1025px){

    body.woocommerce-cart .woocommerce{
        display:grid !important;
        grid-template-columns:minmax(0,1.65fr) minmax(360px,.72fr) !important;
        column-gap:28px !important;
        align-items:start !important;
    }

    body.woocommerce-cart .woocommerce > .woocommerce-cart-form{
        grid-column:1 !important;
        width:100% !important;
        min-width:0 !important;
    }

    body.woocommerce-cart .woocommerce > .cart-collaterals{
        grid-column:2 !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
    }
}

/* ---------------------------------------------------------
   PRODUCT CART CARD
   --------------------------------------------------------- */

body.woocommerce-cart .woocommerce-cart-form{
    padding:24px !important;

    border:1px solid var(--ulk-cart-line) !important;
    border-radius:14px !important;
    background:#fff !important;

    box-shadow:0 8px 30px rgba(16,24,40,.05) !important;
    box-sizing:border-box !important;
}

body.woocommerce-cart table.shop_table.cart{
    width:100% !important;
    margin:0 !important;

    border:0 !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    background:#fff !important;
}

/* Table heading */
body.woocommerce-cart table.shop_table.cart thead th{
    padding:0 12px 14px !important;

    border:0 !important;
    border-bottom:1px solid var(--ulk-cart-line) !important;

    color:#667085 !important;
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.25px !important;
    text-transform:uppercase !important;
}

/* Product rows */
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item td{
    padding:20px 12px !important;

    border:0 !important;
    border-bottom:1px solid #edf0f4 !important;

    background:#fff !important;
    vertical-align:middle !important;
}

/* Product image */
body.woocommerce-cart table.shop_table.cart .product-thumbnail{
    width:92px !important;
}

body.woocommerce-cart table.shop_table.cart .product-thumbnail img{
    width:72px !important;
    height:72px !important;

    display:block !important;
    object-fit:contain !important;

    padding:5px !important;

    border:1px solid #edf0f4 !important;
    border-radius:10px !important;
    background:#fff !important;

    box-sizing:border-box !important;
}

/* Product name */
body.woocommerce-cart table.shop_table.cart .product-name a{
    color:var(--ulk-cart-dark) !important;

    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:800 !important;

    text-decoration:none !important;
}

body.woocommerce-cart table.shop_table.cart .product-name a:hover{
    color:var(--ulk-cart-orange) !important;
}

/* Price/subtotal */
body.woocommerce-cart table.shop_table.cart .product-price,
body.woocommerce-cart table.shop_table.cart .product-subtotal{
    color:var(--ulk-cart-dark) !important;
    font-size:13px !important;
    font-weight:800 !important;
}

body.woocommerce-cart table.shop_table.cart .product-subtotal{
    color:var(--ulk-cart-red) !important;
}

/* ---------------------------------------------------------
   QUANTITY
   --------------------------------------------------------- */

body.woocommerce-cart table.shop_table.cart .quantity{
    display:inline-flex !important;
    align-items:center !important;

    min-height:38px !important;

    border:1px solid #d0d5dd !important;
    border-radius:8px !important;
    background:#fff !important;

    overflow:hidden !important;
}

body.woocommerce-cart table.shop_table.cart .quantity .minus,
body.woocommerce-cart table.shop_table.cart .quantity .plus{
    width:34px !important;
    height:36px !important;
    min-width:34px !important;

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

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

    border:0 !important;
    background:#f8fafc !important;

    color:#344054 !important;
    font-size:16px !important;
    font-weight:800 !important;
}

body.woocommerce-cart table.shop_table.cart .quantity .qty{
    width:42px !important;
    min-width:42px !important;
    height:36px !important;
    min-height:36px !important;

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

    border:0 !important;
    border-left:1px solid #e4e7ec !important;
    border-right:1px solid #e4e7ec !important;
    border-radius:0 !important;

    background:#fff !important;
    color:#101828 !important;

    text-align:center !important;
    font-size:13px !important;
    font-weight:800 !important;

    box-shadow:none !important;
}

/* ---------------------------------------------------------
   REMOVE
   --------------------------------------------------------- */

body.woocommerce-cart table.shop_table.cart .product-remove{
    width:38px !important;
    text-align:center !important;
}

body.woocommerce-cart table.shop_table.cart .product-remove a.remove{
    width:30px !important;
    height:30px !important;

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

    border:1px solid #f2d0ca !important;
    border-radius:50% !important;

    background:#fff7f5 !important;
    color:#d92d20 !important;

    font-size:18px !important;
    line-height:1 !important;
}

body.woocommerce-cart table.shop_table.cart .product-remove a.remove:hover{
    background:#d92d20 !important;
    color:#fff !important;
}

/* ---------------------------------------------------------
   COUPON / UPDATE CART
   --------------------------------------------------------- */

body.woocommerce-cart table.shop_table.cart td.actions{
    padding:20px 0 0 !important;
    border:0 !important;
}

body.woocommerce-cart table.shop_table.cart td.actions .coupon{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;

    width:auto !important;
}

body.woocommerce-cart #coupon_code{
    width:220px !important;
    height:44px !important;

    margin:0 !important;
    padding:0 13px !important;

    border:1px solid #d0d5dd !important;
    border-radius:7px !important;

    background:#fff !important;
    color:#101828 !important;

    font-size:12px !important;
}

body.woocommerce-cart table.shop_table.cart td.actions button.button{
    min-height:44px !important;
    padding:0 18px !important;

    border:1px solid #d0d5dd !important;
    border-radius:7px !important;

    background:#fff !important;
    color:#344054 !important;

    font-size:12px !important;
    font-weight:800 !important;
}

body.woocommerce-cart table.shop_table.cart td.actions button.button:hover{
    border-color:#ff6a1a !important;
    color:#e84c1c !important;
}

/* ---------------------------------------------------------
   ORDER SUMMARY
   --------------------------------------------------------- */

body.woocommerce-cart .cart-collaterals .cart_totals{
    width:100% !important;
    float:none !important;

    margin:0 !important;
    padding:22px !important;

    border:1px solid var(--ulk-cart-line) !important;
    border-radius:14px !important;

    background:#fff !important;

    box-shadow:0 8px 30px rgba(16,24,40,.05) !important;

    box-sizing:border-box !important;
}

body.woocommerce-cart .cart_totals > h2{
    margin:0 0 18px !important;
    padding:0 0 14px !important;

    border-bottom:1px solid var(--ulk-cart-line) !important;

    color:var(--ulk-cart-dark) !important;

    font-size:20px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
}

/* Totals table */
body.woocommerce-cart .cart_totals table.shop_table{
    width:100% !important;

    margin:0 !important;

    border:0 !important;
    border-collapse:collapse !important;
}

body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td{
    padding:12px 0 !important;

    border:0 !important;
    border-bottom:1px solid #edf0f4 !important;

    background:transparent !important;

    font-size:12px !important;
    line-height:1.5 !important;
    vertical-align:top !important;
}

body.woocommerce-cart .cart_totals table.shop_table th{
    width:35% !important;

    color:#667085 !important;
    font-weight:700 !important;
}

body.woocommerce-cart .cart_totals table.shop_table td{
    color:#101828 !important;
    font-weight:700 !important;
}

/* Shipping */
body.woocommerce-cart .cart_totals .woocommerce-shipping-totals td{
    font-size:11px !important;
}

body.woocommerce-cart .cart_totals #shipping_method{
    margin:0 !important;
    padding:0 !important;
}

body.woocommerce-cart .cart_totals #shipping_method li{
    margin:0 0 7px !important;
    padding:0 !important;

    font-size:11px !important;
    line-height:1.4 !important;
}

/* Total */
body.woocommerce-cart .cart_totals tr.order-total th,
body.woocommerce-cart .cart_totals tr.order-total td{
    padding-top:16px !important;
    padding-bottom:14px !important;

    border-bottom:0 !important;
}

body.woocommerce-cart .cart_totals tr.order-total th{
    color:#101828 !important;

    font-size:15px !important;
    font-weight:900 !important;
}

body.woocommerce-cart .cart_totals tr.order-total td{
    color:#e84c1c !important;

    font-size:20px !important;
    font-weight:900 !important;
}

/* ---------------------------------------------------------
   FREE SHIPPING — MODERN CARD
   --------------------------------------------------------- */

body.woocommerce-cart .cart_totals .ulk-free-shipping-message{
    margin:0 0 18px !important;
    padding:14px 15px !important;

    border:1px solid #fed7aa !important;
    border-radius:9px !important;

    background:linear-gradient(135deg,#fffaf5 0%,#fff5ed 100%) !important;

    box-shadow:none !important;
}

body.woocommerce-cart .ulk-shipping-title{
    margin-bottom:9px !important;

    color:#344054 !important;
    font-size:12px !important;
    font-weight:700 !important;
}

body.woocommerce-cart .ulk-shipping-title strong{
    color:#e84c1c !important;
    font-weight:900 !important;
}

body.woocommerce-cart .ulk-shipping-progress{
    height:7px !important;
    min-height:7px !important;

    margin-bottom:8px !important;

    background:#e9edf2 !important;
}

body.woocommerce-cart .ulk-shipping-progress-bar{
    height:7px !important;
    min-height:7px !important;

    background:linear-gradient(
        90deg,
        #ffb000 0%,
        #ff7417 48%,
        #ef3f25 100%
    ) !important;
}

body.woocommerce-cart .ulk-shipping-small{
    color:#667085 !important;
    font-size:10px !important;
}

/* ---------------------------------------------------------
   CHECKOUT BUTTON
   --------------------------------------------------------- */

body.woocommerce-cart .wc-proceed-to-checkout{
    margin:18px 0 0 !important;
    padding:0 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
    width:100% !important;
    min-height:52px !important;

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

    margin:0 !important;
    padding:0 18px !important;

    border:0 !important;
    border-radius:8px !important;

    background:linear-gradient(
        90deg,
        #ff9d00 0%,
        #ff7417 45%,
        #ef3f25 100%
    ) !important;

    color:#fff !important;

    font-size:14px !important;
    font-weight:900 !important;

    text-align:center !important;

    box-shadow:0 8px 18px rgba(239,63,37,.18) !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 10px 22px rgba(239,63,37,.24) !important;
}

/* Continue Shopping added by Enovathemes */
body.woocommerce-cart .cart_totals > a.checkout-button,
body.woocommerce-cart .cart_totals > a.button.medium{
    width:100% !important;
    min-height:46px !important;

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

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

    border:1px solid #d0d5dd !important;
    border-radius:8px !important;

    background:#fff !important;
    color:#344054 !important;

    font-size:12px !important;
    font-weight:800 !important;

    box-sizing:border-box !important;
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (min-width:768px) and (max-width:1024px){

    body.woocommerce-cart .page-content > .woocommerce{
        max-width:940px !important;
    }

    body.woocommerce-cart .woocommerce-cart-form,
    body.woocommerce-cart .cart-collaterals .cart_totals{
        border-radius:12px !important;
    }

    body.woocommerce-cart .cart-collaterals{
        margin-top:20px !important;
    }
}

/* ---------------------------------------------------------
   PHONE
   --------------------------------------------------------- */

@media (max-width:767px){

    body.woocommerce-cart .page-content{
        padding-top:12px !important;
        padding-bottom:35px !important;
    }

    body.woocommerce-cart .woocommerce-cart-form{
        padding:14px !important;
        border-radius:10px !important;
    }

    body.woocommerce-cart table.shop_table.cart .product-thumbnail img{
        width:62px !important;
        height:62px !important;
    }

    body.woocommerce-cart table.shop_table.cart .product-name a{
        font-size:12px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.actions .coupon{
        display:grid !important;
        grid-template-columns:1fr auto !important;
        width:100% !important;
    }

    body.woocommerce-cart #coupon_code{
        width:100% !important;
    }

    body.woocommerce-cart table.shop_table.cart td.actions > button.button{
        width:100% !important;
        margin-top:8px !important;
    }

    body.woocommerce-cart .cart-collaterals{
        margin-top:16px !important;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals{
        padding:16px !important;
        border-radius:10px !important;
    }

    body.woocommerce-cart .cart_totals > h2{
        font-size:18px !important;
    }
}


/* =========================================================
   ULK CART FINAL V2 — DESKTOP WIDTH + SUMMARY FIX
   CART ONLY
   ========================================================= */

@media (min-width:1025px){

    /* Make the actual WooCommerce cart area wider */
    body.woocommerce-cart .page-content > .woocommerce,
    body.woocommerce-cart .woocommerce-page .page-content > .woocommerce{
        width:calc(100% - 60px) !important;
        max-width:1500px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /* Main cart layout */
    body.woocommerce-cart .page-content > .woocommerce{
        display:grid !important;
        grid-template-columns:minmax(0, 2.15fr) minmax(390px, .85fr) !important;
        gap:26px !important;
        align-items:start !important;
    }

    body.woocommerce-cart .woocommerce-cart-form{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
    }

    body.woocommerce-cart .cart-collaterals{
        width:100% !important;
        max-width:none !important;
        min-width:390px !important;
        margin:0 !important;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals{
        width:100% !important;
        max-width:none !important;
    }

    /* Give product name more room */
    body.woocommerce-cart table.shop_table.cart .product-name{
        width:auto !important;
        min-width:330px !important;
    }

    body.woocommerce-cart table.shop_table.cart .product-price{
        width:105px !important;
        white-space:nowrap !important;
    }

    body.woocommerce-cart table.shop_table.cart .product-quantity{
        width:125px !important;
        white-space:nowrap !important;
    }

    body.woocommerce-cart table.shop_table.cart .product-subtotal{
        width:110px !important;
        white-space:nowrap !important;
    }

    /* Summary rows */
    body.woocommerce-cart .cart_totals table.shop_table{
        table-layout:auto !important;
    }

    body.woocommerce-cart .cart_totals table.shop_table th{
        width:34% !important;
        padding-right:12px !important;
    }

    body.woocommerce-cart .cart_totals table.shop_table td{
        width:66% !important;
        padding-left:12px !important;
        text-align:right !important;
    }

    /* Shipping methods need room */
    body.woocommerce-cart .cart_totals
    tr.woocommerce-shipping-totals td{
        text-align:left !important;
    }

    body.woocommerce-cart .cart_totals #shipping_method{
        width:100% !important;
    }

    body.woocommerce-cart .cart_totals #shipping_method li{
        display:flex !important;
        align-items:flex-start !important;
        gap:7px !important;

        width:100% !important;
        margin:0 0 9px !important;

        text-align:left !important;
    }

    body.woocommerce-cart .cart_totals #shipping_method li label{
        flex:1 !important;
        min-width:0 !important;

        font-size:11px !important;
        line-height:1.35 !important;
    }

    /* Shipping destination */
    body.woocommerce-cart .woocommerce-shipping-destination{
        margin:10px 0 5px !important;
        font-size:10px !important;
        line-height:1.45 !important;
        text-align:left !important;
    }

    body.woocommerce-cart .shipping-calculator-button{
        display:inline-block !important;
        margin-top:4px !important;
        font-size:10px !important;
    }
}


/* =========================================================
   ULK CART V3 — REAL OUTER CONTAINER WIDTH FIX
   CART PAGE ONLY
   ========================================================= */

@media (min-width:1025px){

    /* Mobex outer boxed container — CART ONLY */
    body.woocommerce-cart
    #et-content > .product-layout.product-container-boxed > .container{
        width:94% !important;
        max-width:1500px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    /* Page itself */
    body.woocommerce-cart
    #post-11240,
    body.woocommerce-cart
    #post-11240 > .page-content{
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    /* WooCommerce main layout */
    body.woocommerce-cart
    #post-11240 .page-content > .woocommerce{
        width:100% !important;
        max-width:none !important;

        display:grid !important;
        grid-template-columns:minmax(0, 2.15fr) minmax(400px, .85fr) !important;
        gap:28px !important;
        align-items:start !important;

        margin:0 !important;
    }

    /* Left */
    body.woocommerce-cart
    #post-11240 .woocommerce-cart-form{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
    }

    /* Right */
    body.woocommerce-cart
    #post-11240 .cart-collaterals{
        width:100% !important;
        max-width:none !important;
        min-width:400px !important;
        margin:0 !important;
    }

    body.woocommerce-cart
    #post-11240 .cart-collaterals .cart_totals{
        width:100% !important;
        max-width:none !important;
    }
}


/* =========================================================
   ULK CART V4 — FINAL DESKTOP LAYOUT
   Override Mobex native 65/35, 70/30, 73/27 rules
   CART ONLY — CHECKOUT UNTOUCHED
   ========================================================= */

@media (min-width:1025px){

    /* Wider Mobex container on Cart only */
    body.woocommerce-cart
    #et-content .product-layout.product-container-boxed > .container{
        width:94% !important;
        max-width:1500px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    body.woocommerce-cart
    #post-11240,
    body.woocommerce-cart
    #post-11240 .page-content{
        width:100% !important;
        max-width:none !important;
    }

    /*
     * IMPORTANT:
     * Cancel our previous grid experiments.
     * Use Mobex's native float structure cleanly.
     */
    body.woocommerce-cart
    #post-11240 .page-content > .woocommerce{
        display:block !important;
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
    }

    /* Products — 68% */
    body.woocommerce-cart
    #post-11240 .woocommerce-cart-form{
        display:block !important;

        width:68% !important;
        max-width:none !important;
        min-width:0 !important;

        float:left !important;

        margin:0 !important;
        box-sizing:border-box !important;
    }

    /* Summary — 30%, leaving ~2% gap */
    body.woocommerce-cart
    #post-11240 .cart-collaterals{
        display:block !important;

        width:30% !important;
        max-width:none !important;
        min-width:0 !important;

        float:right !important;

        margin:0 !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    #post-11240 .cart-collaterals .cart_totals{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        float:none !important;
        margin:0 !important;

        box-sizing:border-box !important;
    }

    /* Clear floats correctly */
    body.woocommerce-cart
    #post-11240 .page-content > .woocommerce:after{
        content:"" !important;
        display:table !important;
        clear:both !important;
    }

    /* Product table sizing */
    body.woocommerce-cart
    table.shop_table.cart{
        table-layout:auto !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-thumbnail{
        width:90px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-name{
        width:auto !important;
        min-width:280px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-price{
        width:95px !important;
        white-space:nowrap !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-quantity{
        width:120px !important;
        white-space:nowrap !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-subtotal{
        width:105px !important;
        white-space:nowrap !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-remove{
        width:38px !important;
    }

    /* Summary table */
    body.woocommerce-cart
    .cart_totals table.shop_table{
        width:100% !important;
        table-layout:auto !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table th{
        width:32% !important;
        padding-right:10px !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table td{
        width:68% !important;
        padding-left:10px !important;
    }

    /* Shipping area */
    body.woocommerce-cart
    .cart_totals tr.woocommerce-shipping-totals td{
        text-align:left !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method{
        width:100% !important;
        margin:0 !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method li{
        display:grid !important;
        grid-template-columns:18px minmax(0,1fr) !important;
        align-items:start !important;

        width:100% !important;
        gap:6px !important;

        margin:0 0 9px !important;
        padding:0 !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method li input{
        margin:2px 0 0 !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method li label{
        min-width:0 !important;

        font-size:11px !important;
        line-height:1.4 !important;

        white-space:normal !important;
    }

    /* Shipping destination */
    body.woocommerce-cart
    .woocommerce-shipping-destination{
        margin:10px 0 4px !important;

        font-size:10px !important;
        line-height:1.45 !important;

        text-align:left !important;
    }

    body.woocommerce-cart
    .shipping-calculator-button{
        font-size:10px !important;
    }
}


/* =========================================================
   ULK CART V5 — FINAL VISUAL SCALE
   Layout stays 68 / 30
   CART ONLY
   ========================================================= */

@media (min-width:1025px){

    /* Left card */
    body.woocommerce-cart #post-11240 .woocommerce-cart-form{
        padding:26px 28px !important;
    }

    /* Header */
    body.woocommerce-cart table.shop_table.cart thead th{
        padding:0 14px 17px !important;
        font-size:12px !important;
    }

    /* Product rows */
    body.woocommerce-cart table.shop_table.cart tbody tr.cart_item td{
        padding:20px 14px !important;
    }

    /* Larger product image */
    body.woocommerce-cart table.shop_table.cart .product-thumbnail{
        width:100px !important;
    }

    body.woocommerce-cart table.shop_table.cart .product-thumbnail img{
        width:78px !important;
        height:78px !important;
        padding:6px !important;
        border-radius:10px !important;
    }

    /* Product title */
    body.woocommerce-cart table.shop_table.cart .product-name a{
        font-size:13.5px !important;
        line-height:1.45 !important;
        font-weight:800 !important;
    }

    /* Price */
    body.woocommerce-cart table.shop_table.cart .product-price,
    body.woocommerce-cart table.shop_table.cart .product-subtotal{
        font-size:14px !important;
        font-weight:900 !important;
    }

    /* Quantity larger */
    body.woocommerce-cart table.shop_table.cart .quantity{
        min-height:40px !important;
    }

    body.woocommerce-cart table.shop_table.cart .quantity .minus,
    body.woocommerce-cart table.shop_table.cart .quantity .plus{
        width:36px !important;
        min-width:36px !important;
        height:38px !important;
    }

    body.woocommerce-cart table.shop_table.cart .quantity .qty{
        width:44px !important;
        min-width:44px !important;
        height:38px !important;
        font-size:13px !important;
    }

    /* Remove button */
    body.woocommerce-cart table.shop_table.cart .product-remove a.remove{
        width:32px !important;
        height:32px !important;
    }

    /* Coupon section */
    body.woocommerce-cart #coupon_code{
        width:240px !important;
        height:46px !important;
        font-size:12px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.actions button.button{
        min-height:46px !important;
        padding:0 22px !important;
        font-size:12px !important;
    }

    /* =========================
       ORDER SUMMARY
       ========================= */

    body.woocommerce-cart
    #post-11240 .cart-collaterals .cart_totals{
        padding:24px !important;
    }

    body.woocommerce-cart .cart_totals > h2{
        margin-bottom:18px !important;
        padding-bottom:15px !important;

        font-size:21px !important;
        font-weight:900 !important;
    }

    body.woocommerce-cart .cart_totals table.shop_table th,
    body.woocommerce-cart .cart_totals table.shop_table td{
        padding-top:14px !important;
        padding-bottom:14px !important;
        font-size:12px !important;
    }

    body.woocommerce-cart .cart_totals table.shop_table th{
        font-weight:800 !important;
    }

    /* Shipping methods */
    body.woocommerce-cart .cart_totals #shipping_method li{
        margin-bottom:10px !important;
    }

    body.woocommerce-cart .cart_totals #shipping_method li label{
        font-size:11.5px !important;
        line-height:1.4 !important;
    }

    /* Tax */
    body.woocommerce-cart .cart_totals .tax-total td,
    body.woocommerce-cart .cart_totals .tax-rate td{
        font-size:14px !important;
        font-weight:800 !important;
    }

    /* Final total */
    body.woocommerce-cart .cart_totals tr.order-total th{
        font-size:16px !important;
    }

    body.woocommerce-cart .cart_totals tr.order-total td{
        font-size:23px !important;
        font-weight:900 !important;
    }

    /* Free shipping */
    body.woocommerce-cart
    .cart_totals .ulk-free-shipping-message{
        padding:16px !important;
        margin-bottom:20px !important;
    }

    body.woocommerce-cart .ulk-shipping-title{
        font-size:12px !important;
    }

    body.woocommerce-cart .ulk-shipping-small{
        font-size:10.5px !important;
    }

    /* Checkout */
    body.woocommerce-cart
    .wc-proceed-to-checkout .checkout-button{
        min-height:54px !important;
        font-size:14px !important;
    }

    /* Continue shopping */
    body.woocommerce-cart
    .cart_totals > a.button.medium{
        min-height:48px !important;
        font-size:12px !important;
    }
}


/* =========================================================
   ULK CART V6 — SHIPPING METHODS FINAL POLISH
   CART ONLY
   ========================================================= */

body.woocommerce-cart
.cart_totals tr.woocommerce-shipping-totals td{
    padding-top:14px !important;
    padding-bottom:14px !important;
}

/* Shipping list */
body.woocommerce-cart
.cart_totals #shipping_method{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;

    width:100% !important;
    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}

/* Each shipping method */
body.woocommerce-cart
.cart_totals #shipping_method li{
    position:relative !important;

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

    width:100% !important;
    min-height:38px !important;

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

    border:1px solid #e4e7ec !important;
    border-radius:7px !important;

    background:#fff !important;

    box-sizing:border-box !important;
}

/* Selected shipping method */
body.woocommerce-cart
.cart_totals #shipping_method li:has(input:checked){
    border-color:#ff9d00 !important;
    background:#fff8ed !important;
}

/* Radio */
body.woocommerce-cart
.cart_totals #shipping_method input[type="radio"]{
    flex:0 0 auto !important;

    width:15px !important;
    height:15px !important;

    margin:0 8px 0 0 !important;

    accent-color:#f05a22 !important;
}

/* Shipping label */
body.woocommerce-cart
.cart_totals #shipping_method label{
    display:block !important;
    flex:1 1 auto !important;

    min-width:0 !important;
    margin:0 !important;

    color:#101828 !important;

    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:700 !important;

    text-align:left !important;
    white-space:normal !important;
}

/* Shipping price */
body.woocommerce-cart
.cart_totals #shipping_method label .woocommerce-Price-amount{
    float:right !important;
    margin-left:8px !important;

    color:#e84c1c !important;
    font-size:12px !important;
    font-weight:900 !important;
}

/* Local pickup with no price */
body.woocommerce-cart
.cart_totals #shipping_method label:not(:has(.woocommerce-Price-amount)){
    color:#344054 !important;
}

/* Destination */
body.woocommerce-cart
.cart_totals .woocommerce-shipping-destination{
    margin:12px 0 5px !important;
    padding:10px 11px !important;

    border-radius:6px !important;
    background:#f8fafc !important;

    color:#667085 !important;

    font-size:10px !important;
    line-height:1.45 !important;

    text-align:left !important;
}

/* Change address */
body.woocommerce-cart
.cart_totals .shipping-calculator-button{
    display:inline-block !important;

    margin:3px 0 0 !important;

    color:#e84c1c !important;

    font-size:10px !important;
    line-height:1.3 !important;
    font-weight:800 !important;

    text-decoration:underline !important;
}

/* Phone */
@media (max-width:767px){

    body.woocommerce-cart
    .cart_totals #shipping_method li{
        min-height:42px !important;
        padding:9px 10px !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method label{
        font-size:11px !important;
    }
}


/* =========================================================
   ULK CART V7 — REMOVE SHIPPING EMPTY SPACE
   CART ONLY
   ========================================================= */

body.woocommerce-cart
.cart_totals .woocommerce-shipping-totals,
body.woocommerce-cart
.cart_totals .woocommerce-shipping-totals th,
body.woocommerce-cart
.cart_totals .woocommerce-shipping-totals td{
    height:auto !important;
    min-height:0 !important;
}

/* Shipping cell should fit its content only */
body.woocommerce-cart
.cart_totals .woocommerce-shipping-totals td{
    vertical-align:top !important;
    padding-bottom:14px !important;
}

/* No forced height on shipping list */
body.woocommerce-cart
.cart_totals #shipping_method{
    height:auto !important;
    min-height:0 !important;
}

/* Destination block */
body.woocommerce-cart
.cart_totals .woocommerce-shipping-destination{
    height:auto !important;
    min-height:0 !important;
}

/* Bring Tax directly below Shipping */
body.woocommerce-cart
.cart_totals tr.tax-total,
body.woocommerce-cart
.cart_totals tr.tax-rate{
    height:auto !important;
    min-height:0 !important;
}

body.woocommerce-cart
.cart_totals tr.tax-total th,
body.woocommerce-cart
.cart_totals tr.tax-total td,
body.woocommerce-cart
.cart_totals tr.tax-rate th,
body.woocommerce-cart
.cart_totals tr.tax-rate td{
    padding-top:14px !important;
    padding-bottom:14px !important;
}

/* Remove theme spacer/pseudo content in totals table */
body.woocommerce-cart
.cart_totals .shop_table tbody:before{
    display:none !important;
    content:none !important;
    height:0 !important;
}

/* Keep Total immediately after Tax */
body.woocommerce-cart
.cart_totals tr.order-total{
    height:auto !important;
    min-height:0 !important;
}

/* =========================================================
   ULK CART V8 — REMOVE FINAL TOTALS SPACER
   ========================================================= */

body.woocommerce-cart
.cart_totals table.shop_table tbody > tr:empty,
body.woocommerce-cart
.cart_totals table.shop_table tbody > tr:last-child:empty{
    display:none !important;
}

body.woocommerce-cart
.cart_totals table.shop_table tbody:after{
    display:none !important;
    content:none !important;
    height:0 !important;
}

body.woocommerce-cart
.cart_totals table.shop_table{
    margin-bottom:0 !important;
}

body.woocommerce-cart
.cart_totals tr.order-total th,
body.woocommerce-cart
.cart_totals tr.order-total td{
    border-bottom:0 !important;
}


/* =========================================================
   ULK CART V9 — FINAL PHONE LAYOUT
   PHONE ONLY — DESKTOP + CHECKOUT UNTOUCHED
   ========================================================= */

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

    /* Outer Mobex container */
    body.woocommerce-cart
    #et-content .product-layout.product-container-boxed > .container{
        width:100% !important;
        max-width:100% !important;
        padding-left:12px !important;
        padding-right:12px !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart #post-11240,
    body.woocommerce-cart #post-11240 .page-content,
    body.woocommerce-cart #post-11240 .page-content > .woocommerce{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
        box-sizing:border-box !important;
    }

    /* IMPORTANT: stack Cart + Totals */
    body.woocommerce-cart
    #post-11240 .woocommerce-cart-form{
        display:block !important;
        float:none !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

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

        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    body.woocommerce-cart
    #post-11240 .cart-collaterals{
        display:block !important;
        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:16px 0 0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    #post-11240 .cart-collaterals .cart_totals{
        display:block !important;
        float:none !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:16px !important;

        box-sizing:border-box !important;
    }

    /* -----------------------------------------
       Mobile cart table becomes product cards
       ----------------------------------------- */

    body.woocommerce-cart
    table.shop_table.cart{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        border:0 !important;
    }

    body.woocommerce-cart
    table.shop_table.cart thead{
        display:none !important;
    }

    body.woocommerce-cart
    table.shop_table.cart tbody{
        display:block !important;
        width:100% !important;
    }

    body.woocommerce-cart
    table.shop_table.cart tr.cart_item{
        position:relative !important;

        display:grid !important;
        grid-template-columns:74px minmax(0,1fr) !important;
        gap:5px 12px !important;

        width:100% !important;

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

        border:1px solid #e4e7ec !important;
        border-radius:10px !important;
        background:#fff !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td{
        display:block !important;

        width:auto !important;
        min-width:0 !important;

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

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

        text-align:left !important;
    }

    /* Image */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item .product-thumbnail{
        grid-column:1 !important;
        grid-row:1 / span 4 !important;

        width:74px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-thumbnail img{
        width:68px !important;
        height:68px !important;
        margin:0 !important;
    }

    /* Product name */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item .product-name{
        grid-column:2 !important;

        padding-right:28px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-name a{
        display:block !important;

        font-size:12px !important;
        line-height:1.4 !important;
        font-weight:800 !important;

        overflow-wrap:anywhere !important;
    }

    /* Price */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item .product-price{
        grid-column:2 !important;

        color:#667085 !important;
        font-size:12px !important;
    }

    /* Quantity */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item .product-quantity{
        grid-column:2 !important;
        margin-top:4px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .quantity{
        display:inline-flex !important;
        width:auto !important;
    }

    /* Subtotal */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item .product-subtotal{
        grid-column:2 !important;

        margin-top:5px !important;

        color:#e84c1c !important;
        font-size:14px !important;
        font-weight:900 !important;
    }

    /* Remove — top right */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item .product-remove{
        position:absolute !important;
        top:9px !important;
        right:9px !important;

        width:30px !important;
        height:30px !important;
    }

    /* Remove Woo responsive labels */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td:before{
        display:none !important;
        content:none !important;
    }

    /* -----------------------------------------
       Coupon + Update
       ----------------------------------------- */

    body.woocommerce-cart
    table.shop_table.cart tr:last-child,
    body.woocommerce-cart
    table.shop_table.cart td.actions{
        display:block !important;
        width:100% !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.actions{
        padding:4px 0 0 !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.actions .coupon{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:8px !important;

        width:100% !important;
    }

    body.woocommerce-cart #coupon_code{
        width:100% !important;
        min-width:0 !important;
        height:44px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.actions .coupon button{
        height:44px !important;
        white-space:nowrap !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.actions > button[name="update_cart"]{
        display:block !important;

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

        margin:8px 0 0 !important;
    }

    /* -----------------------------------------
       Totals
       ----------------------------------------- */

    body.woocommerce-cart .cart_totals > h2{
        font-size:20px !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table th,
    body.woocommerce-cart
    .cart_totals table.shop_table td{
        font-size:12px !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method li{
        width:100% !important;
        min-height:44px !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method label{
        font-size:11px !important;
    }

    body.woocommerce-cart
    .cart_totals tr.order-total td{
        font-size:22px !important;
    }

    body.woocommerce-cart
    .wc-proceed-to-checkout .checkout-button{
        min-height:52px !important;
    }
}


/* =========================================================
   ULK CART V11 — DESKTOP SHIPPING REFERENCE DESIGN
   Matches approved reference
   CART DESKTOP ONLY
   ========================================================= */

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

    /* -----------------------------------------
       SHIPPING ROW
       ----------------------------------------- */

    body.woocommerce-cart
    .cart_totals tr.woocommerce-shipping-totals{
        display:table-row !important;
    }

    body.woocommerce-cart
    .cart_totals tr.woocommerce-shipping-totals > th{
        display:block !important;
        width:100% !important;

        padding:16px 0 10px !important;

        border:0 !important;

        color:#101828 !important;
        font-size:16px !important;
        line-height:1.25 !important;
        font-weight:900 !important;

        text-align:left !important;
    }

    body.woocommerce-cart
    .cart_totals tr.woocommerce-shipping-totals > td{
        display:block !important;
        width:100% !important;

        padding:0 0 18px !important;

        border:0 !important;

        text-align:left !important;
    }

    /* -----------------------------------------
       ONE SHIPPING BOX
       ----------------------------------------- */

    body.woocommerce-cart
    .cart_totals #shipping_method{
        display:block !important;

        width:100% !important;

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

        border:1px solid #f4b45e !important;
        border-radius:8px !important;

        background:#fffaf2 !important;

        overflow:hidden !important;
        list-style:none !important;
    }

    /* Individual rows */
    body.woocommerce-cart
    .cart_totals #shipping_method li{
        position:relative !important;

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

        width:100% !important;
        min-height:54px !important;

        margin:0 !important;
        padding:0 16px !important;

        border:0 !important;
        border-bottom:1px solid #eadfce !important;
        border-radius:0 !important;

        background:#fffaf2 !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method li:last-child{
        border-bottom:0 !important;
    }

    /* Selected method */
    body.woocommerce-cart
    .cart_totals #shipping_method li:has(input[type="radio"]:checked){
        background:#fff0cf !important;
        box-shadow:inset 4px 0 0 #ff8a00 !important;
    }

    /* Radio */
    body.woocommerce-cart
    .cart_totals #shipping_method input[type="radio"]{
        flex:0 0 auto !important;

        width:17px !important;
        height:17px !important;

        margin:0 14px 0 0 !important;

        accent-color:#f57c00 !important;
    }

    /* Label fills remaining width */
    body.woocommerce-cart
    .cart_totals #shipping_method label{
        display:flex !important;
        align-items:center !important;

        flex:1 1 auto !important;
        min-width:0 !important;

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

        color:#101828 !important;

        font-size:12px !important;
        line-height:1.35 !important;
        font-weight:800 !important;

        text-align:left !important;
    }

    /* Price on far right */
    body.woocommerce-cart
    .cart_totals #shipping_method label .woocommerce-Price-amount{
        margin-left:auto !important;
        padding-left:12px !important;

        float:none !important;

        color:#e43d16 !important;

        font-size:13px !important;
        line-height:1 !important;
        font-weight:900 !important;

        white-space:nowrap !important;
    }

    /* -----------------------------------------
       DESTINATION
       ----------------------------------------- */

    body.woocommerce-cart
    .cart_totals .woocommerce-shipping-destination{
        display:block !important;

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

        border:0 !important;
        border-radius:6px !important;

        background:#f8fafc !important;

        color:#667085 !important;

        font-size:10px !important;
        line-height:1.45 !important;

        text-align:left !important;
    }

    body.woocommerce-cart
    .cart_totals .shipping-calculator-button{
        display:inline-block !important;

        margin:8px 0 0 !important;

        color:#e43d16 !important;

        font-size:10px !important;
        font-weight:800 !important;

        text-decoration:underline !important;
        text-underline-offset:3px !important;
    }

    /* -----------------------------------------
       TAX + TOTAL
       ----------------------------------------- */

    body.woocommerce-cart
    .cart_totals tr.tax-total,
    body.woocommerce-cart
    .cart_totals tr.tax-rate{
        border-top:1px solid #e4e7ec !important;
    }

    body.woocommerce-cart
    .cart_totals tr.tax-total th,
    body.woocommerce-cart
    .cart_totals tr.tax-total td,
    body.woocommerce-cart
    .cart_totals tr.tax-rate th,
    body.woocommerce-cart
    .cart_totals tr.tax-rate td{
        padding-top:17px !important;
        padding-bottom:17px !important;
    }

    body.woocommerce-cart
    .cart_totals tr.order-total{
        border-top:1px solid #e4e7ec !important;
        border-bottom:1px solid #e4e7ec !important;
    }

    body.woocommerce-cart
    .cart_totals tr.order-total th,
    body.woocommerce-cart
    .cart_totals tr.order-total td{
        padding-top:18px !important;
        padding-bottom:18px !important;
    }

    body.woocommerce-cart
    .cart_totals tr.order-total th{
        color:#101828 !important;
        font-size:15px !important;
        font-weight:900 !important;
    }

    body.woocommerce-cart
    .cart_totals tr.order-total td{
        color:#d9360f !important;
        font-size:23px !important;
        font-weight:900 !important;
    }

    /* Remove Mobex table spacer */
    body.woocommerce-cart
    .cart_totals .shop_table tbody:before,
    body.woocommerce-cart
    .cart_totals .shop_table tbody:after{
        display:none !important;
        content:none !important;
        height:0 !important;
    }

    /* Remove responsive generated labels/dashes on desktop */
    body.woocommerce-cart
    .cart_totals table.shop_table td:before,
    body.woocommerce-cart
    .cart_totals table.shop_table td:after{
        display:none !important;
        content:none !important;
    }
}


/* =========================================================
   ULK CART V12 — FULL WIDTH SHIPMENT SECTION
   DESKTOP CART ONLY
   ========================================================= */

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

    /*
     * Shipping row becomes a full-width block.
     * This removes the old TH/TD 32% / 68% table sizing.
     */
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals{
        display:block !important;
        width:100% !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals > th,
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals > td{
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        box-sizing:border-box !important;
    }

    /* Shipment heading */
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals > th{
        padding:16px 0 10px !important;

        color:#101828 !important;
        font-size:16px !important;
        font-weight:900 !important;

        text-align:left !important;
    }

    /* Shipping content */
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals > td{
        padding:0 0 18px !important;
        text-align:left !important;
    }

    /* Full-width shipping box */
    body.woocommerce-cart
    .cart_totals #shipping_method{
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        box-sizing:border-box !important;
    }

    /* Shipping rows */
    body.woocommerce-cart
    .cart_totals #shipping_method li{
        display:flex !important;
        align-items:center !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        padding:0 16px !important;

        box-sizing:border-box !important;
    }

    /* Name gets available space */
    body.woocommerce-cart
    .cart_totals #shipping_method li label{
        display:flex !important;
        align-items:center !important;

        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;

        white-space:normal !important;

        font-size:12px !important;
        line-height:1.35 !important;
    }

    /* Price stays on right */
    body.woocommerce-cart
    .cart_totals #shipping_method li label .woocommerce-Price-amount{
        flex:0 0 auto !important;

        margin-left:auto !important;
        padding-left:12px !important;

        white-space:nowrap !important;
    }

    /* Destination uses full width too */
    body.woocommerce-cart
    .cart_totals .woocommerce-shipping-destination{
        width:100% !important;
        max-width:100% !important;

        box-sizing:border-box !important;
    }
}


/* =========================================================
   ULK CART V13 — FIX SHIPPING TABLE STRUCTURE
   DESKTOP ONLY
   ========================================================= */

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

    /*
     * Restore the shipping TR to a real table row.
     * V11/V12 display:block caused the ~225px width.
     */
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals{
        display:table-row !important;
        width:auto !important;
    }

    /*
     * Keep TH as the left Shipment heading column.
     */
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals > th{
        display:table-cell !important;

        width:32% !important;
        max-width:none !important;

        padding:18px 12px 18px 0 !important;

        vertical-align:top !important;

        color:#101828 !important;
        font-size:14px !important;
        line-height:1.3 !important;
        font-weight:900 !important;

        text-align:left !important;
    }

    /*
     * Shipping methods use the full available right column.
     */
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals > td{
        display:table-cell !important;

        width:68% !important;
        max-width:none !important;
        min-width:0 !important;

        padding:18px 0 !important;

        vertical-align:top !important;
        text-align:left !important;
    }

    /* Shipping box fills its TD */
    body.woocommerce-cart
    .cart_totals #shipping_method{
        display:block !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

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

        border:1px solid #f4b45e !important;
        border-radius:8px !important;

        background:#fffaf2 !important;

        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    /* Each method */
    body.woocommerce-cart
    .cart_totals #shipping_method li{
        display:flex !important;
        align-items:center !important;

        width:100% !important;
        min-width:0 !important;
        min-height:54px !important;

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

        border:0 !important;
        border-bottom:1px solid #eadfce !important;
        border-radius:0 !important;

        background:#fffaf2 !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method li:last-child{
        border-bottom:0 !important;
    }

    /* Selected */
    body.woocommerce-cart
    .cart_totals #shipping_method li:has(input[type="radio"]:checked){
        background:#fff0cf !important;
        box-shadow:inset 4px 0 0 #ff8a00 !important;
    }

    /* Radio */
    body.woocommerce-cart
    .cart_totals #shipping_method input[type="radio"]{
        flex:0 0 17px !important;

        width:17px !important;
        height:17px !important;

        margin:0 12px 0 0 !important;

        accent-color:#f57c00 !important;
    }

    /* Label */
    body.woocommerce-cart
    .cart_totals #shipping_method label{
        display:flex !important;
        align-items:center !important;

        flex:1 1 auto !important;
        min-width:0 !important;

        margin:0 !important;

        color:#101828 !important;

        font-size:11px !important;
        line-height:1.35 !important;
        font-weight:800 !important;

        text-align:left !important;
        white-space:normal !important;
    }

    /* Price */
    body.woocommerce-cart
    .cart_totals #shipping_method label .woocommerce-Price-amount{
        flex:0 0 auto !important;

        margin-left:auto !important;
        padding-left:10px !important;

        color:#e43d16 !important;

        font-size:12px !important;
        font-weight:900 !important;

        white-space:nowrap !important;
    }

    /* Destination */
    body.woocommerce-cart
    .cart_totals .woocommerce-shipping-destination{
        width:100% !important;

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

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals .shipping-calculator-button{
        margin-top:7px !important;
    }
}

/* =========================================================
   ULK CART V14 — PRODUCT REMOVE BUTTON FIX
   DESKTOP CART ONLY
   ========================================================= */

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

    /* Give subtotal/remove area enough room */
    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table.cart .product-subtotal{
        width:125px !important;
        min-width:125px !important;
        padding-right:18px !important;
        white-space:nowrap !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table.cart .product-remove{
        position:relative !important;

        width:48px !important;
        min-width:48px !important;

        padding-left:6px !important;
        padding-right:6px !important;

        overflow:visible !important;
        box-sizing:border-box !important;
    }

    /* Keep trash button fully inside table */
    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table.cart .product-remove a.remove{
        position:relative !important;

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

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

        width:32px !important;
        height:32px !important;

        margin:0 auto !important;

        border:1px solid #f3c8bd !important;
        border-radius:50% !important;

        background:#fff8f5 !important;
        color:#d92d20 !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }
}


/* =========================================================
   ULK CART V15 — MOVE REMOVE BUTTON TO RIGHT
   DESKTOP CART ONLY
   ========================================================= */

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

    /* Product row becomes positioned container */
    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table.cart tr.cart_item{
        position:relative !important;
    }

    /*
     * WooCommerce outputs product-remove first.
     * Visually move it to the far right.
     */
    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table.cart tr.cart_item td.product-remove{
        position:absolute !important;

        top:50% !important;
        right:10px !important;
        left:auto !important;

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

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

        transform:translateY(-50%) !important;

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

        z-index:10 !important;
        overflow:visible !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table.cart
    tr.cart_item td.product-remove a.remove{
        position:static !important;

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

        width:30px !important;
        height:30px !important;

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

        border:1px solid #f3c8bd !important;
        border-radius:50% !important;

        background:#fff8f5 !important;
        color:#d92d20 !important;

        box-sizing:border-box !important;
    }

    /* Reserve space after subtotal for trash button */
    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table.cart
    tr.cart_item td.product-subtotal{
        padding-right:50px !important;
    }

    /* Remove the empty space left by original first column */
    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table.cart thead th.product-remove{
        width:0 !important;
        min-width:0 !important;
        padding:0 !important;
    }
}


/* =========================================================
   ULK CART V16 — HIDE EMPTY AFFIRM TOTALS ROW
   CART TOTALS ONLY
   Checkout / Product pages untouched
   ========================================================= */

/* Hide the Cart Totals row whose TD contains Affirm messaging */
body.woocommerce-cart
.cart_totals table.shop_table tr:has(
    p.affirm-as-low-as[data-page-type="cart"]
){
    display:none !important;
}

/* Extra protection: no empty Affirm placeholder */
body.woocommerce-cart
.cart_totals p.affirm-as-low-as[data-page-type="cart"]:empty{
    display:none !important;
}


/* =========================================================
   ULK CART — TABLET FINAL POLISH
   768px - 1024px ONLY
   Desktop + Checkout untouched
   ========================================================= */

@media only screen and (min-width:768px) and (max-width:1024px){

    /* Main tablet container */
    body.woocommerce-cart
    #et-content .product-layout.product-container-boxed > .container{
        width:100% !important;
        max-width:100% !important;
        padding-left:24px !important;
        padding-right:24px !important;
        box-sizing:border-box !important;
    }

    /* Cart and totals stack vertically */
    body.woocommerce-cart .woocommerce-cart-form,
    body.woocommerce-cart .cart-collaterals{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        float:none !important;
        clear:both !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart .woocommerce-cart-form{
        padding:20px !important;
        margin:0 !important;
    }

    body.woocommerce-cart .cart-collaterals{
        margin-top:20px !important;
    }

    /* Product table */
    body.woocommerce-cart
    table.shop_table.cart{
        width:100% !important;
        table-layout:auto !important;
    }

    body.woocommerce-cart
    table.shop_table.cart thead th{
        padding:0 8px 14px !important;
        font-size:10px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart tbody tr.cart_item td{
        padding:18px 8px !important;
    }

    /* Product image */
    body.woocommerce-cart
    table.shop_table.cart .product-thumbnail{
        width:74px !important;
        min-width:74px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-thumbnail img{
        width:62px !important;
        height:62px !important;
        padding:4px !important;
        object-fit:contain !important;
    }

    /* Product name gets priority */
    body.woocommerce-cart
    table.shop_table.cart .product-name{
        width:auto !important;
        min-width:210px !important;
        padding-right:10px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-name a{
        font-size:11px !important;
        line-height:1.45 !important;
        font-weight:800 !important;
    }

    /* Price */
    body.woocommerce-cart
    table.shop_table.cart .product-price{
        width:78px !important;
        min-width:78px !important;
        white-space:nowrap !important;
        font-size:13px !important;
    }

    /* Quantity */
    body.woocommerce-cart
    table.shop_table.cart .product-quantity{
        width:92px !important;
        min-width:92px !important;
        white-space:nowrap !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .quantity{
        display:inline-flex !important;
        min-height:36px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .quantity .minus,
    body.woocommerce-cart
    table.shop_table.cart .quantity .plus{
        width:28px !important;
        min-width:28px !important;
        height:34px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .quantity .qty{
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
    }

    /* Subtotal */
    body.woocommerce-cart
    table.shop_table.cart .product-subtotal{
        width:82px !important;
        min-width:82px !important;
        padding-right:34px !important;
        white-space:nowrap !important;
        font-size:13px !important;
    }

    /* Remove button stays inside row */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item{
        position:relative !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.product-remove{
        position:absolute !important;
        top:50% !important;
        right:5px !important;
        left:auto !important;

        width:28px !important;
        height:28px !important;

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

        transform:translateY(-50%) !important;

        border:0 !important;
        z-index:10 !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.product-remove a.remove{
        position:static !important;

        width:27px !important;
        height:27px !important;

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

        margin:0 !important;
    }

    /* Coupon + Apply */
    body.woocommerce-cart
    table.shop_table.cart td.actions{
        padding-top:18px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.actions .coupon{
        display:flex !important;
        align-items:center !important;
        gap:8px !important;

        width:68% !important;
        max-width:68% !important;
    }

    body.woocommerce-cart #coupon_code{
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        height:44px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.actions .coupon button{
        flex:0 0 150px !important;
        height:44px !important;
        white-space:nowrap !important;
    }

    /* Update cart */
    body.woocommerce-cart
    table.shop_table.cart td.actions > button[name="update_cart"]{
        min-width:120px !important;
        height:44px !important;
    }

    /* Cart totals */
    body.woocommerce-cart
    .cart-collaterals .cart_totals{
        width:100% !important;
        max-width:100% !important;

        padding:20px !important;
        margin:0 !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals > h2{
        font-size:19px !important;
    }

    /* Shipping remains readable */
    body.woocommerce-cart
    .cart_totals #shipping_method li{
        min-height:42px !important;
    }

    body.woocommerce-cart
    .cart_totals #shipping_method label{
        font-size:10.5px !important;
    }

    body.woocommerce-cart
    .cart_totals tr.order-total td{
        font-size:21px !important;
    }

    /* Buttons */
    body.woocommerce-cart
    .wc-proceed-to-checkout .checkout-button{
        min-height:50px !important;
        font-size:13px !important;
    }
}


/* =========================================================
   ULK CART — iPAD MINI PRODUCT ROW FIX
   768px - 850px ONLY
   Desktop / Checkout untouched
   ========================================================= */

@media only screen and (min-width:768px) and (max-width:850px){

    /* Give product table a little more usable room */
    body.woocommerce-cart
    .woocommerce-cart-form{
        padding:18px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart{
        width:100% !important;
        table-layout:auto !important;
    }

    /* Image */
    body.woocommerce-cart
    table.shop_table.cart .product-thumbnail{
        width:66px !important;
        min-width:66px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-thumbnail img{
        width:56px !important;
        height:56px !important;
    }

    /* Product name */
    body.woocommerce-cart
    table.shop_table.cart .product-name{
        min-width:200px !important;
        padding-right:8px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-name a{
        font-size:10.5px !important;
        line-height:1.45 !important;
    }

    /* Price */
    body.woocommerce-cart
    table.shop_table.cart .product-price{
        width:68px !important;
        min-width:68px !important;
        padding-left:5px !important;
        padding-right:5px !important;
        white-space:nowrap !important;
    }

    /* Quantity */
    body.woocommerce-cart
    table.shop_table.cart .product-quantity{
        width:82px !important;
        min-width:82px !important;
        padding-left:4px !important;
        padding-right:4px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .quantity .minus,
    body.woocommerce-cart
    table.shop_table.cart .quantity .plus{
        width:26px !important;
        min-width:26px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .quantity .qty{
        width:30px !important;
        min-width:30px !important;
    }

    /* Subtotal: reserve room for trash */
    body.woocommerce-cart
    table.shop_table.cart .product-subtotal{
        width:92px !important;
        min-width:92px !important;

        padding-left:5px !important;
        padding-right:34px !important;

        white-space:nowrap !important;
    }

    /* Trash stays fully inside the row */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td.product-remove{
        top:50% !important;
        right:4px !important;

        width:26px !important;
        height:26px !important;

        transform:translateY(-50%) !important;
    }

    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td.product-remove a.remove{
        width:25px !important;
        height:25px !important;
        margin:0 !important;
    }

    /* Keep header aligned with subtotal */
    body.woocommerce-cart
    table.shop_table.cart thead th.product-subtotal{
        padding-right:34px !important;
    }
}


/* =========================================================
   ULK CART — iPAD MINI SUBTOTAL + REMOVE FINAL FIX
   768px - 850px ONLY
   ========================================================= */

@media only screen and (min-width:768px) and (max-width:850px){

    /* More breathing room for subtotal */
    body.woocommerce-cart
    table.shop_table.cart .product-subtotal{
        width:104px !important;
        min-width:104px !important;

        padding-left:6px !important;
        padding-right:38px !important;

        white-space:nowrap !important;
    }

    /* Keep subtotal header aligned */
    body.woocommerce-cart
    table.shop_table.cart thead th.product-subtotal{
        width:104px !important;
        min-width:104px !important;
        padding-left:6px !important;
        padding-right:38px !important;
    }

    /* Trash button — slightly larger and farther right */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td.product-remove{
        position:absolute !important;

        top:50% !important;
        right:2px !important;
        left:auto !important;

        width:30px !important;
        height:30px !important;

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

        transform:translateY(-50%) !important;

        z-index:20 !important;
        overflow:visible !important;
    }

    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td.product-remove a.remove{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:28px !important;
        height:28px !important;

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

        border:1px solid #f3c8bd !important;
        border-radius:50% !important;

        background:#fff8f5 !important;
        color:#d92d20 !important;

        box-sizing:border-box !important;
    }
}


/* =========================================================
   ULK CART — PHONE FINAL PRODUCT CARDS
   <= 767px ONLY
   Desktop + Tablet untouched
   ========================================================= */

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

    /* Phone page spacing */
    body.woocommerce-cart
    #et-content .product-layout.product-container-boxed > .container{
        width:100% !important;
        max-width:100% !important;
        padding-left:12px !important;
        padding-right:12px !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart .woocommerce-cart-form{
        width:100% !important;
        max-width:100% !important;
        float:none !important;

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

        overflow:visible !important;
        box-sizing:border-box !important;
    }

    /* Hide desktop table heading */
    body.woocommerce-cart
    table.shop_table.cart thead{
        display:none !important;
    }

    body.woocommerce-cart
    table.shop_table.cart,
    body.woocommerce-cart
    table.shop_table.cart tbody{
        display:block !important;
        width:100% !important;
    }

    /* ================================
       PRODUCT CARD
       ================================ */

    body.woocommerce-cart
    table.shop_table.cart tr.cart_item{
        position:relative !important;

        display:grid !important;
        grid-template-columns:72px minmax(0,1fr) !important;
        grid-template-areas:
            "image name"
            "image price"
            "image quantity"
            "image subtotal" !important;

        column-gap:12px !important;
        row-gap:7px !important;

        width:100% !important;

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

        border:1px solid #e4e7ec !important;
        border-radius:10px !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td{
        display:block !important;

        width:auto !important;
        min-width:0 !important;

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

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

        text-align:left !important;
        box-sizing:border-box !important;
    }

    /* Remove WooCommerce mobile labels */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td:before{
        display:none !important;
        content:none !important;
    }

    /* Image */
    body.woocommerce-cart
    table.shop_table.cart .product-thumbnail{
        grid-area:image !important;

        width:72px !important;
        min-width:72px !important;

        align-self:start !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-thumbnail img{
        display:block !important;

        width:66px !important;
        height:66px !important;

        margin:0 !important;
        padding:5px !important;

        object-fit:contain !important;

        border:1px solid #edf0f4 !important;
        border-radius:8px !important;

        box-sizing:border-box !important;
    }

    /* Name */
    body.woocommerce-cart
    table.shop_table.cart .product-name{
        grid-area:name !important;

        padding-right:30px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .product-name a{
        display:block !important;

        color:#101828 !important;

        font-size:11px !important;
        line-height:1.4 !important;
        font-weight:800 !important;

        overflow-wrap:anywhere !important;
    }

    /* Price */
    body.woocommerce-cart
    table.shop_table.cart .product-price{
        grid-area:price !important;

        color:#e43d16 !important;

        font-size:13px !important;
        line-height:1.3 !important;
        font-weight:900 !important;
    }

    /* Quantity */
    body.woocommerce-cart
    table.shop_table.cart .product-quantity{
        grid-area:quantity !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .quantity{
        display:inline-flex !important;
        align-items:center !important;

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

    body.woocommerce-cart
    table.shop_table.cart .quantity .minus,
    body.woocommerce-cart
    table.shop_table.cart .quantity .plus{
        width:32px !important;
        min-width:32px !important;
        height:34px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart .quantity .qty{
        width:38px !important;
        min-width:38px !important;
        height:34px !important;
    }

    /* Subtotal */
    body.woocommerce-cart
    table.shop_table.cart .product-subtotal{
        grid-area:subtotal !important;

        color:#e43d16 !important;

        font-size:14px !important;
        line-height:1.3 !important;
        font-weight:900 !important;

        white-space:nowrap !important;
    }

    /* Trash — top right */
    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td.product-remove{
        position:absolute !important;

        top:10px !important;
        right:10px !important;
        left:auto !important;

        width:28px !important;
        height:28px !important;

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

        transform:none !important;

        z-index:20 !important;
    }

    body.woocommerce-cart
    table.shop_table.cart tr.cart_item td.product-remove a.remove{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:27px !important;
        height:27px !important;

        margin:0 !important;

        border:1px solid #f3c8bd !important;
        border-radius:50% !important;

        background:#fff8f5 !important;
        color:#d92d20 !important;
    }

    /* ================================
       COUPON
       ================================ */

    body.woocommerce-cart
    table.shop_table.cart td.actions{
        display:block !important;
        width:100% !important;

        padding:4px 0 0 !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.actions .coupon{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(120px,.75fr) !important;
        gap:8px !important;

        width:100% !important;
        max-width:100% !important;
    }

    body.woocommerce-cart #coupon_code{
        width:100% !important;
        min-width:0 !important;
        height:44px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.actions .coupon button{
        width:100% !important;
        height:44px !important;
        padding:0 10px !important;
    }

    body.woocommerce-cart
    table.shop_table.cart td.actions > button[name="update_cart"]{
        display:block !important;

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

        margin:8px 0 0 !important;
    }

    /* ================================
       TOTALS
       ================================ */

    body.woocommerce-cart .cart-collaterals{
        width:100% !important;
        max-width:100% !important;

        float:none !important;
        clear:both !important;

        margin-top:14px !important;
    }

    body.woocommerce-cart
    .cart-collaterals .cart_totals{
        width:100% !important;
        max-width:100% !important;

        float:none !important;

        padding:16px !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart .cart_totals > h2{
        font-size:19px !important;
    }

    body.woocommerce-cart
    .wc-proceed-to-checkout .checkout-button{
        min-height:52px !important;
        font-size:13px !important;
    }
}


/* =========================================================
   ULK CART — PHONE PRODUCT CARD V2
   Override Mobex responsive table behavior
   <= 767px ONLY
   ========================================================= */

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

    /* -----------------------------------------
       PRODUCT ROW
       ----------------------------------------- */

    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table_responsive.cart
    tbody tr.cart_item{

        position:relative !important;

        display:grid !important;

        grid-template-columns:76px minmax(0,1fr) !important;
        grid-template-rows:auto auto auto !important;

        grid-template-areas:
            "image name"
            "image price"
            "image controls" !important;

        column-gap:12px !important;
        row-gap:7px !important;

        width:100% !important;
        max-width:100% !important;

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

        border:1px solid #e4e7ec !important;
        border-radius:10px !important;

        background:#fff !important;

        overflow:visible !important;
        box-sizing:border-box !important;
    }

    /* Kill Mobex mobile TD layout */
    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table_responsive.cart
    tbody tr.cart_item > td{

        display:block !important;

        width:auto !important;
        max-width:none !important;
        min-width:0 !important;

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

        border:0 !important;

        background:transparent !important;

        float:none !important;
        clear:none !important;

        text-align:left !important;

        box-sizing:border-box !important;
    }

    /* Remove Woo/Mobex generated mobile labels */
    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table_responsive.cart
    tbody tr.cart_item > td:before{

        display:none !important;
        content:none !important;
        float:none !important;
    }

    /* -----------------------------------------
       IMAGE
       ----------------------------------------- */

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-thumbnail{

        grid-area:image !important;

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

        width:76px !important;
        min-width:76px !important;

        text-align:center !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-thumbnail img{

        display:block !important;

        width:68px !important;
        height:68px !important;

        max-width:68px !important;

        margin:0 !important;
        padding:5px !important;

        object-fit:contain !important;

        border:1px solid #edf0f4 !important;
        border-radius:8px !important;

        box-sizing:border-box !important;
    }

    /* -----------------------------------------
       PRODUCT NAME
       ----------------------------------------- */

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-name{

        grid-area:name !important;

        align-self:start !important;

        padding-right:30px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-name a{

        display:block !important;

        color:#101828 !important;

        font-size:11px !important;
        line-height:1.4 !important;
        font-weight:800 !important;

        text-align:left !important;

        overflow-wrap:anywhere !important;
    }

    /* -----------------------------------------
       PRICE
       ----------------------------------------- */

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-price{

        grid-area:price !important;

        align-self:center !important;

        color:#e43d16 !important;

        font-size:13px !important;
        line-height:1.2 !important;
        font-weight:900 !important;

        text-align:left !important;

        white-space:nowrap !important;
    }

    /* -----------------------------------------
       QUANTITY + SUBTOTAL ON SAME LINE
       ----------------------------------------- */

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-quantity{

        grid-area:controls !important;

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

        width:auto !important;
        min-width:0 !important;

        padding-right:90px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .quantity{

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

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;

        float:none !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .quantity .minus,
    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .quantity .plus{

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

        width:30px !important;
        min-width:30px !important;
        height:34px !important;

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

        float:none !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .quantity .qty{

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

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

        float:none !important;

        text-align:center !important;
    }

    /* Subtotal positioned on same bottom line */
    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-subtotal{

        position:absolute !important;

        right:14px !important;
        bottom:18px !important;

        width:auto !important;
        min-width:0 !important;

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

        color:#e43d16 !important;

        font-size:14px !important;
        line-height:1 !important;
        font-weight:900 !important;

        text-align:right !important;

        white-space:nowrap !important;
    }

    /* -----------------------------------------
       REMOVE BUTTON
       ----------------------------------------- */

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-remove{

        position:absolute !important;

        top:9px !important;
        right:9px !important;
        left:auto !important;

        display:block !important;

        width:28px !important;
        height:28px !important;

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

        transform:none !important;

        border:0 !important;

        z-index:20 !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-remove a.remove{

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

        width:27px !important;
        height:27px !important;

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

        border:1px solid #f3c8bd !important;
        border-radius:50% !important;

        background:#fff8f5 !important;
        color:#d92d20 !important;

        box-sizing:border-box !important;
    }
}


/* =========================================================
   ULK CART — PHONE PRODUCT CARD V3 POLISH
   <= 767px ONLY
   ========================================================= */

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

    /* Slightly tighter product card */
    body.woocommerce-cart
    .woocommerce-cart-form table.shop_table_responsive.cart
    tbody tr.cart_item{
        grid-template-rows:auto auto 36px !important;
        row-gap:5px !important;

        padding:12px !important;
    }

    /* Product title slightly easier to read */
    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-name a{
        font-size:11.5px !important;
        line-height:1.35 !important;
    }

    /* Price */
    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-price{
        margin-top:1px !important;
        font-size:13px !important;
    }

    /* Quantity sits directly under price */
    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-quantity{
        align-self:center !important;
        height:36px !important;

        padding-right:92px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .quantity{
        height:36px !important;
    }

    /* Subtotal aligned with quantity */
    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-subtotal{
        right:12px !important;
        bottom:19px !important;

        font-size:14px !important;
        line-height:1 !important;
    }

    /* Remove button */
    body.woocommerce-cart
    .woocommerce-cart-form .cart_item .product-remove{
        top:8px !important;
        right:8px !important;
    }

    /* Coupon area */
    body.woocommerce-cart
    table.shop_table.cart td.actions{
        margin-top:2px !important;
    }
}


/* =========================================================
   ULK CART — PHONE TOTALS FINAL ALIGNMENT
   <= 767px ONLY
   ========================================================= */

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

    /* Tax + Total use full row */
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total{
        display:table-row !important;
        width:100% !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total > th,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total > td,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate > th,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate > td,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total > th,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total > td{
        display:table-cell !important;
        vertical-align:middle !important;
    }

    /* Labels left */
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total > th,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate > th,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total > th{
        width:45% !important;
        text-align:left !important;
    }

    /* Amounts right */
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total > td,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate > td,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total > td{
        width:55% !important;
        text-align:right !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total > td .amount,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate > td .amount,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total > td .amount{
        display:flex !important;
        justify-content:flex-end !important;
        width:100% !important;
        margin-left:auto !important;
    }

    /* Total stronger */
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total > th{
        font-weight:900 !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total > td{
        font-size:21px !important;
        font-weight:900 !important;
    }
}


/* =========================================================
   ULK CART — PHONE SHIPPING FULL WIDTH FINAL
   <= 767px ONLY
   Desktop + Tablet untouched
   ========================================================= */

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

    /* Shipping row becomes full width on PHONE */
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals.shipping{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

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

        box-sizing:border-box !important;
    }

    /* Shipment title */
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals.shipping > th{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

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

        text-align:left !important;

        font-size:12px !important;
        font-weight:800 !important;

        box-sizing:border-box !important;
    }

    /* Shipping methods area — FULL WIDTH */
    body.woocommerce-cart
    .cart_totals table.shop_table
    tr.woocommerce-shipping-totals.shipping > td{
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 0 16px !important;

        text-align:left !important;

        box-sizing:border-box !important;
    }

    /* Methods container */
    body.woocommerce-cart
    .cart_totals #shipping_method{
        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        gap:6px !important;

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

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

        overflow:visible !important;

        box-sizing:border-box !important;
    }

    /* Each shipping method */
    body.woocommerce-cart
    .cart_totals #shipping_method > li{
        display:flex !important;
        align-items:center !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        min-height:42px !important;

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

        border:1px solid #e4e7ec !important;
        border-radius:7px !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }

    /* Selected method */
    body.woocommerce-cart
    .cart_totals #shipping_method > li:has(input[type="radio"]:checked){
        border-color:#ff8a00 !important;
        background:#fff8ed !important;
    }

    /* Radio */
    body.woocommerce-cart
    .cart_totals #shipping_method input[type="radio"]{
        flex:0 0 15px !important;

        width:15px !important;
        height:15px !important;

        margin:0 9px 0 0 !important;

        accent-color:#f05a22 !important;
    }

    /* Shipping name */
    body.woocommerce-cart
    .cart_totals #shipping_method label{
        display:flex !important;
        align-items:center !important;

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

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

        font-size:10.5px !important;
        line-height:1.35 !important;
        font-weight:700 !important;

        text-align:left !important;
        white-space:normal !important;
    }

    /* Price all the way to right */
    body.woocommerce-cart
    .cart_totals #shipping_method label .woocommerce-Price-amount{
        display:inline-flex !important;
        flex:0 0 auto !important;

        margin-left:auto !important;
        padding-left:8px !important;

        color:#e43d16 !important;

        font-size:12px !important;
        font-weight:900 !important;

        white-space:nowrap !important;
    }

    /* Shipping destination full width */
    body.woocommerce-cart
    .cart_totals .woocommerce-shipping-destination{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

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

        font-size:9.5px !important;
        line-height:1.4 !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals .shipping-calculator-button{
        display:inline-block !important;
        margin:7px 0 0 !important;
    }
}


/* =========================================================
   ULK CART — PHONE SHIPPING TABLE WIDTH FIX
   <= 767px ONLY
   Fixes 171px shipping TD
   ========================================================= */

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

    /* Break Cart Totals out of table column sizing on phone */
    body.woocommerce-cart
    .cart_totals table.shop_table{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        table-layout:auto !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table > tbody{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    /* Subtotal full-width row */
    body.woocommerce-cart
    .cart_totals tr.cart-subtotal{
        display:grid !important;
        grid-template-columns:1fr auto !important;
        align-items:center !important;

        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals tr.cart-subtotal > th,
    body.woocommerce-cart
    .cart_totals tr.cart-subtotal > td{
        display:block !important;
        width:auto !important;
        min-width:0 !important;
    }

    body.woocommerce-cart
    .cart_totals tr.cart-subtotal > td{
        text-align:right !important;
    }

    /* Shipment becomes true full-width section */
    body.woocommerce-cart
    .cart_totals tr.woocommerce-shipping-totals.shipping{
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals tr.woocommerce-shipping-totals.shipping > th,
    body.woocommerce-cart
    .cart_totals tr.woocommerce-shipping-totals.shipping > td{
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals tr.woocommerce-shipping-totals.shipping > th{
        padding:14px 0 9px !important;
    }

    body.woocommerce-cart
    .cart_totals tr.woocommerce-shipping-totals.shipping > td{
        padding:0 0 16px !important;
    }

    /* Shipping methods now inherit the REAL full width */
    body.woocommerce-cart
    .cart_totals #shipping_method,
    body.woocommerce-cart
    .cart_totals #shipping_method > li{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    /* Destination too */
    body.woocommerce-cart
    .cart_totals .woocommerce-shipping-destination{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    /*
     * Preserve our finished Tax + Total layout
     */
    body.woocommerce-cart
    .cart_totals tr.tax-total,
    body.woocommerce-cart
    .cart_totals tr.tax-rate,
    body.woocommerce-cart
    .cart_totals tr.order-total{
        display:grid !important;
        grid-template-columns:1fr auto !important;
        align-items:center !important;

        width:100% !important;
        max-width:100% !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals tr.tax-total > th,
    body.woocommerce-cart
    .cart_totals tr.tax-total > td,
    body.woocommerce-cart
    .cart_totals tr.tax-rate > th,
    body.woocommerce-cart
    .cart_totals tr.tax-rate > td,
    body.woocommerce-cart
    .cart_totals tr.order-total > th,
    body.woocommerce-cart
    .cart_totals tr.order-total > td{
        display:block !important;
        width:auto !important;
        min-width:0 !important;
    }

    body.woocommerce-cart
    .cart_totals tr.tax-total > td,
    body.woocommerce-cart
    .cart_totals tr.tax-rate > td,
    body.woocommerce-cart
    .cart_totals tr.order-total > td{
        text-align:right !important;
    }
}


/* =========================================================
   ULK CART — PHONE TAX + TOTAL FINAL
   Keep shipping untouched
   <= 767px ONLY
   ========================================================= */

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

    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        width:100% !important;
        max-width:100% !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total > th,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate > th,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total > th{
        display:block !important;

        flex:0 0 auto !important;
        width:auto !important;

        text-align:left !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total > td,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate > td,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total > td{
        display:block !important;

        flex:0 0 auto !important;
        width:auto !important;

        margin-left:auto !important;

        text-align:right !important;
    }

    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-total .amount,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.tax-rate .amount,
    body.woocommerce-cart
    .cart_totals table.shop_table tr.order-total .amount{
        display:block !important;

        width:auto !important;

        margin:0 !important;

        text-align:right !important;
    }
}


/* =========================================================
   ULK CHECKOUT — PHONE ORDER REVIEW V1
   <= 767px ONLY
   Desktop / Tablet / Cart untouched
   ========================================================= */

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

    /* ==========================================
       ORDER REVIEW TABLE
       ========================================== */

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table{
        width:100% !important;
        max-width:100% !important;
        table-layout:fixed !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table thead{
        display:table-header-group !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table tbody{
        display:table-row-group !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table tfoot{
        display:table-footer-group !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table tr{
        display:table-row !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table th,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table td{
        display:table-cell !important;
        box-sizing:border-box !important;
    }

    /* Product side gets more room */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    th.product-name,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    td.product-name{
        width:72% !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    th.product-total,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    td.product-total{
        width:28% !important;
        text-align:right !important;
        vertical-align:middle !important;
    }

    /* Compact each product */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody td{
        padding:10px !important;
        vertical-align:middle !important;
    }

    /*
     * Critical fix:
     * Mobex allowed very large checkout product images.
     */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    .product-name img,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    img{
        width:58px !important;
        height:58px !important;
        max-width:58px !important;
        max-height:58px !important;

        object-fit:contain !important;

        margin:0 10px 0 0 !important;

        vertical-align:middle !important;
    }

    /* Product name */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody .product-name{
        font-size:10.5px !important;
        line-height:1.4 !important;
        overflow-wrap:anywhere !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody .product-total{
        color:#e43d16 !important;
        font-size:13px !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }

    /* Kill Mobex generated data-title labels in review table */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    td:before{
        display:none !important;
        content:none !important;
    }

    /* ==========================================
       SUBTOTAL / TAX / TOTAL
       ========================================== */

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.cart-subtotal,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-total,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-rate,
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total{
        display:table-row !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot th{
        width:50% !important;
        padding:12px 10px !important;
        text-align:left !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot td{
        width:50% !important;
        padding:12px 10px !important;
        text-align:right !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot td .amount{
        display:flex !important;
        justify-content:flex-end !important;
        width:100% !important;
    }

    /* ==========================================
       CHECKOUT SHIPPING — FULL WIDTH
       ========================================== */

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.woocommerce-shipping-totals.shipping{
        display:block !important;
        width:100% !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.woocommerce-shipping-totals.shipping > th{
        display:block !important;

        width:100% !important;

        padding:14px 10px 8px !important;

        text-align:left !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.woocommerce-shipping-totals.shipping > td{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        padding:0 10px 14px !important;

        text-align:left !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    #shipping_method{
        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
        max-width:100% !important;

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

        gap:6px !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    #shipping_method > li{
        display:flex !important;
        align-items:center !important;

        width:100% !important;
        max-width:100% !important;
        min-height:42px !important;

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

        border:1px solid #e4e7ec !important;
        border-radius:7px !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    #shipping_method > li:has(input[type="radio"]:checked){
        border-color:#ff8a00 !important;
        background:#fff8ed !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    #shipping_method input[type="radio"]{
        flex:0 0 15px !important;

        width:15px !important;
        height:15px !important;

        margin:0 9px 0 0 !important;

        accent-color:#f05a22 !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    #shipping_method label{
        display:flex !important;
        align-items:center !important;

        flex:1 1 auto !important;
        min-width:0 !important;

        margin:0 !important;

        font-size:10.5px !important;
        line-height:1.35 !important;

        text-align:left !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    #shipping_method label .woocommerce-Price-amount{
        margin-left:auto !important;
        padding-left:8px !important;

        color:#e43d16 !important;
        font-size:12px !important;
        font-weight:900 !important;

        white-space:nowrap !important;
    }
}


/* =========================================================
   ULK CHECKOUT — PHONE ORDER PRODUCTS V2
   Compact product rows
   <= 767px ONLY
   ========================================================= */

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

    /* Give product information more room */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    thead th.product-name{
        width:78% !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    thead th.product-total{
        width:22% !important;
        text-align:right !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody td.product-name{
        position:relative !important;

        width:78% !important;

        min-height:78px !important;

        padding:10px 8px 10px 76px !important;

        vertical-align:middle !important;

        font-size:10px !important;
        line-height:1.35 !important;

        text-align:left !important;

        box-sizing:border-box !important;
    }

    /* Image fixed on left */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody td.product-name img{
        position:absolute !important;

        top:50% !important;
        left:8px !important;

        width:58px !important;
        height:58px !important;
        max-width:58px !important;

        margin:0 !important;
        padding:3px !important;

        object-fit:contain !important;

        transform:translateY(-50%) !important;

        box-sizing:border-box !important;
    }

    /* Product text */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody td.product-name a{
        display:inline !important;

        font-size:10px !important;
        line-height:1.35 !important;
        font-weight:700 !important;

        color:#344054 !important;

        overflow-wrap:anywhere !important;
    }

    /* Quantity ×1 */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody td.product-name .product-quantity{
        display:block !important;

        margin-top:3px !important;

        color:#667085 !important;

        font-size:9px !important;
        line-height:1.2 !important;
    }

    /* Price column */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody td.product-total{
        width:22% !important;

        padding:10px 8px !important;

        vertical-align:middle !important;
        text-align:right !important;

        white-space:nowrap !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody td.product-total .amount{
        display:block !important;

        color:#e43d16 !important;

        font-size:13px !important;
        font-weight:900 !important;

        text-align:right !important;
    }

    /* Clean divider between products */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody tr{
        border-bottom:1px solid #e4e7ec !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tbody tr:last-child{
        border-bottom:0 !important;
    }
}


/* =========================================================
   ULK CHECKOUT — PHONE TAX + TOTAL FINAL
   <= 767px ONLY
   Products / Shipping / Billing untouched
   ========================================================= */

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

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-total,

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-rate,

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total{

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

        width:100% !important;
        max-width:100% !important;

        box-sizing:border-box !important;
    }

    /* Labels */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-total > th,

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-rate > th,

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total > th{

        display:block !important;

        flex:0 0 auto !important;
        width:auto !important;

        padding:12px 8px !important;

        text-align:left !important;

        box-sizing:border-box !important;
    }

    /* Amount column */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-total > td,

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-rate > td,

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total > td{

        display:block !important;

        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;

        margin-left:auto !important;
        padding:12px 8px !important;

        text-align:right !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-total .amount,

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.tax-rate .amount,

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total .amount{

        display:block !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;

        text-align:right !important;
        white-space:nowrap !important;
    }

    /* Total */
    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total > th{
        font-weight:900 !important;
    }

    body.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    tfoot tr.order-total .amount{
        color:#d9360f !important;
        font-size:20px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
    }
}


/* =========================================================
   ULK - RELATED PRODUCTS ADD TO CART BUTTON
   ========================================================= */

.related.products .mobex-loop-card-actions a.add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    background: linear-gradient(90deg, #ff7200 0%, #ef2417 100%) !important;
    color: #ffffff !important;
    padding: 10px 16px !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.related.products .mobex-loop-card-actions a.add_to_cart_button:hover {
    color: #ffffff !important;
}


/* =========================================================
   ULK - RELATED PRODUCTS TITLE
   Keep product names clean and equal height
   ========================================================= */

.related.products h4.post-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    line-height: 1.3 !important;
    height: 2.6em !important;
}


/* =========================================================
   ULK - HIDE PRODUCT INFORMATION
   Hide Product information + Weight + Dimensions only
   Keep Description visible
   ========================================================= */

.single-product .summary-details .et-accordion > .accordion-title:first-child,
.single-product .summary-details .et-accordion > .accordion-title:first-child + .accordion-content {
    display: none !important;
}


/* =========================================================
   ULK - CART TOTALS NON-STICKY
   Keep Cart totals in its normal position while scrolling
   ========================================================= */

body.woocommerce-cart .cart-collaterals .cart_totals {
    position: static !important;
    top: auto !important;
    transform: none !important;
}


/* =========================================================
   ULK - CART SHIPPING METHOD ICONS
   Same carrier icons used on Checkout
   CART ONLY
   ========================================================= */

body.woocommerce-cart
.cart_totals #shipping_method .ulk-ship-icon {
    display: inline-block !important;
    flex: 0 0 auto !important;

    width: 30px !important;
    height: 22px !important;

    margin: 0 9px 0 0 !important;
    padding: 0 !important;

    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;

    font-size: 0 !important;
    line-height: 0 !important;

    vertical-align: middle !important;
}

/* Local Pickup */
body.woocommerce-cart
.cart_totals #shipping_method .ulk-local {
    background-image: url('/wp-content/themes/mobex-child/images/shipping/local-pickup.png') !important;
}

/* Free Shipping */
body.woocommerce-cart
.cart_totals #shipping_method .ulk-free {
    background-image: url('/wp-content/themes/mobex-child/images/shipping/free-shipping.png') !important;
}

/* UPS */
body.woocommerce-cart
.cart_totals #shipping_method .ulk-ups {
    background-image: url('/wp-content/themes/mobex-child/images/shipping/ups.webp') !important;
}

/* USPS */
body.woocommerce-cart
.cart_totals #shipping_method .ulk-usps {
    background-image: url('/wp-content/themes/mobex-child/images/shipping/usps.png') !important;
}

/* FedEx */
body.woocommerce-cart
.cart_totals #shipping_method .ulk-fedex {
    background-image: url('/wp-content/themes/mobex-child/images/shipping/fedex.png') !important;
}


/* =========================================================
   ULK MANUFACTURERS DIRECTORY V1
   Page ID 12347 only
   ========================================================= */

body.page-id-12347 .ulk-mfg-directory{
    width:100%;
    max-width:1240px;
    margin:0 auto;
    padding:36px 20px 60px;
    box-sizing:border-box;
}

/* Heading */
body.page-id-12347 .ulk-mfg-heading{
    margin:0 0 28px;
}

body.page-id-12347 .ulk-mfg-heading h1{
    margin:0 0 6px !important;
    padding:0 !important;
    font-size:24px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    color:#101828 !important;
}

body.page-id-12347 .ulk-mfg-heading p{
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.5 !important;
    color:#667085 !important;
}

/* 4-column directory */
body.page-id-12347 .ulk-mfg-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:16px;
    width:100%;
}

/* Manufacturer card */
body.page-id-12347 .ulk-mfg-card{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

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

    margin:0 !important;
    padding:18px 24px !important;

    background:#fff !important;
    border:1px solid #e5e7eb !important;
    border-radius:12px !important;

    box-shadow:0 2px 8px rgba(16,24,40,.05) !important;

    text-decoration:none !important;
    box-sizing:border-box !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

body.page-id-12347 .ulk-mfg-card:hover{
    border-color:#f36b21 !important;
    box-shadow:0 7px 20px rgba(16,24,40,.10) !important;
    transform:translateY(-2px);
}

/* Normalize all logos */
body.page-id-12347 .ulk-mfg-card img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:82% !important;
    max-height:66px !important;

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

    object-fit:contain !important;
}

/* Tablet */
@media only screen and (max-width:1024px){

    body.page-id-12347 .ulk-mfg-directory{
        padding:28px 18px 50px;
    }

    body.page-id-12347 .ulk-mfg-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:14px;
    }

    body.page-id-12347 .ulk-mfg-card{
        height:108px !important;
    }
}

/* Phone */
@media only screen and (max-width:767px){

    body.page-id-12347 .ulk-mfg-directory{
        padding:22px 12px 40px;
    }

    body.page-id-12347 .ulk-mfg-heading{
        margin-bottom:20px;
    }

    body.page-id-12347 .ulk-mfg-heading h1{
        font-size:20px !important;
    }

    body.page-id-12347 .ulk-mfg-heading p{
        font-size:13px !important;
    }

    body.page-id-12347 .ulk-mfg-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    body.page-id-12347 .ulk-mfg-card{
        height:92px !important;
        padding:14px 12px !important;
        border-radius:10px !important;
    }

    body.page-id-12347 .ulk-mfg-card img{
        max-width:88% !important;
        max-height:54px !important;
    }
}


/* =========================================================
   ULK MOBILE / TABLET MENU PRO V1
   Layout only - icons will be added separately
   ========================================================= */

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

    /* Main mobile menu spacing */
    .mobile-menu-container .mobile-menu {
        padding: 12px 12px 22px !important;
        box-sizing: border-box;
    }

    /* Each top-level menu item */
    .mobile-menu > li {
        margin: 0 0 9px !important;
    }

    /* Professional card */
    .mobile-menu > li > a {
        display: flex !important;
        align-items: center !important;
        min-height: 54px !important;
        padding: 14px 52px 14px 16px !important;

        background: #ffffff !important;
        border: 1px solid #eeeeee !important;
        border-radius: 10px !important;

        box-shadow: 0 2px 8px rgba(17,24,39,.045) !important;

        color: #1f2937 !important;
        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: 600 !important;

        box-sizing: border-box !important;
    }

    /* Remove Mobex separator lines */
    .mobile-menu > li > a:after,
    .mobile-menu > li:last-child:after {
        display: none !important;
    }

    /* Hover / touch appearance */
    .mobile-menu > li > a:hover,
    .mobile-menu > li.current_page_item > a {
        background: #fff8f5 !important;
        border-color: #f1c8b7 !important;
        color: #e64a19 !important;
    }

    /* Parent arrow area */
    .mobile-menu > li.menu-item-has-children > a > .arrow {
        display: block !important;
        width: 46px !important;
        height: 100% !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        margin: 0 !important;

        background-position: center !important;
        -webkit-mask-size: 9px !important;
        mask-size: 9px !important;

        transform: rotate(180deg);
    }

    /* Keep Mobex drill-down/back behavior */
    .mobile-menu > li.isolate {
        margin-bottom: 0 !important;
    }

    .mobile-menu > li.isolate > a {
        padding-left: 52px !important;
        padding-right: 16px !important;
        margin-bottom: 12px !important;
    }

    .mobile-menu > li.isolate > a .arrow {
        width: 46px !important;
        height: 100% !important;
        left: 0 !important;
        right: auto !important;
        top: 0 !important;
        margin: 0 !important;
        transform: rotate(0deg) !important;
    }

    /* Submenu */
    .mobile-menu > li.isolate > ul.sub-menu {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Category cards */
    .mobile-menu > li.isolate > ul.sub-menu > li {
        margin: 0 0 8px !important;
    }

    .mobile-menu > li.isolate > ul.sub-menu > li > a {
        display: flex !important;
        align-items: center !important;

        min-height: 48px !important;
        padding: 11px 14px !important;

        background: #ffffff !important;
        border: 1px solid #eeeeee !important;
        border-radius: 9px !important;

        box-shadow: 0 1px 5px rgba(17,24,39,.035) !important;

        color: #374151 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 500 !important;

        box-sizing: border-box !important;
    }

    .mobile-menu > li.isolate > ul.sub-menu > li > a:after {
        display: none !important;
    }

    .mobile-menu > li.isolate > ul.sub-menu > li > a:hover {
        background: #fff8f5 !important;
        border-color: #f1c8b7 !important;
        color: #e64a19 !important;
    }

}


/* Smaller phones */
@media only screen and (max-width: 767px) {

    .mobile-menu-container .mobile-menu {
        padding: 10px 10px 18px !important;
    }

    .mobile-menu > li {
        margin-bottom: 8px !important;
    }

    .mobile-menu > li > a {
        min-height: 50px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        font-size: 14px !important;
        border-radius: 9px !important;
    }

    .mobile-menu > li.isolate > ul.sub-menu > li > a {
        min-height: 46px !important;
        font-size: 13.5px !important;
    }

}


/* =========================================================
   ULK MOBILE / TABLET MENU ICONS V1
   ========================================================= */

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

    /* Space for icon */
    .mobile-menu > li > a {
        padding-left: 52px !important;
        background-repeat: no-repeat !important;
        background-position: 16px center !important;
        background-size: 23px 23px !important;
    }

    /* About Us */
    .mobile-menu > #menu-item-12165 > a {
        background-image: url('/wp-content/themes/mobex-child/assets/ulk-menu-icons/about.svg') !important;
    }

    /* Key & Remotes */
    .mobile-menu > #menu-item-12176 > a {
        background-image: url('/wp-content/themes/mobex-child/assets/ulk-menu-icons/key.svg') !important;
    }

    /* Devices & Programmers */
    .mobile-menu > #menu-item-12175 > a {
        background-image: url('/wp-content/themes/mobex-child/assets/ulk-menu-icons/chip.svg') !important;
    }

    /* Accessories & Tools */
    .mobile-menu > #menu-item-12174 > a {
        background-image: url('/wp-content/themes/mobex-child/assets/ulk-menu-icons/tools.svg') !important;
    }

    /* Download */
    .mobile-menu > #menu-item-12177 > a {
        background-image: url('/wp-content/themes/mobex-child/assets/ulk-menu-icons/download.svg') !important;
    }

    /* On Sale */
    .mobile-menu > #menu-item-12179 > a {
        background-image: url('/wp-content/themes/mobex-child/assets/ulk-menu-icons/sale.svg') !important;
    }

    /* Manufacturers */
    .mobile-menu > #menu-item-17262 > a {
        background-image: url('/wp-content/themes/mobex-child/assets/ulk-menu-icons/manufacturers.svg') !important;
    }

    /* Contact Us */
    .mobile-menu > #menu-item-12178 > a {
        background-image: url('/wp-content/themes/mobex-child/assets/ulk-menu-icons/contact.svg') !important;
    }

    /*
     * When Mobex opens a submenu it needs extra room
     * for BOTH the back arrow and the category icon.
     */
    .mobile-menu > li.isolate > a {
        padding-left: 84px !important;
        background-position: 52px center !important;
    }

}


/* =========================================================
   ULK MOBILE MENU ICON - SAFARI FIX
   Prevent SVG icon repeating on real iPhone/iPad
   ========================================================= */

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

    .mobile-menu > li > a,
    .mobile-menu > li > a:hover,
    .mobile-menu > li > a:focus,
    .mobile-menu > li > a:active,
    .mobile-menu > li.current_page_item > a {
        background-repeat: no-repeat !important;
        background-position: 16px center !important;
        background-size: 23px 23px !important;
    }

    /* When inside a submenu */
    .mobile-menu > li.isolate > a,
    .mobile-menu > li.isolate > a:hover,
    .mobile-menu > li.isolate > a:focus,
    .mobile-menu > li.isolate > a:active {
        background-repeat: no-repeat !important;
        background-position: 52px center !important;
        background-size: 23px 23px !important;
    }

}


/* =========================================================
   ULK KEY & REMOTES - CATEGORY IMAGES
   Phone + Tablet
   ========================================================= */

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

    /* Make room for category image */
    #menu-item-12176.isolate > ul.sub-menu > li > a {
        min-height: 54px !important;
        padding: 8px 12px 8px 58px !important;

        background-color: #ffffff !important;
        background-repeat: no-repeat !important;
        background-position: 12px center !important;
        background-size: 36px 36px !important;

        border-radius: 10px !important;
    }

    /* Car Remote */
    #menu-item-17263 > a {
        background-image: url('/wp-content/uploads/car-remote-big.webp') !important;
    }

    /* Xhorse Remotes */
    #menu-item-17264 > a {
        background-image: url('/wp-content/uploads/xhorse-remotes-main.webp') !important;
    }

    /* CGDI Remotes */
    #menu-item-17265 > a {
        background-image: url('/wp-content/uploads/cgdi-keys.webp') !important;
    }

    /* Autel Remotes */
    #menu-item-17266 > a {
        background-image: url('/wp-content/uploads/autel-remotes-cat-main.webp') !important;
    }

    /* Transponder Keys */
    #menu-item-17267 > a {
        background-image: url('/wp-content/uploads/transponder-key-main-n-cat.webp') !important;
    }

    /* Transponder Chips */
    #menu-item-17268 > a {
        background-image: url('/wp-content/uploads/7439.jpg') !important;
    }

    /* Remote Shells */
    #menu-item-17269 > a {
        background-image: url('/wp-content/uploads/logo-remote-shell-new.webp') !important;
    }

    /* Key Shells */
    #menu-item-17270 > a {
        background-image: url('/wp-content/uploads/logo-key-shel-main.webp') !important;
    }

    /* Emergency Key */
    #menu-item-17271 > a {
        background-image: url('/wp-content/uploads/KB-BMW-1002_1.webp') !important;
    }

    /* Remote Key Blades */
    #menu-item-17272 > a {
        background-image: url('/wp-content/uploads/image-23.webp') !important;
    }

    /* Universal Key Blades */
    #menu-item-17273 > a {
        background-image: url('/wp-content/uploads/image-22.webp') !important;
    }

    /* Remote Covers */
    #menu-item-17274 > a {
        background-image: url('/wp-content/uploads/image-20.webp') !important;
    }

}


/* =========================================================
   ULK DEVICES & PROGRAMMERS - CATEGORY IMAGES
   Phone + Tablet
   ========================================================= */

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

    #menu-item-12175.isolate > ul.sub-menu > li > a {
        min-height: 54px !important;
        padding: 8px 12px 8px 58px !important;

        background-color: #ffffff !important;
        background-repeat: no-repeat !important;
        background-position: 12px center !important;
        background-size: 36px 36px !important;

        border-radius: 10px !important;
    }

    /* Key Cutting Machines */
    #menu-item-17275 > a {
        background-image: url('/wp-content/uploads/image-19.webp') !important;
    }

    /* Diagnostic Tools */
    #menu-item-17276 > a {
        background-image: url('/wp-content/uploads/eaata90-2.webp') !important;
    }

    /* Tunning Tools */
    #menu-item-17277 > a {
        background-image: url('/wp-content/uploads/download-4.jpeg') !important;
    }

    /* Key Programming */
    #menu-item-17278 > a {
        background-image: url('/wp-content/uploads/images-3-2.jpg') !important;
    }

    /* TPMS Sensors */
    #menu-item-17279 > a {
        background-image: url('/wp-content/uploads/CGDI-TS01-METAL__1_grande.webp') !important;
    }

    /* Key Blank Reader */
    #menu-item-17280 > a {
        background-image: url('/wp-content/uploads/image-16.webp') !important;
    }

    /* Software */
    #menu-item-17281 > a {
        background-image: url('/wp-content/uploads/ChatGPT-Image-Sep-7-2026-01_10_28-PM.png') !important;
    }

    /* Tokens */
    #menu-item-17282 > a {
        background-image: url('/wp-content/uploads/image-14.webp') !important;
    }

    /* Unlocking Services */
    #menu-item-17283 > a {
        background-image: url('/wp-content/uploads/image-12.webp') !important;
    }

}


/* =========================================================
   ULK ACCESSORIES & TOOLS - CATEGORY IMAGES
   Phone + Tablet
   ========================================================= */

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

    #menu-item-12174.isolate > ul.sub-menu > li > a {
        min-height: 54px !important;
        padding: 8px 12px 8px 58px !important;

        background-color: #ffffff !important;
        background-repeat: no-repeat !important;
        background-position: 12px center !important;
        background-size: 36px 36px !important;

        border-radius: 10px !important;
    }

    /* Lishi Tools */
    #menu-item-17284 > a {
        background-image: url('/wp-content/uploads/image-12.webp') !important;
    }

    /* Tools */
    #menu-item-17285 > a {
        background-image: url('/wp-content/uploads/image-11.webp') !important;
    }

    /* Emulator */
    #menu-item-17286 > a {
        background-image: url('/wp-content/uploads/image-10.webp') !important;
    }

    /* Cables */
    #menu-item-17287 > a {
        background-image: url('/wp-content/uploads/image-8.webp') !important;
    }

    /* Adapters */
    #menu-item-17288 > a {
        background-image: url('/wp-content/uploads/image-7.webp') !important;
    }

    /* Cutters */
    #menu-item-17289 > a {
        background-image: url('/wp-content/uploads/image-6.webp') !important;
    }

    /* Batteries */
    #menu-item-17290 > a {
        background-image: url('/wp-content/uploads/image-5.webp') !important;
    }

    /* Accessories */
    #menu-item-17291 > a {
        background-image: url('/wp-content/uploads/ChatGPT-Image-Sep-7-2026-12_54_18-PM.png') !important;
    }

    /* Soldering Tools */
    #menu-item-17292 > a {
        background-image: url('/wp-content/uploads/ChatGPT-Image-Sep-7-2026-12_56_12-PM.png') !important;
    }

    /* Component Eeprom */
    #menu-item-17293 > a {
        background-image: url('/wp-content/uploads/26080717860930532750.jpg') !important;
    }

    /* Car Opening */
    #menu-item-17294 > a {
        background-image: url('/wp-content/uploads/image-2.webp') !important;
    }

    /* Immobilizer */
    #menu-item-17295 > a {
        background-image: url('/wp-content/uploads/WER.avif') !important;
    }

    /* Lock & Parts */
    #menu-item-17296 > a {
        background-image: url('/wp-content/uploads/image.webp') !important;
    }

    /* Remote Frequency Tester */
    #menu-item-17297 > a {
        background-image: url('/wp-content/uploads/21011116104346336736.jpg') !important;
    }

}


/* =========================================================
   ULK PHONE MAIN MENU - LARGER SIZE
   Main menu only - does NOT change tablet or submenu cards
   ========================================================= */

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

    /* Main menu cards only */
    .mobile-menu:not(:has(> li.isolate)) > li > a {
        min-height: 64px !important;
        padding: 16px 54px 16px 62px !important;

        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: 600 !important;

        border-radius: 11px !important;

        background-position: 18px center !important;
        background-size: 27px 27px !important;
    }

    /* More space between main cards */
    .mobile-menu:not(:has(> li.isolate)) > li {
        margin-bottom: 10px !important;
    }

    /* Keep arrows centered with larger cards */
    .mobile-menu:not(:has(> li.isolate))
    > li.menu-item-has-children
    > a
    > .arrow {
        width: 50px !important;
        height: 100% !important;
        top: 0 !important;
        right: 0 !important;
    }
}


/* =========================================================
   ULK PHONE SUBMENU - LARGER CATEGORY CARDS
   Key & Remotes / Devices & Programmers / Accessories & Tools
   Phone only
   ========================================================= */

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

    /* All category cards inside the 3 main sections */
    #menu-item-12176.isolate > ul.sub-menu > li > a,
    #menu-item-12175.isolate > ul.sub-menu > li > a,
    #menu-item-12174.isolate > ul.sub-menu > li > a {
        min-height: 60px !important;

        padding-top: 10px !important;
        padding-right: 14px !important;
        padding-bottom: 10px !important;
        padding-left: 66px !important;

        background-position: 14px center !important;
        background-size: 40px 40px !important;
        background-repeat: no-repeat !important;

        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: 500 !important;

        border-radius: 11px !important;
    }

    /* Slightly more breathing room between cards */
    #menu-item-12176.isolate > ul.sub-menu > li,
    #menu-item-12175.isolate > ul.sub-menu > li,
    #menu-item-12174.isolate > ul.sub-menu > li {
        margin-bottom: 9px !important;
    }

}


/* =========================================================
   ULK MOBILE/TABLET CATEGORIES TAB
   Uses existing WooCommerce category images
   ========================================================= */

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

    #menu-product-categories {
        padding: 10px 10px 20px !important;
        box-sizing: border-box !important;
    }

    #menu-product-categories > li {
        margin: 0 0 9px !important;
    }

    #menu-product-categories > li > a {
        display: flex !important;
        align-items: center !important;

        min-height: 54px !important;
        padding: 8px 14px 8px 60px !important;

        background-color: #fff !important;
        background-repeat: no-repeat !important;
        background-position: 12px center !important;
        background-size: 36px 36px !important;

        border: 1px solid #eeeeee !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 8px rgba(17,24,39,.045) !important;

        color: #374151 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        font-weight: 600 !important;

        box-sizing: border-box !important;
    }

    #menu-product-categories > li > a:after,
    #menu-product-categories > li:last-child:after {
        display: none !important;
    }
}


/* PHONE */
@media only screen and (max-width: 767px) {

    #menu-product-categories > li > a {
        min-height: 60px !important;

        padding: 10px 14px 10px 66px !important;

        background-position: 14px center !important;
        background-size: 40px 40px !important;

        font-size: 15px !important;
        line-height: 22px !important;

        border-radius: 11px !important;
    }

    #menu-product-categories > li {
        margin-bottom: 9px !important;
    }
}


/* =========================================================
   ULK CATEGORIES TAB - EXISTING WEBSITE IMAGES
   ========================================================= */

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

#menu-item-12181 > a {background-image:url('/wp-content/uploads/ChatGPT-Image-Sep-7-2026-12_54_18-PM.png') !important;}
#menu-item-12182 > a {background-image:url('/wp-content/uploads/image-7.webp') !important;}
#menu-item-12183 > a {background-image:url('/wp-content/uploads/autel-remotes-cat-main.webp') !important;}
#menu-item-12184 > a {background-image:url('/wp-content/uploads/image-5.webp') !important;}
#menu-item-12185 > a {background-image:url('/wp-content/uploads/image-8.webp') !important;}
#menu-item-12186 > a {background-image:url('/wp-content/uploads/image-2.webp') !important;}
#menu-item-12187 > a {background-image:url('/wp-content/uploads/car-remote-big.webp') !important;}
#menu-item-12188 > a {background-image:url('/wp-content/uploads/cgdi-keys.webp') !important;}
#menu-item-12189 > a {background-image:url('/wp-content/uploads/26080717860930532750.jpg') !important;}
#menu-item-12190 > a {background-image:url('/wp-content/uploads/image-6.webp') !important;}
#menu-item-12191 > a {background-image:url('/wp-content/uploads/eaata90-2.webp') !important;}
#menu-item-12192 > a {background-image:url('/wp-content/uploads/KB-BMW-1002_1.webp') !important;}
#menu-item-12193 > a {background-image:url('/wp-content/uploads/image-10.webp') !important;}
#menu-item-12194 > a {background-image:url('/wp-content/uploads/WER.avif') !important;}
#menu-item-12195 > a {background-image:url('/wp-content/uploads/image-16.webp') !important;}
#menu-item-12196 > a {background-image:url('/wp-content/uploads/image-19.webp') !important;}
#menu-item-12197 > a {background-image:url('/wp-content/uploads/images-3-2.jpg') !important;}
#menu-item-12198 > a {background-image:url('/wp-content/uploads/logo-key-shel-main.webp') !important;}
#menu-item-12199 > a {background-image:url('/wp-content/uploads/image-12.webp') !important;}
#menu-item-12200 > a {background-image:url('/wp-content/uploads/image.webp') !important;}
#menu-item-12201 > a {background-image:url('/wp-content/uploads/b2b-logo-on-white-background-vector.jpg') !important;}
#menu-item-12202 > a {background-image:url('/wp-content/uploads/image-20.webp') !important;}
#menu-item-12203 > a {background-image:url('/wp-content/uploads/image-23.webp') !important;}
#menu-item-12204 > a {background-image:url('/wp-content/uploads/logo-remote-shell-new.webp') !important;}
#menu-item-12205 > a {background-image:url('/wp-content/uploads/ChatGPT-Image-Sep-7-2026-01_10_28-PM.png') !important;}
#menu-item-12206 > a {background-image:url('/wp-content/uploads/ChatGPT-Image-Sep-7-2026-12_56_12-PM.png') !important;}
#menu-item-12207 > a {background-image:url('/wp-content/uploads/image-14.webp') !important;}
#menu-item-12208 > a {background-image:url('/wp-content/uploads/image-11.webp') !important;}
#menu-item-12209 > a {background-image:url('/wp-content/uploads/CGDI-TS01-METAL__1_grande.webp') !important;}
#menu-item-12210 > a {background-image:url('/wp-content/uploads/7439.jpg') !important;}
#menu-item-12211 > a {background-image:url('/wp-content/uploads/transponder-key-main-n-cat.webp') !important;}
#menu-item-12212 > a {background-image:url('/wp-content/uploads/download-4.jpeg') !important;}

/* 12213 = Uncategorized - intentionally no image */

#menu-item-12214 > a {background-image:url('/wp-content/uploads/image-22.webp') !important;}
#menu-item-12215 > a {background-image:url('/wp-content/uploads/image-12.webp') !important;}
#menu-item-12216 > a {background-image:url('/wp-content/uploads/xhorse-remotes-main.webp') !important;}

}


/* =========================================================
   ULK HOME PRODUCT PRICE — FINAL FIX
   Keep $ attached to amount
   Keep regular + sale prices clean
   HOME PRODUCT CARDS ONLY
   ========================================================= */

body.home .loop-products > li.product .price {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;

    width: 100% !important;
    gap: 4px !important;

    white-space: normal !important;
}

/* Each complete WooCommerce amount stays together:
   $1,499.00 will never split into $ + 1,499.00 */
body.home .loop-products > li.product
.price .woocommerce-Price-amount {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;

    white-space: nowrap !important;
    padding: 0 !important;
}

/* Currency symbol stays attached to its number */
body.home .loop-products > li.product
.price .woocommerce-Price-currencySymbol {
    display: inline !important;
    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* Remove Mobex span spacing inside each price amount */
body.home .loop-products > li.product
.price .woocommerce-Price-amount > bdi,
body.home .loop-products > li.product
.price .woocommerce-Price-amount > bdi > span {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* Regular price */
body.home .loop-products > li.product .price del {
    display: inline-flex !important;
    align-items: baseline !important;
    flex: none !important;

    margin: 0 4px 0 0 !important;
    white-space: nowrap !important;
}

/* Sale price */
body.home .loop-products > li.product .price ins {
    display: inline-flex !important;
    align-items: baseline !important;
    flex: none !important;

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

    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Phone: allow old + sale price to move together to next line
   if the card is very narrow, but never split $ from amount */
@media only screen and (max-width: 767px) {

    body.home .loop-products > li.product .price {
        column-gap: 4px !important;
        row-gap: 2px !important;
    }

}


/* =========================================================
   ULK HOME PRODUCT CARDS — CLEAN DESKTOP FINAL
   One desktop system only
   ========================================================= */

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

    /* OUTER CARD */
    body.home .et-woo-products
    .loop-products > li.product {
        height: auto !important;
        min-height: 0 !important;

        padding: 8px !important;

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

        box-shadow: 0 4px 14px rgba(0,0,0,.035) !important;
        box-sizing: border-box !important;
    }

    /* INNER CARD */
    body.home .et-woo-products
    .loop-products > li.product > .post-inner {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        border-radius: 13px !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    /* IMAGE — KEEP CURRENT 210PX SIZE */
    body.home .et-woo-products
    .loop-products > li.product .post-image {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;

        padding: 6px !important;
        margin-bottom: 7px !important;
        box-sizing: border-box !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .post-image .image-container,
    body.home .et-woo-products
    .loop-products > li.product .post-image > a {
        width: 100% !important;
        height: 100% !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .post-image img {
        width: 100% !important;
        height: 100% !important;
        max-height: 198px !important;

        object-fit: contain !important;
        object-position: center !important;
    }

    /* CONTENT */
    body.home .et-woo-products
    .loop-products > li.product .post-body {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        padding: 0 6px 8px !important;
        box-sizing: border-box !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .post-body-inner {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .post-title {
        margin-bottom: 3px !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .post-title a {
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 700 !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .product-sku,
    body.home .et-woo-products
    .loop-products > li.product .ulk-card-sku {
        color: #9aa3b2 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        margin-bottom: 2px !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .star-rating-wrap {
        margin-bottom: 4px !important;
    }

    /* PRICE / STOCK / ACTIONS */
    body.home .et-woo-products
    .loop-products > li.product .price-button-wrapp {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        margin-top: 8px !important;

        position: static !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .price {
        justify-content: center !important;
        text-align: center !important;

        margin-top: 0 !important;
        margin-bottom: 3px !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .price ins,
    body.home .et-woo-products
    .loop-products > li.product .price > .woocommerce-Price-amount {
        font-weight: 800 !important;
    }

    body.home .et-woo-products
    .loop-products > li.product .ulk-card-stock {
        display: block !important;
        width: 100% !important;

        min-height: 18px !important;
        margin: 2px 0 6px !important;

        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 700 !important;
        text-align: center !important;
    }

    /* ACTION ROW */
    body.home .et-woo-products
    .loop-products > li.product .mobex-loop-card-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        width: 100% !important;
        gap: 7px !important;
        margin-top: 0 !important;
    }

    body.home .et-woo-products
    .loop-products > li.product
    .mobex-loop-card-actions .add_to_cart_button {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;

        height: 38px !important;
        min-height: 38px !important;

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

        border-radius: 9px !important;

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

        font-size: 11px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    body.home .et-woo-products
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter {
        flex: 0 0 96px !important;

        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: 38px !important;

        margin: 0 !important;
        border-radius: 7px !important;
        overflow: hidden !important;
    }

    /* READ MORE */
    body.home .et-woo-products
    .loop-products > li.product
    .mobex-loop-card-actions--no-qty {
        display: flex !important;
        width: 100% !important;

        margin-top: 0 !important;
        justify-content: flex-start !important;
    }

    body.home .et-woo-products
    .loop-products > li.product
    .mobex-loop-card-actions--no-qty > .button {
        width: auto !important;
        max-width: 100% !important;

        height: 38px !important;
        min-height: 38px !important;

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

        border-radius: 9px !important;

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

        font-size: 11px !important;
        font-weight: 800 !important;
    }

    /* SWIPER — content determines slide height */
    body.home .et-woo-products.swiper
    .loop-products > li.product.swiper-slide {
        height: auto !important;
        min-height: 0 !important;
    }

    body.home .et-woo-products.swiper
    .loop-products > li.product.swiper-slide > .post-inner {
        height: auto !important;
        min-height: 0 !important;
    }

    /* SALE BADGE */
    body.home .et-woo-products .ulk-percent-sale {
        min-width: 0 !important;
        height: 28px !important;
        padding: 0 11px !important;

        border-radius: 14px !important;

        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 28px !important;

        box-shadow: 0 4px 10px rgba(239,43,28,.20) !important;
    }
}


/* =========================================================
   ULK — MOBEX PRODUCT SWIPER HEIGHT FIX
   Override Mobex .swiper-slide.post { height:100% }
   ========================================================= */

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

    body.home .et-woo-products.swiper
    ul.products.swiper-wrapper > li.product.swiper-slide.post {
        height: auto !important;
        min-height: 0 !important;
    }

    body.home .et-woo-products.swiper
    ul.products.swiper-wrapper > li.product.swiper-slide.post > .post-inner {
        height: auto !important;
        min-height: 0 !important;
    }
}


/* =========================================================
   ULK DESKTOP PRODUCT CAROUSEL — UNIFORM CARD MIN HEIGHT
   Keep Swiper auto height and prevent clipping
   ========================================================= */

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

    body.home .elementor-element-2937b45 .et-woo-products.swiper
    ul.products.swiper-wrapper > li.product.swiper-slide.post > .post-inner {
        height: auto !important;
        min-height: 415px !important;
    }

}

/* =========================================================
   ULK — BEST DEALS DESKTOP ALIGNMENT ONLY
   Elementor widget: ae37cf7
   ========================================================= */

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

    /* Equal inner card height for Best Deals only */
    body.home .elementor-element-ae37cf7
    .et-woo-products
    .loop-products > li.product > .post-inner {
        height: auto !important;
        min-height: 415px !important;

        display: flex !important;
        flex-direction: column !important;
    }

    /* Content body uses available space */
    body.home .elementor-element-ae37cf7
    .et-woo-products
    .loop-products > li.product .post-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
    }

    body.home .elementor-element-ae37cf7
    .et-woo-products
    .loop-products > li.product .post-body-inner {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
    }

    /* Price + action area goes to bottom */
    body.home .elementor-element-ae37cf7
    .et-woo-products
    .loop-products > li.product .price-button-wrapp {
        margin-top: auto !important;
    }
}





/* =========================================================
   ULK — HOME PRODUCT IMAGE HOVER FIX
   Keep product image stable.
   Disable broken Compare / Wishlist / Quick View hover overlay.
   HOME PAGE ONLY
   ========================================================= */

body.home .et-woo-products ul.products .product .wishlist-toggle,
body.home .et-woo-products ul.products .product .compare-toggle,
body.home .et-woo-products ul.products .product .en-quick-view {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.home .et-woo-products ul.products .product:hover .wishlist-toggle,
body.home .et-woo-products ul.products .product:hover .compare-toggle,
body.home .et-woo-products ul.products .product:hover .en-quick-view {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Keep image visible and stable on hover */
body.home .et-woo-products ul.products .product:hover .post-image img {
    opacity: 1 !important;
    visibility: visible !important;
}


/* =========================================================
   ULK — LIST PRODUCT IMAGE WIDTH FIX
   Best Deals + Back in Stock + Coming Soon ONLY
   Override Mobex list width 130px
   ========================================================= */

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

    body.home .elementor-element-ae37cf7 .post-image,
    body.home .elementor-element-2937b45 .post-image,
    body.home .elementor-element-04bc8ad .post-image {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        flex: 0 0 220px !important;
        box-sizing: border-box !important;
    }

    body.home .elementor-element-ae37cf7 .post-image .image-container,
    body.home .elementor-element-2937b45 .post-image .image-container,
    body.home .elementor-element-04bc8ad .post-image .image-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home .elementor-element-ae37cf7 .post-image img,
    body.home .elementor-element-2937b45 .post-image img,
    body.home .elementor-element-04bc8ad .post-image img {
        width: 100% !important;
        max-width: 100% !important;

        object-fit: contain !important;
        object-position: center center !important;
    }
}


/* =========================================================
   ULK — COMING SOON IMAGE SIZE
   Coming Soon ONLY
   ========================================================= */

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

    body.home .elementor-element-04bc8ad .post-image {
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
        flex: 0 0 190px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        box-sizing: border-box !important;
    }

    body.home .elementor-element-04bc8ad
    .post-image .image-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home .elementor-element-04bc8ad
    .post-image img {
        width: 100% !important;
        max-width: 100% !important;

        object-fit: contain !important;
        object-position: center center !important;
    }
}


/* =========================================================
   ULK — IN STOCK GREEN
   Home product cards
   ========================================================= */

body.home .et-woo-products .ulk-card-stock--in,
body.home .et-woo-products .ulk-card-stock.ulk-card-stock--in {
    color: #239b45 !important;
}

/* =========================================================
   ULK — ON SALE FINAL CLEAN
   Desktop only
   Elementor widget: 0a77479

   IMAGE > SKU > TITLE > STARS > PRICE/STOCK > ACTION
   ADD TO CART + READ MORE aligned
   ========================================================= */

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

    /* CARD */
    body.home .elementor-element-0a77479
    .loop-products > li.product > .post-inner {
        display: flex !important;
        flex-direction: column !important;

        height: 401px !important;
        min-height: 401px !important;
        max-height: 401px !important;
    }


    /* IMAGE AREA */
    body.home .elementor-element-0a77479
    .loop-products > li.product .post-image {
        width: 100% !important;

        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;

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

        padding: 6px !important;
        box-sizing: border-box !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product .post-image > a {
        width: 100% !important;
        height: 100% !important;

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

    body.home .elementor-element-0a77479
    .loop-products > li.product .post-image .image-container {
        width: 100% !important;
        height: 178px !important;

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

    body.home .elementor-element-0a77479
    .loop-products > li.product .post-image img {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: 100% !important;
        max-height: 178px !important;

        margin: auto !important;

        object-fit: contain !important;
        object-position: center center !important;
    }


    /* BODY */
    body.home .elementor-element-0a77479
    .loop-products > li.product .post-body,
    body.home .elementor-element-0a77479
    .loop-products > li.product .post-body-inner {
        display: flex !important;
        flex-direction: column !important;

        flex: 1 1 auto !important;
        min-height: 0 !important;
    }


    /* CONTENT */
    body.home .elementor-element-0a77479
    .loop-products > li.product .post-content-wrap {
        display: flex !important;
        flex-direction: column !important;

        flex: 0 0 auto !important;
    }


    /* SKU */
    body.home .elementor-element-0a77479
    .loop-products > li.product .product-sku {
        display: block !important;
        order: 1 !important;

        width: 100% !important;

        margin: 0 0 2px 0 !important;

        color: #98a0ad !important;

        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 12px !important;

        text-align: center !important;

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


    /* TITLE */
    body.home .elementor-element-0a77479
    .loop-products > li.product .post-title {
        order: 2 !important;

        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;

        overflow: hidden !important;

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

        margin: 0 0 2px 0 !important;

        line-height: 18px !important;
    }


    /* STARS */
    body.home .elementor-element-0a77479
    .loop-products > li.product .star-rating-wrap {
        order: 3 !important;

        margin-top: 0 !important;
        margin-bottom: 3px !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product .product-attributes-wrapper {
        order: 4 !important;
    }


    /* PRICE AREA */
    body.home .elementor-element-0a77479
    .loop-products > li.product .price-button-wrapp {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        flex: 1 1 auto !important;
        min-height: 0 !important;

        margin: 5px 0 0 0 !important;
        padding: 0 !important;
    }


    /* PRICE */
    body.home .elementor-element-0a77479
    .loop-products > li.product .price {
        flex: 0 0 auto !important;

        margin: 0 0 3px 0 !important;

        text-align: center !important;
    }


    /* STOCK */
    body.home .elementor-element-0a77479
    .loop-products > li.product .ulk-card-stock {
        flex: 0 0 auto !important;

        margin: 0 !important;

        text-align: center !important;
    }

    body.home .elementor-element-0a77479
    .ulk-card-stock--in {
        color: #239b45 !important;
    }


    /* ADD TO CART CARD:
       push complete quantity/button row to bottom */
    body.home .elementor-element-0a77479
    .loop-products > li.product .mobex-loop-card-actions {
        margin-top: 0 !important;
    }


    /* READ MORE CARD:
       direct child button of price-button-wrapp
       must also sit at bottom */
    body.home .elementor-element-0a77479
    .loop-products > li.product
    .price-button-wrapp > a.button.product_type_simple {
        align-self: flex-start !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        min-height: 38px !important;
    }

}
















/* =========================================================
   ULK — ON SALE IMAGE CENTER POSITION FIX
   Final fix: override Mobex absolute image positioning
   Desktop only
   ========================================================= */

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

    body.home .elementor-element-0a77479
    .loop-products > li.product .post-image img {

        position: static !important;

        margin-left: auto !important;
        margin-right: auto !important;

        transform: none !important;
    }

}


/* =========================================================
   ULK — ON SALE IMAGE CENTER FINAL
   Keep IMG as the only flex-layout item.
   SVG stays overlayed and does not affect centering.
   Desktop only.
   ========================================================= */

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

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .post-image .image-container {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .post-image .image-container > img {
        position: static !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .post-image .image-container > svg {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: none !important;
    }
}


/* =========================================================
   ULK — ON SALE ACTION SYSTEM — CLEAN FINAL
   Desktop / 5 columns
   ONE source of truth
   ========================================================= */

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

    /* -----------------------------------------
       PRICE / STOCK / ACTION AREA
       ----------------------------------------- */

    body.home .elementor-element-0a77479
    .loop-products > li.product .price-button-wrapp {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        flex: 1 1 auto !important;
        min-height: 0 !important;

        position: relative !important;

        margin: 5px 0 0 !important;
        padding: 0 !important;

        gap: 8px !important;
    }


    body.home .elementor-element-0a77479
    .loop-products > li.product .price,
    body.home .elementor-element-0a77479
    .loop-products > li.product .ulk-card-stock {
        transform: none !important;
    }


    /* -----------------------------------------
       ADD TO CART ACTION ROW
       ----------------------------------------- */

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 5px !important;

        margin-top: auto !important;
        margin-bottom: 0 !important;
        padding: 0 !important;

        transform: none !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       QUANTITY COUNTER
       96px = 32 + 32 + 32
       ----------------------------------------- */

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter {
        display: grid !important;
        grid-template-columns: 32px 32px 32px !important;

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

        flex: 0 0 96px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

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

        overflow: hidden !important;

        border: 1px solid #d8d8d8 !important;
        border-radius: 7px !important;

        background: #fff !important;
        box-sizing: border-box !important;
    }


    /* − / 1 / + */

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .minus,

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .qty-value,

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .plus {

        position: static !important;

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

        flex: 0 0 32px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

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

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

        color: #111 !important;
        background: #fff !important;

        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 38px !important;

        transform: none !important;
        box-sizing: border-box !important;
    }


    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .minus {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }


    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .qty-value {
        grid-column: 2 !important;
        grid-row: 1 !important;

        border-left: 1px solid #d8d8d8 !important;
        border-right: 1px solid #d8d8d8 !important;
    }


    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .plus {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }


    /* -----------------------------------------
       ADD TO CART
       ----------------------------------------- */

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions > a.add_to_cart_button {

        flex: 1 1 0 !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        padding: 7px 6px !important;

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

        border-radius: 9px !important;

        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       READ MORE
       Same bottom line as action row
       Same right-side button position
       ----------------------------------------- */

    body.home .elementor-element-0a77479
    .loop-products > li.product {
        position: relative !important;
    }


    body.home .elementor-element-0a77479
    .loop-products > li.product
    .price-button-wrapp > a.button.product_type_simple {

        position: static !important;

        width: calc(100% - 101px) !important;
        min-width: 0 !important;
        max-width: calc(100% - 101px) !important;

        align-self: flex-end !important;

        margin-top: auto !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        margin: 0 !important;
        padding: 7px 6px !important;

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

        border-radius: 9px !important;

        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;

        transform: none !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   ULK — ON SALE MOBILE — MASTER FINAL
   <= 767px
   ONE mobile system only
   ========================================================= */

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

    /* CARD */
    body.home .elementor-element-0a77479
    .loop-products > li.product > .post-inner {
        display: flex !important;
        flex-direction: column !important;

        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;

        box-sizing: border-box !important;
    }


    /* BODY */
    body.home .elementor-element-0a77479
    .loop-products > li.product .post-body,
    body.home .elementor-element-0a77479
    .loop-products > li.product .post-body-inner {
        display: flex !important;
        flex-direction: column !important;

        flex: 1 1 auto !important;
        min-height: 0 !important;
    }


    /* CONTENT */
    body.home .elementor-element-0a77479
    .loop-products > li.product .post-content-wrap {
        display: flex !important;
        flex-direction: column !important;
        flex: 0 0 auto !important;
    }


    /* SKU — MOBILE */
    body.home .elementor-element-0a77479
    .loop-products > li.product .product-sku,
    body.home .elementor-element-0a77479
    .loop-products > li.product .ulk-card-sku {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        order: 1 !important;

        width: 100% !important;

        margin: 0 0 3px 0 !important;

        color: #98a0ad !important;

        font-size: 9px !important;
        line-height: 11px !important;
        font-weight: 600 !important;

        text-align: center !important;

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


    /* PRODUCT TITLE AFTER SKU */
    body.home .elementor-element-0a77479
    .loop-products > li.product .post-title {
        order: 2 !important;
    }


    /* STARS AFTER TITLE */
    body.home .elementor-element-0a77479
    .loop-products > li.product .star-rating-wrap {
        order: 3 !important;
    }


    /* PRICE / STOCK / ACTION */
    body.home .elementor-element-0a77479
    .loop-products > li.product .price-button-wrapp {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        flex: 1 1 auto !important;
        min-height: 0 !important;

        margin: 4px 0 0 !important;
        padding: 0 !important;

        gap: 6px !important;

        position: static !important;
    }


    /* PRICE */
    body.home .elementor-element-0a77479
    .loop-products > li.product .price {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }


    /* STOCK */
    body.home .elementor-element-0a77479
    .loop-products > li.product .ulk-card-stock {
        display: block !important;
        flex: 0 0 auto !important;

        width: 100% !important;

        margin: 0 !important;

        text-align: center !important;
    }


    /* ADD TO CART AREA AT BOTTOM */
    body.home .elementor-element-0a77479
    .loop-products > li.product .mobex-loop-card-actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;

        margin-top: auto !important;
        margin-bottom: 0 !important;

        gap: 6px !important;

        transform: none !important;
    }


    /* QUANTITY */
    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter {
        align-self: flex-start !important;
        margin: 0 !important;
    }


    /* ADD TO CART FULL WIDTH */
    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions > a.add_to_cart_button {
        width: 100% !important;
        max-width: 100% !important;

        flex: 0 0 auto !important;

        height: 38px !important;
        min-height: 38px !important;

        margin: 0 !important;

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

        box-sizing: border-box !important;
    }


    /* READ MORE — SAME BOTTOM POSITION */
    body.home .elementor-element-0a77479
    .loop-products > li.product
    .price-button-wrapp > a.button.product_type_simple {

        position: static !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        align-self: stretch !important;

        height: 38px !important;
        min-height: 38px !important;

        margin-top: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;

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

        transform: none !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   ULK — BACK IN STOCK SWIPER MOBILE ISOLATION
   Widget: 2937b45
   ========================================================= */

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

    body.home .elementor-element-2937b45 ul.loop-products.swiper-wrapper,
    body.home .elementor-element-2937b45 ul.products.swiper-wrapper {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.home .elementor-element-2937b45
    ul.swiper-wrapper > li.product.swiper-slide {
        flex-shrink: 0 !important;
        /*
         * ULK Phase 28B:
         * Do not override Swiper's inline margin-right.
         */
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   ULK — BACK IN STOCK MOBILE HEIGHT FIX
   Let each product card determine the carousel height so the
   price, stock and action controls are not clipped.
   Widget: 2937b45
   ========================================================= */

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

    body.home .elementor-element-2937b45
    .et-woo-products.swiper,
    body.home .elementor-element-2937b45
    ul.loop-products.swiper-wrapper,
    body.home .elementor-element-2937b45
    ul.products.swiper-wrapper {
        height: auto !important;
        min-height: 0 !important;
    }

    body.home .elementor-element-2937b45
    ul.swiper-wrapper > li.product.swiper-slide.post,
    body.home .elementor-element-2937b45
    ul.swiper-wrapper > li.product.swiper-slide {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.home .elementor-element-2937b45
    ul.swiper-wrapper > li.product.swiper-slide > .post-inner {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
}

/* =========================================================
   ULK — BACK IN STOCK MOBILE ACTION LAYOUT
   Keep every action inside its card. Swiper controls card width.
   Widget: 2937b45
   ========================================================= */

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

    body.home .elementor-element-2937b45
    .mobex-loop-card-actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 6px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.home .elementor-element-2937b45
    .mobex-loop-card-actions .comp-counter {
        align-self: flex-start !important;
        margin: 0 !important;
    }

    body.home .elementor-element-2937b45
    .mobex-loop-card-actions > a.add_to_cart_button,
    body.home .elementor-element-2937b45
    .mobex-loop-card-actions--no-qty > a.button {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}
/* ULK — BACK IN STOCK TRUE BUTTON BASELINE — PHASE 21
   Read More is a direct child of price-button-wrapp, while Add to cart lives
   inside mobex-loop-card-actions. Both action paths are anchored to the
   bottom of the same flexible card body. */
@media only screen and (max-width: 540px) {
    body.home .elementor-element-2937b45
    .loop-products > li.product > .post-inner {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    body.home .elementor-element-2937b45
    .loop-products > li.product .post-body,
    body.home .elementor-element-2937b45
    .loop-products > li.product .post-body-inner {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }

    body.home .elementor-element-2937b45
    .loop-products > li.product .price-button-wrapp {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }

    body.home .elementor-element-2937b45
    .loop-products > li.product .mobex-loop-card-actions,
    body.home .elementor-element-2937b45
    .loop-products > li.product
    .price-button-wrapp > a.button.product_type_simple:not(.add_to_cart_button) {
        margin-top: auto !important;
        margin-bottom: 0 !important;
    }
}

/* ULK — BACK IN STOCK DIRECT READ MORE OFFSET — PHASE 22
   The direct Read More button bypasses the 38px quantity row and its 6px gap.
   Reserve that exact 44px only for this widget on mobile. */
@media only screen and (max-width: 540px) {
    body.home .elementor-element-2937b45
    .loop-products > li.product
    .price-button-wrapp > a.button.product_type_simple:not(.add_to_cart_button) {
        margin-top: 44px !important;
        margin-bottom: 0 !important;
    }
}

/* =========================================================
   ULK — MOBILE PRODUCT FINISHING — PHASE 23
   - Let Swiper calculate exact two-card widths.
   - Hide Affirm's temporary dash inside loop cards.
   - Keep Tidio above the fixed mobile navigation.
   ========================================================= */

@media only screen and (max-width: 540px) {
    body.home .elementor-element-2937b45
    ul.swiper-wrapper > li.product.swiper-slide {
        flex-basis: auto !important;
    }

    body.home li.product p.affirm-as-low-as {
        display: none !important;
    }

    #tidio-chat-iframe {
        bottom: 74px !important;
    }

    body.home li.product .ulk-card-sku {
        display: block !important;
        width: 100% !important;
        margin: 4px 0 5px !important;
        color: #929292 !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        overflow-wrap: anywhere !important;
    }
}

/* =========================================================
   ULK — BACK IN STOCK MOBILE GEOMETRY — PHASE 24D
   ========================================================= */

@media only screen and (max-width: 540px) {
    html body.home
    .elementor-element-2937b45
    ul.swiper-wrapper
    > li.product.swiper-slide {
        /* ULK Phase 28B: Swiper owns mobile card width and flex-basis. */
        box-sizing: border-box !important;
    }

    html body.home
    .elementor-element-2937b45
    .swiper {
        overflow: hidden !important;
    }

    html body.home
    li.product
    .post-body
    .post-body-inner
    .post-content-wrap
    > span.product-sku.ulk-card-sku {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        min-height: 12px !important;
        margin: 4px 0 5px !important;
        padding: 0 !important;
        color: #929292292 !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        overflow: visible !important;
    }

    #tidio-chat-iframe {
        bottom: 100px !important;
    }
}

/* =========================================================
   ULK Phase 30:
   Back in Stock mobile carousel isolation.
   Keep exactly two complete cards with an 8px Swiper gap.
   Widget: 2937b45
   ========================================================= */
@media only screen and (max-width: 540px) {

    html body.home
    .elementor-element-2937b45
    ul.swiper-wrapper {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 0 !important;
    }

    html body.home
    .elementor-element-2937b45
    ul.swiper-wrapper > li.product.swiper-slide {
        width: calc((100% - 8px) / 2) !important;
        min-width: calc((100% - 8px) / 2) !important;
        max-width: calc((100% - 8px) / 2) !important;
        flex: 0 0 calc((100% - 8px) / 2) !important;
        flex-basis: calc((100% - 8px) / 2) !important;

        margin-left: 0 !important;
        margin-right: 8px !important;

        box-sizing: border-box !important;
    }

    html body.home
    .elementor-element-2937b45
    .swiper {
        overflow: hidden !important;
    }
}

/* =========================================================
   ULK Phase 32B: Global product-card SKU visibility
   Overrides Mobex grid rule that hides .product-sku.
   Does not affect product-card geometry or Swiper.
   ========================================================= */

body .loop-products li.product .post-content-wrap > .product-sku,
body ul.products li.product .post-content-wrap > .product-sku {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

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

    margin: 3px 0 5px !important;
    padding: 0 !important;

    color: #777777 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

/* =========================================================
   ULK Phase 33: On Sale SKU normalization
   Match global product cards:
   TITLE > SKU > STARS
   Widget: 0a77479
   ========================================================= */

/* Desktop */
@media only screen and (min-width: 1025px) {

    body.home .elementor-element-0a77479
    .loop-products > li.product .post-title {
        order: 1 !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product .product-sku {
        order: 2 !important;

        margin: 3px 0 5px !important;

        color: #777777 !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;

        text-align: left !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product .star-rating-wrap {
        order: 3 !important;
    }
}

/* Phone */
@media only screen and (max-width: 767px) {

    body.home .elementor-element-0a77479
    .loop-products > li.product .post-title {
        order: 1 !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product .product-sku,
    body.home .elementor-element-0a77479
    .loop-products > li.product .ulk-card-sku {
        order: 2 !important;

        margin: 3px 0 5px !important;

        color: #777777 !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;

        text-align: left !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product .star-rating-wrap {
        order: 3 !important;
    }
}

/* =========================================================
   ULK Phase 34: Responsive header shipping layout

   PHONE:
   Keep existing menu/logo/icons positions.
   Only compact Free Shipping.

   TABLET:
   Menu + Logo LEFT
   Free Shipping CENTER
   Search + Account + Cart RIGHT

   Desktop untouched.
   ========================================================= */


/* =========================================================
   PHONE <= 767px
   ========================================================= */
@media only screen and (max-width: 767px) {

    /* Keep shipping area compact */
    body .elementor-element-09775f1,
    body .elementor-element-0bee8e6,
    body .elementor-element-b0ac844 {
        min-height: 0 !important;
    }

    body .elementor-element-637853b {
        width: auto !important;
        max-width: max-content !important;
        min-width: 0 !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    body .elementor-element-637853b
    .elementor-widget-container {
        width: auto !important;

        padding: 6px 12px !important;

        border-radius: 8px !important;

        box-sizing: border-box !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        gap: 6px !important;

        width: auto !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-icon {
        flex: 0 0 auto !important;

        margin: 0 !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-icon i,
    body .elementor-element-637853b
    .elementor-icon-box-icon svg {
        width: 20px !important;
        height: 20px !important;

        font-size: 20px !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-content {
        width: auto !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-title {
        margin: 0 !important;

        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
    }
}


/* =========================================================
   TABLET 768px - 1024px
   ========================================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /*
     * Header gradient becomes positioning reference.
     */
    body .elementor-element-60c0b2d {
        position: relative !important;
    }

    /*
     * Remove the large shipping row from normal document flow.
     * Shipping widget will sit visually in the header row.
     */
    body .elementor-element-09775f1 {
        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

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

        z-index: 20 !important;
    }

    body .elementor-element-0bee8e6,
    body .elementor-element-b0ac844 {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

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

    /*
     * Main header row.
     */
    body .elementor-element-a75cb3c.ulk-mobile-header-row {
        position: relative !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

        min-height: 72px !important;

        padding-left: 16px !important;
        padding-right: 16px !important;

        box-sizing: border-box !important;
    }

    /*
     * LEFT: hamburger + logo
     */
    body .elementor-element-8301c57.ulk-mobile-header-left {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        gap: 10px !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;

        flex: 0 0 auto !important;
    }

    body .elementor-element-22eb201,
    body .elementor-element-90c82df {
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;

        transform: none !important;
    }

    /*
     * RIGHT: search + account + cart
     */
    body .elementor-element-0e77012.ulk-mobile-header-right {
        position: static !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        gap: 14px !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 0 0 auto !important;

        transform: none !important;

        flex: 0 0 auto !important;
    }

    body .elementor-element-d5b1804,
    body .elementor-element-2d338f1,
    body .elementor-element-7af2a81 {
        width: auto !important;
        max-width: none !important;

        margin: 0 !important;

        flex: 0 0 auto !important;
    }

    /*
     * CENTER: compact Free Shipping pill.
     */
    body .elementor-element-637853b {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
    }

    body .elementor-element-637853b
    .elementor-widget-container {
        width: auto !important;

        padding: 7px 12px !important;

        border-radius: 8px !important;

        box-sizing: border-box !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        gap: 6px !important;

        width: auto !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-icon {
        margin: 0 !important;

        flex: 0 0 auto !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-icon i,
    body .elementor-element-637853b
    .elementor-icon-box-icon svg {
        width: 21px !important;
        height: 21px !important;

        font-size: 21px !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-content {
        width: auto !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-title {
        margin: 0 !important;

        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
    }
}

/* =========================================================
   ULK Phase 34B: Tablet right-side alignment
   768px - 1024px

   LEFT   = Menu + Logo
   CENTER = Free Shipping
   RIGHT  = Search + Account + Cart

   Phone untouched.
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* Main tablet header row is our positioning reference. */
    body .elementor-element-a75cb3c.ulk-mobile-header-row {
        position: relative !important;
    }

    /* Left group remains anchored to the left. */
    body .elementor-element-8301c57.ulk-mobile-header-left {
        position: absolute !important;

        left: 16px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        margin: 0 !important;
    }

    /* Right group moves to the true right side. */
    body .elementor-element-0e77012.ulk-mobile-header-right {
        position: absolute !important;

        right: 16px !important;
        left: auto !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        gap: 14px !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
    }

    /* Keep the three right-side widgets compact. */
    body .elementor-element-d5b1804,
    body .elementor-element-2d338f1,
    body .elementor-element-7af2a81 {
        position: static !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;

        flex: 0 0 auto !important;

        transform: none !important;
    }
}

/* =========================================================
   ULK Phase 35: Mobile Free Shipping pill
   Phone only <= 767px

   Changes ONLY widget 637853b.
   Header menu/logo/right icons remain untouched.
   ========================================================= */

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

    /* Center the widget without making it full width. */
    body .elementor-element-637853b {
        width: max-content !important;
        min-width: 0 !important;
        max-width: calc(100% - 32px) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        flex: 0 0 auto !important;
    }

    body .elementor-element-637853b
    > .elementor-widget-container {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        padding: 8px 14px !important;

        border-radius: 8px !important;

        box-sizing: border-box !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        width: auto !important;

        gap: 8px !important;
    }

    /*
     * Elementor has no icon element in this widget.
     * Add a lightweight delivery-truck icon before the text.
     */
    body .elementor-element-637853b
    .elementor-icon-box-wrapper::before {
        content: "🚚";

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

        flex: 0 0 auto !important;

        width: 22px !important;
        height: 22px !important;

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

        font-size: 19px !important;
        line-height: 22px !important;

        color: #ffffff !important;

        box-sizing: border-box !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-content {
        width: auto !important;
        min-width: 0 !important;

        flex: 0 0 auto !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-title {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 18px !important;

        white-space: nowrap !important;
    }
}

/* =========================================================
   ULK Phase 35B: Compact mobile shipping background
   Phone only <= 767px

   b0ac844 owns the orange background.
   Shrink it around the Phase 35 shipping pill.
   ========================================================= */

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

    body .elementor-element-b0ac844 {
        width: max-content !important;
        min-width: 0 !important;
        max-width: calc(100% - 32px) !important;

        min-height: 0 !important;
        height: auto !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;

        border-radius: 8px !important;

        flex: 0 0 auto !important;

        box-sizing: border-box !important;
    }

    body .elementor-element-0bee8e6 {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        min-height: 0 !important;
    }

    body .elementor-element-637853b {
        margin: 0 !important;
    }
}

/* =========================================================
   ULK Phase 35C: Real mobile shipping icon
   Phone only <= 767px

   Replace the Phase 35 truck emoji with a clean
   white SVG line icon.
   ========================================================= */

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

    body .elementor-element-637853b
    .elementor-icon-box-wrapper::before {
        content: "" !important;

        display: inline-block !important;

        width: 22px !important;
        height: 18px !important;

        flex: 0 0 22px !important;

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

        background-color: #ffffff !important;

        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 5h11v11H3zM14 9h4l3 3v4h-7zM5.5 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM18.5 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM14 12h7'/%3E%3C/svg%3E") !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: center !important;
        -webkit-mask-size: contain !important;

        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 5h11v11H3zM14 9h4l3 3v4h-7zM5.5 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM18.5 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM14 12h7'/%3E%3C/svg%3E") !important;
        mask-repeat: no-repeat !important;
        mask-position: center !important;
        mask-size: contain !important;

        box-sizing: border-box !important;
    }
}

/* =========================================================
   ULK Phase 35D: Transparent mobile shipping banner
   Phone only <= 767px

   Remove orange pill/background.
   Keep white truck + text directly on header gradient.
   Slightly enlarge icon and text.
   ========================================================= */

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

    /* Remove the orange background container */
    body .elementor-element-b0ac844 {
        background: transparent !important;
        background-color: transparent !important;

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

        padding: 0 !important;
    }

    /* Widget itself stays transparent */
    body .elementor-element-637853b,
    body .elementor-element-637853b > .elementor-widget-container {
        background: transparent !important;
        background-color: transparent !important;

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

    body .elementor-element-637853b
    > .elementor-widget-container {
        padding: 7px 10px !important;
    }

    /* Slightly more space between truck and text */
    body .elementor-element-637853b
    .elementor-icon-box-wrapper {
        gap: 9px !important;
    }

    /* Larger white SVG truck */
    body .elementor-element-637853b
    .elementor-icon-box-wrapper::before {
        width: 28px !important;
        height: 23px !important;

        flex: 0 0 28px !important;

        background-color: #ffffff !important;
    }

    /* Larger shipping text */
    body .elementor-element-637853b
    .elementor-icon-box-title {
        margin: 0 !important;

        color: #ffffff !important;

        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 20px !important;

        white-space: nowrap !important;
    }
}

/* =========================================================
   ULK Phase 35E: Final mobile shipping size
   Phone only <= 767px
   Larger truck + text, transparent background preserved.
   ========================================================= */

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

    body .elementor-element-637853b
    .elementor-icon-box-wrapper {
        gap: 10px !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-wrapper::before {
        width: 32px !important;
        height: 26px !important;

        flex: 0 0 32px !important;

        background-color: #ffffff !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-title {
        color: #ffffff !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 22px !important;

        white-space: nowrap !important;
    }
}

/* =========================================================
   ULK Phase 35F: Slightly larger mobile shipping
   Phone only <= 767px
   Final fine-tuning over Phase 35E.
   ========================================================= */

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

    body .elementor-element-637853b
    .elementor-icon-box-wrapper::before {
        width: 34px !important;
        height: 28px !important;
        flex: 0 0 34px !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-title {
        font-size: 17px !important;
        line-height: 23px !important;
    }
}

/* =========================================================
   ULK Phase 36: Tablet fixed UI viewport containment
   Tablet only: 768px - 1023px

   Prevent Mobex fixed dashboard / mini-cart UI from
   expanding the document beyond the real tablet viewport.
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    /* Bottom sticky dashboard */
    html body .sticky-dashboard {
        left: 0 !important;
        right: 0 !important;

        width: auto !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }

    /* Mobex tablet mini-cart drawer */
    html body .mini-cart .cart-box {
        left: 0 !important;
        right: 0 !important;

        width: auto !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }

    /* Keep mini-cart internals inside the drawer */
    html body .mini-cart .cart-box
    .widget.woocommerce.widget_shopping_cart,
    html body .mini-cart .cart-box
    .widget_shopping_cart_content {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}

/* =========================================================
   ULK Phase 37: Tablet Free Shipping polish
   Tablet only: 768px - 1023px

   - Remove orange shipping background
   - Add white SVG truck
   - Increase text/icon slightly
   - Preserve centered tablet layout
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    /* Remove orange background */
    body .elementor-element-b0ac844 {
        background: transparent !important;
        background-color: transparent !important;

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

        padding: 0 !important;
    }

    body .elementor-element-637853b,
    body .elementor-element-637853b > .elementor-widget-container {
        background: transparent !important;
        background-color: transparent !important;

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

    body .elementor-element-637853b
    > .elementor-widget-container {
        padding: 6px 8px !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        gap: 9px !important;
    }

    /* White SVG truck */
    body .elementor-element-637853b
    .elementor-icon-box-wrapper::before {
        content: "" !important;

        display: inline-block !important;

        width: 27px !important;
        height: 22px !important;
        flex: 0 0 27px !important;

        background-color: #ffffff !important;

        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 5h11v11H3zM14 9h4l3 3v4h-7zM5.5 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM18.5 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM14 12h7'/%3E%3C/svg%3E") !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: center !important;
        -webkit-mask-size: contain !important;

        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 5h11v11H3zM14 9h4l3 3v4h-7zM5.5 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM18.5 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM14 12h7'/%3E%3C/svg%3E") !important;
        mask-repeat: no-repeat !important;
        mask-position: center !important;
        mask-size: contain !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-title {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 21px !important;

        white-space: nowrap !important;
    }
}

/* =========================================================
   ULK Phase 37B: Final tablet shipping size
   Tablet only: 768px - 1023px
   Fine-tune Phase 37 icon/text size only.
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    body .elementor-element-637853b
    .elementor-icon-box-wrapper {
        gap: 10px !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-wrapper::before {
        width: 32px !important;
        height: 26px !important;
        flex: 0 0 32px !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-title {
        font-size: 17px !important;
        line-height: 23px !important;
    }
}

/* =========================================================
   ULK Phase 41: Back in Stock tablet Read More alignment
   Tablet only: 768px - 1023px

   Align simple-product READ MORE buttons with the final
   action line used by ADD TO CART cards.
   Back in Stock widget only: 2937b45.
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    /*
     * READ MORE products use .product_type_simple but do not
     * have .add_to_cart_button. Keep Add to Cart untouched.
     */
    body .elementor-element-2937b45
    .price-button-wrapp
    a.button.product_type_simple:not(.add_to_cart_button) {
        transform: translateY(48px) !important;
    }
}

/* =========================================================
   ULK Phase 42: Back in Stock tablet Add to Cart button size
   Tablet only: 768px - 1023px

   Match ADD TO CART visual size to READ MORE.
   Position, quantity controls and transforms remain untouched.
   Back in Stock widget only: 2937b45.
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    body .elementor-element-2937b45
    .price-button-wrapp
    a.add_to_cart_button {
        height: 36px !important;
        min-height: 36px !important;

        padding: 0 16px !important;

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

        box-sizing: border-box !important;
        border-radius: 6px !important;

        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }
}

/* =========================================================
   ULK Phase 43: Unified Back in Stock tablet buttons
   Tablet only: 768px - 1023px

   Final visual sizing for ADD TO CART + READ MORE.
   Keeps quantity controls and natural button positioning.
   Back in Stock widget only: 2937b45.
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    body.home .elementor-element-2937b45
    .loop-products > li.product
    .price-button-wrapp
    .mobex-loop-card-actions
    > a.add_to_cart_button,

    body.home .elementor-element-2937b45
    .loop-products > li.product
    .price-button-wrapp
    > a.button.product_type_simple:not(.add_to_cart_button) {

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

        height: 38px !important;
        min-height: 38px !important;

        padding: 0 14px !important;

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

        box-sizing: border-box !important;

        border-radius: 6px !important;

        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }
}

/* =========================================================
   ULK Phase 44: Special Deals tablet banner
   Tablet only: 768px - 1023px

   Keep Elementor's existing background position.
   Make the Special Deals artwork fill the banner cleanly.
   Banner container only: 3ac613b.
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    body.home .elementor-element-3ac613b {
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
}

/* =========================================================
   ULK Phase 45: iPad Pro compact header
   iPad Pro / small landscape desktop: 1024px - 1199px

   - Compact header instead of stacked 3-column layout
   - Hamburger + logo on left
   - Free Shipping centered
   - Search + Login + Cart on right
   - Search By Vehicle remains below
   - Does not affect 768px - 1023px tablet rules
   ========================================================= */

@media only screen and (min-width: 1024px) and (max-width: 1199px) {

    /* Collapse the original standalone Free Shipping row */
    body .elementor-element-09775f1 {
        height: 0 !important;
        min-height: 0 !important;

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

    /* Main compact header row */
    body .elementor-element-a75cb3c {
        position: relative !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;

        height: 96px !important;
        min-height: 96px !important;

        padding: 0 32px !important;
        margin: 0 !important;

        gap: 20px !important;
        box-sizing: border-box !important;
    }

    /* LEFT: hamburger + logo */
    body .elementor-element-8301c57 {
        position: absolute !important;

        left: 32px !important;
        right: auto !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        width: auto !important;
        max-width: none !important;
        height: auto !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        gap: 20px !important;

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

        z-index: 3 !important;
    }

    body .elementor-element-22eb201,
    body .elementor-element-90c82df {
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }

    /* Logo size from successful live test */
    body .elementor-element-90c82df .header-logo img {
        width: 82px !important;
        max-width: 82px !important;
        height: auto !important;
    }

    /* Slightly enlarge hamburger */
    body .elementor-element-22eb201 .mobile-toggle {
        transform: scale(1.18) !important;
        transform-origin: center !important;
    }

    /* RIGHT: search + login + cart */
    body .elementor-element-0e77012 {
        position: absolute !important;

        left: auto !important;
        right: 32px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        width: auto !important;
        max-width: none !important;
        height: auto !important;

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

        gap: 22px !important;

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

        z-index: 3 !important;
    }

    body .elementor-element-d5b1804,
    body .elementor-element-2d338f1,
    body .elementor-element-7af2a81 {
        width: auto !important;
        max-width: none !important;
        height: auto !important;

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

        flex: 0 0 auto !important;
    }

    body .elementor-element-d5b1804 .ulk-header-search-icon {
        transform: scale(1.18) !important;
        transform-origin: center !important;
    }

    body .elementor-element-2d338f1 .login-toggle,
    body .elementor-element-7af2a81 .cart-toggle {
        transform: scale(1.12) !important;
        transform-origin: center !important;
    }

    /* FREE SHIPPING: exact center of header row */
    body .elementor-element-b0ac844 {
        position: absolute !important;

        left: 50% !important;
        right: auto !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: 300px !important;
        max-width: 300px !important;
        height: auto !important;

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

        z-index: 2 !important;
    }

    body .elementor-element-637853b {
        width: 300px !important;
        max-width: 300px !important;

        height: 34px !important;
        min-height: 34px !important;

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

        padding: 0 18px !important;
        margin: 0 !important;

        box-sizing: border-box !important;

        font-size: 13px !important;
        font-weight: 700 !important;
    }
}


/* =========================================================
   ULK Phase 45 Final: iPad Pro Free Shipping no-box style
   1024px - 1199px

   Final approved appearance:
   - No yellow/orange box behind Free Shipping
   - White delivery truck
   - White Free Shipping Over $99 text
   - Directly over existing header gradient
   ========================================================= */

@media only screen and (min-width: 1024px) and (max-width: 1199px) {

    body .elementor-element-b0ac844 {
        width: 320px !important;
        max-width: 320px !important;

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

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

    body .elementor-element-637853b {
        width: 320px !important;
        max-width: 320px !important;

        height: 48px !important;
        min-height: 48px !important;

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

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

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

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    body .elementor-element-637853b
    > .elementor-widget-container {

        width: auto !important;
        height: 48px !important;

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

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

        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-wrapper {

        width: auto !important;
        height: 48px !important;

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

        gap: 12px !important;

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

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

    /*
     * Elementor does not output the shipping icon at this
     * breakpoint, so provide the approved white truck.
     */
    body .elementor-element-637853b
    .elementor-icon-box-wrapper::before {

        content: "" !important;

        display: block !important;

        width: 28px !important;
        height: 22px !important;
        flex: 0 0 28px !important;

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

        background-color: #ffffff !important;

        -webkit-mask:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h11a2 2 0 0 1 2 2v3h2.5a2 2 0 0 1 1.6.8l2.5 3.3c.3.4.4.8.4 1.2V18h-2.2a3 3 0 0 1-5.6 0H9.8a3 3 0 0 1-5.6 0H2V6a2 2 0 0 1 1-2Zm1 2v10h.2a3 3 0 0 1 5.6 0H14V6H4Zm12 5v5h.2a3 3 0 0 1 5.6 0h.2v-1.3L19.5 11H16ZM7 16.5A1.5 1.5 0 1 0 7 19.5 1.5 1.5 0 0 0 7 16.5Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E")
            center / contain no-repeat !important;

        mask:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h11a2 2 0 0 1 2 2v3h2.5a2 2 0 0 1 1.6.8l2.5 3.3c.3.4.4.8.4 1.2V18h-2.2a3 3 0 0 1-5.6 0H9.8a3 3 0 0 1-5.6 0H2V6a2 2 0 0 1 1-2Zm1 2v10h.2a3 3 0 0 1 5.6 0H14V6H4Zm12 5v5h.2a3 3 0 0 1 5.6 0h.2v-1.3L19.5 11H16ZM7 16.5A1.5 1.5 0 1 0 7 19.5 1.5 1.5 0 0 0 7 16.5Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E")
            center / contain no-repeat !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-content {

        width: auto !important;
        height: auto !important;

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

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

        background: transparent !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-title,
    body .elementor-element-637853b
    .elementor-icon-box-title span {

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

        color: #ffffff !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 22px !important;

        white-space: nowrap !important;

        background: transparent !important;
    }
}


/* =========================================================
   ULK Phase 45 Final Approved: iPad Pro Free Shipping
   1024px - 1199px

   Approved:
   - Transparent / no colored box
   - Truck 40x32
   - Text 22px
   - Gap 15px
   - Center area 400px
   ========================================================= */

@media only screen and (min-width: 1024px) and (max-width: 1199px) {

    body .elementor-element-b0ac844 {
        width: 400px !important;
        max-width: 400px !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

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

    body .elementor-element-637853b {
        width: 400px !important;
        max-width: 400px !important;
        height: 48px !important;
        min-height: 48px !important;

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

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

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

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    body .elementor-element-637853b
    > .elementor-widget-container {
        width: auto !important;
        height: 48px !important;

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

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

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

    body .elementor-element-637853b
    .elementor-icon-box-wrapper {
        width: auto !important;
        height: 48px !important;

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

        gap: 15px !important;
        padding: 0 !important;
        margin: 0 !important;

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

    /*
     * Elementor does not output the shipping icon at
     * this breakpoint, so provide the approved truck.
     */
    body .elementor-element-637853b
    .elementor-icon-box-wrapper::before {
        content: "" !important;

        display: block !important;

        width: 40px !important;
        height: 32px !important;
        flex: 0 0 40px !important;
        padding: 0 !important;
        margin: 0 !important;

        background-color: #ffffff !important;

        -webkit-mask:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h11a2 2 0 0 1 2 2v3h2.5a2 2 0 0 1 1.6.8l2.5 3.3c.3.4.4.8.4 1.2V18h-2.2a3 3 0 0 1-5.6 0H9.8a3 3 0 0 1-5.6 0H2V6a2 2 0 0 1 1-2Zm1 2v10h.2a3 3 0 0 1 5.6 0H14V6H4Zm12 5v5h.2a3 3 0 0 1 5.6 0h.2v-1.3L19.5 11H16ZM7 16.5A1.5 1.5 0 1 0 7 19.5 1.5 1.5 0 0 0 7 16.5Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E")
            center / contain no-repeat !important;

        mask:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h11a2 2 0 0 1 2 2v3h2.5a2 2 0 0 1 1.6.8l2.5 3.3c.3.4.4.8.4 1.2V18h-2.2a3 3 0 0 1-5.6 0H9.8a3 3 0 0 1-5.6 0H2V6a2 2 0 0 1 1-2Zm1 2v10h.2a3 3 0 0 1 5.6 0H14V6H4Zm12 5v5h.2a3 3 0 0 1 5.6 0h.2v-1.3L19.5 11H16ZM7 16.5A1.5 1.5 0 1 0 7 19.5 1.5 1.5 0 0 0 7 16.5Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E")
            center / contain no-repeat !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-content {
        width: auto !important;
        height: auto !important;

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

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

        background: transparent !important;
    }

    body .elementor-element-637853b
    .elementor-icon-box-title,
    body .elementor-element-637853b
    .elementor-icon-box-title span {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 28px !important;
        white-space: nowrap !important;

        background: transparent !important;
    }
}

/* ULK: Hide product counts in WooCommerce attribute filters */
.woocommerce-widget-layered-nav-list__item > .count {
    display: none !important;
}


/* =========================================================
   ULK Phase 47: Best Deals mobile button height fix

   Best Deals widget only: ae37cf7
   Mobile only: <= 767px

   Keeps:
   - two product cards per row
   - quantity controls
   - stock labels
   - desktop/tablet unchanged
   ========================================================= */

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

    body.home .elementor-element-ae37cf7
    .loop-products > li.product
    .mobex-loop-card-actions {

        align-items: center !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        flex-grow: 0 !important;
        flex-shrink: 0 !important;

        align-self: auto !important;
    }


    body.home .elementor-element-ae37cf7
    .loop-products > li.product
    .mobex-loop-card-actions
    > a.add_to_cart_button {

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

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        flex-grow: 0 !important;
        flex-shrink: 1 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        line-height: 1 !important;

        box-sizing: border-box !important;
    }
}



/* =========================================================
   ULK 404 Featured Categories Final
   Page 9492 / Elementor widget 9ecad01 only
   ========================================================= */

body.error404 .elementor-element-9ecad01
.et-terms .terms-item {
    height: auto !important;
    min-height: 132px !important;
}

body.error404 .elementor-element-9ecad01
.et-terms .terms-item > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

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

    text-align: center !important;
}

body.error404 .elementor-element-9ecad01
.et-terms .terms-item .term-image {
    position: relative !important;

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

    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;

    margin: 0 auto 8px !important;

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

    overflow: hidden !important;
    border-radius: 50% !important;
}

body.error404 .elementor-element-9ecad01
.et-terms .terms-item .term-image img {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 78% !important;
    height: 78% !important;

    max-width: 78% !important;
    max-height: 78% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 !important;
}

body.error404 .elementor-element-9ecad01
.et-terms .terms-item .term-image-back {
    width: 100% !important;
    height: 100% !important;
}

body.error404 .elementor-element-9ecad01
.et-terms .term-title {
    display: block !important;

    width: 100% !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 4px !important;

    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 700 !important;

    text-align: center !important;
    white-space: normal !important;

    box-sizing: border-box !important;
}


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

    body.error404 .elementor-element-9ecad01
    .et-terms .terms-item {
        min-height: 112px !important;
    }

    body.error404 .elementor-element-9ecad01
    .et-terms .terms-item .term-image {
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;

        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    }

    body.error404 .elementor-element-9ecad01
    .et-terms .terms-item .term-image img {
        width: 76% !important;
        height: 76% !important;
        max-width: 76% !important;
        max-height: 76% !important;
    }

    body.error404 .elementor-element-9ecad01
    .et-terms .term-title {
        min-height: 36px !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }
}

/* END ULK 404 Featured Categories Final */


/* =========================================================
 * ULK — VARIABLE PRODUCT CARD
 * Hide empty quantity placeholder before SELECT OPTIONS.
 * Variable products must choose options on product page.
 * ========================================================= */

#loop-products
.product-type-variable
.mobex-loop-card-actions--no-qty
.ulk-qty-placeholder {
    display: none !important;
}

/* Keep SELECT OPTIONS using the available action width. */
#loop-products
.product-type-variable
.mobex-loop-card-actions--no-qty
.product_type_variable {
    width: 100% !important;
    max-width: 100% !important;
}


/* =========================================================
 * ULK — NEW PRODUCTS QUANTITY FINAL
 * New Products section only.
 * Equal − / 1 / + cells.
 * ========================================================= */

body.home .elementor-element-0a77479
.loop-products > li.product
.mobex-loop-card-actions .comp-counter {
    display: grid !important;
    grid-template-columns: 40px 40px 40px !important;

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

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

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

    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.home .elementor-element-0a77479
.loop-products > li.product
.mobex-loop-card-actions .comp-counter .minus,

body.home .elementor-element-0a77479
.loop-products > li.product
.mobex-loop-card-actions .comp-counter .qty-value,

body.home .elementor-element-0a77479
.loop-products > li.product
.mobex-loop-card-actions .comp-counter .plus {
    position: static !important;

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

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

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

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

    line-height: 38px !important;
    box-sizing: border-box !important;

    transform: none !important;
}

body.home .elementor-element-0a77479
.loop-products > li.product
.mobex-loop-card-actions .comp-counter .minus {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body.home .elementor-element-0a77479
.loop-products > li.product
.mobex-loop-card-actions .comp-counter .qty-value {
    grid-column: 2 !important;
    grid-row: 1 !important;

    border-left: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;
}

body.home .elementor-element-0a77479
.loop-products > li.product
.mobex-loop-card-actions .comp-counter .plus {
    grid-column: 3 !important;
    grid-row: 1 !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
}


/* =========================================================
 * ULK — NEW PRODUCTS QTY GRID EXACT FIX
 * #ulk-new-arrivals-grid ONLY
 * 36 + 50 + 36 = 122px
 * ========================================================= */

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter {
    display: grid !important;
    grid-template-columns: 36px 50px 36px !important;

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

    height: 38px !important;

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

    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter .minus {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;

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

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

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter .qty-value {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;

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

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

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

    border-left: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;

    transform: none !important;
}

body.home #ulk-new-arrivals-grid
.mobex-loop-card-actions .comp-counter .plus {
    position: static !important;
    grid-column: 3 !important;
    grid-row: 1 !important;

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

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

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

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

    transform: none !important;
}


/* =========================================================
 * ULK — ON SALE ACTION ROW FINAL WIDTH
 * Widget 0a77479 ONLY
 * Give ADD TO CART more room.
 * ========================================================= */

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

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter {
        display: grid !important;
        grid-template-columns: 30px 34px 30px !important;

        flex: 0 0 94px !important;

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

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

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

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .minus,

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .qty-value,

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .plus {
        position: static !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

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

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

        transform: none !important;
        box-sizing: border-box !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .minus {
        grid-column: 1 !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .qty-value {
        grid-column: 2 !important;

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

        border-left: 1px solid #d8d8d8 !important;
        border-right: 1px solid #d8d8d8 !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions .comp-counter .plus {
        grid-column: 3 !important;

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

        left: auto !important;
        right: auto !important;
    }

    body.home .elementor-element-0a77479
    .loop-products > li.product
    .mobex-loop-card-actions > a.add_to_cart_button {
        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 104px !important;
        max-width: none !important;

        height: 38px !important;
        min-height: 38px !important;

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

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

        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}