:root{
  --dm-blue:#0f5f95;
  --dm-turq:#2bbec5;
  --dm-dark:#0b1b2a;
  --dm-bg:#f6f8fb;
  --dm-hair:1px solid rgba(0,0,0,.10);
  --dm-r:16px;
}

.dm-proto{background:var(--dm-bg); padding:16px 0}
.dm-proto .container{max-width: 1320px}
.dm-h2{margin:0; font-weight:1100; letter-spacing:.2px}
.dm-muted{opacity:.7}

.dm-hero{display:grid; gap:12px; margin-bottom:14px}
.dm-hero-grid{display:grid; gap:12px; grid-template-columns:2fr 1fr}
.dm-banner{display:block; border-radius:var(--dm-r); border:var(--dm-hair); background:#fff;
  padding:16px; text-decoration:none; color:var(--dm-dark); min-height:110px;
  box-shadow:0 10px 24px rgba(0,0,0,.04)}
.dm-banner--main{min-height:240px; background:linear-gradient(180deg, rgba(15,95,149,.12), rgba(43,190,197,.08));}
.dm-banner__title{font-weight:1100; font-size:20px}
.dm-banner__sub{opacity:.8; margin-top:6px}
.dm-banner-stack{display:grid; gap:12px}

.dm-delivery{border-radius:var(--dm-r); border:var(--dm-hair); background:#fff; padding:14px 16px;
  display:flex; flex-direction:column; gap:4px; text-align:center}
.dm-delivery__line{font-weight:1000}
.dm-delivery__sub{opacity:.75}

.dm-section-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:8px 0 12px}

.dm-catgrid{display:grid; grid-template-columns:repeat(3, 1fr); gap:14px}
.dm-catcard{display:flex; align-items:center; gap:14px; padding:14px 14px; border-radius:18px;
  border:var(--dm-hair); background:#fff; text-decoration:none; color:var(--dm-dark);
  box-shadow:0 10px 24px rgba(0,0,0,.04); transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease}
.dm-catcard:hover{transform:translateY(-1px); border-color:rgba(43,190,197,.55); box-shadow:0 16px 34px rgba(43,190,197,.12)}
.dm-catimg{width:86px; height:86px; border-radius:18px; background:linear-gradient(180deg, rgba(43,190,197,.18), rgba(15,95,149,.08));
  display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(0,0,0,.06)}
.dm-catimg img{width:64px; height:64px; object-fit:contain; display:block}
.dm-cattxt{display:flex; flex-direction:column; gap:4px; min-width:0}
.dm-cattitle{font-weight:1100; line-height:1.15; font-size:18px}
.dm-catsub{opacity:.75}
.dm-catarrow{margin-left:auto; font-size:28px; opacity:.45; line-height:1}

.dm-home-hook{margin-top:18px}

@media (max-width: 1100px){
  .dm-catgrid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width: 992px){
  .dm-hero-grid{grid-template-columns:1fr}
  .dm-banner--main{min-height:160px}
}
@media (max-width: 560px){
  .dm-catgrid{grid-template-columns:1fr}
  .dm-catimg{width:76px; height:76px}
  .dm-catimg img{width:56px; height:56px}
  .dm-cattitle{font-size:16px}
}