/* Scoped presentation, loaded before either populated or empty cart renders. */
.cart-main-container .cart-empty.woocommerce-info { display:none !important; }
.cart-empty-card,.cart-empty-card * { font-family:var(--font-body,'Vazirmatn',sans-serif); }
.cart-empty-card h2 { font-family:var(--font-heading,'Vazirmatn',sans-serif); }
.cart-empty-card .cart-empty-icon { display:flex; justify-content:center; margin-bottom:20px; color:#CBE6A3; }
.cart-empty-card .cart-empty-icon svg { width:64px; height:64px; }
.cart-empty-card .cart-empty-actions { display:flex; align-items:stretch; justify-content:center; flex-wrap:wrap; gap:16px; }
.cart-empty-card a:is(.btn-return-primary,.btn-return-secondary) {
  display:inline-flex; align-items:center; justify-content:center; gap:10px; position:static;
  padding:13px 26px; border-radius:12px; font-weight:700; text-decoration:none; line-height:1.7;
  max-width:100%; box-sizing:border-box; transition:background .3s ease,transform .3s ease;
}
.cart-empty-card .btn-return-primary { background:linear-gradient(135deg,#4d692e,#2f421a); border:1.5px solid rgba(162,204,102,.6); color:#fff; box-shadow:0 8px 24px rgba(25,40,15,.5); }
.cart-empty-card .btn-return-secondary { background:rgba(142,178,86,.15); border:1.5px solid rgba(142,178,86,.4); color:#CBE6A3; }
.cart-empty-card .btn-return-primary:hover { background:linear-gradient(135deg,#628738,#3e5823); border-color:#CBE6A3; transform:translateY(-2px); }
.cart-empty-card .btn-return-secondary:hover { background:rgba(142,178,86,.28); color:#fff; transform:translateY(-2px); }
.cart-empty-card .cart-return-icon { display:inline-flex; align-items:center; flex:0 0 22px; line-height:1; }
.cart-empty-card .cart-return-icon svg { width:22px; height:22px; }
.cart-empty-card .cart-return-label { color:inherit; min-width:0; text-align:center; }
.about-pillar-card .pillar-header, .pillar-header, .feature-box-header { display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; margin-bottom:12px !important; flex-direction:row !important; }
.about-pillar-card .pillar-icon-box, .pillar-icon-box, .feature-box-header .icon { display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; font-size:1.5rem !important; line-height:1 !important; margin:0 !important; }
.about-pillar-card .pillar-title, .pillar-title, .pillar-header h3, .feature-box-header h3 { margin:0 !important; min-width:0 !important; font-size:1rem !important; line-height:1.4 !important; font-weight:700 !important; text-align:center !important; color:var(--brand-gold, #DDA135) !important; }
.about-pillar-card .pillar-desc, .pillar-desc { margin:0 !important; text-align:center !important; font-size:.88rem !important; line-height:1.8 !important; }
.about-pillar-card .pillar-icon-box { display:flex; align-items:center; justify-content:center; flex:0 0 auto; font-size:1.5rem; line-height:1; margin:0; }
.about-pillar-card .pillar-icon-box img.emoji { width:1em !important; height:1em !important; margin:0 !important; }
.about-pillar-card .pillar-title { margin:0; min-width:0; font-size:1rem; line-height:1.7; font-weight:800; text-align:center; }
.about-pillar-card .pillar-desc { margin:0; text-align:center; font-size:.88rem; line-height:1.8; }
@media(max-width:768px) {
  .cart-empty-card .cart-empty-actions { flex-direction:column; align-items:stretch; }
  .cart-empty-card a:is(.btn-return-primary,.btn-return-secondary) { width:100%; padding:12px 16px; }
  .about-pillar-card .pillar-header { gap:8px; }
  .about-pillar-card .pillar-title { font-size:.95rem; }
}


/* ==========================================================================
   FIX 3: MOBILE CART RESPONSIVE (MOBILE ONLY < 769px)
   ========================================================================== */
@media (max-width: 768px) {
  .cart-container-inner {
    padding: 0 10px !important;
  }
  .cart-title-section {
    margin-bottom: 20px !important;
  }
  .cart-title-section .cart-heading {
    font-size: 1.45rem !important;
  }
  .cart-title-section .cart-eyebrow {
    font-size: 0.8rem !important;
  }
  .cart-layout {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .cart-items-card,
  .cart-summary-card,
  .cart-empty-card,
  .cart-actions-card {
    width: 100% !important;
    padding: 14px 12px !important;
    border-radius: 14px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
  }
  .cart-item {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    position: relative !important;
  }
  .cart-item-thumb-box {
    flex-shrink: 0 !important;
  }
  .cart-item-img {
    width: 60px !important;
    max-width: 60px !important;
    height: 60px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
  }
  .cart-item-info {
    flex: 1 1 calc(100% - 80px) !important;
    min-width: 0 !important;
  }
  .cart-item-name {
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
    word-break: break-word !important;
  }
  .cart-item-unit-price {
    font-size: 0.8rem !important;
  }
  .cart-qty-controls {
    min-height: 36px !important;
    height: 36px !important;
    padding: 2px 6px !important;
    border-radius: 8px !important;
  }
  .cart-qty-btn {
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    font-size: 1.2rem !important;
  }
  .cart-qty-input {
    width: 36px !important;
    font-size: 0.95rem !important;
  }
  .cart-item-total-price {
    font-size: 1rem !important;
    min-width: auto !important;
    text-align: left !important;
    font-weight: 800 !important;
  }
  [dir="ltr"] .cart-item-total-price {
    text-align: right !important;
  }
  .cart-item-remove-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
  }
  .cart-actions-bar {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .coupon-form-box {
    width: 100% !important;
    display: flex !important;
    gap: 8px !important;
  }
  .coupon-input {
    flex: 1 !important;
    width: auto !important;
    padding: 8px 12px !important;
    font-size: 0.85rem !important;
  }
  .btn-apply-coupon {
    padding: 8px 14px !important;
    font-size: 0.85rem !important;
    white-space: nowrap !important;
  }
  .cart-summary-card {
    position: static !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .summary-title {
    font-size: 1.1rem !important;
    margin-bottom: 14px !important;
  }
  .summary-row {
    font-size: 0.9rem !important;
    padding: 8px 0 !important;
  }
  .summary-total-row {
    font-size: 1.05rem !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
  }
  .summary-total-val {
    font-size: 1.15rem !important;
  }
  .btn-checkout-final {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    font-size: 1rem !important;
    border-radius: 12px !important;
    margin-top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  .btn-continue-shopping {
    width: 100% !important;
    padding: 10px 14px !important;
    font-size: 0.85rem !important;
    box-sizing: border-box !important;
  }
  /* Empty cart card */
  .cart-empty-card {
    padding: 36px 16px !important;
  }
  .cart-empty-card h2 {
    font-size: 1.3rem !important;
  }
  .cart-empty-card p {
    font-size: 0.88rem !important;
    margin-bottom: 24px !important;
  }
  .cart-empty-actions {
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .btn-return-primary,
  .btn-return-secondary {
    width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    padding: 12px 16px !important;
  }
}

