.page-city-drova-petelino{
  --pt-bg:#f6f9fc;
  --pt-surface:#ffffff;
  --pt-surface-2:#fbfdff;
  --pt-line:#e5edf5;
  --pt-line-strong:#d9e4ef;
  --pt-text:#18263d;
  --pt-muted:#5b6e85;
  --pt-muted-2:#71839a;

  --pt-accent:#bf6d14;
  --pt-accent-dark:#9f5810;
  --pt-green:#1f9d55;
  --pt-green-dark:#187946;
  --pt-blue:#2374e1;
  --pt-blue-dark:#1c5eb5;
  --pt-rose:#b43b79;
  --pt-dark:#162238;

  --pt-amber-soft:#fff6e7;
  --pt-blue-soft:#eef6ff;
  --pt-green-soft:#eefbf2;
  --pt-rose-soft:#fff1f7;
  --pt-violet-soft:#f6f1ff;
  --pt-sky-soft:#f3f9ff;

  --pt-shadow-xs:0 8px 20px rgba(19,33,56,.04);
  --pt-shadow-sm:0 14px 30px rgba(19,33,56,.06);
  --pt-shadow-md:0 20px 44px rgba(19,33,56,.08);
  --pt-shadow-lg:0 26px 70px rgba(19,33,56,.10);

  --pt-radius-xs:14px;
  --pt-radius-sm:18px;
  --pt-radius-md:24px;
  --pt-radius-lg:30px;
  --pt-radius-xl:38px;
}

.page-city-drova-petelino body,
.pt-page{
  background:linear-gradient(180deg,#f8fbfe 0%, #ffffff 240px);
  color:var(--pt-text);
}

.pt-page{
  max-width:1280px;
  margin:0 auto;
  padding:24px 18px 74px;
}

.pt-reset-section{
  margin:0 0 24px;
}

.pt-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 18px;
  color:var(--pt-muted);
  font-size:16px;
  line-height:1.5;
}

.pt-breadcrumbs a{
  color:inherit;
  text-decoration:none;
}

.pt-breadcrumbs a:hover{
  color:var(--pt-dark);
  text-decoration:underline;
}

.pt-breadcrumbs__sep{
  opacity:.5;
}

/* HERO */
.pt-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:30px;
  align-items:center;
  padding:34px;
  border:1px solid var(--pt-line);
  border-radius:var(--pt-radius-xl);
  background:
    radial-gradient(circle at top right, rgba(191,109,20,.14), transparent 22%),
    radial-gradient(circle at 12% 88%, rgba(35,116,225,.10), transparent 24%),
    linear-gradient(135deg,#ffffff 0%, #fbfdff 52%, #fffaf3 100%);
  box-shadow:var(--pt-shadow-lg);
  overflow:hidden;
}

.pt-hero::after{
  content:"";
  position:absolute;
  inset:auto -60px -60px auto;
  width:220px;
  height:220px;
  background:radial-gradient(circle, rgba(180,59,121,.08), transparent 68%);
  pointer-events:none;
}

.pt-badges{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:18px;
}

.pt-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  font-weight:900;
  font-size:14px;
  letter-spacing:.01em;
  border:1px solid transparent;
  box-shadow:0 6px 14px rgba(19,33,56,.04);
}

.pt-badge--gold{
  background:var(--pt-amber-soft);
  color:#8a510d;
  border-color:#f0d3aa;
}

.pt-badge--green{
  background:var(--pt-green-soft);
  color:#1f6d45;
  border-color:#c7e9d3;
}

.pt-badge--blue{
  background:var(--pt-blue-soft);
  color:#235f99;
  border-color:#d2e4fb;
}

.pt-badge--rose{
  background:var(--pt-rose-soft);
  color:#973463;
  border-color:#efc3d8;
}

.pt-hero h1{
  margin:0 0 18px;
  font-size:52px;
  line-height:1.04;
  letter-spacing:-.025em;
  color:#13223a;
  max-width:14ch;
}

.pt-lead{
  margin:0 0 16px;
  font-size:21px;
  line-height:1.88;
  color:var(--pt-muted);
  max-width:62ch;
}

.pt-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.pt-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 22px;
  border-radius:18px;
  text-decoration:none;
  font-weight:900;
  font-size:16px;
  border:1px solid transparent;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  box-shadow:var(--pt-shadow-sm);
  white-space:nowrap;
}

.pt-btn:hover{
  transform:translateY(-2px);
  text-decoration:none;
  box-shadow:0 16px 32px rgba(19,33,56,.12);
}

.pt-btn--call{
  color:#fff;
  background:linear-gradient(135deg,#17253c 0%, #223756 100%);
}

.pt-btn--wa{
  color:#fff;
  background:linear-gradient(135deg,#22c55e 0%, #159447 100%);
}

.pt-btn--tg{
  color:#fff;
  background:linear-gradient(135deg,#2aa7e6 0%, #1f78c9 100%);
}

.pt-btn--max{
  color:var(--pt-dark);
  background:linear-gradient(135deg,#ffffff 0%, #f8fbff 100%);
  border-color:var(--pt-line-strong);
}

.pt-note{
  margin-top:20px;
  padding:18px 20px;
  border-radius:22px;
  font-size:19px;
  line-height:1.8;
}

.pt-note--warm{
  color:#775421;
  background:linear-gradient(135deg,#fff7eb 0%, #fffdf8 100%);
  border:1px solid #edd8b8;
  box-shadow:var(--pt-shadow-xs);
}

.pt-hero__media{
  margin:0;
  position:relative;
}

.pt-hero__media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:32px;
  box-shadow:var(--pt-shadow-lg);
}

.pt-hero__media figcaption{
  margin-top:12px;
  color:var(--pt-muted-2);
  font-size:15px;
  line-height:1.7;
}

/* TOP COLOR CARDS */
.pt-color-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.pt-color-card{
  padding:28px;
  border-radius:var(--pt-radius-lg);
  border:1px solid var(--pt-line);
  box-shadow:var(--pt-shadow-sm);
}

.pt-color-card h2{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.18;
  letter-spacing:-.015em;
  color:#16253d;
}

.pt-color-card p{
  margin:0;
  font-size:19px;
  line-height:1.84;
  color:#50627a;
}

.pt-color-card--amber{
  background:linear-gradient(135deg,#fff7e8 0%, #fffdfa 100%);
}

.pt-color-card--blue{
  background:linear-gradient(135deg,#eef6ff 0%, #fbfdff 100%);
}

.pt-color-card--green{
  background:linear-gradient(135deg,#eefbf3 0%, #fbfffd 100%);
}

/* GENERAL SECTION */
.pt-section{
  padding:30px;
  border-radius:32px;
  border:1px solid var(--pt-line);
  background:linear-gradient(180deg,#ffffff 0%, #fcfdff 100%);
  box-shadow:var(--pt-shadow-sm);
}

.pt-section--soft{
  background:linear-gradient(180deg,#f8fbff 0%, #ffffff 100%);
}

.pt-section--gradient{
  background:
    radial-gradient(circle at top right, rgba(191,109,20,.08), transparent 22%),
    linear-gradient(135deg,#ffffff 0%, #fbfcff 48%, #fff8ef 100%);
}

.pt-section--accent{
  background:
    radial-gradient(circle at top left, rgba(180,59,121,.06), transparent 20%),
    linear-gradient(135deg,#ffffff 0%, #f5fbff 52%, #fff9fd 100%);
}

.pt-section--light{
  background:linear-gradient(180deg,#fffefc 0%, #ffffff 100%);
}

.pt-section--seo{
  background:
    radial-gradient(circle at top right, rgba(35,116,225,.06), transparent 20%),
    linear-gradient(180deg,#fffdfa 0%, #ffffff 100%);
}

.pt-section__top{
  margin-bottom:20px;
}

.pt-section__top h2{
  margin:0 0 12px;
  font-size:40px;
  line-height:1.13;
  letter-spacing:-.022em;
  color:#16253c;
}

.pt-section__top p{
  margin:0;
  font-size:20px;
  line-height:1.86;
  color:var(--pt-muted);
  max-width:70ch;
}

/* GRIDS */
.pt-price-grid,
.pt-cards,
.pt-volume-grid,
.pt-check-grid,
.pt-gallery,
.pt-season-grid{
  display:grid;
  gap:18px;
}

.pt-price-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.pt-cards--2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.pt-volume-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.pt-check-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.pt-gallery{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.pt-season-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }

/* CARDS */
.pt-price-card,
.pt-card,
.pt-volume-card,
.pt-check-card,
.pt-geo__box,
.pt-districts__content,
.pt-districts__aside,
.pt-advantage-strip__card,
.pt-season-card{
  background:var(--pt-surface);
  border:1px solid var(--pt-line);
  border-radius:28px;
  box-shadow:var(--pt-shadow-xs);
}

.pt-price-card,
.pt-card,
.pt-check-card,
.pt-districts__content,
.pt-districts__aside,
.pt-season-card{
  padding:22px;
}

.pt-volume-card{
  padding:24px 20px;
}

.pt-price-card:hover,
.pt-card:hover,
.pt-gallery__item:hover,
.pt-districts__content:hover,
.pt-districts__aside:hover{
  box-shadow:var(--pt-shadow-sm);
}

.pt-price-card h3,
.pt-card h3,
.pt-volume-card h3,
.pt-check-card h3,
.pt-geo__box h3,
.pt-districts__aside h3,
.pt-season-card h3{
  margin:0 0 12px;
  font-size:27px;
  line-height:1.23;
  color:#1a2740;
  letter-spacing:-.01em;
}

.pt-price-card p,
.pt-card p,
.pt-volume-card p,
.pt-check-card li,
.pt-geo__box li,
.pt-districts__content p,
.pt-seo-text p,
.pt-season-card p{
  color:var(--pt-muted);
  line-height:1.88;
  font-size:19px;
}

.pt-price-card__value{
  margin:0 0 12px;
  font-size:32px;
  line-height:1.1;
  font-weight:900;
  color:var(--pt-accent);
  letter-spacing:-.02em;
}

.pt-price-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.pt-price-card__actions a,
.pt-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border-radius:14px;
  text-decoration:none;
  font-weight:900;
  font-size:15px;
  color:#7d4d12;
  background:linear-gradient(135deg,#fff7eb 0%, #ffffff 100%);
  border:1px solid #ecd6b6;
  transition:all .18s ease;
}

.pt-price-card__actions a:hover,
.pt-links a:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(19,33,56,.08);
}

/* MEDIA */
.pt-block-media{
  margin:0 0 16px;
}

.pt-block-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
}

.pt-card__icon{
  font-size:31px;
  margin:0 0 8px;
}

/* USE LIST */
.pt-use-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.pt-use-list__item{
  display:flex;
  align-items:center;
  min-height:78px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid var(--pt-line);
  background:linear-gradient(135deg,#f3f8ff 0%, #ffffff 100%);
  font-size:19px;
  font-weight:800;
  color:#27415f;
  box-shadow:var(--pt-shadow-xs);
}

/* ADVANTAGES */
.pt-advantage-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.pt-advantage-strip__card{
  padding:26px;
}

.pt-advantage-strip__card:nth-child(1){
  background:linear-gradient(135deg,#fff8ed 0%, #ffffff 100%);
}

.pt-advantage-strip__card:nth-child(2){
  background:linear-gradient(135deg,#eef7ff 0%, #ffffff 100%);
}

.pt-advantage-strip__card:nth-child(3){
  background:linear-gradient(135deg,#eefbf4 0%, #ffffff 100%);
}

.pt-advantage-strip__card h2{
  margin:0 0 12px;
  font-size:29px;
  line-height:1.2;
  color:#17253c;
}

.pt-advantage-strip__card p{
  margin:0;
  font-size:19px;
  line-height:1.84;
  color:var(--pt-muted);
}

/* SEASONS */
.pt-season-card--spring{
  background:linear-gradient(135deg,#eefbf2 0%, #ffffff 100%);
}

.pt-season-card--summer{
  background:linear-gradient(135deg,#eef7ff 0%, #ffffff 100%);
}

.pt-season-card--autumn{
  background:linear-gradient(135deg,#fff7eb 0%, #ffffff 100%);
}

.pt-season-card--winter{
  background:linear-gradient(135deg,#f4f7fb 0%, #ffffff 100%);
}

/* GEO */
.pt-geo{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:18px;
}

.pt-geo__box{
  padding:22px;
  background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
}

.pt-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.pt-tags span{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 15px;
  border-radius:999px;
  background:linear-gradient(135deg,#f8fbfe 0%, #ffffff 100%);
  border:1px solid var(--pt-line);
  color:#52647c;
  font-weight:800;
  font-size:15px;
}

/* DISTRICTS */
.pt-districts{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  gap:18px;
}

.pt-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.pt-links--district,
.pt-links--towns{
  margin-top:14px;
}

.pt-links--towns a{
  justify-content:flex-start;
  width:100%;
}

/* CHECK LISTS */
.pt-check-card ul,
.pt-geo__box ul{
  margin:0;
  padding-left:22px;
}

/* GALLERY */
.pt-gallery__item{
  margin:0;
  padding:15px;
  background:#fff;
  border:1px solid var(--pt-line);
  border-radius:24px;
  box-shadow:var(--pt-shadow-xs);
  transition:box-shadow .18s ease, transform .18s ease;
}

.pt-gallery__item img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}

.pt-gallery__item:hover{
  transform:translateY(-2px);
}

.pt-gallery__item figcaption{
  margin-top:10px;
  color:var(--pt-muted-2);
  font-size:15px;
  line-height:1.7;
}

/* SEO TEXT */
.pt-seo-text{
  max-width:980px;
}

.pt-seo-text p{
  margin:0 0 16px;
  font-size:20px;
}

.pt-seo-text p:last-child{
  margin-bottom:0;
}

/* FAQ */
.pt-qa{
  display:grid;
  gap:12px;
}

.pt-qa details{
  padding:18px 20px;
  border-radius:20px;
  border:1px solid var(--pt-line);
  background:linear-gradient(180deg,#ffffff 0%, #fcfdff 100%);
  box-shadow:var(--pt-shadow-xs);
}

.pt-qa summary{
  cursor:pointer;
  font-weight:900;
  font-size:20px;
  line-height:1.5;
  color:#1a2740;
  list-style:none;
}

.pt-qa summary::-webkit-details-marker{
  display:none;
}

.pt-qa summary::after{
  content:"+";
  float:right;
  color:var(--pt-accent);
  font-size:24px;
  line-height:1;
  margin-left:12px;
}

.pt-qa details[open] summary::after{
  content:"−";
}

.pt-qa p{
  margin:14px 0 0;
  color:var(--pt-muted);
  line-height:1.88;
  font-size:19px;
}

.pt-actions--bottom{
  margin-top:20px;
}

/* VOLUME CARDS */
.pt-volume-card--rose{
  background:linear-gradient(135deg,#fff3f7 0%, #ffffff 100%);
}

.pt-volume-card--sky{
  background:linear-gradient(135deg,#eef7ff 0%, #ffffff 100%);
}

.pt-volume-card--mint{
  background:linear-gradient(135deg,#eefcf4 0%, #ffffff 100%);
}

.pt-volume-card--gold{
  background:linear-gradient(135deg,#fff9ec 0%, #ffffff 100%);
}

/* RESPONSIVE */
@media (max-width:1180px){
  .pt-hero,
  .pt-color-grid,
  .pt-advantage-strip,
  .pt-geo,
  .pt-districts{
    grid-template-columns:1fr;
  }

  .pt-hero h1{
    max-width:none;
  }

  .pt-price-grid,
  .pt-volume-grid,
  .pt-gallery,
  .pt-use-list,
  .pt-season-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:820px){
  .pt-page{
    padding:18px 14px 58px;
  }

  .pt-hero{
    padding:22px;
    border-radius:26px;
    gap:22px;
  }

  .pt-section,
  .pt-color-card{
    padding:22px;
    border-radius:24px;
  }

  .pt-hero h1{
    font-size:36px;
    line-height:1.08;
  }

  .pt-section__top h2,
  .pt-color-card h2,
  .pt-advantage-strip__card h2{
    font-size:30px;
  }

  .pt-lead,
  .pt-section__top p,
  .pt-price-card p,
  .pt-card p,
  .pt-volume-card p,
  .pt-seo-text p,
  .pt-qa p,
  .pt-color-card p,
  .pt-advantage-strip__card p,
  .pt-season-card p{
    font-size:18px;
  }

  .pt-price-grid,
  .pt-cards--2,
  .pt-volume-grid,
  .pt-check-grid,
  .pt-gallery,
  .pt-use-list,
  .pt-season-grid{
    grid-template-columns:1fr;
  }

  .pt-actions{
    gap:10px;
  }

  .pt-btn{
    width:100%;
  }
}

@media (max-width:560px){
  .pt-badge{
    min-height:38px;
    padding:0 14px;
    font-size:13px;
  }

  .pt-hero h1{
    font-size:32px;
  }

  .pt-section__top h2{
    font-size:28px;
  }

  .pt-price-card__value{
    font-size:28px;
  }

  .pt-price-card,
  .pt-card,
  .pt-check-card,
  .pt-districts__content,
  .pt-districts__aside,
  .pt-season-card{
    padding:18px;
  }

  .pt-gallery__item{
    padding:12px;
  }

  .pt-qa summary{
    font-size:18px;
  }
}


.pt-topline{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.pt-topline__item{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:12px 18px;
  text-align:center;
  border-radius:18px;
  border:1px solid var(--pt-line);
  background:linear-gradient(135deg,#ffffff 0%, #f8fbff 100%);
  color:#27415f;
  font-weight:800;
  font-size:16px;
  box-shadow:var(--pt-shadow-xs);
}

.pt-hero-mini{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}

.pt-hero-mini__item{
  padding:16px 16px 14px;
  border-radius:18px;
  background:linear-gradient(135deg,#f8fbff 0%, #ffffff 100%);
  border:1px solid var(--pt-line);
  box-shadow:var(--pt-shadow-xs);
}

.pt-hero-mini__item strong{
  display:block;
  margin-bottom:4px;
  font-size:20px;
  line-height:1.2;
  color:#16253c;
}

.pt-hero-mini__item span{
  display:block;
  font-size:14px;
  line-height:1.6;
  color:var(--pt-muted);
}

.pt-trust{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.pt-trust__item{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:78px;
  padding:14px 16px;
  text-align:center;
  border-radius:22px;
  border:1px solid var(--pt-line);
  background:linear-gradient(135deg,#ffffff 0%, #fbfdff 100%);
  color:#203754;
  font-weight:800;
  font-size:17px;
  box-shadow:var(--pt-shadow-xs);
}

.pt-price-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.pt-price-card__top h3{
  margin:0;
}

.pt-price-card__list{
  margin:14px 0 0;
  padding-left:20px;
  color:var(--pt-muted);
}

.pt-price-card__list li{
  margin:0 0 8px;
  line-height:1.75;
  font-size:17px;
}

.pt-final-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:30px;
  border-radius:30px;
  border:1px solid var(--pt-line);
  background:
    radial-gradient(circle at top right, rgba(35,116,225,.08), transparent 20%),
    radial-gradient(circle at bottom left, rgba(191,109,20,.10), transparent 24%),
    linear-gradient(135deg,#ffffff 0%, #f8fbff 100%);
  box-shadow:var(--pt-shadow-md);
}

.pt-final-cta__content h2{
  margin:0 0 10px;
  font-size:38px;
  line-height:1.12;
  color:#16253c;
  letter-spacing:-.02em;
}

.pt-final-cta__content p{
  margin:0;
  max-width:760px;
  font-size:20px;
  line-height:1.85;
  color:var(--pt-muted);
}

.pt-final-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}

@media (max-width:1180px){
  .pt-topline,
  .pt-trust,
  .pt-hero-mini{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pt-final-cta{
    grid-template-columns:1fr;
  }

  .pt-final-cta__actions{
    justify-content:flex-start;
  }
}

@media (max-width:820px){
  .pt-topline,
  .pt-trust,
  .pt-hero-mini{
    grid-template-columns:1fr;
  }

  .pt-final-cta{
    padding:22px;
    border-radius:24px;
  }

  .pt-final-cta__content h2{
    font-size:30px;
  }

  .pt-final-cta__content p{
    font-size:18px;
  }

  .pt-final-cta__actions .pt-btn{
    width:100%;
  }

  .pt-price-card__top{
    flex-direction:column;
    align-items:flex-start;
  }
}