/* =========================
   БАЗА / ГЛОБАЛЬНОЕ
   ========================= */
#toTopBtn,
.chat-button { bottom:20px; right:20px }

.gallery img,
.swiper-slide img { transition: transform .3s; cursor: pointer }

.hero-content,
.section,
footer,
h2,
header.hero h1 { text-align: center }

#bestill,
body { background-color:#111 }

.form-wrapper button,
.popup-message,
.service-btn,
body { font-family:Cinzel, serif }

.service-btn,
nav a { text-decoration:none; font-weight:700 }

/* ✅ возвращаем нормальный box-sizing во всём проекте */
html{ box-sizing:border-box }
*,*::before,*::after{ box-sizing:inherit }

h2 { font-size:2.5rem; margin-bottom:20px }

/* =========================
   HERO
   ========================= */
.hero-content{
  position:relative; z-index:3; display:flex; flex-direction:column;
  justify-content:center; align-items:center; color:#fff; width:100%;
  /* ✅ было height:100vh; из-за него всё упиралось — убираем */
  height:auto;
  max-width:100%; padding:1.5vh 1rem; gap:.4rem;
}

/* ✅ двухколоночное меню в hero — прицельно, чтобы перебить любые nav ul */
.hero-content nav ul{
  list-style:none; margin:14px auto 0; padding:0;
  display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:auto;
  gap:10px 12px; width:min(420px,92vw);
}
.hero-content nav li{ margin:0 }
.hero-content nav a{
  display:flex; align-items:center; justify-content:center;
  min-height:44px; padding:10px 12px; border-radius:10px;
  border:1px solid rgba(255,255,255,.85);
  background:rgba(0,0,0,.35); backdrop-filter:blur(2px);
  text-decoration:none; color:#fff; text-transform:uppercase;
  font-weight:800; font-size:12.5px; letter-spacing:.02em; line-height:1; text-align:center;
}
.hero-content nav a:hover{ border-color:#ff9800; background:rgba(255,152,0,.15) }

/* ✅ кнопки услуг — сеткой и фикс. высотой */
.service-buttons{
  margin:14px auto 0; display:grid; gap:10px; justify-items:center; width:100%;
}
.service-btn{
  display:flex; align-items:center; justify-content:center;
  width:min(260px,80vw); min-height:48px; padding:12px 16px; border-radius:12px;
  border:1px solid rgba(255,255,255,.85); background:rgba(0,0,0,.35);
  color:#fff; font-weight:800; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.service-btn:hover{ border-color:#ff9800; background:rgba(255,152,0,.15) }

#toTopBtn, .popup-message{ position:fixed; display:none }

@media (max-width:768px){
  .desktop-video{ display:none }
  .mobile-video{ display:block; object-fit:cover; width:100%; height:100vh; object-position:center }
  .logo{ max-width:150px; filter: drop-shadow(0 0 15px rgba(255,152,0,.6)) }
  header.hero h1{ font-size:1.8rem }
  header.hero .motto{ font-size:1rem }
  .service-btn{ width:90%; padding:10px; font-size:14px }
  #about{ display:flex; justify-content:center; align-items:center; text-align:center; max-width:800px; margin:0 auto; padding:20px }
  #about p{ font-size:16px; line-height:1.6; width:100% }
}

#bestill, .section{ padding:60px 20px }

@media (max-width:1024px){
  .logo-box{ text-align:center }
  /* общее nav ul может быть где-то ещё — не трогаем */
  .hero h1{ font-size:2rem }
  .hero .motto{ font-size:1rem }
  .gallery img{ max-width:45% }
}

.hero .motto, .reviews .review{ font-size:.9rem }
/* общее nav ul оставляем, но .hero-content nav ul выше уже победит за счёт специфичности */
nav ul{ display:flex; gap:20px }

.review, footer{ background-color:#222; padding:20px }
#gallery{ padding:40px 20px }

/* =========================
   SWIPER — ОСНОВА
   ========================= */
.swiper{
  position:relative !important;
  width:100%; height:auto !important;
  padding-bottom:28px !important;   /* место под точки */
  overflow:visible !important;
}
.swiper, .swiper * { box-sizing: border-box; }

.swiper-slide{
  display:flex; justify-content:center; align-items:center; flex-shrink:0;
  border-radius:10px; overflow:hidden;
}
.swiper-slide img{
  width:100%; max-width:100%; height:auto; object-fit:cover; border-radius:10px;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev{ top:50% !important; transform:translateY(-50%) !important }

/* ===== FIX: стрелки/клики для главной галереи всегда поверх и видимы ===== */
.main-swiper { --arrow-size:44px; }
.main-swiper .swiper-button-prev,
.main-swiper .swiper-button-next{
  display:flex !important;
  width:var(--arrow-size); height:var(--arrow-size);
  align-items:center; justify-content:center;
  background:rgba(0,0,0,.35); border-radius:50%;
  backdrop-filter:blur(2px);
  z-index:30; opacity:1; pointer-events:auto;
}
.main-swiper .swiper-button-prev::after,
.main-swiper .swiper-button-next::after{
  font-size:22px; font-weight:900; color:#ff9800;
}

/* ===== NEW: галерея .gallery-swiper — стрелки включены, точки убраны ===== */
.gallery-swiper .swiper-button-prev,
.gallery-swiper .swiper-button-next{
  display:flex !important;
  width:44px; height:44px;
  align-items:center; justify-content:center;
  background:rgba(0,0,0,.35); border-radius:50%;
  z-index:30; opacity:1; visibility:visible; pointer-events:auto;
}
.gallery-swiper .swiper-button-prev::after,
.gallery-swiper .swiper-button-next::after{
  font-size:22px; font-weight:900; color:#ff9800;
}
.gallery-swiper .swiper-pagination{ display:none !important; } /* без точек */

/* =========================
   SWIPER — ПАГИНАЦИЯ (ЕДИНАЯ!)
   ========================= */
:root{
  --dot-size: 10px;
  --dot-active: 14px;
  --dot-gap: 6px;
  --dot-color: #fff;
  --dot-active-color: #ff9800;
}
.swiper .swiper-pagination,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
  position:absolute !important; bottom:12px !important; left:0 !important; right:0 !important;
  transform:none !important; width:100% !important; max-width:none !important; overflow:visible !important;
  margin:0 !important; text-align:center !important; pointer-events:auto !important; z-index:20 !important;
}
.swiper .swiper-pagination-bullet{
  width:var(--dot-size); height:var(--dot-size); border-radius:50%;
  background:var(--dot-color) !important; opacity:.55; transform:scale(.9);
  margin:0 calc(var(--dot-gap)/2) !important;
  transition:transform .25s ease, opacity .25s ease, background-color .25s ease, box-shadow .25s ease;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset;
}
.swiper .swiper-pagination-bullet-active{
  background:var(--dot-active-color) !important; opacity:1 !important;
  transform:scale(calc(var(--dot-active) / var(--dot-size))) !important;
  box-shadow:0 0 10px rgba(255,152,0,.55);
}
/* dynamic bullets */
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ opacity:0; transform:scale(.6); pointer-events:none }
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
  opacity:.75; transform:scale(.9); pointer-events:auto;
}
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
  opacity:.9; transform:scale(1); background:var(--dot-color) !important;
}
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
  opacity:.55; transform:scale(.85); background:var(--dot-color) !important;
}
.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
  background:var(--dot-active-color) !important; opacity:1 !important;
  transform:scale(calc(var(--dot-active) / var(--dot-size))) !important;
  box-shadow:0 0 10px rgba(255,152,0,.55);
}

/* =========================
   ГАЛЕРЕИ / ПРОЧЕЕ
   ========================= */
.gallery img:hover, .swiper-slide img:hover{ transform: scale(1.05) }
.gallery{ display:flex; flex-wrap:wrap; gap:15px; justify-content:center; margin-top:30px }
.form-wrapper, .reviews{ display:flex; flex-direction:column }
.gallery img{ width:100%; max-width:300px; border-radius:8px }

/* ===== FIX: аватары отзывов кругом, без овалов ===== */
.reviews-swiper .avatar{
  width:48px; height:48px; border-radius:50%; object-fit:cover; display:block;
  background:#222; border:1px solid #333;
}

/* модалка zoom */
.modal-content{ animation:.3s zoomIn; transform-origin:center center; cursor:zoom-out; max-width:100%; max-height:80vh }
@keyframes zoomIn{ from{ transform:scale(.8); opacity:0 } to{ transform:scale(1); opacity:1 } }

.reviews{ align-items:center; gap:20px; max-width:800px; margin:0 auto }
.review{ border-radius:10px; font-style:italic }

.map-container{ margin-top:20px; border-radius:8px; overflow:hidden }
iframe{ width:100%; height:300px }

.form-container{ display:flex; justify-content:center }
.form-wrapper{ gap:15px; width:100%; max-width:500px }

.logo-box, nav ul{ flex-direction:column }

.form-wrapper input, .form-wrapper textarea{
  width:100%; padding:10px; font-family:Cinzel,serif; font-size:16px; border:none; border-radius:5px;
}
.form-wrapper textarea{ resize:vertical; min-height:80px }

/* кнопки формы (не фирменная) */
.form-wrapper button:not(.send-inn-btn){
  padding:10px 25px; background-color:#fff; color:#000; border:none; border-radius:5px; cursor:pointer; transition:.3s
}
.form-wrapper button:not(.send-inn-btn):hover{ background-color:#444; color:#fff }

#sendt-melding{ display:none; color:#0f0; margin-top:20px; font-size:18px }

.popup-message{
  top:20px; left:50%; transform:translateX(-50%);
  background-color:#222; color:#0f0; padding:15px 30px; border-radius:10px; font-size:16px;
  box-shadow:0 0 15px #0f0; z-index:999; opacity:0; transition:opacity .5s
}
.popup-message.show{ display:block; opacity:1 }

#toTopBtn{
  background-color:#ff9800; border:none; border-radius:50%; padding:15px; font-size:20px; color:#fff; cursor:pointer; z-index:99
}
#toTopBtn:hover, .chat-button:hover{ background-color:#0f0 }

footer p{ margin:10px 0 }
.socials a{ margin:0 10px; color:#fff; font-size:24px }
#contact a[href^="tel:"], .socials a:hover, nav a:hover{ color:#ff9800 }

.logo-box{ display:flex; align-items:center }
.logo{ animation:1.5s ease-out fadeInScale; filter: drop-shadow(0 0 10px rgba(255,152,0,.4)) }

header.hero h1{ color:#fff; font-size: clamp(2rem, 6vw, 3.5rem) !important }
header.hero .motto{ color:#fff; text-align:center; font-size: clamp(1rem, 3.5vw, 1.6rem) !important }

.desktop-video{ display:block } .mobile-video{ display:none }
@media (max-width:768px){
  .desktop-video{ display:none }
  .mobile-video{ display:block; object-fit:cover; width:100%; height:100vh; object-position:center }
  .pmu-fordeler{ padding-left:0 !important; text-align:center !important }
}

.hero{ height:100vh }
.desktop-video, .mobile-video{ top:0; left:0; width:100%; height:100%; object-fit:cover }
.logo-box, nav{ z-index:3; color:#fff }
footer a.link{ color:#fff; text-decoration:none }
footer a.link:hover{ color:#ff9800; text-decoration:underline }
.desktop-video, .mobile-video, .overlay{ position:absolute; z-index:-1 }

.hero, body{ position:relative }
html{ scroll-behavior:smooth !important }
body{ color:#fff; z-index:0 }

/* base кнопки услуг (дополняет блок выше) */
.service-buttons{ display:flex; justify-content:center; gap:20px; flex-wrap:wrap }
.service-btn{ font-size: clamp(.9rem, 2vw, 1.1rem) !important; padding: clamp(8px, 2vw, 12px) clamp(16px, 4vw, 24px) !important }

@media (max-width:600px){
  #reviews h2{ font-size:1.5rem; line-height:1.2; margin:0 1rem; text-align:center; word-wrap:break-word }
  .service-buttons{ flex-direction:column; align-items:center }
  .service-btn{ width:80%; text-align:center }
}
@media (max-height:600px){
  .service-buttons{ scale:.9 }
  header.hero h1{ font-size:2rem }
  header.hero .motto{ font-size:1rem }
}
@media (max-height:700px){
  .logo{ max-width:200px }
  header.hero h1{ font-size:1.8rem }
  header.hero .motto{ font-size:1rem }
  nav ul{ gap:10px }
  .service-btn{ font-size:14px; padding:8px 16px }
}

body, html{ margin:0; padding:0; height:100%; overflow-x:hidden }
.hero{
  width:100%; height:100dvh; min-height:100vh; overflow:hidden;
  display:flex; align-items:center; justify-content:center
}
.background-video, .overlay{ top:0; left:0; position:absolute }
.background-video{ width:100%; height:100%; object-fit:cover; z-index:-2 }
.overlay{ inset:0; pointer-events:none; width:100vw; height:100vh; background:rgba(0,0,0,.4); z-index:2 }

@keyframes fadeInUp{ 0%{ opacity:0; transform:translateY(30px) } 100%{ opacity:1; transform:translateY(0) } }
.fade-in{ opacity:0; animation:1s forwards fadeInUp }
.delay-1{ animation-delay:.3s } .delay-2{ animation-delay:.6s }
.delay-3{ animation-delay:.9s } .delay-4{ animation-delay:1.2s } .delay-5{ animation-delay:1.5s }

.logo{ max-width:220px; height:auto; filter: drop-shadow(0 0 10px rgba(255,255,255,.3)) }
.chat-modal, .swiper.mySwiper .swiper-wrapper{ height:100% }
.hero h1{ font-size:2.5rem; margin:.3rem 0 } .motto{ font-size:1.1rem; margin-bottom:1rem }

nav ul{
  font-size: clamp(.8rem, 2.5vw, 1.2rem) !important;
  list-style:none; padding:0; margin:1rem 0; display:flex; gap:.4rem
}
nav a{ color:#fff }

.service-buttons{ display:flex; flex-direction:column; gap:12px }
.service-btn{ border:2px solid #fff; color:#fff; background:transparent; border-radius:6px; transition:.3s }
.service-btn:hover{ background:#ff9800; color:#000; border-color:#ff9800 }

@media (max-height:700px){
  .logo{ max-width:160px }
  header.hero h1{ font-size:1.3rem }
  .hero .motto{ font-size:.85rem }
  nav ul li{ margin-bottom:4px }
  .service-buttons{ gap:6px }
  .service-btn{ padding:8px 14px; font-size:13px }
}
@media (min-width:768px){
  .logo{ max-width:250px }
  header.hero h1{ font-size: clamp(2rem, 4vw, 3rem) }
  .hero .motto{ font-size: clamp(1rem, 2vw, 1.3rem) }
  .service-buttons{ gap:10px }
  .service-btn{ font-size:14px; padding:10px 20px }
}

.logo-box, .service-buttons, header.hero .motto, header.hero h1, nav{ margin:0 !important; padding:0 !important }

/* =========================
   КНОПКА ЧАТА + МОДАЛКА
   ========================= */
.chat-button{
  position:fixed; background-color:#ff9800; color:#fff; font-size:24px; padding:14px;
  border:none; border-radius:50%; box-shadow:0 0 12px rgba(0,0,0,.3); z-index:999; cursor:pointer; transition:background-color .3s;
  bottom:20px; right:20px;
}
.chat-modal{
  display:none; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .4s ease, visibility .4s ease;
  position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%;
  background-color: rgba(0,0,0,.6); justify-content:center; align-items:center;
}
.chat-modal.show{ display:flex; opacity:1; visibility:visible; pointer-events:auto; }
.chat-modal-content{
  background-color:#222; padding:20px 30px; border-radius:10px; width:90%; max-width:400px;
  box-shadow:0 0 20px rgba(255,255,255,.2); color:#fff; position:relative; text-align:center;
}
.chat-modal-content input, .chat-modal-content textarea{
  width:100%; padding:10px; margin:10px 0; border-radius:5px; border:none; font-size:16px;
}
.chat-modal-content button[type=submit]{
  background-color:#ff9800; color:#000; padding:10px 20px; border:none; border-radius:6px; font-weight:700; cursor:pointer; transition:.3s;
}
.chat-modal-content button[type=submit]:hover{ background-color:#0f0; color:#000; }
.close-btn{ position:absolute; top:10px; right:15px; color:#fff; font-size:44px; font-weight:700; cursor:pointer; transition:.2s; }
.close-btn:hover{ color:#ff9800; transform:scale(1.2); }

/* чат-ссылки */
.chat-links{ margin-top:20px; text-align:center }
.chat-links-title{ color:#ccc; font-size:14px; margin-bottom:8px }
.chat-icons{ display:flex; justify-content:center; gap:15px }
.chat-icons a img{ width:40px; height:40px; transition:transform .2s ease }
.chat-icons a:hover img{ transform:scale(1.15) }

/* =========================
   ФИРМЕННАЯ КНОПКА
   ========================= */
.form-wrapper .send-inn-btn{
  background-color:#ff9800; color:#000; font-weight:700; font-size:18px; padding:12px 25px; border-radius:5px; border:none;
  transition:background-color .3s ease, transform .2s ease; transform-origin:center;
}
.form-wrapper .send-inn-btn:hover{ background-color:#00ff00; color:#111; transform:scale(1.05) }
/* fallback */
#bestill button[type="submit"],
form#booking-form button[type="submit"],
.form-wrapper button[type="submit"]{
  background-color:#ff9800 !important; color:#000 !important; font-weight:700 !important; font-size:18px !important;
  padding:12px 25px !important; border-radius:5px !important; border:none !important;
  transition:background-color .3s ease, transform .2s ease !important; transform-origin:center !important;
}
#bestill button[type="submit"]:hover,
form#booking-form button[type="submit"]:hover,
.form-wrapper button[type="submit"]{
  background-color:#00ff00 !important; color:#111 !important; transform:scale(1.05) !important;
}

/* =========================
   TEAM (карточки)
   ========================= */
#om-oss .team-wrap{
  max-width:1240px; margin:0 auto; padding:0 16px;
  display:grid; grid-template-columns:repeat(3,1fr); gap:32px; justify-content:center; align-items:stretch;
}
@media (max-width:1024px){ #om-oss .team-wrap{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:640px){  #om-oss .team-wrap{ grid-template-columns:1fr } }

.team-card{
  width:100%; background:#1f1f1f; border-radius:14px; overflow:hidden;
  box-shadow:0 8px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  display:flex; flex-direction:column;
}
.team-card .photo{ width:100%; aspect-ratio:4/5; object-fit:cover; object-position:50% 18%; display:block; border-bottom:1px solid rgba(255,255,255,.08) }
.team-card .card-body{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:18px 22px 16px; min-height:280px }
.team-card .name{
  margin:6px 0 10px; text-transform:uppercase; letter-spacing:.06em;
  color:#ff9800; font-weight:700; font-size:clamp(1rem,1.15rem,1.2rem)
}
.team-card .desc{
  color:#d6d6d6; line-height:1.6; max-width:56ch; text-transform:uppercase;
  letter-spacing:.02em; font-size:.95rem
}
.team-card .socials{ margin-top:auto; padding-top:14px; display:flex; gap:16px; justify-content:center }
.team-card .socials a{ color:#fff; font-size:1.25rem; transition:.2s transform,.2s color }
.team-card .socials a:hover{ color:#ff9800; transform:scale(1.12) }

/* =========================
   CONTACT
   ========================= */
.contact-section{ text-align:center }
.contact-grid{
  display:grid; grid-template-columns:repeat(3, minmax(260px,1fr));
  gap:24px; max-width:1200px; margin:0 auto; padding:0 16px;
}
@media (max-width:900px){ .contact-grid{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:600px){ .contact-grid{ grid-template-columns:1fr } }

.contact-card{
  background:#1f1f1f; border-radius:14px; padding:22px 18px;
  box-shadow:0 8px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  display:flex; flex-direction:column; height:100%;
}
.contact-icon{
  width:48px; height:48px; border-radius:50%;
  background:rgba(255,152,0,.12); border:1px solid rgba(255,152,0,.35);
  display:flex; align-items:center; justify-content:center;
  color:#ff9800; font-size:22px; margin:0 auto 12px;
}
.contact-card h3{ margin:4px 0 12px; text-transform:uppercase; letter-spacing:.06em; color:#ff9800 }
.contact-text{ margin:0 0 10px; color:#d6d6d6 }
.contact-card a{ color:#fff; text-decoration:none }
.contact-card a:hover{ color:#ff9800 }
.phone-link{ color:#ff9800 !important; font-weight:700 }
.contact-actions{ display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:auto }
.btn-solid, .btn-outline{
  font-family:Cinzel,serif; font-weight:700; padding:8px 14px; border-radius:6px; font-size:14px;
  border:2px solid #ff9800; transition:.2s; min-width:140px;
}
.btn-solid{ background:#ff9800; color:#000; border-color:#ff9800 }
.btn-solid:hover{ background:#00ff00; border-color:#00ff00 }
.btn-outline{ background:transparent; color:#ff9800 }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active{ background:#ff9800; color:#fff !important; border-color:#ff9800 }

.show-desktop{ display:none } .show-mobile{ display:inline-block }
@media (min-width:768px){ .show-desktop{ display:inline-block } .show-mobile{ display:none } }

.contact-socials{ max-width:1100px; margin:32px auto 0; text-align:center; padding:0 16px }
.contact-socials-title{ color:#ccc; font-size:14px; margin:0 0 8px; text-transform:uppercase; letter-spacing:.06em }
.contact-socials-icons{ display:flex; justify-content:center; gap:16px; flex-wrap:wrap }
.contact-socials-icons a img{
  width:44px; height:44px; display:block; transition:transform .2s ease;
  filter: drop-shadow(0 0 8px rgba(0,0,0,.35));
}
.contact-socials-icons a:hover img{ transform:scale(1.1) }

@media (max-width:600px){
  .contact-grid{ gap:28px }
  .contact-grid > *{ min-width:0 }
  .contact-card{ position:static; padding:18px 16px }
  .contact-actions{ gap:10px }
  .contact-socials{ margin-top:24px !important }
}

/* ===============================
   HOME-ONLY PATCH (главная) 
   =============================== */
body[data-service="Tattoo"] .main-swiper .swiper-button-prev,
body[data-service="Tattoo"] .main-swiper .swiper-button-next{
  width:auto; height:auto; background:transparent; border-radius:0; box-shadow:none; opacity:1;
}
body[data-service="Tattoo"] .main-swiper .swiper-button-prev::after,
body[data-service="Tattoo"] .main-swiper .swiper-button-next::after{
  font-size:26px; font-weight:900; color:#ff9800; text-shadow:none;
}
body[data-service="Tattoo"] #gallery .swiper{ padding-bottom:0 !important }
body[data-service="Tattoo"] .main-swiper .swiper-pagination{ display:none !important }
body[data-service="Tattoo"] #reviews .swiper{ padding:4px 0 !important }
body[data-service="Tattoo"] .reviews-swiper .swiper-pagination{ display:none !important }
body[data-service="Tattoo"] #om-oss .team-card .photo{ aspect-ratio:4/3 !important; object-fit:cover; border-radius:10px }
body[data-service="Tattoo"] #om-oss .team-card .card-body{ min-height:unset !important; padding:12px !important }
body[data-service="Tattoo"] #om-oss .team-card .desc{
  -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden;
}
body[data-service="Tattoo"] #om-oss .team-card .socials a{ font-size:22px !important; line-height:1 }
body[data-service="Tattoo"] { overflow-x:hidden !important }