
/* SECURIX Cart v2 — approved desktop + mobile */
.sx-cart2{
  padding:18px 0 42px;
  color:#18191c;
}
.sx-cart2 *{box-sizing:border-box}
.sx-cart2-wrap{
  width:calc(100% - 128px);
  max-width:1408px;
  margin:0 auto;
}
.sx-cart2-crumbs{
  display:flex;
  align-items:center;
  gap:8px;
  margin:4px 0 20px;
  color:#9ba1aa;
  font-size:12px;
}
.sx-cart2-crumbs a{color:inherit;text-decoration:none}
.sx-cart2-crumbs strong{color:#25272b}
.sx-cart2-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.sx-cart2-title h1{
  margin:0;
  font-size:40px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.045em;
}
.sx-cart2-title>span{
  display:grid;
  min-width:25px;
  height:25px;
  place-items:center;
  padding:0 7px;
  border-radius:999px;
  background:#f0a018;
  color:#17181a;
  font-size:11px;
  font-weight:900;
}
.sx-cart2-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 400px;
  gap:20px;
  align-items:start;
}
.sx-cart2-left{min-width:0}
.sx-cart2-products,
.sx-cart2-summary,
.sx-cart2-rec-card,
.sx-cart2-bottom-trust{
  border:1px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 44px rgba(20,26,34,.055);
  backdrop-filter:blur(14px);
}
.sx-cart2-products{
  overflow:hidden;
  padding:0 22px;
  border-radius:24px;
}
.sx-cart2-products-head{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 130px 130px 140px 32px;
  gap:14px;
  align-items:center;
  min-height:48px;
  border-bottom:1px solid #e7eaee;
  color:#9299a3;
  font-size:11px;
}
.sx-cart2-products-head span:nth-child(3),
.sx-cart2-products-head span:nth-child(4),
.sx-cart2-products-head span:nth-child(5){text-align:center}
.sx-cart2-item{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 130px 130px 140px 32px;
  gap:14px;
  align-items:center;
  min-height:156px;
  padding:14px 0;
  border-bottom:1px solid #e7eaee;
}

.sx-cart2-select-all,
.sx-cart2-select{
  display:grid;
  place-items:center;
  margin:0;
  cursor:pointer;
}
.sx-cart2-select-all{justify-self:center}
.sx-cart2-select{justify-self:center}

.sx-cart2-select-all input,
.sx-cart2-select input{
  appearance:none;
  -webkit-appearance:none;
  display:grid;
  width:19px;
  height:19px;
  place-content:center;
  margin:0;
  border:1.5px solid #cfd5dc;
  border-radius:6px;
  background:#fff;
  cursor:pointer;
  transition:.15s ease;
}
.sx-cart2-select-all input::before,
.sx-cart2-select input::before{
  content:"";
  width:8px;
  height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:translateY(-1px) rotate(-45deg) scale(0);
  transition:transform .12s ease;
}
.sx-cart2-select-all input:checked,
.sx-cart2-select input:checked{
  border-color:#efa015;
  background:#efa015;
}
.sx-cart2-select-all input:checked::before,
.sx-cart2-select input:checked::before{
  transform:translateY(-1px) rotate(-45deg) scale(1);
}
.sx-cart2-select-all input:indeterminate{
  border-color:#efa015;
  background:#efa015;
}
.sx-cart2-select-all input:indeterminate::before{
  width:8px;
  height:0;
  border:0;
  border-top:2px solid #fff;
  transform:none;
}
.sx-cart2-select-all input:focus-visible,
.sx-cart2-select input:focus-visible{
  outline:3px solid rgba(239,160,21,.17);
  outline-offset:2px;
}

.sx-cart2-item.is-unselected{
  background:rgba(249,250,251,.72);
}
.sx-cart2-item.is-unselected .sx-cart2-item-main,
.sx-cart2-item.is-unselected .sx-cart2-qty,
.sx-cart2-item.is-unselected .sx-cart2-unit,
.sx-cart2-item.is-unselected .sx-cart2-line-total{
  opacity:.42;
}
.sx-cart2-item.is-unselected .sx-cart2-item-main,
.sx-cart2-item.is-unselected .sx-cart2-qty,
.sx-cart2-item.is-unselected .sx-cart2-unit,
.sx-cart2-item.is-unselected .sx-cart2-line-total{
  transition:opacity .16s ease;
}

.sx-cart2-item-main{
  display:grid;
  grid-template-columns:138px minmax(0,1fr);
  gap:18px;
  align-items:center;
  min-width:0;
}
.sx-cart2-item-image{
  display:grid;
  width:138px;
  height:126px;
  place-items:center;
  overflow:hidden;
  border-radius:16px;
  text-decoration:none;
}
.sx-cart2-item-image img{
  max-width:126px;
  max-height:118px;
  object-fit:contain;
}
.sx-cart2-item-name{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  color:#17181a;
  font-size:15px;
  font-weight:850;
  line-height:1.28;
  text-decoration:none;
}
.sx-cart2-item-status{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:7px;
  color:#0aa268;
  font-size:11px;
  font-weight:750;
}
.sx-cart2-item-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
}
.sx-cart2-item-status.is-preorder{color:#d48913}
.sx-cart2-item-status.is-out{color:#e34c4c}
.sx-cart2-item-code{
  display:block;
  margin-top:6px;
  color:#9299a3;
  font-size:11px;
}
.sx-cart2-qty{
  justify-self:center;
  display:grid;
  grid-template-columns:38px 44px 38px;
  overflow:hidden;
  border:1px solid #dde2e7;
  border-radius:12px;
  background:#fff;
}
.sx-cart2-qty button,
.sx-cart2-qty b{
  display:grid;
  height:40px;
  place-items:center;
  border:0;
  background:#fff;
  color:#1d1e21;
  font-size:13px;
}
.sx-cart2-qty button{cursor:pointer}
.sx-cart2-qty button:hover{background:#f7f8f9}
.sx-cart2-unit,
.sx-cart2-line-total{
  justify-self:center;
  white-space:nowrap;
  font-size:16px;
  font-weight:850;
}
.sx-cart2-remove{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#9299a3;
  cursor:pointer;
}
.sx-cart2-remove:hover{background:#f4f5f6;color:#202226}
.sx-cart2-remove svg{width:18px;height:18px}

.sx-cart2-undo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:12px 0 0;
  padding:12px 14px;
  border:1px solid #e4e7eb;
  border-radius:12px;
  background:#fafbfc;
}
.sx-cart2-undo[hidden]{display:none!important}
.sx-cart2-undo-copy{
  min-width:0;
}
.sx-cart2-undo-copy b{
  display:block;
  color:#2b2e32;
  font-size:10.5px;
  font-weight:850;
}
.sx-cart2-undo-copy small{
  display:block;
  overflow:hidden;
  margin-top:3px;
  color:#8b929c;
  font-size:9px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.sx-cart2-undo button{
  flex:0 0 auto;
  height:34px;
  padding:0 12px;
  border:1px solid rgba(239,160,21,.55);
  border-radius:9px;
  background:#fff;
  color:#c87900;
  font-size:9.5px;
  font-weight:850;
  cursor:pointer;
}
.sx-cart2-undo button:hover{
  border-color:#efa015;
  background:#fff8ec;
}

.sx-cart2-products-actions{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 0;
}
.sx-cart2-products-actions button{
  display:flex;
  height:38px;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border:1px solid #dde2e7;
  border-radius:10px;
  background:#fff;
  color:#626a75;
  font-size:10.5px;
  font-weight:750;
  cursor:pointer;
}
.sx-cart2-products-actions button:hover{border-color:#cdd2d7;color:#222}
.sx-cart2-trash-icon{
  width:14px;height:14px;
  border:2px solid currentColor;
  border-top:0;
  border-radius:0 0 3px 3px;
  position:relative;
}
.sx-cart2-trash-icon::before{
  content:"";
  position:absolute;
  left:-3px;right:-3px;top:-5px;
  border-top:2px solid currentColor;
}
.sx-cart2-refresh-icon{font-size:17px;line-height:1}

.sx-cart2-summary{
  position:sticky;
  top:96px;
  padding:24px 24px 20px;
  border-radius:24px;
}
.sx-cart2-summary h2{
  margin:0 0 20px;
  font-size:23px;
  font-weight:900;
  letter-spacing:-.025em;
}
.sx-cart2-summary-line{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #e7eaee;
  color:#7a828e;
  font-size:11.5px;
}
.sx-cart2-summary-line strong{color:#737b86}
.sx-cart2-summary-line>span:last-child{text-align:right}
.sx-cart2-info{
  display:inline-grid;
  width:15px;height:15px;
  place-items:center;
  margin-left:4px;
  border:1px solid #a7adb6;
  border-radius:50%;
  font-size:9px;
  font-style:normal;
}
.sx-cart2-summary-total{
  display:flex;
  align-items:end;
  justify-content:space-between;
  padding:18px 0 12px;
  font-size:15px;
  font-weight:850;
}
.sx-cart2-summary-total strong{
  font-size:29px;
  letter-spacing:-.035em;
}
.sx-cart2-free-shipping{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin:4px 0 14px;
  padding:14px;
  border:1px solid rgba(239,158,18,.24);
  border-radius:14px;
  background:linear-gradient(105deg,rgba(255,248,235,.94),rgba(255,252,247,.82));
}
.sx-cart2-free-shipping[hidden]{display:none!important}
.sx-cart2-gift{
  color:#ef9200;
  font-size:25px;
  line-height:1;
}
.sx-cart2-free-copy{min-width:0}
.sx-cart2-free-copy span{
  display:block;
  color:#42464c;
  font-size:10.5px;
}
.sx-cart2-free-copy strong{
  display:block;
  margin-top:2px;
  color:#ee8f00;
  font-size:14px;
}
.sx-cart2-free-shipping>b{
  align-self:end;
  padding-bottom:1px;
  white-space:nowrap;
  font-size:9.5px;
}
.sx-cart2-progress{
  height:4px;
  margin-top:8px;
  overflow:hidden;
  border-radius:999px;
  background:#e7e7e5;
}
.sx-cart2-progress i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:#ef9200;
  transition:width .25s ease;
}
.sx-cart2-promo{
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px;
  gap:10px;
  margin:0 0 12px;
}
.sx-cart2-promo input,
.sx-cart2-promo button{
  height:44px;
  border:1px solid #dfe3e7;
  border-radius:11px;
  background:#fff;
}
.sx-cart2-promo input{
  min-width:0;
  padding:0 13px;
  color:#25272b;
  outline:none;
}
.sx-cart2-promo input:focus{border-color:#e7a12c;box-shadow:0 0 0 3px rgba(237,160,27,.08)}
.sx-cart2-promo input::placeholder{color:#afb4bc}
.sx-cart2-promo button{
  color:#32353a;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.sx-cart2-checkout,
.sx-cart2-continue{
  display:flex;
  height:48px;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
}
.sx-cart2-checkout{
  background:#efa015;
  color:#17181a;
  box-shadow:0 8px 20px rgba(239,160,21,.14);
}
.sx-cart2-checkout:hover{background:#f5a71b}
.sx-cart2-checkout.is-disabled{
  pointer-events:none;
  opacity:.48;
  filter:grayscale(.25);
}
.sx-cart2-continue{
  margin-top:10px;
  border:1px solid #dfe3e7;
  background:#fff;
  color:#24262a;
}
.sx-cart2-summary-trust{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #e7eaee;
}
.sx-cart2-summary-trust span{
  display:grid;
  justify-items:center;
  gap:5px;
  min-width:0;
  color:#6f7782;
  text-align:center;
}
.sx-cart2-summary-trust span+span{border-left:1px solid #eceef1}
.sx-cart2-summary-trust svg{
  width:20px;height:20px;
  color:#e99000;
  stroke-width:1.7;
}
.sx-cart2-summary-trust b{
  max-width:96px;
  font-size:8.5px;
  font-weight:750;
}

.sx-cart2-recommendations{margin-top:16px}
.sx-cart2-recommendations[hidden]{display:none!important}
.sx-cart2-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.sx-cart2-section-head h2{
  margin:0;
  font-size:19px;
  font-weight:900;
  letter-spacing:-.02em;
}
.sx-cart2-rec-nav{display:flex;gap:6px}
.sx-cart2-rec-nav button{
  display:grid;
  width:34px;height:34px;
  place-items:center;
  border:1px solid #dde2e7;
  border-radius:50%;
  background:#fff;
  color:#3b3f45;
  font-size:20px;
  cursor:pointer;
}
.sx-cart2-rec-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 20px)/3);
  gap:10px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.sx-cart2-rec-track::-webkit-scrollbar{display:none}
.sx-cart2-rec-card{
  display:grid;
  grid-template-columns:128px minmax(0,1fr) 42px;
  grid-template-areas:
    "image copy copy"
    "image price cart";
  gap:8px 12px;
  min-height:154px;
  padding:12px;
  border-radius:18px;
  scroll-snap-align:start;
}
.sx-cart2-rec-image{
  grid-area:image;
  display:grid;
  width:128px;height:112px;
  place-items:center;
  align-self:center;
  text-decoration:none;
}
.sx-cart2-rec-image img{
  max-width:118px;
  max-height:102px;
  object-fit:contain;
}
.sx-cart2-rec-copy{grid-area:copy;min-width:0}
.sx-cart2-rec-name{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  color:#17181a;
  font-size:11.5px;
  font-weight:800;
  line-height:1.25;
  text-decoration:none;
}
.sx-cart2-rec-stock{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:6px;
  color:#0aa268;
  font-size:9px;
  font-weight:750;
}
.sx-cart2-rec-stock::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.sx-cart2-rec-stock.is-preorder{color:#d48913}
.sx-cart2-rec-price{
  grid-area:price;
  align-self:center;
  font-size:15px;
  font-weight:900;
  white-space:nowrap;
}
.sx-cart2-rec-add{
  grid-area:cart;
  display:grid;
  width:40px;height:40px;
  place-items:center;
  align-self:center;
  justify-self:end;
  border:1px solid #dde2e7;
  border-radius:11px;
  background:#fff;
  color:#e99000;
  cursor:pointer;
}
.sx-cart2-rec-add:hover{border-color:#e4a338;background:#fff9ef}
.sx-cart2-rec-add svg{width:20px;height:20px}

.sx-cart2-bottom-trust{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:20px;
  padding:17px 20px;
  border-radius:20px;
}
.sx-cart2-bottom-trust>div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:0;
}
.sx-cart2-bottom-trust>div+div{border-left:1px solid #e8ebee}
.sx-cart2-bottom-trust svg,
.sx-cart2-return-icon{
  flex:0 0 auto;
  width:28px;height:28px;
  color:#e99000;
  stroke-width:1.65;
}
.sx-cart2-return-icon{
  display:grid;
  place-items:center;
  font-size:29px;
  line-height:1;
}
.sx-cart2-bottom-trust span span{display:block}
.sx-cart2-bottom-trust b{
  display:block;
  font-size:11px;
  font-weight:850;
}
.sx-cart2-bottom-trust small{
  display:block;
  margin-top:3px;
  color:#8c939d;
  font-size:9.5px;
}

/* Empty state */
.sx-cart2-empty{
  display:grid;
  min-height:280px;
  place-items:center;
  align-content:center;
  gap:10px;
  color:#8e949d;
  text-align:center;
}
.sx-cart2-empty strong{color:#18191c;font-size:22px}
.sx-cart2-empty a{color:#b8750b;font-size:12px;font-weight:800}
.sx-cart2.is-empty .sx-cart2-products-head,
.sx-cart2.is-empty .sx-cart2-products-actions,
.sx-cart2.is-empty .sx-cart2-summary,
.sx-cart2.is-empty .sx-cart2-recommendations{display:none}

@media(max-width:1100px){
  .sx-cart2-wrap{width:calc(100% - 40px)}
  .sx-cart2-layout{grid-template-columns:minmax(0,1fr) 340px}
  .sx-cart2-products-head,
  .sx-cart2-item{grid-template-columns:minmax(0,1fr) 118px 0 120px 30px}
  .sx-cart2-products-head span:nth-child(3),
  .sx-cart2-unit{display:none}
}

@media(max-width:760px){
  .sx-cart2{
    padding:10px 0 28px;
  }
  .sx-cart2-wrap{
    width:calc(100% - 20px);
    max-width:none;
  }
  .sx-cart2-crumbs{
    margin:6px 4px 14px;
    font-size:11px;
  }
  .sx-cart2-title{
    margin:0 4px 13px;
  }
  .sx-cart2-title h1{font-size:32px}
  .sx-cart2-title>span{min-width:23px;height:23px;font-size:10px}
  .sx-cart2-layout{display:flex;flex-direction:column;gap:0}
  .sx-cart2-left{display:contents}
  .sx-cart2-products{
    order:1;
    padding:0;
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
  .sx-cart2-products-head{display:none}
  .sx-cart2-items{display:grid;gap:10px}
  .sx-cart2-item{
    display:grid;
    grid-template-columns:26px 108px minmax(0,1fr) 30px;
    grid-template-areas:
      "check image copy remove"
      ". unit qty total";
    gap:8px 10px;
    min-height:208px;
    padding:14px;
    border:1px solid rgba(255,255,255,.95);
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:0 12px 34px rgba(20,26,34,.055);
  }
  .sx-cart2-item-main{display:contents}
  .sx-cart2-select{
    grid-area:check;
    align-self:start;
    justify-self:start;
    margin-top:5px;
  }
  .sx-cart2-item-image{
    grid-area:image;
    width:108px;height:124px;
    align-self:start;
  }
  .sx-cart2-item-image img{max-width:100px;max-height:116px}
  .sx-cart2-item-copy{
    grid-area:copy;
    align-self:center;
    min-width:0;
  }
  .sx-cart2-item-name{
    font-size:12.5px;
    -webkit-line-clamp:4;
  }
  .sx-cart2-item-status{font-size:10px;margin-top:6px}
  .sx-cart2-item-code{font-size:10px;margin-top:5px}
  .sx-cart2-remove{
    grid-area:remove;
    width:30px;height:30px;
    align-self:start;
    justify-self:end;
  }
  .sx-cart2-unit{
    grid-area:unit;
    display:block;
    justify-self:start;
    align-self:center;
    font-size:15px;
  }
  .sx-cart2-qty{
    grid-area:qty;
    grid-template-columns:34px 38px 34px;
    justify-self:center;
    align-self:center;
  }
  .sx-cart2-qty button,.sx-cart2-qty b{height:36px}
  .sx-cart2-line-total{
    grid-area:total;
    justify-self:end;
    align-self:center;
    font-size:15px;
  }
  .sx-cart2-undo{
    margin:10px 2px 0;
    padding:10px 11px;
    border-radius:11px;
  }
  .sx-cart2-undo-copy b{font-size:9.5px}
  .sx-cart2-undo-copy small{max-width:220px;font-size:8.3px}
  .sx-cart2-undo button{height:32px;padding:0 10px;font-size:9px}

  .sx-cart2-products-actions{
    padding:10px 2px 0;
  }
  .sx-cart2-products-actions button{
    height:34px;
    padding:0 11px;
    font-size:9.5px;
  }
  .sx-cart2-products-actions button[data-cart-refresh]{display:none}

  /* Recommendations come BEFORE summary on mobile. */
  .sx-cart2-recommendations{
    order:2;
    margin-top:15px;
  }
  .sx-cart2-section-head{margin:0 2px 8px}
  .sx-cart2-section-head h2{font-size:17px}
  .sx-cart2-rec-nav{display:none}
  .sx-cart2-rec-track{
    grid-auto-columns:78%;
    gap:9px;
    margin-right:-10px;
    padding-right:10px;
  }
  .sx-cart2-rec-card{
    grid-template-columns:100px minmax(0,1fr) 38px;
    min-height:132px;
    padding:10px;
    border-radius:16px;
  }
  .sx-cart2-rec-image{width:100px;height:100px}
  .sx-cart2-rec-image img{max-width:92px;max-height:92px}
  .sx-cart2-rec-name{font-size:10.5px;-webkit-line-clamp:3}
  .sx-cart2-rec-price{font-size:14px}
  .sx-cart2-rec-add{width:36px;height:36px;border-radius:10px}
  .sx-cart2-rec-add svg{width:18px;height:18px}

  .sx-cart2-summary{
    order:3;
    position:static;
    width:100%;
    margin-top:14px;
    padding:17px;
    border-radius:18px;
  }
  .sx-cart2-summary h2{font-size:18px;margin-bottom:13px}
  .sx-cart2-summary-line{padding:11px 0;font-size:11px}
  .sx-cart2-summary-total{padding:14px 0 10px}
  .sx-cart2-summary-total strong{font-size:25px}
  .sx-cart2-free-shipping{
    grid-template-columns:30px minmax(0,1fr) auto;
    margin:3px 0 11px;
    padding:11px;
  }
  .sx-cart2-gift{font-size:22px}
  .sx-cart2-free-copy span{font-size:9.5px}
  .sx-cart2-free-copy strong{font-size:13px}
  .sx-cart2-free-shipping>b{font-size:8.5px}
  .sx-cart2-promo{
    grid-template-columns:minmax(0,1fr) 104px;
    gap:8px;
    margin-bottom:10px;
  }
  .sx-cart2-promo input,.sx-cart2-promo button{height:40px;border-radius:10px}
  .sx-cart2-promo input{font-size:11px}
  .sx-cart2-promo button{font-size:10px}
  /* Compact, non-stretched two-button row from approved mobile preview. */
  .sx-cart2-checkout,
  .sx-cart2-continue{
    display:inline-flex;
    width:calc(50% - 5px);
    height:42px;
    vertical-align:top;
    font-size:10.5px;
  }
  .sx-cart2-continue{margin:0 0 0 6px}
  .sx-cart2-summary-trust{display:none}

  .sx-cart2-bottom-trust{
    order:4;
    grid-template-columns:repeat(3,1fr);
    margin-top:14px;
    padding:13px 8px;
    border-radius:17px;
  }
  .sx-cart2-bottom-trust>div{gap:6px;padding:0 5px}
  .sx-cart2-bottom-trust>div+div{border-left:1px solid #e8ebee}
  .sx-cart2-bottom-trust .sx-cart2-return{display:none}
  .sx-cart2-bottom-trust svg{width:22px;height:22px}
  .sx-cart2-bottom-trust b{font-size:9px}
  .sx-cart2-bottom-trust small{font-size:7.8px;margin-top:2px}
}

@media(max-width:430px){
  .sx-cart2-item{
    grid-template-columns:24px 90px minmax(0,1fr) 28px;
    padding:12px;
  }
  .sx-cart2-item-image{width:90px;height:118px}
  .sx-cart2-item-image img{max-width:94px;max-height:108px}
  .sx-cart2-item-name{font-size:11.5px}
  .sx-cart2-rec-track{grid-auto-columns:86%}
  .sx-cart2-checkout,.sx-cart2-continue{font-size:9.7px}
}

/* ============================================================
   Cart v2.5.1 — MOBILE SELECTION / UNDO FIX
   Pure mobile presentation. Selection logic stays in cart.js.
   ============================================================ */
@media(max-width:760px){

  /* Each product becomes a stable 4-column card:
     checkbox | image | content | remove
     bottom:   blank    price   qty       total
  */
  .sx-cart2-item{
    display:grid !important;
    grid-template-columns:24px 92px minmax(0,1fr) 28px !important;
    grid-template-areas:
      "check image copy remove"
      ". unit qty total" !important;
    column-gap:8px !important;
    row-gap:8px !important;
    align-items:start !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:12px !important;
    overflow:visible !important;
  }

  .sx-cart2-item-main{
    display:contents !important;
  }

  .sx-cart2-select{
    grid-area:check !important;
    display:grid !important;
    place-items:center !important;
    align-self:start !important;
    justify-self:start !important;
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
    margin:5px 0 0 !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    z-index:3 !important;
  }

  .sx-cart2-select input{
    display:grid !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .sx-cart2-item-image{
    grid-area:image !important;
    width:92px !important;
    height:108px !important;
    min-width:92px !important;
    max-width:92px !important;
    margin:0 !important;
  }
  .sx-cart2-item-image img{
    max-width:86px !important;
    max-height:102px !important;
  }

  .sx-cart2-item-copy{
    grid-area:copy !important;
    min-width:0 !important;
    width:100% !important;
  }

  .sx-cart2-remove{
    grid-area:remove !important;
    justify-self:end !important;
    align-self:start !important;
    width:28px !important;
    height:28px !important;
    margin:0 !important;
  }

  .sx-cart2-unit{
    grid-area:unit !important;
    align-self:center !important;
    justify-self:start !important;
    font-size:10px !important;
  }

  .sx-cart2-qty{
    grid-area:qty !important;
    align-self:center !important;
    justify-self:start !important;
    min-width:94px !important;
  }

  .sx-cart2-line-total{
    grid-area:total !important;
    align-self:center !important;
    justify-self:end !important;
    font-size:12px !important;
  }

  /* Unselected item must still remain fully usable: only product content
     is visually muted, checkbox and delete remain clear. */
  .sx-cart2-item.is-unselected{
    background:#fafafa !important;
  }
  .sx-cart2-item.is-unselected .sx-cart2-select,
  .sx-cart2-item.is-unselected .sx-cart2-remove{
    opacity:1 !important;
  }

  /* The select-all desktop header is hidden on mobile, but add a compact
     select-all row above products so mobile has the same feature. */
  .sx-cart2-mobile-select-all{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin:0 0 8px !important;
    padding:9px 11px !important;
    border:1px solid #e6e8eb !important;
    border-radius:11px !important;
    background:#fff !important;
  }
  .sx-cart2-mobile-select-all label{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    color:#35393e !important;
    font-size:9.5px !important;
    font-weight:750 !important;
    cursor:pointer !important;
  }
  .sx-cart2-mobile-select-all input{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:grid !important;
    place-content:center !important;
    width:19px !important;
    height:19px !important;
    margin:0 !important;
    border:1.5px solid #cfd5dc !important;
    border-radius:6px !important;
    background:#fff !important;
  }
  .sx-cart2-mobile-select-all input::before{
    content:"";
    width:8px;
    height:4px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:translateY(-1px) rotate(-45deg) scale(0);
  }
  .sx-cart2-mobile-select-all input:checked,
  .sx-cart2-mobile-select-all input:indeterminate{
    border-color:#efa015 !important;
    background:#efa015 !important;
  }
  .sx-cart2-mobile-select-all input:checked::before{
    transform:translateY(-1px) rotate(-45deg) scale(1);
  }
  .sx-cart2-mobile-select-all input:indeterminate::before{
    width:8px;
    height:0;
    border:0;
    border-top:2px solid #fff;
    transform:none;
  }

  /* Undo is a full-width compact bar on mobile. */
  .sx-cart2-undo{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin:8px 0 0 !important;
    padding:10px !important;
    border-radius:11px !important;
  }
  .sx-cart2-undo[hidden]{
    display:none !important;
  }
  .sx-cart2-undo-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  .sx-cart2-undo-copy b{
    font-size:9.5px !important;
    line-height:1.25 !important;
  }
  .sx-cart2-undo-copy small{
    display:block !important;
    max-width:none !important;
    margin-top:2px !important;
    overflow:hidden !important;
    color:#8b929c !important;
    font-size:8.2px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
  }
  .sx-cart2-undo button{
    flex:0 0 auto !important;
    height:32px !important;
    padding:0 10px !important;
    font-size:9px !important;
  }

  /* Keep old v2.4 horizontal-overflow protection intact. */
  .sx-cart2,
  .sx-cart2-wrap,
  .sx-cart2-grid,
  .sx-cart2-products,
  .sx-cart2-items{
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
}

@media(max-width:420px){
  .sx-cart2-item{
    grid-template-columns:22px 82px minmax(0,1fr) 26px !important;
    column-gap:7px !important;
    padding:10px !important;
  }
  .sx-cart2-item-image{
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    height:98px !important;
  }
  .sx-cart2-item-image img{
    max-width:76px !important;
    max-height:92px !important;
  }
  .sx-cart2-select{
    width:22px !important;
    min-width:22px !important;
  }
  .sx-cart2-select input{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
  }
}


/* ============================================================
   Cart v2.5.2 — MOBILE PRICE TYPOGRAPHY FIX
   Fixes too-small prices on mobile cards and recommendation cards.
   Safe CSS-only patch.
   ============================================================ */
@media(max-width:760px){
  .sx-cart2-unit{
    font-size:15px !important;
    line-height:1.1 !important;
    font-weight:850 !important;
    letter-spacing:-.01em !important;
  }

  .sx-cart2-line-total{
    font-size:17px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
  }

  .sx-cart2-qty{
    min-width:108px !important;
    border-radius:14px !important;
  }

  .sx-cart2-qty button,
  .sx-cart2-qty b{
    font-size:14px !important;
    font-weight:800 !important;
  }

  .sx-cart2-rec-price{
    font-size:17px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    letter-spacing:-.015em !important;
  }

  .sx-cart2-rec-name{
    font-size:11px !important;
    line-height:1.24 !important;
  }

  .sx-cart2-mobile-select-all{
    padding:11px 12px !important;
  }
  .sx-cart2-mobile-select-all label{
    font-size:10.5px !important;
    font-weight:800 !important;
  }
}

@media(max-width:420px){
  .sx-cart2-unit{
    font-size:14px !important;
  }

  .sx-cart2-line-total{
    font-size:16px !important;
  }

  .sx-cart2-qty{
    min-width:104px !important;
  }

  .sx-cart2-qty button,
  .sx-cart2-qty b{
    font-size:13.5px !important;
  }

  .sx-cart2-rec-price{
    font-size:16px !important;
  }
}
