#shop_topnav {
	padding-top: 15px;
}
.scquantity {
	background-color: black;
    color: white;
    border-radius: 50%;
    margin-left: -12px;
    margin-top: -5px;
    font-size: 12px;
    position: absolute;
    padding: 3px 5px;
}
#subscribe_success { color: white;}

.loadingdiv img { max-width: 200px; }

/* ===== CART SIDEBAR REDESIGN ===== */

/* Green left accent + shadow */
#cartsidebar {
  box-shadow: -4px 0 24px rgba(0,0,0,0.13) !important;
  border-left: 3px solid #28a745 !important;
  background: #fafafa !important;
}

/* Header */
#cart_title {
  background: #fff !important;
  border-bottom: 2px solid #efefef !important;
  padding: 16px 20px 14px !important;
}
#cart_title h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin: 0 !important;
}
.sidebarCloseBtn { font-size: 22px !important; color: #aaa !important; }
.sidebarCloseBtn:hover { color: #333 !important; }

/* Table header */
#no-more-tables table thead th {
  background: #f5f5f5 !important;
  color: #666 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #e0e0e0 !important;
  border-top: none !important;
}

/* Line item rows */
#no-more-tables table tbody tr { border-bottom: 1px solid #f2f2f2 !important; }
#no-more-tables table tbody tr:hover { background: #f9fdf9 !important; }
#no-more-tables table tbody td {
  padding: 10px 12px !important;
  vertical-align: middle !important;
  font-size: 13px !important;
  border-top: none !important;
}
#no-more-tables table tbody td img {
  border-radius: 8px !important;
  width: 52px !important; height: 52px !important;
  object-fit: cover !important;
}
#no-more-tables .a-right {
  font-weight: 700 !important;
  color: #28a745 !important;
  font-size: 14px !important;
}

/* Subtotal */
#no-more-tables table tfoot td {
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 12px !important;
  border-top: 2px solid #e8e8e8 !important;
}

/* Buttons */
#cartsidebar center {
  display: flex !important;
  gap: 10px !important;
  padding: 14px 0 !important;
  margin: 0 0 12px !important;
}
#cartsidebar center button {
  flex: 1 !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: 2px solid #28a745 !important;
}
#cartsidebar center button:first-of-type {
  background: #28a745 !important;
  color: #fff !important;
}
#cartsidebar center button:first-of-type:hover {
  background: #1e7e34 !important;
}
#cartsidebar center button:last-of-type {
  background: #fff !important;
  color: #28a745 !important;
}
#cartsidebar center button:last-of-type span { color: #28a745 !important; }

/* "Inspired by your cart" label */
#cartsidebar h5 {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #999 !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid #efefef !important;
}

/* Related product cards */
#cartsidebar .col-md-3.col-sm-12 { padding: 6px 8px !important; }
#cartsidebar .relatedproducts {
  border: 1px solid #e8e8e8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: box-shadow 0.15s, transform 0.15s !important;
}
#cartsidebar .relatedproducts:hover {
  box-shadow: 0 3px 12px rgba(0,0,0,0.09) !important;
  transform: translateY(-2px) !important;
}
/* ── Product name: allow 2 lines in cart table ── */
#cartsidebar .cart-table .product-name,
#cartsidebar .product-name {
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.4;
}

/* ── Related product names: allow 3 lines ── */
#cartsidebar .relatedproducts a:not(.product-image) {
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  font-size: 11px !important; font-weight: 600 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
}
#cartsidebar .relatedproducts br { display: none !important; }
#cartsidebar .relatedproducts > span {
  display: block !important;
  font-size: 10px !important;
  color: #999 !important;
  padding: 0 10px 8px !important;
}

/* Center product images in recommended cards */
#cartsidebar .relatedproducts .product-image {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}
#cartsidebar .relatedproducts .product-image img {
  display: block !important;
  margin: 0 auto !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}
#cartsidebar .relatedproducts {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 8px 4px !important;
}

/* Card wrapper */
.checkout-column.left {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.08) !important;
  padding: 28px 32px !important;
}

/* Section headings (Order Summary, Payment Method) */
.checkout-column .section-header {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  border-bottom: 3px solid #28a745 !important;
  padding-bottom: 10px !important;
  margin-bottom: 0px !important;
}

/* Table header row */
.order-review-table thead th {
  background: #f5f5f5 !important;
  color: #555 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-bottom: 2px solid #e0e0e0 !important;
  padding: 10px 8px !important;
}

/* Line item rows */
.order-review-table td.checkouttext {
  padding: 10px 8px !important;
  font-size: 13px !important;
  color: #333 !important;
}
.order-review-table td.checkoutlinetotal {
  color: #28a745 !important;
  font-weight: 700 !important;
}

/* Totals rows */
.order-review-table td.checkouttext_bottom {
  padding: 8px 8px !important;
  font-size: 13px !important;
  border-top: none !important;
}

/* Notes section */
.notes-section { margin-top: 20px !important; padding-top: 18px !important; border-top: 1px solid #eee !important; }
.notes-section .section-header { font-size: 15px !important; font-weight: 700 !important; border-bottom: none !important; padding-bottom: 6px !important; margin-bottom: 8px !important; }
.notes-section textarea {
  width: 100% !important; border: 1px solid #ddd !important; border-radius: 8px !important;
  padding: 10px !important; font-size: 13px !important; resize: vertical !important; box-sizing: border-box !important;
}
.notes-section textarea:focus { border-color: #28a745 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(40,167,69,0.12) !important; }

/* Complete Order button */
.btn-submit {
  background: #28a745 !important; border: none !important; border-radius: 8px !important;
  color: #fff !important; font-size: 15px !important; font-weight: 600 !important;
  padding: 14px 0 !important; width: 100% !important; margin-top: 24px !important;
  cursor: pointer !important;
}
.btn-submit:hover { background: #218838 !important; transform: translateY(-1px) !important; }
/* Sale price — green */
.order-review-table .price-sale {
  color: #28a745 !important;
  font-weight: 700 !important;
}

/* Original/crossed-out price — muted */
.order-review-table .price-original {
  color: #aaa !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
  font-size: 11px !important;
}

/* ── Other Customers Also Purchased ── */

.container > h4 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 16px !important;
  border-bottom: 3px solid #28a745 !important;
  padding-bottom: 8px !important;
  display: inline-block !important;
}

.container .row .relatedproducts {
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 10px !important;
  padding: 10px 8px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-sizing: border-box !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
  margin: 8px;
}
.container .row .relatedproducts:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important;
  transform: translateY(-2px) !important;
}

.container .row .relatedproducts .product-image {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}
.container .row .relatedproducts .product-image img {
  display: block !important;
  margin: 0 auto !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

.container .row .relatedproducts br { display: none !important; }

.container .row .relatedproducts a:not(.product-image) {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
  width: 100% !important;
  text-align: center !important;
  text-decoration: none !important;
  margin-bottom: 6px !important;
}

.container .row .relatedproducts .related-price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #28a745 !important;
  display: block !important;
  margin-bottom: 2px !important;
}

.container .row .relatedproducts span:not(.related-price) {
  font-size: 11px !important;
  color: #999 !important;
  font-weight: 400 !important;
  display: block !important;
}