/* ============================================================
   DOORVA — KOMPONEN WEBSITE YANG MUDAH DIRAWAT
   Warna utama dapat diubah melalui variabel di bawah ini.
   ============================================================ */
:root {
  --dv-ink:#2b2b2b;
  --dv-paper:#f8f8f6;
  --dv-white:#fff;
  --dv-muted:#6b6966;
  --dv-line:#d8d4ce;
  --dv-accent:#b87533;
  --dv-soft:#eeece8;
}

header { gap:20px; }
header nav { gap:26px; }
.header-cta { white-space:nowrap; }
.language-switch { flex:0 0 auto; }

.wa-floating {
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:50;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  color:#fff;
  background:#1f9d55;
  box-shadow:0 12px 32px rgba(0,0,0,.2);
  font-size:13px;
  font-weight:600;
  transition:transform .2s,box-shadow .2s;
}
.wa-floating:hover { transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.25); }
.wa-floating svg { width:24px;height:24px;fill:currentColor; }

.home-products { padding:90px 7%;background:var(--dv-paper); }
.home-products__head { display:grid;grid-template-columns:1.4fr .8fr;gap:50px;align-items:end;margin-bottom:42px; }
.home-products__head h2 { margin-top:18px; }
.home-products__head p { max-width:560px;color:var(--dv-muted); }
.product-type-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px; }
.product-type-card { min-height:270px;padding:24px;border:1px solid var(--dv-line);display:flex;flex-direction:column;background:#fff; }
.product-type-card.is-coming { background:#efeeeb;color:#7d7a76; }
.product-type-card__status { font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--dv-accent); }
.product-type-card.is-coming .product-type-card__status { color:#77736f; }
.product-type-card h3 { margin:36px 0 12px;font-size:25px;letter-spacing:-.03em; }
.product-type-card p { font-size:14px;color:var(--dv-muted); }
.product-type-card a,.product-type-card .card-note { margin-top:auto;padding-top:25px;font-size:13px;font-weight:600; }
.product-type-card a { color:var(--dv-accent); }

.launch-note { margin-top:24px;padding:18px 20px;border-left:3px solid var(--dv-accent);background:#f1efeb;font-size:14px;color:var(--dv-muted); }

.wa-inline { display:inline-flex;align-items:center;gap:8px; }
.wa-inline svg { width:18px;height:18px;fill:currentColor; }
.download-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }

@media(max-width:1200px) {
  .product-type-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .wa-floating { right:14px;bottom:14px;padding:13px; }
  .wa-floating span { display:none; }
  .home-products { padding:58px 7%; }
  .home-products__head { grid-template-columns:1fr;gap:20px; }
  .product-type-grid { grid-template-columns:1fr; }
  .product-type-card { min-height:220px; }
  .download-grid { grid-template-columns:1fr; }
}