/* Terracota Art · подход 3 (tiendas, regalos, alquiler) поверх theme.css + pro.css. Только новое; общие стили не правятся. */

.k [hidden] { display: none !important; }
.k .msg { margin: 12px 0 0; padding: 12px 14px; border-left: 3px solid var(--clay-d); background: rgba(176, 96, 60, .08); font-size: 15px; }
.k .pr-bar .btn-line { color: var(--cream); }
.k .pr-bar .btn-line:hover { background: var(--cream); color: var(--ink); border-color: var(--cream); }
.k .pr-sand .btn-line { color: var(--ink); }

/* три пути — крупные плитки с цифрами; форма раскрывается карточкой */
.k .pr-ways .three { counter-reset: w; display: grid; gap: 12px; margin: 28px 0 20px; position: relative; }
.k .pr-way { counter-increment: w; position: relative; display: flex; align-items: center; gap: 16px; min-height: 88px; padding: 16px 52px 16px 20px; border: 1px solid rgba(244, 237, 227, .3); border-radius: 3px; background: rgba(244, 237, 227, .05); color: var(--cream); font: 400 22px/1.2 var(--serif); text-align: left; text-decoration: none; cursor: pointer; transition: background .3s, border-color .3s, transform .3s; }
.k .pr-way::before { content: "0" counter(w); font: 400 46px/1 var(--serif); color: var(--clay-l); }
.k .pr-way::after { content: "→"; position: absolute; right: 20px; top: 50%; translate: 0 -50%; font: 400 24px/1 var(--sans); color: var(--clay-l); transition: translate .3s; }
.k .pr-way:hover { background: rgba(244, 237, 227, .1); transform: translateY(-3px); }
.k .pr-way:hover::after { translate: 6px -50%; }
.k .pr-way[aria-pressed="true"] { background: var(--clay-d); border-color: var(--clay-d); }
.k .pr-way[aria-pressed="true"]::before, .k .pr-way[aria-pressed="true"]::after { color: var(--cream); }
.k .way { display: none; position: relative; max-width: 640px; margin-top: 6px; padding: 24px 20px; border-radius: 3px; background: var(--card); color: var(--ink); box-shadow: 0 34px 70px rgba(0, 0, 0, .35); }
.k .way.on { display: block; }
.k .way .fld { margin-top: 0; }
.k .pr-ways > h2 { max-width: 14ch; }
@media (min-width: 900px) {
  .k .pr-ways .three { grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 48px 0 28px; }
  .k .pr-way { flex-direction: column; align-items: flex-start; justify-content: flex-end; min-height: 250px; padding: 28px 28px 30px; font-size: 28px; }
  .k .pr-way::before { font-size: 110px; margin-bottom: auto; }
  .k .pr-way::after { top: 34px; right: 28px; translate: 0 0; }
  .k .pr-way:hover::after { translate: 6px 0; }
  .k .pr-way:nth-child(2) { margin-top: 36px; }
  .k .way { padding: 34px 34px 30px; }
  .k .pr-ways > h2 { max-width: none; }
}

/* условия: Φ фоном на глине, заголовок помельче */
.k .pr-cond h2 { font-size: 36px; max-width: 16ch; }
@media (min-width: 900px) { .k .pr-cond h2 { font-size: 66px; max-width: 18ch; } }

/* окно-знак рядом с текстом: на компьютере окно шире */
@media (min-width: 900px) { .k .pr-shop { grid-template-columns: 1.618fr 1fr; } }

/* регалos: два кадра со смещением и разной скоростью */
.k .pr-bodas { padding-bottom: 120px; background: radial-gradient(ellipse 60% 70% at 10% 100%, rgba(176, 96, 60, .3), rgba(176, 96, 60, 0) 70%), var(--night); }
.k .pr-bodas__kick { color: var(--clay-l); }
.k .pr-pair { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 36px; }
.k .pr-pair figure { position: relative; overflow: hidden; border-radius: 3px; aspect-ratio: 4 / 5; margin: 0; box-shadow: 0 30px 60px rgba(0, 0, 0, .4); }
.k .pr-pair figure img { width: 100%; height: 100%; object-fit: cover; scale: 1.1; }
.k .pr-pair figure:nth-child(2) { margin-top: 44px; }
.k .pr-pair figcaption { position: absolute; left: 14px; bottom: 10px; margin: 0; color: var(--cream); text-shadow: 0 1px 8px rgba(0, 0, 0, .6); }
@media (min-width: 900px) {
  .k .pr-bodas { padding-bottom: 200px; }
  .k .pr-pair { gap: 40px; max-width: 980px; margin-left: auto; margin-right: auto; margin-top: 60px; }
  .k .pr-pair figure:nth-child(2) { margin-top: 90px; }
}

/* три случая: мозаика 1.618 : 1 из трёх плиток; счётчик на тёмном */
.k .pr-moments.pr-night .count { color: rgba(244, 237, 227, .82); }
.k .pr-moments.pr-night h2 { max-width: 14ch; }
@media (min-width: 900px) {
  .k .pr-cases3 .cases { grid-template-columns: 1.618fr 1fr; grid-auto-rows: 300px; }
  .k .pr-cases3 .case:first-child { grid-row: span 2; }
  .k .pr-moments.pr-night h2 { max-width: none; }
}

/* три шага: три колонки и тёмные цифры на песке */
.k .pr-steps.pr-sand { color: var(--ink); }
.k .pr-steps.pr-sand .steps li { border-color: rgba(43, 33, 28, .2); }
.k .pr-steps.pr-sand .pr-steps__spiral { opacity: .12; }
@media (min-width: 900px) { .k .pr-steps3 .steps { grid-template-columns: repeat(3, 1fr); } }