:root{
  --hd-primary:#cc3d3b;
  --hd-ink:#2b2b2b;
  --hd-muted:#6b7280;
  --hd-border:#e5e7eb;
  --hd-bg:#fafafa;
  --hd-card:#ffffff;
  --hd-radius:16px;
  --hd-radius-sm:12px;
  --hd-shadow:0 10px 20px rgba(0,0,0,.06);
}

.hd-rtl{ direction: rtl; }

/* Utilities */
.hd-hide{ display:none !important; }
.hd-center{ display:flex; align-items:center; justify-content:center; }
.hd-text-muted{ color:var(--hd-muted); }
.hd-badge{ display:inline-flex; align-items:center; gap:6px; background:#f1f5f9; border:1px solid var(--hd-border); border-radius:999px; padding:4px 10px; font-size:12px; }

/* Buttons */
.hd-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border-radius:999px; border:1px solid transparent; text-decoration:none; font-weight:600; transition:all .2s ease; }
.hd-btn--primary{ background:var(--hd-primary); color:#fff; box-shadow:0 6px 14px rgba(204,61,59,.25); }
.hd-btn--primary:hover{ transform:translateY(-1px); box-shadow:0 10px 18px rgba(204,61,59,.3); }
.hd-btn--ghost{ background:#fff; border-color:var(--hd-border); color:var(--hd-ink); }
.hd-btn--ghost:hover{ border-color:#d1d5db; transform:translateY(-1px); }

/* Filter bar (shortcode) */
.hd-dc-filters{ display:grid; grid-template-columns:1.2fr 0.8fr 0.6fr auto; gap:12px; margin:10px 0 18px; }
.hd-dc-filters input[type="search"],
.hd-dc-filters select{ height:44px; border:1px solid var(--hd-border); border-radius:999px; padding:0 16px; background:#fff; outline:none; }
@media (max-width: 860px){
  .hd-dc-filters{ grid-template-columns:1fr 1fr; }
  .hd-dc-filters select:nth-child(3){ order:4; }
  .hd-dc-filters .hd-btn{ order:3; }
}

/* Grid */
.hd-dc-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
@media (max-width: 1100px){ .hd-dc-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px){ .hd-dc-grid{ grid-template-columns:1fr; } }

/* Card */
.hd-card{ background:var(--hd-card); border:1px solid var(--hd-border); border-radius:var(--hd-radius); box-shadow:var(--hd-shadow); overflow:hidden; display:flex; flex-direction:column; }
.hd-card--elevated{}
.hd-card__thumb{ aspect-ratio:16/9; background:linear-gradient(135deg, #fff, #f5f5f5); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hd-card__thumb img{ width:100%; height:100%; object-fit:cover; }
.hd-card__body{ padding:16px; display:flex; flex-direction:column; gap:10px; }
.hd-card__title{ margin:0; font-size:18px; line-height:1.4; letter-spacing:-.2px; }
.hd-card__title a{ color:var(--hd-ink); text-decoration:none; }
.hd-card__title a:hover{ color:var(--hd-primary); }
.hd-card__excerpt{ margin:0; color:var(--hd-muted); }
.hd-meta{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:10px 14px; color:var(--hd-muted); font-size:13px; }
.hd-card__actions{ margin-top:4px; display:flex; gap:10px; }

/* Single page */
.hd-single-wrap{ margin: 6px 0 26px; }
.hd-single-card{ background:var(--hd-card); border:1px solid var(--hd-border); border-radius:calc(var(--hd-radius) + 4px); box-shadow:var(--hd-shadow); overflow:hidden; }
.hd-single-main{ display:grid; grid-template-columns: 1.1fr 1fr; gap:0; }
.hd-single-thumb{ min-height:280px; background:linear-gradient(135deg, #fff, #f5f5f5); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hd-single-thumb img{ width:100%; height:100%; object-fit:cover; }
.hd-single-info{ padding:18px 18px; display:flex; flex-direction:column; gap:12px; }
.hd-single-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.hd-single-content{ padding:18px; border-top:1px dashed var(--hd-border); color:#374151; line-height:1.8; }

@media (max-width: 900px){
  .hd-single-main{ grid-template-columns:1fr; }
}

/* Related products carousel */
.hd-related-products{ margin:28px 0; }
.hd-related-products h3{ margin:0 0 12px; font-size:18px; }
.hd-carousel{ display:grid; grid-auto-flow:column; grid-auto-columns: clamp(220px, 25%, 280px); gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
.hd-carousel::-webkit-scrollbar{ height:10px; }
.hd-carousel::-webkit-scrollbar-thumb{ background:#e2e8f0; border-radius:999px; }
.hd-pcard{ scroll-snap-align:center; border:1px solid var(--hd-border); border-radius:var(--hd-radius-sm); overflow:hidden; background:#fff; }
.hd-pcard__thumb{ display:block; aspect-ratio:4/3; background:#f9fafb; }
.hd-pcard__thumb img{ width:100%; height:100%; object-fit:cover; }
.hd-pcard__body{ padding:12px; display:flex; flex-direction:column; gap:8px; }
.hd-pcard__title{ margin:0; font-size:15px; }
.hd-pcard__title a{ color:var(--hd-ink); text-decoration:none; }
.hd-pcard__title a:hover{ color:var(--hd-primary); }
.hd-pcard__meta{ color:var(--hd-muted); font-weight:600; }
.hd-pcard__actions{ display:flex; gap:8px; }

/* Download CTA ribbon (optional, can be placed above grid) */
.hd-cta{ background:linear-gradient(90deg, rgba(204,61,59,.08), rgba(64,64,64,.06)); border:1px solid var(--hd-border); padding:12px 16px; border-radius:var(--hd-radius); display:flex; align-items:center; justify-content:space-between; gap:14px; margin:10px 0 16px; }
.hd-cta h4{ margin:0; font-size:16px; }