/* ================================================================
   DASOS – Custom Stylesheet
   Zeleno-zlata barvna shema, Bootstrap 5 nadgradnja
================================================================ */

/* ── Variables ─────────────────────────────────────────────── */
:root {
  --green-dark:   #2d6235;
  --green-main:   #3a7d44;
  --green-mid:    #4e9959;
  --green-light:  #e8f5e9;
  --gold-main:    #c9a227;
  --gold-light:   #f5e6a3;
  --cream:        #f9fbf7;
  --white:        #ffffff;
  --text-dark:    #1a1a1a;
  --text-muted:   #5a6a5e;
  --radius:       12px;
  --shadow-sm:    0 2px 12px rgba(58,125,68,.10);
  --shadow-md:    0 6px 28px rgba(58,125,68,.16);
  --transition:   .3s ease;
}

/* ── Base ───────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Segoe UI', system-ui, sans-serif;
  background: var(--cream);
  color: var(--text-dark);
  line-height: 1.7;
}

a { text-decoration: none; color: inherit; }

/* ── Header (3-row: brand → slogan → nav) ───────────────────── */
.dasos-header {
  z-index: 1040;
  box-shadow: 0 2px 16px rgba(0,0,0,.10);
  transition: box-shadow var(--transition);
}

.dasos-header.scrolled {
  box-shadow: 0 4px 24px rgba(0,0,0,.18);
}

/* Row 1: Brand area (white bg) */
.dasos-header__brand {
  background: var(--white);
  padding: 1.1rem 0 .6rem;
  border-bottom: 1px solid var(--green-light);
}

.dasos-brand-link {
  display: inline-block;
  text-decoration: none;
}

.dasos-logo-svg {
  display: block;
  margin: 0 auto;
  width: clamp(180px, 30vw, 300px);
  height: auto;
}

.dasos-slogan {
  font-size: .8rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold-main);
  font-weight: 700;
  margin: .3rem 0 0;
  text-align: center;
}

/* Row 2: Nav bar (green bg) */
.dasos-header__nav {
  background: var(--green-main);
  padding: 0;
  border-top: 3px solid var(--gold-main);
}

.dasos-header__nav .navbar-toggler {
  border-color: rgba(255,255,255,.4);
  color: var(--white);
  margin: .4rem 0;
}

.dasos-header__nav .navbar-toggler-icon {
  filter: invert(1);
}

/* Nav links */
.dasos-header__nav .nav-link {
  color: rgba(255,255,255,.9);
  font-weight: 600;
  font-size: .88rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: .85rem .95rem;
  position: relative;
  transition: color var(--transition), background var(--transition);
}

.dasos-header__nav .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%; right: 50%;
  height: 3px;
  background: var(--gold-main);
  transition: left var(--transition), right var(--transition);
}

.dasos-header__nav .nav-link:hover,
.dasos-header__nav .nav-link.active {
  color: var(--white);
  background: rgba(0,0,0,.12);
}

.dasos-header__nav .nav-link:hover::after,
.dasos-header__nav .nav-link.active::after {
  left: .5rem;
  right: .5rem;
}

/* Dropdown toggle: reset Bootstrap caret + suppress persistent underline */
.dasos-header__nav .dropdown-toggle::after {
  border: none;
  margin: 0;
  vertical-align: 0;
  width: 0; height: 0;
}

.dasos-header__nav .nav-link.dropdown-toggle.active::after {
  left: 50%;
  right: 50%;
}

/* CTA nav button */
.nav-cta {
  background: var(--gold-main) !important;
  color: var(--white) !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

.nav-cta::after { display: none !important; }

.nav-cta:hover {
  background: #a88118 !important;
  color: var(--white) !important;
}

/* ── Dropdown menus ─────────────────────────────────────────── */
.dasos-dropdown,
.dasos-dropdown-sub {
  border: 1.5px solid var(--green-light);
  border-radius: var(--radius);
  padding: .5rem 0;
  min-width: 260px;
  background: var(--white);
  box-shadow: var(--shadow-md);
}

.dasos-dropdown .dropdown-item,
.dasos-dropdown-sub .dropdown-item {
  font-size: .9rem;
  padding: .55rem 1.1rem;
  color: var(--text-dark);
  border-radius: 6px;
  margin: 1px 6px;
  width: calc(100% - 12px);
  transition: background var(--transition), color var(--transition);
  display: flex;
  align-items: center;
}

.dasos-dropdown .dropdown-item:hover,
.dasos-dropdown .dropdown-item:focus,
.dasos-dropdown-sub .dropdown-item:hover,
.dasos-dropdown-sub .dropdown-item:focus {
  background: var(--green-light);
  color: var(--green-dark);
}

.dasos-dropdown .dropdown-item.dropdown-toggle::after {
  margin-left: auto;
  color: var(--gold-main);
}

.dasos-dropdown .dropdown-divider {
  border-color: var(--green-light);
  margin: .35rem .6rem;
}

/* Submenu positioning */
.dropend > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 4px;
}

/* ── Buttons ────────────────────────────────────────────────── */
.btn-dasos-primary {
  background: var(--green-main);
  color: var(--white);
  border: 2px solid var(--green-main);
  border-radius: 8px;
  font-weight: 600;
  letter-spacing: .03em;
  transition: background var(--transition), transform var(--transition), box-shadow var(--transition);
}

.btn-dasos-primary:hover {
  background: var(--green-dark);
  border-color: var(--green-dark);
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(45,98,53,.3);
}

.btn-dasos-outline {
  background: transparent;
  color: var(--green-main);
  border: 2px solid var(--green-main);
  border-radius: 8px;
  font-weight: 600;
  transition: background var(--transition), color var(--transition), transform var(--transition);
}

.btn-dasos-outline:hover {
  background: var(--green-main);
  color: var(--white);
  transform: translateY(-2px);
}

.btn-dasos-gold {
  background: var(--gold-main);
  color: var(--white);
  border: 2px solid var(--gold-main);
  border-radius: 8px;
  font-weight: 700;
  transition: background var(--transition), transform var(--transition);
}

.btn-dasos-gold:hover {
  background: #a88118;
  border-color: #a88118;
  color: var(--white);
  transform: translateY(-2px);
}

/* ── Section helpers ─────────────────────────────────────────── */
.section-light  { background: var(--white); }
.section-cream  { background: var(--cream); }
.section-green  {
  background: linear-gradient(135deg, var(--green-dark) 0%, var(--green-main) 60%, #3e8a4c 100%);
}

.section-badge {
  display: inline-block;
  background: var(--gold-light);
  color: var(--green-dark);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .25rem .85rem;
  border-radius: 20px;
  border: 1px solid var(--gold-main);
}

.section-badge--gold {
  background: rgba(201,162,39,.2);
  color: var(--gold-light);
  border-color: var(--gold-main);
}

.section-title {
  font-family: Georgia, serif;
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-top: .5rem;
}

.section-sub {
  color: var(--text-muted);
  font-size: 1.05rem;
  max-width: 560px;
  margin: .5rem auto 0;
}

/* ── Hero ───────────────────────────────────────────────────── */
.dasos-hero {
  position: relative;
  min-height: 60vh;
  background:
    linear-gradient(to bottom, rgba(20,50,22,.52) 0%, rgba(15,38,18,.68) 100%),
    url('../img/hero-bg.svg') center center / cover no-repeat;
  overflow: hidden;
  padding: 3.5rem 0 4.5rem;
}

.hero-bg-pattern {
  display: none;
}

.dasos-hero::before,
.dasos-hero::after {
  display: none;
}

.hero-eyebrow {
  color: var(--gold-light);
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.hero-title {
  font-family: Georgia, serif;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--white);
  line-height: 1.2;
}

.highlight-gold { color: var(--gold-main); }

/* ── Beseda "Prostor" – izpostavljena z zlatim spoštovanjem ─── */
.prostor {
  color: var(--gold-main);
  font-weight: 700;
  letter-spacing: .04em;
}

/* V sloganu (svetlo ozadje) ostane zlata */
.dasos-slogan .prostor {
  color: var(--gold-main);
}

/* V footerju (temno ozadje) svetlejša zlata */
.prostor--footer {
  color: #f0d060;
}

.prostor--footer::after {
  background: #f0d060;
}

.hero-sub {
  color: rgba(255,255,255,.82);
  font-size: 1.15rem;
  max-width: 580px;
  margin: 1.2rem auto 0;
}

.hero-wave {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 80px;
  pointer-events: none;
}

/* ── Service cards ───────────────────────────────────────────── */
.service-card {
  background: var(--white);
  border: 1.5px solid var(--green-light);
  border-radius: var(--radius);
  padding: 1.8rem 1.5rem;
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
  cursor: default;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
  border-color: var(--green-mid);
}

.service-icon {
  width: 54px; height: 54px;
  background: var(--green-light);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: var(--green-main);
  transition: background var(--transition);
}

.service-card:hover .service-icon {
  background: var(--green-main);
  color: var(--white);
}

.service-icon--pet {
  background: #fce4ec;
  color: #c62828;
}

.service-card--pet {
  border-color: #fce4ec;
}

.service-card--pet:hover .service-icon {
  background: #c62828;
  color: var(--white);
}

.service-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--green-dark);
  margin-bottom: .6rem;
}

.service-list {
  list-style: none;
  padding-left: 0;
  margin: .5rem 0 0;
}

.service-list li {
  margin-bottom: .15rem;
}

.svc-modal-link {
  color: var(--text-muted);
  text-decoration: none;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: .4rem;
  padding: .28rem .5rem;
  border-radius: 5px;
  transition: color var(--transition), background var(--transition);
}

.svc-modal-link i {
  font-size: .8rem;
  opacity: .4;
  flex-shrink: 0;
  transition: opacity var(--transition), color var(--transition);
}

.svc-modal-link:hover {
  color: var(--green-main);
  background: var(--green-light);
}

.svc-modal-link:hover i {
  opacity: 1;
  color: var(--gold-main);
}

/* ── Dasos modali ───────────────────────────────────────────── */
.dasos-modal .modal-content {
  border: none;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

.dasos-modal__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--green-main);
  padding: 1.1rem 1.3rem;
  position: relative;
}

.dasos-modal__icon {
  width: 42px;
  height: 42px;
  background: rgba(255,255,255,.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.2rem;
  color: var(--gold-main);
}

.dasos-modal__title-wrap {
  flex: 1;
  min-width: 0;
}

.dasos-modal__category {
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin: 0 0 .15rem;
}

.dasos-modal__title {
  font-family: Georgia, serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--white);
  margin: 0;
  line-height: 1.25;
}

.dasos-modal__close {
  filter: invert(1) grayscale(1) brightness(2);
  opacity: .75;
  flex-shrink: 0;
}

.dasos-modal__close:hover { opacity: 1; }

.dasos-modal__body {
  padding: 1.4rem 1.5rem 1rem;
  background: var(--white);
}

.dasos-modal__body > p:first-child {
  font-size: .97rem;
  color: var(--text-dark);
  line-height: 1.65;
  margin-bottom: .9rem;
}

.dasos-modal__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dasos-modal__list li {
  font-size: .9rem;
  color: var(--text-muted);
  padding: .35rem 0 .35rem 1.4rem;
  border-bottom: 1px solid var(--green-light);
  position: relative;
}

.dasos-modal__list li:last-child { border-bottom: none; }

.dasos-modal__list li::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 7px; height: 7px;
  background: var(--gold-main);
  border-radius: 50%;
}

.dasos-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: .6rem;
  padding: .9rem 1.3rem;
  background: var(--cream);
  border-top: 1px solid var(--green-light);
}

.dasos-modal__btn-close {
  background: transparent;
  border: 1.5px solid #b5ceb9;
  color: var(--text-muted);
  border-radius: 6px;
  padding: .38rem .9rem;
  font-size: .85rem;
  cursor: pointer;
  transition: background var(--transition), color var(--transition);
}

.dasos-modal__btn-close:hover {
  background: var(--green-light);
  color: var(--green-dark);
}

.dasos-modal__btn-cta {
  background: var(--green-main);
  color: var(--white);
  border: none;
  border-radius: 6px;
  padding: .38rem .9rem;
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
  transition: background var(--transition);
}

.dasos-modal__btn-cta:hover {
  background: var(--green-dark);
  color: var(--white);
}

@media (max-width: 575.98px) {
  .dasos-modal .modal-dialog {
    margin: .75rem;
    max-width: calc(100% - 1.5rem);
  }

  .dasos-modal__body { padding: 1.1rem 1.1rem .8rem; }
  .dasos-modal__header { padding: .9rem 1rem; gap: .75rem; }
  .dasos-modal__footer { padding: .75rem 1rem; }

  .dasos-modal__title { font-size: 1rem; }
  .dasos-modal__icon { width: 36px; height: 36px; font-size: 1rem; }
}

.service-desc {
  color: var(--text-muted);
  font-size: .92rem;
  margin: 0;
}

/* ── Why list ────────────────────────────────────────────────── */
.why-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.why-list li {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  color: rgba(255,255,255,.9);
  font-size: 1.05rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.why-icon {
  color: var(--gold-main);
  font-size: 1.2rem;
  flex-shrink: 0;
  margin-top: .15rem;
}

/* ── Testimonials ────────────────────────────────────────────── */
.testimonial-wrap { display: flex; flex-direction: column; gap: 1rem; }

.testimonial-card {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: var(--radius);
  padding: 1.2rem 1.4rem;
  backdrop-filter: blur(4px);
  transition: background var(--transition);
}

.testimonial-card:hover {
  background: rgba(255,255,255,.18);
}

.testimonial-stars { color: var(--gold-main); font-size: .9rem; margin-bottom: .5rem; }

.testimonial-text {
  color: rgba(255,255,255,.9);
  font-style: italic;
  font-size: .95rem;
  margin-bottom: .4rem;
}

.testimonial-author {
  color: var(--gold-light);
  font-size: .82rem;
  font-weight: 600;
  margin: 0;
}

/* ── About avatar ────────────────────────────────────────────── */
.about-avatar {
  display: inline-block;
  border-radius: 50%;
  padding: 8px;
  background: linear-gradient(135deg, var(--gold-light), var(--green-light));
  box-shadow: var(--shadow-md);
}

/* ── Pricelist (text-based) ──────────────────────────────────── */
.pricelist {
  background: var(--white);
  border: 1.5px solid var(--green-light);
  border-radius: var(--radius);
  padding: 2rem 2.4rem;
  box-shadow: var(--shadow-sm);
}

.pricelist__group {
  margin-bottom: 2rem;
}

.pricelist__group:last-of-type {
  margin-bottom: 0;
}

.pricelist__heading {
  font-family: Georgia, serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--green-dark);
  text-transform: uppercase;
  letter-spacing: .06em;
  padding-bottom: .5rem;
  margin-bottom: .6rem;
  border-bottom: 2px solid var(--gold-main);
  display: flex;
  align-items: center;
}

.pricelist__heading i {
  color: var(--gold-main);
}

.pricelist__unit {
  font-size: .75rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: var(--text-muted);
  margin-left: .4rem;
}

.pricelist__item {
  display: flex;
  align-items: baseline;
  gap: .4rem;
  padding: .38rem 0;
  border-bottom: 1px dotted #d8eadb;
}

.pricelist__item:last-child {
  border-bottom: none;
}

.pricelist__name {
  font-size: .95rem;
  color: var(--text-dark);
  flex-shrink: 0;
  max-width: 72%;
}

.pricelist__dots {
  flex: 1;
  border-bottom: 1px dotted #b5ceb9;
  margin: 0 .5rem;
  min-width: 20px;
  position: relative;
  top: -.2em;
}

.pricelist__price {
  font-size: .95rem;
  font-weight: 700;
  color: var(--green-dark);
  white-space: nowrap;
  flex-shrink: 0;
}

.pricelist__note {
  font-size: .85rem;
  color: var(--text-muted);
  background: var(--green-light);
  border-left: 3px solid var(--green-main);
  border-radius: 0 6px 6px 0;
  padding: .65rem 1rem;
  margin-bottom: 0;
}

/* ── Calendar table ──────────────────────────────────────────── */
.dasos-calendar-table {
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.dasos-calendar-table thead tr {
  background: var(--green-main);
  color: var(--white);
}

.dasos-calendar-table thead th {
  font-weight: 600;
  font-size: .83rem;
  padding: .7rem .5rem;
  border: none;
}

.dasos-calendar-table tbody tr {
  background: var(--white);
  transition: background var(--transition);
}

.dasos-calendar-table tbody tr:nth-child(even) {
  background: var(--cream);
}

.dasos-calendar-table tbody tr:hover {
  background: var(--green-light);
}

.dasos-calendar-table tbody td {
  font-size: .88rem;
  padding: .55rem .5rem;
  border-color: var(--green-light);
  vertical-align: middle;
}

.cal-yes {
  color: var(--green-main);
  font-weight: 700;
  font-size: 1rem;
}

/* ── Contact ─────────────────────────────────────────────────── */
.contact-info-box {
  background: var(--white);
  border: 1.5px solid var(--green-light);
  border-radius: var(--radius);
  padding: 1.8rem;
  box-shadow: var(--shadow-sm);
  height: 100%;
}

.contact-info-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.4rem;
}

.contact-info-item:last-child { margin-bottom: 0; }

.contact-info-item > i {
  font-size: 1.4rem;
  color: var(--green-main);
  margin-top: .1rem;
  flex-shrink: 0;
}

.contact-info-item strong {
  display: block;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text-muted);
  margin-bottom: .15rem;
}

.contact-info-item p {
  margin: 0;
  font-size: .97rem;
}

.contact-info-item a {
  color: var(--green-main);
  font-weight: 600;
  transition: color var(--transition);
}

.contact-info-item a:hover { color: var(--gold-main); }

/* Contact form */
.dasos-input {
  border: 1.5px solid #d1e8d4;
  border-radius: 8px;
  padding: .65rem 1rem;
  font-size: .95rem;
  transition: border-color var(--transition), box-shadow var(--transition);
}

.dasos-input:focus {
  border-color: var(--green-main);
  box-shadow: 0 0 0 3px rgba(58,125,68,.15);
  outline: none;
}

/* ── Footer ──────────────────────────────────────────────────── */
.dasos-footer {
  background: var(--green-dark);
  color: rgba(255,255,255,.8);
  border-top: 3px solid var(--gold-main);
}

.footer-slogan {
  font-size: .75rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gold-main);
  margin: .2rem 0 0;
}

.footer-nav a {
  color: rgba(255,255,255,.7);
  font-size: .88rem;
  transition: color var(--transition);
}

.footer-nav a:hover { color: var(--gold-main); }

.footer-copy {
  font-size: .8rem;
  color: rgba(255,255,255,.5);
}

/* ── Scroll fade-in animation ─────────────────────────────────── */
[data-aos] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .55s ease, transform .55s ease;
}

[data-aos].aos-visible {
  opacity: 1;
  transform: none;
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 991.98px) {
  .dasos-header__brand { padding: .8rem 0 .4rem; }
  .dasos-hero { min-height: 50vh; padding: 2.5rem 0 3.5rem; }

  /* Mobile nav: dropdown items inside collapsed green bar */
  .dasos-header__nav .navbar-collapse {
    background: var(--green-dark);
    padding: .5rem 0 .75rem;
    margin: 0 -12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .dasos-header__nav .nav-link {
    padding: .65rem .75rem;
    border-radius: 6px;
  }

  .dasos-header__nav .nav-link:hover,
  .dasos-header__nav .nav-link.active {
    background: rgba(255,255,255,.12);
  }

  .dasos-header__nav .nav-link::after {
    display: none;
  }

  /* Mobile dropdown: white box inside green bar */
  .dasos-dropdown {
    background: rgba(255,255,255,.96);
    border: none;
    border-radius: 8px;
    margin: .25rem 0;
    min-width: 100%;
  }

  .dropend > .dropdown-menu {
    position: static !important;
    margin: .25rem 0 0;
    padding-left: 1rem;
    box-shadow: none;
    border: none;
    border-left: 2px solid var(--green-light);
    border-radius: 0;
    min-width: 100%;
    background: transparent;
  }

  .dasos-dropdown-sub {
    min-width: 100%;
  }

  /* Mobile CTA full-width */
  .nav-cta {
    display: block;
    text-align: center;
    margin: .4rem 0 0;
    border-radius: 6px !important;
    padding: .7rem !important;
  }
}

/* Tablet */
@media (max-width: 767.98px) {
  .section-title { font-size: 1.7rem; }

  /* Pricelist: hide dots, allow name to wrap, price pinned right */
  .pricelist {
    padding: 1.2rem 1rem;
  }

  .pricelist__dots {
    display: none;
  }

  .pricelist__item {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .15rem;
    padding: .5rem 0;
  }

  .pricelist__name {
    width: 100%;
    font-size: .92rem;
  }

  .pricelist__price {
    font-size: .9rem;
    color: var(--gold-main);
    margin-left: auto;
    padding-left: .5rem;
  }

  .pricelist__heading {
    font-size: .88rem;
  }

  /* Calendar: smaller font */
  .dasos-calendar-table thead th,
  .dasos-calendar-table tbody td {
    font-size: .75rem;
    padding: .4rem .3rem;
  }

  /* About section: center avatar */
  .about-avatar svg {
    width: 160px;
    height: 160px;
  }

  /* Why list text */
  .why-list li {
    font-size: .97rem;
  }

  /* Contact info box full width */
  .contact-info-box {
    padding: 1.2rem;
  }
}

/* Mobile */
@media (max-width: 575.98px) {
  .section-title { font-size: 1.45rem; }
  .hero-title    { font-size: 1.75rem; }
  .dasos-hero    { min-height: 45vh; padding: 2rem 0 3rem; }

  .section-badge { font-size: .68rem; }

  /* Service cards: reduce padding */
  .service-card {
    padding: 1.2rem 1rem;
  }

  /* Section vertical spacing */
  .py-5 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }

  /* Pricelist: tighter */
  .pricelist {
    padding: 1rem .85rem;
  }

  .pricelist__group {
    margin-bottom: 1.4rem;
  }

  /* Testimonials stacked */
  .testimonial-card {
    padding: 1rem 1.1rem;
  }

  /* Hero buttons stacked */
  .dasos-hero .d-flex.gap-3 {
    flex-direction: column;
    align-items: center;
    gap: .75rem !important;
  }

  .dasos-hero .btn {
    display: none;
  }

  /* Logo smaller on phone */
  .dasos-logo-svg {
    width: 160px;
  }

  .dasos-slogan {
    font-size: .68rem;
    letter-spacing: .12em;
  }
}