.linkkart-wrap{ --lk-ink:#172142; --lk-ink-soft:#3b4266; --lk-card:#F2EFE6; --lk-accent:#2E8B47; --lk-accent-dark:#226637; --lk-bulk:var(--lk-accent); --lk-bulk-dark:var(--lk-accent-dark); --lk-border:#cfe4d7;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.linkkart-empty{ padding:40px 20px; text-align:center; color:var(--lk-ink-soft); border:1px dashed var(--lk-border); border-radius:4px; }
.linkkart-info{ margin:0 0 20px 0; padding:14px 16px; background:#EAF4EE; border:1px solid #cfe4d7; border-radius:4px; color:#204a34; font-size:14px; line-height:1.6; }
.linkkart-grid{ display:grid; grid-template-columns:repeat(3, 1fr); grid-auto-rows:1fr; gap:20px; }
.linkkart-grid-bulk{ grid-template-columns:repeat(3, 1fr); grid-auto-rows:1fr; }

@media (max-width:900px){
  .linkkart-grid, .linkkart-grid-bulk{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:560px){
  .linkkart-grid, .linkkart-grid-bulk{ grid-template-columns:1fr; }
}

.linkkart-card{ background:var(--lk-card); border:1px solid var(--lk-border); border-radius:4px; overflow:hidden; display:flex; flex-direction:column; height:100%; }
.linkkart-img-wrap{ aspect-ratio:1/1; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; border-bottom:1px solid var(--lk-border); position:relative; }
.linkkart-img-wrap img{ width:100%; height:100%; object-fit:contain; padding:10px; }
.linkkart-noimg{ color:#c8c2b0; font-size:12px; }
.linkkart-badge{ position:absolute; top:8px; left:8px; font-size:11px; font-weight:600; padding:3px 8px; border-radius:2px; background:var(--lk-ink); color:#fff; }
.linkkart-badge.meesho{ background:#9F1D5C; }
.linkkart-body{ padding:14px; display:flex; flex-direction:column; gap:10px; flex:1; }
.linkkart-title{ font-size:var(--lk-title-size, 14px); line-height:1.4; font-weight:500; color:var(--lk-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:38px; }
.linkkart-price{ font-size:var(--lk-price-size, 19px); font-weight:700; color:var(--lk-ink); white-space:nowrap; }
.linkkart-buy{ margin-top:auto; display:block; text-align:center; text-decoration:none; background:var(--lk-accent); color:#fff !important; padding:10px; border-radius:3px; font-size:13px; font-weight:600; border:2px solid var(--lk-btn-border, var(--lk-accent)); box-sizing:border-box; }
.linkkart-buy:hover{ background:var(--lk-accent-dark); }

/* Title + price row */
.linkkart-info-row{ display:flex; flex-direction:column; gap:6px; }
.linkkart-price-right .linkkart-info-row{ flex-direction:row; align-items:center; justify-content:space-between; gap:10px; }
.linkkart-price-right .linkkart-title{ min-height:auto; -webkit-line-clamp:1; }

.linkkart-bcard{ background:#ffffff; border:1px solid var(--lk-border); border-radius:4px; padding:16px; display:flex; flex-direction:column; gap:12px; height:100%; box-shadow:0 1px 3px rgba(23,33,66,0.08); }
.linkkart-bcard .linkkart-title{ min-height:auto; -webkit-line-clamp:3; font-weight:700; font-size:15px; color:var(--lk-ink); }
.linkkart-quote-btn{ margin-top:auto; background:var(--lk-bulk); color:#fff; border:2px solid var(--lk-btn-border, var(--lk-bulk)); box-sizing:border-box; padding:10px; border-radius:3px; font-size:13px; font-weight:600; cursor:pointer; text-align:center; text-decoration:none; display:block; }
.linkkart-quote-btn:hover{ background:var(--lk-bulk-dark); }

/* Toolbar: search + category filter — stay side by side down to small screens */
.linkkart-toolbar{ display:flex; flex-wrap:nowrap; align-items:stretch; gap:10px; margin-bottom:18px; }
.linkkart-search{ flex:1 1 auto; min-width:0; width:auto; padding:10px 12px; border:1px solid var(--lk-border); border-radius:4px; font-size:14px; color:var(--lk-ink); background:#fff; box-sizing:border-box; }
.linkkart-search:focus{ outline:none; border-color:var(--lk-accent); }
.linkkart-category-filter{ flex:0 0 auto; width:auto; max-width:220px; padding:10px 12px; border:1px solid var(--lk-border); border-radius:4px; font-size:14px; color:var(--lk-ink); background:#fff; box-sizing:border-box; }

/* Only stack on very narrow (phone) screens where there just isn't room */
@media (max-width:480px){
  .linkkart-toolbar{ flex-wrap:wrap; }
  .linkkart-search{ flex:1 1 100%; }
  .linkkart-category-filter{ flex:1 1 100%; max-width:none; }
}

/* Loading state while the AJAX fetch is in progress */
.linkkart-grid-area{ position:relative; min-height:60px; transition:opacity .15s ease; }
.linkkart-grid-area.linkkart-loading{ opacity:0.45; pointer-events:none; }

/* Pagination */
.linkkart-pagination{ display:flex; align-items:center; justify-content:center; gap:14px; margin-top:26px; }
.linkkart-page-btn{ background:var(--lk-ink); color:#fff; border:none; padding:8px 16px; border-radius:3px; font-size:13px; font-weight:600; cursor:pointer; }
.linkkart-page-btn:disabled{ background:#c8c2b0; cursor:not-allowed; }
.linkkart-page-info{ font-size:13px; color:var(--lk-ink-soft); font-weight:600; }

/* Sold out */
.linkkart-soldout .linkkart-img-wrap img{ opacity:0.4; }
.linkkart-soldout-badge{ position:absolute; top:8px; right:8px; font-size:11px; font-weight:700; padding:3px 8px; border-radius:2px; background:#a5271f; color:#fff; z-index:2; }
.linkkart-buy-disabled{ margin-top:auto; display:block; text-align:center; background:#c8c2b0 !important; color:#fff !important; padding:10px; border-radius:3px; font-size:13px; font-weight:600; cursor:not-allowed; }

/* ============================================================
   Request-a-Quote modal (bulk page) + shared product-picker
   ============================================================ */
.rlk-modal-overlay{ position:fixed; inset:0; background:rgba(23,33,66,.55); z-index:99998; display:flex; align-items:center; justify-content:center; padding:20px; opacity:0; pointer-events:none; transition:opacity .15s ease; }
.rlk-modal-overlay.rlk-open{ opacity:1; pointer-events:auto; }
.rlk-modal{ background:#fff; width:100%; max-width:520px; max-height:90vh; overflow-y:auto; border-radius:8px; padding:24px; box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; position:relative; }
.rlk-modal h3{ margin:0 0 4px; color:#172142; font-size:20px; font-weight:800; }
.rlk-modal .rlk-modal-sub{ margin:0 0 18px; color:#3b4266; font-size:13px; }
.rlk-modal-close{ position:absolute; top:14px; right:14px; background:none; border:none; font-size:20px; line-height:1; cursor:pointer; color:#3b4266; padding:4px; }
.rlk-field{ margin-bottom:14px; }
.rlk-field label{ display:block; font-weight:600; font-size:13px; color:#172142; margin-bottom:5px; }
.rlk-field input[type=text], .rlk-field input[type=email], .rlk-field input[type=tel], .rlk-field select, .rlk-field textarea{ width:100%; box-sizing:border-box; padding:9px 11px; border:1px solid #DAD5C7; border-radius:4px; font-size:14px; color:#172142; font-family:inherit; }
.rlk-field input:focus, .rlk-field select:focus, .rlk-field textarea:focus{ outline:none; border-color:#2E8B47; }
.rlk-field-row{ display:flex; gap:10px; }
.rlk-field-row .rlk-field{ flex:1; min-width:0; }

/* Mobile number field: flag/country-code select + 10-digit-only number input,
   shared by the Contact Us form and the Request-a-Quote modal. */
.rlk-mobile-field{ display:flex; gap:8px; }
.rlk-mobile-field select.rlk-mobile-code{ flex:0 0 92px; width:92px; box-sizing:border-box; }
.rlk-mobile-field input.rlk-mobile-number{ flex:1; min-width:0; }
.rlk-optional{ font-weight:400; color:#8a8a8a; }

/* Product picker (chips) */
.rlk-product-picker .rlk-chip-list{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
.rlk-product-picker .rlk-chip-list:empty{ display:none; }
.rlk-chip{ display:inline-flex; align-items:center; gap:6px; background:#EAF4EE; border:1px solid #cfe4d7; color:#204a34; font-size:12.5px; font-weight:600; padding:5px 6px 5px 10px; border-radius:20px; }
.rlk-chip button{ background:none; border:none; color:#204a34; cursor:pointer; font-size:14px; line-height:1; padding:2px; }
.rlk-picker-row{ display:flex; gap:8px; }
.rlk-picker-input{ flex:1; min-width:0; }
.rlk-picker-add{ flex:0 0 auto; background:#172142; color:#fff; border:none; padding:0 14px; border-radius:4px; font-size:13px; font-weight:600; cursor:pointer; }
.rlk-picker-add:hover{ background:#0f1730; }

.rlk-modal-submit{ width:100%; background:#2E8B47; color:#fff; border:none; padding:12px; border-radius:4px; font-size:14px; font-weight:700; cursor:pointer; margin-top:4px; }
.rlk-modal-submit:hover{ background:#226637; }
.rlk-modal-submit:disabled{ opacity:.6; cursor:default; }
.rlk-modal-status{ margin-top:10px; font-size:13px; }
.rlk-modal-status.rlk-err{ color:#a5271f; }
.rlk-modal-status.rlk-ok{ color:#226637; }