/* ═══ Beauty & Gesundheit — tiện ích riêng: chuyển ngôn ngữ + ảnh dịch vụ ═══ */

/* ---- Logo (biểu tượng nền trong suốt, bỏ khung tròn để hiện trọn nhánh lá) ---- */
.head .brand img{height:60px;width:auto;border-radius:0;box-shadow:none;object-fit:contain;background:transparent}
.foot .foot-grid img.logo{height:88px;width:auto;border-radius:0;object-fit:contain}
@media(max-width:860px){.head .brand img{height:52px}}

/* ---- Nút đổi ngôn ngữ ---- */
.langsw{display:inline-flex;align-items:center;gap:2px;margin-left:14px;
  padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.6);
  backdrop-filter:blur(4px)}
.langsw button{border:0;background:transparent;cursor:pointer;font:600 12.5px/1 var(--body);
  color:var(--ink-soft);padding:6px 11px;border-radius:999px;letter-spacing:.03em;transition:.18s}
.langsw button:hover{color:var(--ink)}
.langsw button.on{background:var(--sage);color:#fff;box-shadow:0 4px 12px -4px rgba(194,93,126,.6)}
/* trên topbar (nền tối) */
.topbar .langsw{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
.topbar .langsw button{color:rgba(255,255,255,.85)}
.topbar .langsw button:hover{color:#fff}
.topbar .langsw button.on{background:#fff;color:var(--sage)}
.topbar .wrap{gap:12px;flex-wrap:wrap}

@media(max-width:860px){
  .head .langsw{order:3;margin:0}
  .langsw button{padding:7px 12px;font-size:13px}
}

/* ---- Ảnh cho từng nhóm dịch vụ trong menu ---- */
.svc-figs{margin:0 0 18px}
.svc-figs.multi{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.svc-figure{margin:0;border-radius:16px;overflow:hidden;position:relative;
  box-shadow:var(--shadow);aspect-ratio:16/7;background:var(--cream-2)}
.svc-figs.multi .svc-figure{aspect-ratio:4/3}
.svc-figure img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s ease}
.menu-block:hover .svc-figure img{transform:scale(1.05)}
.svc-figure::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(59,37,48,.28))}

/* ---- Dải ảnh dịch vụ ở đầu trang menu ---- */
.svc-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 0 46px}
.svc-strip figure{margin:0;position:relative;border-radius:16px;overflow:hidden;
  aspect-ratio:3/4;box-shadow:var(--shadow);background:var(--cream-2)}
.svc-strip img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.svc-strip figure:hover img{transform:scale(1.06)}
.svc-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 12px 11px;
  color:#fff;font:600 13px/1.2 var(--body);letter-spacing:.02em;
  background:linear-gradient(180deg,transparent,rgba(59,37,48,.72))}
@media(max-width:900px){.svc-strip{grid-template-columns:repeat(3,1fr)}
  .svc-strip figure:nth-child(4),.svc-strip figure:nth-child(5){display:none}}
@media(max-width:560px){.svc-strip{grid-template-columns:repeat(2,1fr);gap:10px}
  .svc-strip figure:nth-child(3){display:none}
  .svc-figure{aspect-ratio:16/8}}