/* Tattoo service page: editorial photo-led treatment within the Imperiya design system. */
.tatu-page .svc-hero__img img { object-position: center 48%; }
.tatu-hero__offer { align-items: baseline; border-left: 2px solid var(--wine); display: flex; gap: 12px; margin: 20px 0 0; padding: 8px 0 8px 16px; }
.tatu-hero__offer span { color: var(--gold); font-family: var(--font-heading); font-size: 26px; }
.tatu-hero__offer strong { color: var(--text); font-size: 14px; letter-spacing: .04em; }
.tatu-price-highlight td { background: rgba(146,42,77,.12); color: var(--gold); }
.tatu-gallery .svc-gallery__item img { height: 100%; object-fit: cover; object-position: center; width: 100%; }
.tatu-gallery .svc-gallery__zoom { align-items: center; display: flex; font-size: 22px; justify-content: center; }
.tatu-offer-card { align-items: center; background: linear-gradient(115deg, rgba(146,42,77,.22), rgba(21,15,13,.96)), url('../img/gallery/tatu/tatu-4.webp') center 52%/cover; border: 1px solid rgba(192,154,107,.32); display: flex; gap: 30px; justify-content: space-between; min-height: 280px; overflow: hidden; padding: clamp(28px,5vw,64px); position: relative; }
.tatu-offer-card::before { background: linear-gradient(90deg, rgba(13,8,7,.92), rgba(13,8,7,.45)); content: ''; inset: 0; position: absolute; }
.tatu-offer-card > * { position: relative; z-index: 1; }
.tatu-offer-card__label { color: var(--gold); font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.tatu-offer-card h3 { color: #fff7ee; font-family: var(--font-heading); font-size: clamp(30px,4vw,48px); line-height: 1.05; margin: 12px 0; max-width: 620px; }
.tatu-offer-card p { color: var(--text-light); line-height: 1.65; margin: 0; max-width: 600px; }
@media (max-width: 700px) {
  .tatu-hero__offer { align-items: flex-start; flex-direction: column; gap: 2px; }
  .tatu-offer-card { align-items: flex-start; flex-direction: column; min-height: 350px; }
  .tatu-offer-card .btn { width: 100%; }
}