/* style/service_ad_style.css */
* { box-sizing: border-box; }

body {
  background:
    radial-gradient(circle at top left, rgba(198,161,91,.14), transparent 34rem),
    radial-gradient(circle at 96% 4%, rgba(20,90,68,.14), transparent 30rem),
    linear-gradient(180deg, #FFFCF5 0%, #F7F1E3 58%, #EFE4CF 100%);
  overflow-x: hidden;
}

h1, h2, h3, h4, p, a, button, span, div { overflow-wrap: anywhere; }
img, video { max-width: 100%; }
.safe-width { min-width: 0; max-width: 100%; }

.hero-bg {
  background:
    linear-gradient(115deg, rgba(11,31,51,.96), rgba(14,59,46,.88), rgba(122,30,44,.34)),
    url('/images/hero/pets_hero.jpg') center/cover;
}

.panel {
  background: rgba(255,252,245,.95);
  border: 1px solid rgba(198,161,91,.35);
  box-shadow: 0 24px 70px rgba(11,31,51,.14);
}

.dark-panel {
  background: linear-gradient(135deg, rgba(11,31,51,.98), rgba(14,59,46,.95));
  border: 1px solid rgba(198,161,91,.26);
}

.premium-button {
  background: linear-gradient(135deg, #C6A15B, #A87932);
  color: #0B1F33;
  box-shadow: 0 14px 32px rgba(198,161,91,.28);
  transition: .2s ease;
}
.premium-button:hover { filter: brightness(1.04); transform: translateY(-1px); }

.green-button {
  background: linear-gradient(135deg, #0E3B2E, #145A44);
  color: #FFFCF5;
  box-shadow: 0 14px 32px rgba(14,59,46,.22);
  transition: .2s ease;
}
.green-button:hover { filter: brightness(1.06); transform: translateY(-1px); }

.wine-button {
  background: linear-gradient(135deg, #7A1E2C, #9D3142);
  color: #FFFCF5;
  box-shadow: 0 14px 32px rgba(122,30,44,.18);
  transition: .2s ease;
}

.chip {
  border: 1px solid rgba(198,161,91,.35);
  background: rgba(247,241,227,.78);
  color: #0B1F33;
}

.detail-row { border-bottom: 1px solid rgba(198,161,91,.22); }
.detail-row:last-child { border-bottom: 0; }

.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.gallery-thumb {
  border: 3px solid transparent;
  opacity: 0.64;
  transition: all .2s ease;
  cursor: pointer;
}
.gallery-thumb:hover { opacity: .92; }
.gallery-thumb.active {
  border-color: #C6A15B;
  opacity: 1;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(198,161,91,.25);
}

.paw-pattern {
  background-image:
    radial-gradient(circle at 20% 20%, rgba(198,161,91,.18) 0 5px, transparent 6px),
    radial-gradient(circle at 42% 12%, rgba(198,161,91,.12) 0 3px, transparent 4px),
    radial-gradient(circle at 54% 26%, rgba(198,161,91,.12) 0 3px, transparent 4px),
    radial-gradient(circle at 33% 32%, rgba(198,161,91,.12) 0 3px, transparent 4px);
  background-size: 90px 90px;
}

.mobile-contact-bar { box-shadow: 0 -16px 40px rgba(11,31,51,.22); }
.input-lux { background: #fff; border: 1px solid rgba(198,161,91,.38); outline: none; transition: .2s ease; }
.input-lux:focus { border-color: #A87932; box-shadow: 0 0 0 4px rgba(198,161,91,.18); }