/* Petli page: section styles only. Shared header, nav, buttons and footer
   come from /_next/static/css/0cdaaee449ee1ed6.css. */
.petli-page { color: var(--brand-ink, #211c1a); background: var(--brand-paper, #f4f1ed); }
.petli-page [aria-current="page"] { color: var(--brand-clay, #9b5848); font-weight: 700; }
.petli-page .hero.petli-hero { min-height: 640px; }
.petli-page .petli-hero-copy { padding-top: clamp(66px, 7vw, 110px); padding-bottom: clamp(66px, 7vw, 110px); }
.petli-page .petli-hero .hero-intro { margin-top: 28px; }
.petli-page .petli-hero-visual { min-height: 600px; }
.petli-page .petli-hero-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.petli-page .petli-hero-visual .rating-card { max-width: 210px; }
.petli-page .hero-actions { align-items: stretch; }
.petli-page .petli-price-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 29px; }
.petli-page .petli-price-pills > div {
  min-width: 175px; display: flex; align-items: center; justify-content: space-between;
  gap: 18px; padding: 13px 16px; border: 1px solid #c5bab3;
  background: rgba(255,255,255,.30);
}
.petli-page .petli-price-pills span { color: #655b56; }
.petli-page .petli-price-pills strong { white-space: nowrap; }
.petli-page .petli-hero-meta {
  display: flex; flex-wrap: wrap; gap: 10px 26px;
  border-top: 1px solid #c7bbb4; margin-top: 39px; padding-top: 20px;
  color: #665b55; font-size: .9rem;
}
.petli-page .petli-hero .messenger-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.petli-page .petli-hero .button-messenger { padding-inline: 14px; }

.petli-page .petli-prices { padding: clamp(70px, 8vw, 120px) clamp(22px, 5vw, 82px); }
.petli-page .petli-section-head { margin-bottom: 43px; }
.petli-page .petli-section-head .eyebrow { margin-bottom: 17px; }
.petli-page .petli-section-head h2,
.petli-page .petli-equipment h2,
.petli-page .petli-info h2,
.petli-page .petli-contact h2 {
  font-weight: 460; font-size: clamp(2.2rem, 4.1vw, 4.6rem);
  line-height: 1.04; letter-spacing: -.048em; margin: 0;
}
.petli-page .petli-price-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  border-left: 1px solid #cfc5be; border-top: 1px solid #cfc5be;
}
.petli-page .petli-price-card {
  display: flex; flex-direction: column; min-height: 310px;
  padding: clamp(22px, 2.3vw, 32px); background: #fbfaf8;
  border-right: 1px solid #cfc5be; border-bottom: 1px solid #cfc5be;
}
.petli-page .petli-price-featured { background: #e6ded8; }
.petli-page .petli-price-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.petli-page .petli-price-top span { color: #8b7770; font-size: .78rem; font-weight: 750; }
.petli-page .petli-price-top strong { font-size: 1.65rem; letter-spacing: -.04em; white-space: nowrap; }
.petli-page .petli-price-card h3 { font-size: clamp(1.18rem, 1.45vw, 1.4rem); font-weight: 620; margin: 68px 0 13px; }
.petli-page .petli-price-card p { color: #625a56; line-height: 1.55; font-size: .96rem; margin: 0; }
.petli-page .petli-price-card small { color: #81756f; padding-top: 20px; margin-top: auto; }
.petli-page .petli-legal-note { margin: 22px 0 0; color: #7a706b; font-size: .83rem; line-height: 1.6; }

.petli-page .petli-equipment {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  gap: clamp(44px, 7vw, 115px); padding: clamp(70px, 8vw, 120px) clamp(22px, 5vw, 82px);
  background: #211c1a; color: #f7f2ed;
}
.petli-page .petli-equipment .eyebrow { color: #c7ada3; }
.petli-page .petli-equipment-copy > p:not(.eyebrow) { color: #cec5c0; max-width: 650px; margin: 24px 0 0; line-height: 1.65; font-size: 1.06rem; }
.petli-page .petli-equipment ul { margin: 29px 0 24px; padding: 0; list-style: none; border-top: 1px solid #ffffff33; }
.petli-page .petli-equipment li { border-bottom: 1px solid #ffffff33; padding: 15px 0; }
.petli-page .petli-text-link { display: inline-flex; align-items: center; padding: 9px 0; color: #e4b9aa; font-weight: 750; }
.petli-page .petli-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.petli-page .petli-steps { border-top: 1px solid #ffffff33; }
.petli-page .petli-steps article { display: grid; grid-template-columns: 38px 1fr; gap: 16px; padding: 27px 0; border-bottom: 1px solid #ffffff33; }
.petli-page .petli-steps article > span { color: #c7ada3; font-size: .8rem; font-weight: 800; }
.petli-page .petli-steps h3 { font-size: 1.14rem; margin: 0 0 8px; font-weight: 680; }
.petli-page .petli-steps p { margin: 0; color: #c8bfba; line-height: 1.55; }

.petli-page .petli-info { padding: clamp(73px, 8vw, 120px) clamp(22px, 5vw, 82px); background: #f4f1ed; }
.petli-page .petli-info-heading { display: grid; grid-template-columns: minmax(0, .48fr) minmax(0, 1.3fr); gap: 10px 48px; align-items: start; max-width: 1320px; }
.petli-page .petli-info-heading .eyebrow { grid-row: 1 / 3; margin-top: 16px; }
.petli-page .petli-info-heading h2 { max-width: 830px; }
.petli-page .petli-info-heading > p:last-child { grid-column: 2; color: #655c57; max-width: 790px; line-height: 1.67; font-size: 1.06rem; margin: 16px 0 0; }
.petli-page .petli-info-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px; margin-top: 59px; border-top: 1px solid #cfc5be;
}
.petli-page .petli-info-grid article { padding-top: 27px; }
.petli-page .petli-info-grid h3 { font-size: clamp(1.16rem, 1.6vw, 1.45rem); font-weight: 660; letter-spacing: -.02em; line-height: 1.25; margin: 0 0 16px; }
.petli-page .petli-info-grid p { color: #625a56; line-height: 1.68; margin: 0; }

.petli-page .petli-contact {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(245px, .37fr);
  gap: clamp(32px, 6vw, 90px); align-items: end;
  padding: clamp(68px, 8vw, 110px) clamp(22px, 5vw, 82px);
  background: #dec1b7;
}
.petli-page .petli-contact-copy > p:not(.eyebrow) { margin: 22px 0 0; font-size: 1.08rem; }
.petli-page .petli-hours { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 20px; color: #655b56; font-size: .92rem; }
.petli-page .petli-contact-actions { display: grid; gap: 10px; }
.petli-page .petli-contact-actions > .button { width: 100%; }
.petli-page .petli-contact-messengers { display: flex; align-items: center; justify-content: space-between; gap: 13px; padding-top: 13px; }
.petli-page .petli-contact-messengers a { color: #9b5848; font-weight: 750; }
.petli-page .petli-contact-messengers a:hover { text-decoration: underline; text-underline-offset: 4px; }

.petli-page .petli-mobile-bar { display: none; }
@media (max-width: 1050px) {
  .petli-page .petli-hero { grid-template-columns: 1fr; }
  .petli-page .petli-hero-visual { min-height: 450px; }
  .petli-page .petli-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .petli-page .petli-equipment { grid-template-columns: 1fr; }
  .petli-page .petli-info-heading { grid-template-columns: 1fr; }
  .petli-page .petli-info-heading .eyebrow { grid-row: auto; }
  .petli-page .petli-info-heading > p:last-child { grid-column: 1; }
}
@media (max-width: 760px) {
  .petli-page { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
  .petli-page .petli-hero-copy { padding: 56px 22px 45px; }
  .petli-page .petli-hero .hero-intro { margin-top: 23px; }
  .petli-page .petli-price-pills { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; width: 100%; }
  .petli-page .petli-price-pills > div { min-width: 0; display: grid; gap: 5px; padding: 12px; }
  .petli-page .petli-hero-meta { margin-top: 31px; }
  .petli-page .petli-hero-visual { min-height: 390px; }
  .petli-page .petli-prices,
  .petli-page .petli-equipment,
  .petli-page .petli-info,
  .petli-page .petli-contact { padding: 68px 18px; }
  .petli-page .petli-price-grid { grid-template-columns: 1fr; }
  .petli-page .petli-price-card { min-height: 240px; padding: 24px; }
  .petli-page .petli-price-card h3 { margin-top: 40px; }
  .petli-page .petli-info-grid { grid-template-columns: 1fr; gap: 0; margin-top: 35px; }
  .petli-page .petli-info-grid article { padding: 24px 0; border-bottom: 1px solid #cfc5be; }
  .petli-page .petli-contact { grid-template-columns: 1fr; }
  .petli-page .petli-contact-actions { max-width: 410px; }
  .petli-page .petli-mobile-bar { display: grid; }
}
@media (max-width: 380px) {
  .petli-page .petli-price-pills > div { font-size: .86rem; }
  .petli-page .petli-hero h1 { font-size: clamp(2.45rem, 12vw, 3rem); }
  .petli-page .petli-contact-messengers { gap: 8px; font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .petli-page .petli-mobile-bar { transition: none !important; }
}