/**
 * Smart-PC Custom Redesign Styles
 * Consolidat din template-uri inline: product.tpl, cart.tpl, footer.tpl (modal)
 * Includes: spc-card.css, spc-compare-bar.css sunt separate (incluse in footer/header)
 */

/* ========================================
   PRODUCT PAGE
   ======================================== */

.spc-redesign { border-top: none !important; }
.product-info.spc-redesign { margin-top: 0; }
.main-content hr, .main-content .strip-line { display: none; }
.breadcrumb-wrapper + .strip-line,
.breadcrumb-wrapper + hr,
.product-info + .strip-line { display: none !important; }
.main-content .container > .strip-line { display: none !important; }
.wrapper-top .strip-line { display: none !important; }
.spc-redesign .background-content,
.product-info.spc-redesign ~ .background-content,
.background-content { border-top: none !important; border-image: none !important; }
.spc-redesign .product-block-carduri-rate { display: none !important; }

/* Buy Card */
.spc-redesign .spc-buy-card { position: sticky; top: 20px; border: 2px solid #2a1a6e; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(42,26,110,0.10); background: #fff; }
.spc-redesign .spc-buy-card-price { background: linear-gradient(135deg, #2a1a6e, #1e1258); padding: 18px; }
.spc-redesign .spc-buy-card-price .spc-price-main { font-size: 30px; font-weight: 700; color: #fff; }
.spc-redesign .spc-buy-card-price .spc-price-old { font-size: 15px; color: rgba(255,255,255,0.5); text-decoration: line-through; margin-right: 8px; }
.spc-redesign .spc-buy-card-price .spc-price-rate { font-size: 12px; color: rgba(255,255,255,0.7); margin-top: 4px; }
.spc-redesign .spc-buy-card-price .spc-price-rate a { color: #ffb87a; text-decoration: none; }
.spc-redesign .spc-buy-card-body { padding: 14px 18px 18px; }
.spc-redesign .spc-price-discount { margin-top: 6px; }
.spc-redesign .spc-price-discount .discount { font-size: 11px; color: rgba(255,255,255,0.7); }
.spc-redesign .spc-discount-badge { display: inline-block; background: #e74c3c; color: #fff; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 4px; margin-bottom: 8px; }

/* Delivery Box */
.spc-redesign .spc-delivery-box { display: flex; align-items: center; gap: 10px; background: #fef8f2; border: 1px solid #f0dcc8; border-radius: 8px; padding: 9px 10px; font-size: 12px; color: #5a4030; margin-bottom: 12px; }
.spc-redesign .spc-delivery-box i { font-size: 18px; color: #e67e22; flex-shrink: 0; }
.spc-redesign .spc-delivery-box strong { color: #3a2010; }

/* Trust Box */
.spc-redesign .spc-trust-box { background: #f8fdf8; border: 1px solid #d4edda; border-radius: 8px; padding: 9px 12px; margin-bottom: 14px; }
.spc-redesign .spc-trust-item { display: flex; align-items: center; gap: 7px; padding: 3px 0; font-size: 12px; color: #333; }
.spc-redesign .spc-trust-item i { color: #27ae60; width: 14px; text-align: center; }
.spc-redesign .spc-trust-item .spc-hl { color: #27ae60; font-weight: 600; }

/* Buttons */
.spc-redesign .spc-btn-cart { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 14px; font-size: 16px; font-weight: 600; color: #fff; background: linear-gradient(135deg, #f15a23, #d94a15); border: none; border-radius: 10px; cursor: pointer; box-shadow: 0 4px 12px rgba(241,90,35,0.3); transition: all 0.15s; }
.spc-redesign .spc-btn-cart:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(241,90,35,0.4); }
.spc-redesign .spc-btn-unavailable { display: block; width: 100%; padding: 14px; font-size: 16px; font-weight: 600; color: #fff; background: #801670; border: none; border-radius: 10px; text-align: center; }
.spc-redesign .spc-btn-preorder { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 14px; font-size: 16px; font-weight: 600; color: #fff; background: linear-gradient(135deg, #f15a23, #d94a15); border: none; border-radius: 10px; cursor: pointer; }
.spc-redesign .spc-card-actions { display: flex; gap: 6px; margin-top: 10px; }
.spc-redesign .spc-btn-sec { flex: 1; display: flex; align-items: center; justify-content: center; gap: 4px; padding: 8px; font-size: 11px; color: #2a1a6e; background: #f5f0fa; border: 1px solid #d8cef0; border-radius: 8px; cursor: pointer; text-decoration: none; transition: all 0.15s; }
.spc-redesign .spc-btn-sec:hover { background: #2a1a6e; color: #fff; }

/* Bank Logos */
.spc-redesign .spc-tbi-footer { padding: 12px 18px; background: #faf8fc; border-top: 1px solid #e8e0f0; text-align: center; }
.spc-redesign .spc-tbi-footer .spc-tbi-title { font-size: 11px; font-weight: 600; color: #2a1a6e; margin-bottom: 4px; }
.spc-redesign .spc-bank-logos { display: flex; justify-content: center; gap: 5px; flex-wrap: wrap; }
.spc-redesign .spc-bank-logo { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 2px 7px; font-size: 9px; color: #666; }

/* Key Specs */
.spc-redesign .spc-key-specs { padding-top: 10px; margin-top: 6px; border-top: 1px solid #f0f0f0; }
.spc-redesign .spc-key-specs-title { font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; font-weight: 600; }
.spc-redesign .spc-spec-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.spc-redesign .spc-spec-chip { background: #faf8fc; border: 1px solid #e0d8f0; border-radius: 6px; padding: 4px 10px; font-size: 11px; color: #555; }
.spc-redesign .spc-spec-chip b { color: #2a1a6e; }

/* Description */
.spc-redesign .description { font-size: 13px; line-height: 1.8; margin-bottom: 0 !important; padding-bottom: 5px !important; font-family: 'Poppins', sans-serif; font-style: normal; border-bottom: none !important; }
.spc-redesign .description span { color: #999; display: inline-block; min-width: 130px; font-weight: 400; font-style: normal; }
.spc-redesign .description a { color: #e67e22; }

/* Stock */
.spc-redesign .spc-stock-value { color: #27ae60; font-weight: 600; }

/* Reviews */
.spc-redesign .review { margin-bottom: 8px; padding-bottom: 0; border-bottom: none; }
.spc-redesign .review .rating a { color: #e67e22; }
.spc-redesign .review hr, .spc-redesign .product-center > hr { display: none; }

/* Benefits */
.spc-redesign .benefits { display: none; }
.spc-redesign .benefits + hr,
.spc-redesign .benefits ~ hr { display: none; }

/* Options */
.spc-redesign .options-center { margin-top: 16px; padding-top: 16px; border-top: 1px solid #f0f0f0; }

/* Tabs as sections */
.spc-redesign ~ .htabs { display: none; }
.spc-redesign ~ .tab-content,
#tab-description, #tab-attribute, #tab-review { display: block !important; }
#tab-description, #tab-attribute, #tab-review { clear: both; }
#tab-attribute .attribute { max-width: 1000px; }
#tab-attribute .attribute td:first-child { width: 300px; }

/* Carousel thumbnails */
.spc-redesign .overflow-thumbnails-carousel { padding: 0 30px; position: relative; }
.spc-redesign .thumbnails-carousel .owl-prev,
.spc-redesign .thumbnails-carousel .owl-next { position: absolute; top: 50%; transform: translateY(-50%); }
.spc-redesign .thumbnails-carousel .owl-prev { left: -25px; }
.spc-redesign .thumbnails-carousel .owl-next { right: -25px; }
.spc-redesign .thumbnails-carousel .owl-item { padding: 0 3px; }
.spc-redesign .thumbnails-carousel .item a { display: block; padding: 3px; }
.spc-redesign .thumbnails-carousel .item img { width: 100%; }

/* Layout spacing */
.spc-redesign .popup-gallery { padding-right: 0 !important; }
.spc-redesign .popup-gallery > .row { margin-right: 0; margin-left: 0; }
.spc-redesign .popup-gallery > .row > [class*="col-"] { padding-right: 0; padding-left: 0; }
.spc-redesign .product-center { padding-left: 10px !important; }
.spc-redesign .product-image { margin-bottom: 10px; }

/* Product Page Responsive */
@media (max-width: 991px) {
  #title-page { font-size: 18px !important; line-height: 1.3 !important; }
  .breadcrumb { font-size: 11px; }
  .spc-redesign .spc-buy-card { position: static !important; }
  .spc-redesign .benefits { display: none; }
  .spc-redesign .product-center { padding-left: 0 !important; }
  .spc-redesign .popup-gallery { padding-right: 15px !important; }
  .spc-redesign .description { font-size: 12px; line-height: 1.6; }
  .spc-redesign .description span { min-width: auto !important; font-size: 11px; margin-right: 5px; display: block !important; }
  .spc-redesign .review .rating { font-size: 12px; }
  .spc-redesign .spc-key-specs-title { font-size: 11px; }
  .spc-redesign .spc-spec-chip { font-size: 10px; }
  .spc-redesign .popup-gallery { margin-bottom: 15px; }
  .spc-redesign .thumbnails-carousel .owl-item { max-width: 80px; }
  .spc-redesign .thumbnails-carousel .item a { padding: 2px !important; }
  .spc-redesign .spc-buy-card-price .spc-price-main { font-size: 24px; }
  .spc-redesign .spc-delivery-box { font-size: 11px; }
  .spc-redesign .spc-trust-item { font-size: 11px; }
  .spc-redesign .spc-btn-cart { font-size: 14px; padding: 12px; }
  .spc-redesign .spc-card-actions { font-size: 10px; }
  .spc-redesign .spc-tbi-footer .spc-tbi-title { font-size: 10px; }
  .spc-redesign .spc-bank-logo { font-size: 8px; padding: 2px 5px; }
}
@media (max-width: 767px) {
  #title-page { font-size: 16px !important; }
  .pattern .clearfix > ul,
  #title-page + ul { display: none !important; }
  #tab-description { font-size: 13px; line-height: 1.6; }
  .spc-redesign .spc-buy-card { margin-top: 16px; margin-bottom: 16px; }
  .spc-redesign .popup-gallery { margin-bottom: 20px; }
  .spc-redesign .spc-buy-card-price .spc-price-main { font-size: 26px; }
  .spc-redesign .spc-btn-cart { font-size: 15px; padding: 12px; }
  .spc-redesign .spc-spec-chips { gap: 4px; }
  .spc-redesign .spc-spec-chip { font-size: 11px; padding: 3px 8px; }
  #tab-attribute .attribute { max-width: 100%; }
  #tab-attribute .attribute td:first-child { width: 40%; font-size: 12px; }
  #tab-attribute .attribute td:last-child { width: 60%; font-size: 12px; }
  #tab-attribute .attribute thead td { font-size: 11px; }
  #tab-description { font-size: 13px; line-height: 1.5; }
  #tab-description ul { padding-left: 18px; }
  h1#tab-description-heading, h1#tab-attribute-heading, h1#tab-review-heading,
  .spc-redesign ~ h1 { font-size: 18px !important; }
}


/* ========================================
   CART PAGE
   ======================================== */

/* Hide breadcrumb + old title on cart */
.spc-cart-page div.breadcrumb,
.spc-cart-page #title-page { display: none !important; }
.spc-cart-page .background-content { border-top: none !important; }

.spc-cart-header { margin-bottom: 24px; margin-top: 20px; }
.spc-cart-header h1 { font-size: 24px; font-weight: 600; color: #0E133A; }
.spc-cart-header span { color: #888; font-size: 14px; font-weight: 400; }

.spc-cart-layout { display: flex; gap: 24px; }
.spc-cart-items { flex: 1; min-width: 0; }
.spc-cart-summary { width: 360px; flex-shrink: 0; }

/* Card produs */
.spc-cart-item {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  transition: box-shadow 0.2s;
}
.spc-cart-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }

.spc-cart-item-img {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spc-cart-item-img img { max-width: 100%; max-height: 100%; object-fit: contain; }

.spc-cart-item-details { flex: 1; min-width: 0; }
.spc-cart-item-name {
  font-size: 14px;
  font-weight: 500;
  color: #0E133A;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  margin-bottom: 6px;
}
.spc-cart-item-name:hover { color: #f15a23; }
.spc-cart-item-stock { font-size: 11px; color: #27ae60; }
.spc-cart-item-stock.out { color: #e74c3c; }
.spc-cart-item-stock i { margin-right: 3px; }
.spc-cart-item-option { font-size: 11px; color: #888; margin-top: 2px; }

/* Quantity */
.spc-cart-item-qty {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.spc-cart-item-qty button {
  width: 32px;
  height: 32px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  font-size: 16px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}
.spc-cart-item-qty button:hover { background: #f5f5f5; color: #0E133A; }
.spc-cart-item-qty .spc-qty-minus { border-radius: 6px 0 0 6px; }
.spc-cart-item-qty .spc-qty-plus { border-radius: 0 6px 6px 0; }
.spc-cart-item-qty input {
  width: 42px !important;
  height: 32px !important;
  text-align: center !important;
  border: 1px solid #ddd !important;
  border-left: none !important;
  border-right: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  outline: none !important;
  color: #333 !important;
  background: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  line-height: 32px !important;
  -moz-appearance: textfield;
}
.spc-cart-item-qty input::-webkit-outer-spin-button,
.spc-cart-item-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Price */
.spc-cart-item-price {
  text-align: right;
  flex-shrink: 0;
  min-width: 100px;
}
.spc-cart-item-price .price { font-size: 16px; font-weight: 600; color: #f15a23; }
.spc-cart-item-price .unit-price { font-size: 11px; color: #999; margin-top: 2px; }

/* Remove */
.spc-cart-item-remove {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.15s;
  border: none;
  background: none;
}
.spc-cart-item-remove:hover { color: #e74c3c; background: #fef2f2; }

/* Summary */
.spc-cart-summary-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  position: sticky;
  top: 20px;
}
.spc-cart-summary-title {
  font-size: 16px;
  font-weight: 600;
  color: #0E133A;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.spc-cart-summary-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 14px;
  color: #555;
}
.spc-cart-summary-row.total {
  border-top: 2px solid #0E133A;
  margin-top: 12px;
  padding-top: 12px;
  font-size: 18px;
  font-weight: 700;
  color: #0E133A;
}
.spc-cart-summary-row.total .value { color: #f15a23; }

/* Coupon */
.spc-cart-coupon { margin-top: 16px; padding-top: 16px; border-top: 1px solid #f0f0f0; }
.spc-cart-coupon-input { display: flex; gap: 8px; }
.spc-cart-coupon-input input {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
  outline: none;
}
.spc-cart-coupon-input input:focus { border-color: #0E133A; }
.spc-cart-coupon-input button {
  padding: 10px 16px;
  background: #0E133A;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}

/* CTA */
.spc-cart-btn-checkout {
  display: block;
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, #f15a23, #d94a15);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  margin-top: 20px;
  transition: all 0.15s;
  font-family: inherit;
}
.spc-cart-btn-checkout:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(241,90,35,0.3);
  color: #fff;
  text-decoration: none;
}
.spc-cart-btn-checkout i { margin-right: 6px; }

/* Continue */
.spc-cart-btn-continue {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 12px;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  color: #0E133A;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: all 0.15s;
  font-family: inherit;
}
.spc-cart-btn-continue:hover { border-color: #0E133A; background: #f5f5f7; color: #0E133A; text-decoration: none; }
.spc-cart-btn-continue i { margin-right: 6px; }

/* Trust */
.spc-cart-trust {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f0f0f0;
}
.spc-cart-trust span { font-size: 10px; color: #999; }
.spc-cart-trust i { color: #27ae60; margin-right: 3px; }

/* Empty cart */
.spc-cart-empty {
  text-align: center;
  padding: 60px 20px;
  background: #fff;
  border-radius: 12px;
}
.spc-cart-empty i { font-size: 48px; color: #ddd; display: block; margin-bottom: 16px; }
.spc-cart-empty h2 { font-size: 20px; color: #555; margin-bottom: 8px; }
.spc-cart-empty p { color: #999; font-size: 14px; margin-bottom: 20px; }
.spc-cart-empty a {
  display: inline-block;
  padding: 12px 32px;
  background: linear-gradient(135deg, #f15a23, #d94a15);
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
}

/* Cart Responsive */
@media (max-width: 768px) {
  .spc-cart-layout { flex-direction: column; }
  .spc-cart-summary { width: 100%; }
  .spc-cart-item { flex-wrap: wrap; gap: 12px; padding: 16px; }
  .spc-cart-item-img { width: 70px; height: 70px; }
  .spc-cart-item-details { min-width: calc(100% - 90px); flex: unset; }
  .spc-cart-item-qty { margin-left: 0; }
  .spc-cart-item-price { margin-left: auto; }
  .spc-cart-trust { flex-direction: column; gap: 6px; align-items: center; }
}


/* ========================================
   MODAL IDENTIFICARE (Pre-Checkout)
   ======================================== */

#spc-identify { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; display:flex; align-items:flex-start; justify-content:center; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.spc-id-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(25,10,100,0.65); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.spc-id-card { position:relative; background:#fff; border-radius:16px; padding:40px; max-width:440px; width:92%; box-shadow:0 12px 48px rgba(0,0,0,0.2); z-index:1; text-align:center; margin:auto 0; flex-shrink:0; }
.spc-id-close { position:absolute; top:12px; right:14px; background:none; border:none; font-size:24px; color:#aaa; cursor:pointer; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:all 0.15s; line-height:1; padding:0; z-index:2; }
.spc-id-close:hover { color:#e74c3c; background:#fef2f2; }
.spc-id-logo { font-size:26px; font-weight:700; color:#190a64; margin-bottom:20px; }
.spc-id-logo span { color:#f15a23; }
.spc-id-card h2 { font-size:22px; color:#333; margin:0 0 6px; }
.spc-id-sub { font-size:13px; color:#888; margin:0 0 24px; }
.spc-id-sub strong { color:#333; }

/* Fields */
.spc-id-field { position:relative; margin-bottom:14px; }
.spc-id-field i { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#bbb; font-size:15px; }
.spc-id-field input { width:100%; padding:14px 16px 14px 44px; border:2px solid #e8e3f0; border-radius:10px; font-size:15px; outline:none; background:#fafafa; transition:border-color 0.2s; box-sizing:border-box; }
.spc-id-field input:not([type]):first-child, .spc-id-row .spc-id-field input { padding-left:16px; }
.spc-id-field input:focus { border-color:#190a64; background:#fff; }
.spc-id-row { display:flex; gap:10px; }
.spc-id-row .spc-id-field { flex:1; }

/* Error */
.spc-id-error { color:#e74c3c; font-size:12px; margin-bottom:8px; min-height:16px; }

/* Button */
.spc-id-btn { display:block; width:100%; padding:14px; background:linear-gradient(135deg,#f15a23,#d94a15); color:#fff; border:none; border-radius:10px; font-size:16px; font-weight:600; cursor:pointer; transition:all 0.15s; margin-top:4px; }
.spc-id-btn:hover { transform:translateY(-1px); box-shadow:0 6px 16px rgba(241,90,35,0.3); }
.spc-id-btn:disabled { opacity:0.6; transform:none; cursor:wait; }

/* Links */
.spc-id-link { margin-top:14px; font-size:13px; }
.spc-id-link a { color:#0066a6; text-decoration:none; }
.spc-id-link a:hover { text-decoration:underline; }
.spc-id-back { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#999; text-decoration:none; cursor:pointer; margin-bottom:16px; }
.spc-id-back:hover { color:#333; }

/* Trust */
.spc-id-trust { display:flex; justify-content:center; gap:20px; margin-top:24px; padding-top:20px; border-top:1px solid #f0f0f0; }
.spc-id-trust span { font-size:10px; color:#999; }
.spc-id-trust i { color:#27ae60; margin-right:4px; }

/* Checkboxes */
.spc-id-check { display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; text-align:left; }
.spc-id-check input { margin-top:3px; accent-color:#190a64; width:16px; height:16px; flex-shrink:0; }
.spc-id-check label { font-size:12px; color:#666; line-height:1.4; cursor:pointer; }
.spc-id-check label a { color:#0066a6; }

/* Steps */
.spc-id-step { display:none; }
.spc-id-step.active { display:block; }

@media (max-width:480px) {
  .spc-id-card { padding:28px 20px; }
  .spc-id-row { flex-direction:column; gap:0; }
  .spc-id-trust { flex-direction:column; gap:8px; }
}
@media (max-height:500px) {
  #spc-identify { padding:10px 0; }
  .spc-id-card { padding:20px 16px; border-radius:10px; }
  .spc-id-card h2 { font-size:18px; }
  .spc-id-logo { font-size:20px; margin-bottom:10px; }
  .spc-id-sub { margin-bottom:14px; }
  .spc-id-field input { padding:10px 16px 10px 40px; font-size:14px; }
  .spc-id-btn { padding:10px; font-size:14px; }
  .spc-id-trust { display:none; }
}

/* ============================
   CLS FIX — Prevent layout shifts
   ============================ */

/* 0. Header container — prevent CLS from slider affecting header height */
.spc-h28-container { contain: layout; }

/* Reduce spacing between sections on homepage */
.common-home .box.box-no-advanced { margin-top: 10px !important; padding-top: 10px !important; }
.common-home .advanced-grid { margin-bottom: 5px !important; }

/* 1. Slider spacer column — hide on tablet/mobile, expand slider to full width */
@media (max-width: 991px) {
	.spc-slider { aspect-ratio: 16 / 9; }
	/* Hide empty spacer col-sm-3 next to slider on tablet */
	.col-sm-9:has(.spc-slider) { width: 100% !important; }
	.col-sm-3:has(+ .col-sm-9 .spc-slider) { display: none !important; }
}

/* 2. Product images — width/height set in HTML templates, no CSS override needed */

/* 3. Category menu images */
.image-right { width: 100px; height: 100px; object-fit: contain; }

/* 4. Logo — prevent shift */
#top .logo img, .spc-header-logo img { width: auto; height: 50px; }


/* 6. Slideshow container — prevent collapse before load */
#slider { min-height: 300px; }
#slider .pattern { min-height: 300px; }

@media (max-width: 991px) {
  .camera_wrap { aspect-ratio: 16 / 9; }
  .camera_slider { min-height: 200px; }
  #slider, #slider .pattern { min-height: 200px; }
}
@media (max-width: 767px) {
  .camera_wrap { aspect-ratio: 4 / 3; }
  .camera_slider { min-height: 150px; }
  #slider, #slider .pattern { min-height: 150px; }
}

/* ============================
   QUICKCHECKOUT RESTYLING
   ============================ */

/* Headings */
.quickcheckout-heading {
  background: linear-gradient(135deg, #0E133A 0%, #1a1f4e 100%) !important;
  color: #fff !important;
  padding: 12px 18px !important;
  border-radius: 6px 6px 0 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  border: none !important;
}
.quickcheckout-heading i {
  margin-right: 8px !important;
  color: #f15a23 !important;
}
.quickcheckout-content {
  border: 1px solid #eee !important;
  border-top: none !important;
  border-radius: 0 0 6px 6px !important;
  padding: 15px !important;
  background: #fff !important;
}

/* Payment/shipping method tables */
#payment-method .table,
#shipping-method .table {
  border: none !important;
  margin-bottom: 0 !important;
}
#payment-method .table tr,
#shipping-method .table tr {
  border: 1px solid #f0f0f0 !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  margin-bottom: 6px !important;
  transition: all 0.15s !important;
  cursor: pointer !important;
  background: #fff !important;
}
#payment-method .table tr:hover,
#shipping-method .table tr:hover {
  border-color: #f15a23 !important;
  background: #fff8f5 !important;
}
#payment-method .table td,
#shipping-method .table td {
  border: none !important;
  padding: 4px 8px !important;
  vertical-align: middle !important;
}
/* Radio buttons styled */
#payment-method input[type="radio"],
#shipping-method input[type="radio"] {
  accent-color: #f15a23 !important;
  width: 18px !important;
  height: 18px !important;
}
/* Selected row highlight */
#payment-method .table tr:has(input:checked),
#shipping-method .table tr:has(input:checked) {
  border-color: #f15a23 !important;
  background: #fff8f5 !important;
}

/* Comment textarea */
#payment-method textarea[name="comment"] {
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  padding: 10px !important;
  font-size: 13px !important;
  resize: vertical !important;
  max-height: 100px !important;
  rows: 3 !important;
  transition: border-color 0.2s !important;
}
#payment-method textarea[name="comment"]:focus {
  border-color: #f15a23 !important;
  outline: none !important;
}

/* Terms section */
#quickcheckoutconfirm .quickcheckout-content {
  border: none !important;
  padding: 10px 0 !important;
}
/* Terms checkbox */
#terms input[type="checkbox"] {
  accent-color: #0E133A !important;
  width: 16px !important;
  height: 16px !important;
}
/* Continue button */
#button-payment-method {
  background: linear-gradient(135deg, #f15a23, #d94a15) !important;
  color: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
  font-size: 0 !important;
  width: auto !important;
  float: right !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  position: relative !important;
}
#button-payment-method::before {
  content: 'Continuă' !important;
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 0.3px !important;
}
#button-payment-method::after {
  content: 'spre confirmare \f054' !important;
  font-family: 'Poppins', 'FontAwesome', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.75) !important;
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
#button-payment-method:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(241,90,35,0.3) !important;
}
#button-payment-method:disabled {
  opacity: 0.5 !important;
  transform: none !important;
}

/* Data estimata livrare */
#shipping-method .quickcheckout-content p strong {
  color: #0E133A !important;
}

/* Voucher/coupon section */
#voucher .quickcheckout-content {
  border: 1px solid #eee !important;
  border-radius: 6px !important;
  padding: 12px !important;
}