.btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  padding:12px 16px;
  font-weight:700;
  border:1px solid transparent;
  transition: transform .06s ease;
}
.btn:active{transform:scale(.99)}
.btn--primary{background:var(--primary);color:#fff}
.btn--ghost{background:transparent;border-color:var(--line);color:#111827}
.btn--small{padding:10px 12px;font-size:14px}

.hero{padding:54px 0;background:linear-gradient(180deg, #ffffff 0%, var(--bg-alt) 100%)}
.hero-inner{display:grid;grid-template-columns: 1.1fr .9fr;gap:26px;align-items:center}
.hero-title{margin:0;font-size:44px;letter-spacing:-.6px;line-height:1.05}
.hero-subtitle{margin:12px 0 18px;color:var(--muted);font-size:18px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line)}
.hero-image{width:100%;height:auto}
.hero-placeholder{padding:32px}
.hero-placeholder__box{border:1px dashed var(--line);border-radius:var(--radius);padding:22px;text-align:center}

.trust{padding:18px 0;border-bottom:1px solid var(--line)}
.trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.trust-badge{
  display:flex;gap:10px;align-items:center;
  padding:12px 14px;border:1px solid var(--line);
  border-radius:999px;background:#fff;
}
.trust-icon{font-size:18px}
.trust-text{font-weight:700;font-size:14px}

.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cat-card{
  padding:18px;border:1px solid var(--line);
  border-radius:var(--radius);background:#fff;
}
.cat-card__name{font-weight:800;font-size:16px}
.cat-card__meta{margin-top:6px;color:var(--muted);font-size:13px}

.delivery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.delivery-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.delivery-card h3{margin:0 0 8px}

@media (max-width: 900px){
  .hero-inner{grid-template-columns:1fr}
  .hero-title{font-size:34px}
  .trust-inner{grid-template-columns:1fr;gap:10px}
  .cat-grid{grid-template-columns:1fr}
  .delivery{grid-template-columns:1fr}
}