/*
  Landing page: Оренда побутівок
  Scoped styles (do not affect other pages)
*/

:root{
  --pob-primary:#1b66e3;
  --pob-primary-2:#165ad0;
  --pob-bg:#f4f7fc;
  --pob-card:#ffffff;
  --pob-border:#e4ebf6;
  --pob-text:#0b1320;
  --pob-muted:#6b7b93;
  --pob-shadow:0 14px 40px rgba(10,25,48,.10);
  --pob-radius:18px;
  --pob-radius-sm:14px;
}

/* Header: inherit default theme colors (як на Головній) */

/* Page underlay ("підложка") — як на сторінці "Побутівки": фонове фото + світлий оверлей.
   ВАЖЛИВО: тільки для цього шаблону, щоб не зачепити інші сторінки.
*/
body.page-template-template-orenda-pobutivok,
body.page-template-template-orenda-pobutivok-php{
  background: #eef2f7;
}
body.page-template-template-orenda-pobutivok::before,
body.page-template-template-orenda-pobutivok-php::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(244,247,252,.84) 0%, rgba(244,247,252,.92) 55%, rgba(244,247,252,.96) 100%),
    url("../img/hero-bg.jpg");
  background-size: cover;
  background-position: center right;
  filter: saturate(.95) contrast(1.02);
  transform: scale(1.02);
}

.pob-orenda{ padding: 0 0 60px; position: relative; }

.pob-breadcrumbs{
  font-size:12px;
  color:rgba(11,19,32,.55);
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin: 14px 0 14px;
}
.pob-breadcrumbs a{ color:rgba(11,19,32,.65); }
.pob-breadcrumbs a:hover{ color:rgba(11,19,32,.95); text-decoration:underline; }
.pob-bc-sep{ opacity:.55; }

/* Typography */
.pob-h2{
  margin:0;
  font-size:26px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.01em;
  color:var(--pob-text);
}
.pob-h3{ margin:0 0 10px; font-size:20px; font-weight:900; color:var(--pob-text); }
.pob-muted{ margin:10px 0 0; color:var(--pob-muted); font-size:14px; line-height:1.45; }

/* Buttons */
.pob-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 12px;
  font-weight:800;
  font-size:14px;
  border:1px solid transparent;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
}
.pob-btn--primary{
  background:linear-gradient(180deg, var(--pob-primary) 0%, var(--pob-primary-2) 100%);
  color:#fff;
  box-shadow: 0 14px 26px rgba(27,102,227,.22);
}
.pob-btn--ghost{
  background:#fff;
  border-color: var(--pob-border);
  color: var(--pob-text);
}
.pob-btn--light{
  background:rgba(255,255,255,.92);
  border-color: rgba(255,255,255,.22);
  color: #0a213a;
}
.pob-btn--small{ padding:10px 12px; border-radius: 10px; font-size:13px; }
.pob-btn--full{ width:100%; }
.pob-btn:hover{ transform: translateY(-1px); }
.pob-btn:active{ transform: translateY(0); }

/* HERO */
.pob-hero{ margin: 0 0 26px; }
.pob-hero__card{
  display:grid;
  grid-template-columns: 1.05fr .55fr;
  gap:18px;
  padding: 22px;
  background: var(--pob-card);
  border:1px solid var(--pob-border);
  border-radius: var(--pob-radius);
  box-shadow: var(--pob-shadow);
}
.pob-hero__title{
  margin:0 0 10px;
  font-size:38px;
  line-height:1.06;
  font-weight:950;
  letter-spacing:.01em;
  color:var(--pob-text);
}
.pob-hero__desc{ margin:19px 0 14px; color:rgba(11,19,32,.72); max-width: 62ch; }

.pob-chips{ display:flex; flex-wrap:wrap; gap:8px; margin: 12px 0 16px; }
.pob-chip{
  display:inline-flex;
  align-items:center;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(27,102,227,.08);
  color: rgba(11,19,32,.82);
  border:1px solid rgba(27,102,227,.14);
  font-size:12px;
  font-weight:700;
}
.pob-hero__actions{ display:flex; gap:10px; flex-wrap:wrap; }

.pob-form{
  background: #fff;
  border:1px solid var(--pob-border);
  border-radius: var(--pob-radius);
  box-shadow: 0 12px 26px rgba(10,25,48,.08);
  padding: 16px;
}
.pob-form__title{ font-weight:900; font-size:16px; color:var(--pob-text); }
.pob-form__subtitle{ font-size:12px; color:rgba(11,19,32,.6); margin-top:4px; }
.pob-form__grid{ margin-top: 12px; display:grid; gap:10px; }
.pob-field__label{ display:block; font-size:12px; color:rgba(11,19,32,.62); margin: 0 0 6px; }
.pob-field__input{
  width:100%;
  border:1px solid var(--pob-border);
  background:#fff;
  border-radius: 12px;
  padding: 12px 12px;
  font-size:14px;
  outline:none;
}
.pob-field__input:focus{ border-color: rgba(27,102,227,.45); box-shadow: 0 0 0 4px rgba(27,102,227,.12); }
.pob-form__note{ font-size:12px; color:rgba(11,19,32,.55); text-align:center; }
.pob-form__msg{ margin-top:6px; font-size:13px; }
.pob-hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }

/* Sections */
.pob-section{ margin: 26px 0; }
.pob-section__head{ margin: 0 0 16px; }
.pob-section__head--tight{ margin-bottom: 12px; }

/* Cards grid */
.pob-grid{ display:grid; gap:14px; }
.pob-grid--cards{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

.pob-card{
  background: var(--pob-card);
  border:1px solid var(--pob-border);
  border-radius: var(--pob-radius);
  box-shadow: 0 10px 22px rgba(10,25,48,.06);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.pob-card__top{ background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%); border-bottom:1px solid var(--pob-border); }
.pob-card__img{ width:100%; height:120px; object-fit:cover; }
.pob-card__img--ph{ height:120px; display:grid; place-items:center; color: rgba(11,19,32,.30); }
.pob-card__body{ padding: 12px 12px 8px; }
.pob-card__title{ font-weight:900; color:var(--pob-text); }
.pob-card__note{ margin-top:6px; font-size:13px; line-height:1.35; color: rgba(11,19,32,.62); }
.pob-card__price{ font-size:13px; color: rgba(11,19,32,.6); margin-top:6px; }
.pob-card__actions{ padding: 10px 12px 14px; margin-top:auto; }

.pob-bullets{ list-style:none; margin: 10px 0 0; padding:0; display:grid; gap:6px; color: rgba(11,19,32,.72); font-size:13px; }
.pob-bullets li{ position:relative; padding-left: 16px; }
.pob-bullets li::before{ content:""; position:absolute; left:0; top:7px; width:7px; height:7px; border-radius:50%; background: rgba(27,102,227,.35); }
.pob-bullets--lg{ font-size:14px; gap:8px; }

/* Tabs */
.pob-tabs{ display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 14px; }

/* Секція "Типи побутівок" (контейнер комплектації):
   відступ після пояснювального тексту — 2 мм. */
#types .pob-section__head{ margin-bottom: 2mm; }
#types .pob-tabs{ margin-top: 0; }
.pob-tab{
  border:1px solid var(--pob-border);
  background:#fff;
  color: rgba(11,19,32,.78);
  padding: 8px 12px;
  border-radius: 999px;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
}
.pob-tab.is-active{ border-color: rgba(27,102,227,.40); background: rgba(27,102,227,.08); color: var(--pob-text); }

.pob-type{
  background: var(--pob-card);
  border:1px solid var(--pob-border);
  border-radius: var(--pob-radius);
  box-shadow: var(--pob-shadow);
  overflow:hidden;
}
.pob-type__panel{ display:none; grid-template-columns: 1.1fr .9fr; gap: 14px; padding: 16px; align-items:stretch; }
.pob-type__panel.is-active{ display:grid; }
.pob-type__left{ padding: 6px 6px 6px 10px; }
.pob-type__right{ border-radius: var(--pob-radius-sm); background: #f2f5fb; border: 1px dashed rgba(11,19,32,.18); display:grid; place-items:center; }
.pob-photo-ph{ color: rgba(11,19,32,.45); font-weight:800; text-align:center; padding: 40px 12px; }
.pob-type__actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 14px; }

/* Table */
.pob-table-wrap{ position:relative; }
.pob-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border:1px solid var(--pob-border);
  border-radius: var(--pob-radius);
  overflow:hidden;
  box-shadow: var(--pob-shadow);
}
.pob-table th, .pob-table td{ padding: 12px 12px; border-bottom:1px solid var(--pob-border); font-size:14px; }
.pob-table th{ background:#f7f9ff; color: rgba(11,19,32,.7); font-weight:900; text-align:left; }
.pob-table tr:last-child td{ border-bottom:none; }
.pob-td-model{ font-weight:800; color: var(--pob-text); }

.pob-badge{ display:inline-flex; align-items:center; justify-content:center; padding: 4px 10px; border-radius: 999px; font-weight:900; font-size:12px; border:1px solid transparent; }
.pob-badge--ok{ background: rgba(34,197,94,.10); color:#0f5b2a; border-color: rgba(34,197,94,.20); }
.pob-badge--wait{ background: rgba(245,158,11,.12); color:#6b3d00; border-color: rgba(245,158,11,.20); }

.pob-table-cta{
  position:absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

/* Steps */
.pob-steps{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.pob-step{
  background:#fff;
  border:1px solid var(--pob-border);
  border-radius: var(--pob-radius);
  box-shadow: 0 10px 22px rgba(10,25,48,.06);
  padding: 14px;
}
.pob-step__n{
  width:34px; height:34px;
  border-radius: 999px;
  display:grid; place-items:center;
  background: rgba(27,102,227,.12);
  color: var(--pob-primary);
  font-weight:950;
}
.pob-step__t{ margin-top: 10px; font-weight:900; color: var(--pob-text); }
.pob-step__d{ margin-top: 6px; font-size:13px; color: rgba(11,19,32,.64); }

/* FAQ */
.pob-faq{ display:grid; gap: 10px; }
.pob-faq__item{
  background:#fff;
  border:1px solid var(--pob-border);
  border-radius: var(--pob-radius);
  box-shadow: 0 10px 22px rgba(10,25,48,.05);
  overflow:hidden;
}
.pob-faq__q{
  list-style:none;
  padding: 14px 14px;
  font-weight:900;
  color: var(--pob-text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
}
.pob-faq__q::-webkit-details-marker{ display:none; }
.pob-faq__icon{ width:26px; height:26px; display:grid; place-items:center; border-radius: 8px; background: rgba(11,19,32,.06); color: rgba(11,19,32,.6); font-weight:950; }
.pob-faq__item[open] .pob-faq__icon{ transform: rotate(45deg); }
.pob-faq__a{ padding: 0 14px 14px; color: rgba(11,19,32,.72); font-size:14px; line-height:1.5; }

/* CTA */
.pob-cta{ margin-top: 26px; }
.pob-cta__inner{
  background: linear-gradient(90deg, #1b66e3 0%, #1557c9 100%);
  border-radius: var(--pob-radius);
  padding: 20px 20px;
  display:flex;
  gap: 14px;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  box-shadow: 0 18px 40px rgba(21,87,201,.22);
}
.pob-cta__title{ font-weight:950; font-size:20px; }
.pob-cta__sub{ margin-top:6px; font-size:13px; opacity:.92; }

/* Responsive */
@media (max-width: 980px){
  .pob-hero__card{ grid-template-columns: 1fr; }
  .pob-grid--cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pob-type__panel{ grid-template-columns: 1fr; }
  .pob-table-cta{ position:static; transform:none; margin-top: 12px; width:100%; }
  .pob-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .pob-cta__inner{ flex-direction:column; align-items:flex-start; }
}

@media (max-width: 560px){
  .pob-hero__title{ font-size:30px; }
  .pob-grid--cards{ grid-template-columns: 1fr; }
  .pob-steps{ grid-template-columns: 1fr; }
  .pob-table th, .pob-table td{ padding: 10px 10px; font-size: 13px; }
}

/* --------------------------------------------------------------------------
   Rounded corners requirement: all blocks, photos and buttons = 5px
   (Scoped only to this landing page)
-------------------------------------------------------------------------- */

.pob-orenda{
  --pob-radius:5px;
  --pob-radius-sm:5px;
}

/* Buttons */
.pob-orenda .pob-btn,
.pob-orenda .pob-btn--small{
  border-radius:5px !important;
}

/* Inputs */
.pob-orenda .pob-field__input{
  border-radius:5px !important;
}

/* UI chips / tabs / badges */
.pob-orenda .pob-chip,
.pob-orenda .pob-tab,
.pob-orenda .pob-badge,
.pob-orenda .pob-faq__icon{
  border-radius:5px !important;
}

/* Circles / badges (step numbers, list dots) */
.pob-orenda .pob-step__n,
.pob-orenda .pob-bullets li::before{
  border-radius:5px !important;
}

/* Main blocks */
.pob-orenda .pob-hero__card,
.pob-orenda .pob-form,
.pob-orenda .pob-card,
.pob-orenda .pob-type,
.pob-orenda .pob-type__right,
.pob-orenda .pob-table,
.pob-orenda .pob-step,
.pob-orenda .pob-faq__item,
.pob-orenda .pob-cta__inner{
  border-radius:5px !important;
}

/* Photos */
.pob-orenda img,
.pob-orenda .pob-card__img,
.pob-orenda .pob-photo-ph{
  border-radius:5px !important;
}