/* Подключаем шрифт Schueler Neuer Verbessert */
@font-face {
    font-family: 'SchuelerNeuer';
    src: url('/fonts/SchuelerNeuerVerbessert-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SchuelerNeuer';
    src: url('/fonts/SchuelerNeuerVerbessert-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Применяем ко всем заголовкам */
h1, h2, h3, h4, h5, h6 {
    font-family: 'SchuelerNeuer', sans-serif;
    /*font-weight: bold;  Используем жирное начертание для заголовков */
}


/* Кастомные стили для приближения к стилистике оригинала */
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #4a4a4a;
}
.bg-soft-paw {
background-color: #f8f5f0;
}
.text-paw-primary {
color: #a67c52;
}
.btn-paw-primary {
background-color: #a67c52;
color: #fff;
border-radius: 30px;
padding: 10px 30px;
font-weight: 600;
border: none;
}
.btn-paw-primary:hover {
background-color: #8c6542;
color: #fff;
}
.btn-paw-outline {
border: 2px solid #a67c52;
color: #a67c52;
border-radius: 30px;
padding: 10px 30px;
font-weight: 600;
background: transparent;
}
.btn-paw-outline:hover {
background-color: #a67c52;
color: #fff;
}
.section-title {
font-weight: 700;
color: #3d3d3d;
margin-bottom: 20px;
}
.section-subtitle {
color: #7a7a7a;
font-size: 1.1rem;
margin-bottom: 30px;
}
.card-service {
border: none;
border-radius: 20px;
transition: all 0.2s ease-in-out;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.card-service:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.service-price {
font-size: 1.5rem;
font-weight: 700;
color: #a67c52;
}
.nav-tabs .nav-link.active {
background-color: #a67c52;
color: #fff !important;
border-color: #a67c52;
}
.nav-tabs .nav-link {
color: #4a4a4a;
border: 1px solid #dee2e6;
border-radius: 30px;
margin-right: 10px;
padding: 10px 25px;
}
.nav-tabs .nav-link:hover {
border-color: #a67c52;
color: #a67c52;
}
.footer {
background-color: #2c2c2c;
color: #bdbdbd;
padding: 30px 0;
}
.footer a {
color: #bdbdbd;
}
.footer a:hover {
color: #fff;
text-decoration: none;
}
.hero-section {
background: linear-gradient(135deg, #f8f5f0 0%, #f0ebe4 100%);
padding: 80px 0;
}
.cookie-banner {
background-color: #2c2c2c;
color: #fff;
padding: 15px 0;
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}
.img-placeholder {
background-color: #e0d6cb;
border-radius: 20px;
width: 100%;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
color: #a67c52;
font-size: 1.2rem;
}

@media (max-width: 768px) {
.hero-section {
padding: 40px 0;
}
.nav-tabs .nav-link {
margin-bottom: 10px;
}
}
.font-metropol {
    font-family: 'Metropol', sans-serif;
}




/* Центрирование контактов на десктопе */
.navbar .d-none.d-lg-flex {
    flex: 1 1 auto;
    justify-content: center;
}

/* Мобильные контакты — красивые отступы */
.d-lg-none .border-top {
    border-color: #e9ecef !important;
}

.d-lg-none .py-1 {
    padding: 8px 0;
}

/* Иконки в мобильных контактах */
.d-lg-none .fa-map-marker-alt,
.d-lg-none .fa-phone {
    width: 20px;
    text-align: center;
}

/* Убираем лишние отступы у бургера */
.navbar-toggler {
    border: none;
    padding: 0.25rem 0.5rem;
}

/* Адаптивный логотип на мобильных */
@media (max-width: 576px) {
    .navbar-brand img {
        max-height: 50px;
        width: auto;
    }
}