/* ЗГЕНЕРОВАНО izium-rent-tools/gen_bg.py — не правити вручну.
   Чисті білі блоки з тонкою нейтральною рамкою. Без кольорів, орнаментів і фактур. */
:root{--paper:#f5f5f3;--panel:#ffffff;--frame:#e2e0db}
.matte{background:var(--paper)!important}
.panel{position:relative;background:var(--panel);border:1px solid var(--frame);border-radius:6px;padding:40px 44px}
.panel h2{margin-bottom:22px!important}
@media (max-width:640px){.panel{padding:26px 18px}}

/* Картка-варіант: у спокої тонка рамка і ЖОДНОГО transform/will-change (інакше кожна картка — окремий 3D-шар
   і сторінка висне: замір 07.10 — 23 кадри >50 мс, зависання 1,6 с). 3D вмикається лише на картці під курсором. */
.tilt{position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.tilt.lift-card{border:1px solid var(--frame);border-radius:18px;background:#fff}
.tilt.moving{transition:transform .1s ease-out,box-shadow .35s,border-color .35s}
@media (hover:hover){.tilt:hover{z-index:3;border-color:#c9c6be;
  transform:perspective(1000px) translateY(-8px) scale(1.025) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  box-shadow:0 2px 6px rgba(20,24,22,.06),0 34px 54px -24px rgba(20,24,22,.42)}}
.tilt.pressed{z-index:3;border-color:#c9c6be;transform:translateY(-6px) scale(1.02);
  box-shadow:0 2px 6px rgba(20,24,22,.06),0 28px 46px -22px rgba(20,24,22,.4)}
@media (prefers-reduced-motion:reduce){.tilt,.tilt.moving{transition:box-shadow .2s,border-color .2s}.tilt:hover,.tilt.pressed{transform:none}}