.ai-sc-xsel{
  margin: 16px 0 0;
  padding: 14px 14px 10px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.ai-sc-xsel__title{
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px;
}

.ai-sc-xsel__list{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ai-sc-xsel__row{
  display: grid;
  grid-template-columns: 44px 44px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.04);
}

.ai-sc-xsel__plus{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.14);
  background: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.ai-sc-xsel__plus.is-loading{
  opacity: .6;
  cursor: wait;
}

.ai-sc-xsel__img img{
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

.ai-sc-xsel__name,
.ai-sc-xsel__price{
  font-size: 15px;
  font-weight: 600;
}

.ai-sc-xsel__price{ white-space: nowrap; }

/* NUCLEAR override: beat Elementor/theme button styles */
.xoo-wsc-container .ai-sc-xsel .ai-sc-xsel__plus,
.xoo-wsc-container .ai-sc-xsel .ai-sc-xsel__plus:visited,
.xoo-wsc-container .ai-sc-xsel .ai-sc-xsel__plus:active,
.xoo-wsc-container .ai-sc-xsel .ai-sc-xsel__plus:focus {
  background: transparent !important;
  background-color: transparent !important;
  color: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: background-color .2s ease, color .2s ease !important;
}

.xoo-wsc-container .ai-sc-xsel .ai-sc-xsel__plus:hover,
.xoo-wsc-container .ai-sc-xsel .ai-sc-xsel__plus:focus:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.xoo-wsc-container .ai-sc-xsel .ai-sc-xsel__plus:focus,
.xoo-wsc-container .ai-sc-xsel .ai-sc-xsel__plus:focus-visible {
  outline: none !important;
}

/* Side Cart – rounded checkout button */
.xoo-wsc-container .xoo-wsc-ft-btn-checkout {
  border-radius: 15px !important;
}

/* Floating cart trigger (Xootix): pill + injected "Cart" label */
.xoo-wsc-basket{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 42px !important;
  width: auto !important;
  min-width: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

.xoo-wsc-basket .ai-wsc-cart-label{
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #fff !important;
}

.xoo-wsc-basket .xoo-wsc-items-count{
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
}

/* Side cart: ONLY the product title blue */
.xoo-wsc-body .xoo-wsc-pname a,
.xoo-wsc-body .xoo-wsc-pname a:link,
.xoo-wsc-body .xoo-wsc-pname a:visited,
.xoo-wsc-body .xoo-wsc-pname a:hover,
.xoo-wsc-body .xoo-wsc-pname a:active,
.xoo-wsc-body .xoo-wsc-pname a:focus{
  color: var(--e-global-color-primary, #0033A0) !important;
  text-decoration: none;
}
.xoo-wsc-body .xoo-wsc-pname a:hover{ text-decoration: underline; }

/* Keep qty + price black */
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-sml-qty,
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-sml-qty *,
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-priceBox,
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-priceBox *,
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-pprice,
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-pprice *{
  color: #000 !important;
}

/* Hide duplicate inline price under Qty */
.xoo-wsc-product .xoo-wsc-priceBox,
.xoo-wsc-product .xoo-wsc-pprice {
  display: none !important;
}

/* Main cart rows = flat + dividers */
.xoo-wsc-container .xoo-wsc-product {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.15);
}
.xoo-wsc-container .xoo-wsc-product:last-of-type { border-bottom: none; }
.xoo-wsc-container .xoo-wsc-img-col img { border-radius: 4px !important; }

/* Side cart inner padding */
.xoo-wsc-container .xoo-wsc-body{
  padding: 0 12px !important;
}

/* === Side cart: SKU / Part No under title (catch-all) === */

.xoo-wsc-body .ai-wsc-sku{
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.2;
  color: #000;
  font-weight: 400;
}
/* === Side cart product image: smaller + gray rounded box === */

/* Make the image column a little narrower */
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-img-col{
  width: 56px !important;          /* tweak: 52–64 */
  flex: 0 0 56px !important;
}

/* The gray rounded container */
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-img-col a,
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-img-col{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;          /* matches above */
  height: 56px !important;
  padding: 6px !important;
  background: rgba(0,0,0,0.06) !important;
  border-radius: 12px !important;  /* tweak: 10–16 */
  overflow: hidden !important;
}

/* Actual image smaller and contained */
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-img-col img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;  /* contain inside the box */
  border-radius: 6px !important;   /* subtle rounding on the image itself */
  display: block !important;
}
/* === Side cart product image: single gray rounded box (no double) === */

/* Outer box ONLY */
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-img-col{
  width: 56px !important;          /* tweak 52–64 */
  height: 56px !important;
  flex: 0 0 56px !important;

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

  padding: 6px !important;
  background: rgba(0,0,0,0.06) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Inner link: remove ALL box styling so it can't create a second layer */
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-img-col a{
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

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

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

/* Image: contained inside the one box */
.xoo-wsc-container .xoo-wsc-product .xoo-wsc-img-col img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;

  background: transparent !important;
  border-radius: 6px !important; /* optional */
}