/* ==========================================================================
   Landing pages (page.php + the jt-* content vocabulary in base.css).
   Per-page additions, scoped under body.page-id-<ID>; sources: the Elementor
   pages that were converted (see plugins/jetour-core/includes/seeds/pages/).
   ========================================================================== */

/* ---------- page-3672.css ---------- */
/* Page 3672 — "Suv ავტომობილები" (https://jetour.ge/suv-avtomobilebi/)
   Page-specific overrides only; everything else comes from the theme vocabulary.
   Values are the ones measured on the Elementor page (see specs/landing-suv.md). */

/* A — hero: 571px band (328px on mobile), photo anchored bottom-centre, 13% dark tint */
body.page-id-3672 .jt-p3672-banner {
  min-height: 571px;
  background-position: bottom center;
  --jt-banner-scrim: rgba(0, 0, 0, 0.13); /* live: linear-gradient(180deg,#676D67,#f2295b) at opacity .13 */
}
@media (max-width: 767px) {
  body.page-id-3672 .jt-p3672-banner {
    min-height: 328px;
  }
}

/* B — intro lead paragraph: centred, 30px/43px light, #020202 (22px/1.1 on mobile) */
body.page-id-3672 .jt-p3672-intro {
  max-width: 1312px;
  padding-top: 56px;
  padding-bottom: 56px;
}
body.page-id-3672 .jt-p3672-intro p {
  margin: 0;
  text-align: center;
  font-weight: 300;
  font-size: 30px;
  line-height: 43px;
  color: #020202;
}
@media (max-width: 767px) {
  body.page-id-3672 .jt-p3672-intro p {
    font-size: 22px;
    line-height: 1.1;
  }
}

/* Optional — legacy black pill buttons of the model cards (live: #000 → #454545, radius 50px, 20px/500, 12px 24px).
   Leave commented out to use the theme's teal .jt-btn.
body.page-id-3672 .jt-card .jt-btn {
  background: #000;
  color: #fff;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 500;
  padding: 12px 24px;
  transition: background-color .3s;
}
body.page-id-3672 .jt-card .jt-btn:hover,
body.page-id-3672 .jt-card .jt-btn:focus-visible {
  background: #454545;
}
*/

/* ---------- page-4228.css ---------- */
/* Page 4228 — "ავტოსალონი" (showroom landing). Page-specific hooks only; everything
   else is the jt-* vocabulary in base.css. Scoped to body.page-id-4228. */

/* Hero: text | map, two columns from 1024px (live: .hero-grid 1fr 1fr, gap 48px, centred) */
body.page-id-4228 .jt-p4228-hero__grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; }
@media (min-width: 1024px) {
	body.page-id-4228 .jt-p4228-hero__grid { grid-template-columns: 1fr 1fr; }
}
body.page-id-4228 .jt-p4228-hero .jt-prose h1 { margin-bottom: .4em; }
body.page-id-4228 .jt-p4228-accent { color: var(--jt-teal); }
body.page-id-4228 .jt-p4228-hero__map iframe { filter: none; } /* the live hero map is full colour */

/* "✓ ოფიციალური დისტრიბუტორი · ✓ 5 წლიანი გარანტია" inline badges */
body.page-id-4228 .jt-p4228-checks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 14px; color: var(--jt-soft); }
body.page-id-4228 .jt-p4228-checks li { margin: 0; }
body.page-id-4228 .jt-p4228-check { color: var(--jt-teal); font-weight: 700; }

/* Centred section head: h2 + short description (live: .section-header, max-width 48rem) */
body.page-id-4228 .jt-p4228-head { text-align: center; margin: 0 0 40px; }
body.page-id-4228 .jt-p4228-head p { max-width: 48rem; margin: 12px auto 0; font-size: 16px; color: var(--jt-soft); }

/* Benefit cards: centred, 64px teal emoji circle */
body.page-id-4228 .jt-p4228-card--center { align-items: center; text-align: center; }
body.page-id-4228 .jt-p4228-icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--jt-teal); color: #fff; font-size: 28px; line-height: 1; margin: 0 0 16px; }

/* Model cards: price line + centred "all models" CTA */
body.page-id-4228 .jt-p4228-price { font-family: var(--jt-font-accent); font-size: 24px; font-weight: 700; color: var(--jt-teal-ink); margin: 8px 0 0; font-variant-numeric: tabular-nums; }
body.page-id-4228 .jt-p4228-center { text-align: center; margin: 32px 0 0; }

/* Review cards: teal stars, plain quote, 40px round avatar */
body.page-id-4228 .jt-p4228-stars { color: var(--jt-teal); font-size: 20px; letter-spacing: 2px; margin: 0 0 12px; }
body.page-id-4228 .jt-p4228-review blockquote { margin: 0 0 16px; padding: 0; border: 0; font-style: normal; font-size: 16px; color: var(--jt-ink); }
body.page-id-4228 .jt-p4228-review blockquote p { margin: 0; }
body.page-id-4228 .jt-p4228-author { display: flex; align-items: center; gap: 12px; margin: 0; }
body.page-id-4228 .jt-p4228-author img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--jt-line); }

/* FAQ: narrow centred column (live: 48rem) */
body.page-id-4228 .jt-p4228-faq { max-width: 48rem; margin: 0 auto; }

/* Contact: form | map, two columns from 768px (live Elementor row, gap 20px, form vertically centred) */
body.page-id-4228 .jt-p4228-contact__grid { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: stretch; }
@media (min-width: 768px) {
	body.page-id-4228 .jt-p4228-contact__grid { grid-template-columns: 1fr 1fr; }
	body.page-id-4228 .jt-p4228-contact__form { align-self: center; }
}

/* ---------- page-4441.css ---------- */
/* Page #4441 ჰიბრიდული ავტომობილები — page-specific additions on top of the jt-* vocabulary.
   Everything else on this page (banner, prose, cards grid, tools row, gallery) is the theme's job. */

/* Single big "JETOUR T2 i-DM" showcase card (was html widget ae9920c: 950px wide, centred text, 450px cover image) */
body.page-id-4441 .jt-p4441-feature { max-width: 950px; margin: 0 auto; text-align: center; }
body.page-id-4441 .jt-p4441-feature .jt-card__img { width: 100%; height: 450px; object-fit: cover; }
body.page-id-4441 .jt-p4441-feature .jt-card__text { max-width: 650px; margin: 0 auto; }
@media (max-width: 767px) { body.page-id-4441 .jt-p4441-feature .jt-card__img { height: 300px; } }
@media (max-width: 480px) { body.page-id-4441 .jt-p4441-feature .jt-card__img { height: 240px; } }

/* "5 ხელმისაწვდომი მოდელი" line under the price-cards title (was .showcase-subtitle: 18px #666) */
body.page-id-4441 .jt-p4441-subtitle { text-align: center; color: #666; font-size: 18px; margin: -8px 0 32px; }

/* Price cards internals (was .jetour-showcase .vehicle-card) */
body.page-id-4441 .jt-p4441-price { font-size: 32px; line-height: 1.2; color: #000; margin: 0 0 14px; }
body.page-id-4441 .jt-p4441-chips { list-style: none; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 8px; }
body.page-id-4441 .jt-p4441-chips li { background: #f0f2f5; padding: 8px 16px; border-radius: 18px; font-size: 14px; font-weight: 600; color: #555; }
body.page-id-4441 .jt-p4441-features { list-style: none; padding: 0; margin: 0 0 8px; }
body.page-id-4441 .jt-p4441-features li { padding: 10px 0; font-size: 15px; color: #333; border-bottom: var(--jt-border-w) solid #ddd; }
body.page-id-4441 .jt-p4441-features li:last-child { border-bottom: 0; }
@media (max-width: 767px) { body.page-id-4441 .jt-p4441-price { font-size: 28px; } }
@media (max-width: 480px) { body.page-id-4441 .jt-p4441-price { font-size: 26px; } }

/* ---------- page-4574.css ---------- */
/* Page 4574 "ახალი ავტომობილები" — page-specific styling.
   Only the centred lead sentence under the hero needs a rule; everything else
   uses the theme vocabulary (jt-banner, jt-cards, jt-tools, jt-gallery). */

body.page-id-4574 .jt-p4574-lead {
  max-width: 1312px;            /* live: 1332px container minus 10px padding each side */
  margin: 0 auto 40px;          /* live: grid panel had margin 40px auto */
  text-align: center;
  font-weight: 300;
  font-size: 30px;
  line-height: 43px;
  color: #020202;
}

@media (max-width: 767px) {
  body.page-id-4574 .jt-p4574-lead {
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 24px;
  }
}

/* ---------- page-4590.css ---------- */
/* Page #4590 ჰიბრიდული ავტომობილები (/hibriduli-avtomobilebi/) — page-specific additions on top of the jt-* vocabulary.
   Colours: the original html widget used its own teal #26A69A; here the brand token is used (falls back to #39AEB1). */

/* Hero: centred title + lead + CTA (was .hero / .hero-content, min-height 90vh, 60% black overlay) */
body.page-id-4590 .jt-p4590-hero .jt-container { text-align: center; }
body.page-id-4590 .jt-p4590-hero .jt-btn { margin-top: .5rem; }

/* "battery + fuel" icon trio under "რა არის ჰიბრიდული ავტომობილი?" (was .hybrid-demo) */
body.page-id-4590 .jt-p4590-demo { display: flex; align-items: center; justify-content: center; gap: 2rem; margin: 0 auto 2.5rem; }
body.page-id-4590 .jt-p4590-demo img { width: 5rem; height: 5rem; padding: 1.25rem; border-radius: 50%; object-fit: contain; margin: 0; }
body.page-id-4590 .jt-p4590-demo__electric { background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%); box-shadow: 0 8px 25px rgba(34, 197, 94, .2); }
body.page-id-4590 .jt-p4590-demo__fuel { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); box-shadow: 0 8px 25px rgba(37, 99, 235, .2); }
body.page-id-4590 .jt-p4590-demo__plus { width: 3rem; height: 3rem; padding: .75rem; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .1); }
@media (max-width: 767px) {
  body.page-id-4590 .jt-p4590-demo { flex-direction: column; gap: 1rem; }
  body.page-id-4590 .jt-p4590-demo img { width: 4rem; height: 4rem; padding: 1rem; }
  body.page-id-4590 .jt-p4590-demo__plus { width: 2.5rem; height: 2.5rem; padding: .6rem; }
}

/* Big picture with caption overlay (was .hero-image-container + .image-overlay) */
body.page-id-4590 .jt-p4590-figure { position: relative; max-width: 900px; margin: 0 auto 3rem; border-radius: 2rem; overflow: hidden; box-shadow: 0 30px 60px rgba(0, 0, 0, .15); }
body.page-id-4590 .jt-p4590-figure img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; }
body.page-id-4590 .jt-p4590-figure figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 2rem; color: #fff; background: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, transparent 100%); }
body.page-id-4590 .jt-p4590-figure figcaption h3 { margin: 0 0 .5rem; font-size: 1.8rem; color: #fff; }
body.page-id-4590 .jt-p4590-figure figcaption p { margin: 0; font-size: 1.1rem; opacity: .9; color: #fff; }
@media (max-width: 767px) {
  body.page-id-4590 .jt-p4590-figure { border-radius: 1.5rem; }
  body.page-id-4590 .jt-p4590-figure figcaption { padding: 1.5rem; }
  body.page-id-4590 .jt-p4590-figure figcaption h3 { font-size: 1.4rem; }
  body.page-id-4590 .jt-p4590-figure figcaption p { font-size: 1rem; }
}

/* Lead paragraph (was .lead-text 1.3rem/600, centred, 800px) */
body.page-id-4590 .jt-p4590-lead { max-width: 800px; margin: 0 auto 3rem; text-align: center; font-size: 1.3rem; font-weight: 600; line-height: 1.7; }
@media (max-width: 767px) { body.page-id-4590 .jt-p4590-lead { font-size: 1.2rem; margin-bottom: 2.5rem; } }

/* Centred headings / CTA lines */
body.page-id-4590 .jt-p4590-center { text-align: center; }

/* 3 benefit cards with PNG icons (was .benefits-grid / .benefit-card) — icon is a 36px PNG in a tinted rounded square */
body.page-id-4590 .jt-p4590-benefits .jt-feature__icon { width: 4.5rem; height: 4.5rem; border-radius: 1.25rem; background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
body.page-id-4590 .jt-p4590-benefits .jt-feature__icon img { width: 2.25rem; height: 2.25rem; object-fit: contain; margin: 0; }

/* Recommended-model badge + subtitle (was .badge / .featured-title p) */
body.page-id-4590 .jt-p4590-badge-wrap { text-align: center; margin: 0 0 1rem; }
body.page-id-4590 .jt-p4590-badge { display: inline-block; padding: .5rem 1rem; background: #e0f2f1; color: #00695C; border-radius: 9999px; font-size: .875rem; font-weight: 600; }
body.page-id-4590 .jt-p4590-subtitle { text-align: center; color: #6b7280; max-width: 600px; margin: -.5rem auto 2.5rem; font-size: 1.1rem; }

/* T2 photo gallery captions (was .thumb span) */
body.page-id-4590 .jt-p4590-gallery figcaption { text-align: center; font-size: .9rem; font-weight: 600; color: #374151; padding: .5rem 0 0; }

/* Spec table + short benefit list live in a white card (was .vehicle-specs) */
body.page-id-4590 .jt-p4590-specs { background: #fff; border-radius: 1.5rem; padding: 2rem; box-shadow: 0 10px 25px rgba(0, 0, 0, .05); margin-top: 2rem; }
body.page-id-4590 .jt-p4590-specs .jt-table td { font-weight: 700; font-size: 1.25rem; }
body.page-id-4590 .jt-p4590-benefits-short .jt-feature__icon { width: 2rem; height: 2rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
body.page-id-4590 .jt-p4590-icon--green  { background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%); color: #16a34a; }
body.page-id-4590 .jt-p4590-icon--blue   { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); color: #2563eb; }
body.page-id-4590 .jt-p4590-icon--teal   { background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%); color: var(--jt-teal); }
body.page-id-4590 .jt-p4590-icon--purple { background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); color: #9333ea; }
@media (max-width: 767px) { body.page-id-4590 .jt-p4590-specs { padding: 1.5rem; } }

/* FAQ accordion — native <details>, one open at a time via the shared name="" attribute (no JS). Teal pills, white text (was .accordion-item) */
body.page-id-4590 .jt-p4590-faq { max-width: 48rem; margin: 0 auto; }
body.page-id-4590 .jt-p4590-faq details { background: var(--jt-teal); color: #fff; border-radius: 1.5rem; margin: 0 0 1.5rem; box-shadow: 0 4px 12px rgba(57, 174, 177, .3); overflow: hidden; }
body.page-id-4590 .jt-p4590-faq summary { list-style: none; cursor: pointer; padding: 2rem 2.5rem; font-size: 1.2rem; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
body.page-id-4590 .jt-p4590-faq summary::-webkit-details-marker { display: none; }
body.page-id-4590 .jt-p4590-faq summary::after { content: "\25BC"; flex: 0 0 2rem; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(255, 255, 255, .2); display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; transition: transform .3s ease; }
body.page-id-4590 .jt-p4590-faq details[open] summary::after { transform: rotate(180deg); background: rgba(255, 255, 255, .3); }
body.page-id-4590 .jt-p4590-faq details p { color: #fff; margin: 0 0 1rem; padding: 0 2.5rem; font-size: 1.1rem; line-height: 1.8; }
body.page-id-4590 .jt-p4590-faq details p:last-child { padding-bottom: 2rem; }
@media (max-width: 767px) {
  body.page-id-4590 .jt-p4590-faq summary { padding: 1.5rem; font-size: 1.1rem; }
  body.page-id-4590 .jt-p4590-faq details p { padding: 0 1.5rem; font-size: 1rem; }
  body.page-id-4590 .jt-p4590-faq details p:last-child { padding-bottom: 1.5rem; }
}