.db-hero{ background:linear-gradient(135deg,#0b1220 0%,#0f1a2f 55%,#07101f 100%); color:#fff; }
.db-hero__inner{ max-width:1400px; margin:0 auto; padding:28px 14px; display:grid; grid-template-columns:1.2fr .8fr; gap:18px; align-items:stretch; }
.db-hero__copy h1{ margin:0 0 8px; font-size:2.2rem; line-height:1.15; }
.db-hero__copy p{ margin:0; color:#c7ddff; font-weight:500; max-width:60ch; }
.db-hero__cta{ margin-top:16px; display:flex; gap:10px; flex-wrap:wrap; }
.db-btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 14px; border-radius:12px; font-weight:900; text-decoration:none; }
.db-btn--primary{ background:linear-gradient(90deg,var(--db-green),var(--db-sky)); color:#07101f; }
.db-btn--ghost{ border:1px solid #2b3a5c; color:#dbeafe; background:#0f1a2f; }
.db-btn--ghost:hover{ background:#172849; }
.db-hero__card{ border:1px solid #24304a; border-radius:16px; background:rgba(255,255,255,.05); padding:16px; }
.db-hero__badge{ display:inline-flex; padding:6px 10px; border-radius:999px; background:rgba(16,185,129,.15); border:1px solid rgba(16,185,129,.35); font-weight:900; margin-bottom:10px; }
.db-hero__bullets{ margin:0; padding-left:18px; color:#e0f2fe; display:grid; gap:8px; }

.db-section{ max-width:1400px; margin:0 auto; padding:26px 14px; }
.db-section__head h2{ margin:0 0 6px; }
.db-section__head p{ margin:0; color:var(--db-muted); font-weight:600; }

.db-catgrid{ margin-top:16px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.db-catcard{ background:var(--db-card); border:1px solid var(--db-line); border-radius:16px; padding:14px; box-shadow:0 8px 24px rgba(2,6,23,.05); }
.db-catcard__title{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.db-catcard__title h3{ margin:0; font-size:1.05rem; }
.db-catcard__title a{ font-weight:900; text-decoration:none; color:var(--db-blue); }
.db-catcard__items{ margin-top:10px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.db-mini{ text-decoration:none; color:inherit; display:grid; grid-template-columns:56px 1fr; gap:10px; padding:8px; border-radius:12px; border:1px solid transparent; }
.db-mini:hover{ border-color:var(--db-line); background:#f8fbff; }
.db-mini__img{ width:56px; height:56px; border-radius:12px; background:#f1f5f9; display:grid; place-items:center; overflow:hidden; }
.db-mini__img img{ width:100%; height:100%; object-fit:cover; }
.db-mini__ph{ font-size:1.3rem; opacity:.6; }
.db-mini__t{ font-weight:800; font-size:.92rem; line-height:1.2; max-height:2.4em; overflow:hidden; }
.db-mini__p{ font-weight:900; color:var(--db-sky); }
.db-empty{ color:var(--db-muted); font-weight:700; padding:10px 0; }

.db-productgrid{ margin-top:16px; display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.db-product{ text-decoration:none; color:inherit; background:var(--db-card); border:1px solid var(--db-line); border-radius:16px; overflow:hidden; box-shadow:0 8px 24px rgba(2,6,23,.05); display:flex; flex-direction:column; }
.db-product__img{ aspect-ratio:1/1; background:#f1f5f9; display:grid; place-items:center; overflow:hidden; }
.db-product__img img{ width:100%; height:100%; object-fit:contain; background:#fff; }
.db-product__ph{ font-size:1.6rem; opacity:.6; }
.db-product__meta{ padding:10px 12px 12px; display:grid; gap:6px; }
.db-product__title{ font-weight:800; min-height:44px; }
.db-product__price{ font-weight:900; color:var(--db-blue); }
.db-product__ship{ color:var(--db-muted); font-weight:700; font-size:.92rem; }

@media (max-width: 1200px){
  .db-catgrid{ grid-template-columns:repeat(2,1fr); }
  .db-productgrid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 820px){
  .db-hero__inner{ grid-template-columns:1fr; }
  .db-catgrid{ grid-template-columns:1fr; }
  .db-productgrid{ grid-template-columns:repeat(2,1fr); }
}