/* Custom Product Display - v4.0.3 patches */
/* Telegram-like variables */
:root {
  --cpd-tele-blue: #2aa6f4;
  --cpd-tele-light: #eaf7ff;
  --cpd-text: #111;
  --cpd-muted: #666;
  --cpd-accent: #0b63a4;
  --cpd-radius: 10px;
}

/* Generic */
.cpd-boxed { border: 1px solid rgba(15,50,80,0.06); border-radius: 10px; padding: 12px; background: #fff; }

/* LIST wrapper */
.cpd-list-wrap { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial; color:var(--cpd-text); margin: 18px 0; }

/* Title */
.cpd-list-title { font-size:18px; font-weight:700; color:var(--cpd-tele-blue); margin-bottom:10px; }

/* Head: center labels */
.cpd-list-head { display:grid; grid-template-columns:80px 360px 1fr; gap:12px; margin-bottom:8px; }
.cpd-list-head .cpd-h { text-align:center; color:var(--cpd-tele-blue); font-weight:700; font-size:13px; }

/* Rows - boxed + hover */
.cpd-list-body { display:flex; flex-direction:column; gap:12px; }
.cpd-row { display:grid; grid-template-columns:80px 360px 1fr; gap:12px; align-items:start; padding:12px; border-radius:10px; transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease; }
.cpd-row.cpd-boxed { border:1px solid rgba(15,50,80,0.06); background:#fff; }
.cpd-row:hover { transform: translateY(-4px); background:var(--cpd-tele-light); box-shadow:0 10px 24px rgba(10,20,40,0.06); }

/* Select column */
.cpd-cell-select { text-align:center; }

/* Product column */
.cpd-product-box { display:flex; gap:12px; align-items:flex-start; }
.cpd-img-wrap { width:170px; height:140px; display:flex; align-items:center; justify-content:center; }
.cpd-list-img { max-width:100%; max-height:100%; object-fit:contain !important; display:block; border-radius:8px; }

/* Product meta */
.cpd-product-meta { display:flex; flex-direction:column; justify-content:flex-start; gap:6px; min-width:0; align-items:flex-end; /* align meta to right as requested */ }
.cpd-product-name { font-size:15px; font-weight:700; color:var(--cpd-text); text-align:left; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cpd-product-price { font-size:16px; font-weight:800; color:var(--cpd-accent); text-align:right; }

/* BUY button (small, compact) — shrink */
.cpd-buy-btn { display:inline-block; padding:6px 8px; min-width:64px; white-space:nowrap; font-size:13px; border-radius:8px; background: var(--cpd-tele-blue); color:#fff; text-decoration:none; text-align:center; }

/* Description cell: smaller text for balance */
.cpd-desc-inner { font-size:13px; line-height:1.5; color:var(--cpd-muted); }

/* Footer actions right-aligned */
.cpd-list-footer { margin-top:14px; display:flex; justify-content:flex-end; gap:12px; align-items:center; }
.cpd-btn { border:0; padding:10px 14px; border-radius:10px; font-weight:700; cursor:pointer; }
.cpd-btn-primary { background: linear-gradient(90deg,var(--cpd-tele-blue),#69c9ff); color:#fff; box-shadow:0 8px 24px rgba(42,166,244,0.12); }
.cpd-btn-outline { background:#fff; color:var(--cpd-tele-blue); border:2px solid var(--cpd-tele-blue); padding:9px 12px; border-radius:10px; text-decoration:none; }

/* Buy selected style */
.cpd-btn-buy-primary { background: var(--cpd-tele-blue); color:#fff; padding:9px 14px; border-radius:10px; }

/* SINGLE layout */
.cpd-single-wrap { display:flex; gap:20px; align-items:flex-start; margin-bottom:18px; }
.cpd-single-wrap.cpd-boxed { border:1px solid rgba(15,50,80,0.06); border-radius:10px; padding:14px; }
.cpd-single-left { width:42%; }
.cpd-single-right { width:58%; }

.cpd-single-img { width:100%; max-height:420px; object-fit:contain !important; display:block; border-radius:8px; background:transparent; border:none; }

.cpd-single-title { font-size:20px; font-weight:800; color:var(--cpd-tele-blue); margin-bottom:10px; }

/* Description: keep full HTML, don't clamp */
.cpd-single-desc { font-size:15px; color:var(--cpd-text); line-height:1.6; margin-bottom:14px; overflow:visible; max-height:none !important; }

/* Price and actions under description */
.cpd-single-price { font-size:18px; font-weight:800; color:var(--cpd-accent); margin-bottom:8px; }
.cpd-single-actions { display:flex; gap:10px; justify-content:flex-start; }

/* Small action buttons */
.cpd-btn-small { padding:8px 12px; border-radius:8px; background:var(--cpd-tele-blue); color:#fff; border:none; font-weight:700; }

/* faded divider */
.cpd-fade-divider { height:1px; background:linear-gradient(90deg, rgba(0,0,0,0.06), rgba(0,0,0,0.02)); margin-top:22px; opacity:.7; border-radius:2px; }

/* responsive */
@media (max-width:900px) {
  .cpd-list-head, .cpd-row { grid-template-columns:60px 220px 1fr; }
  .cpd-single-wrap { flex-direction:column; }
  .cpd-single-left, .cpd-single-right { width:100%; }
  .cpd-product-meta { align-items:flex-start; text-align:left; }
  .cpd-product-price { text-align:left; }
}