/* ЗГЕНЕРОВАНО izium-rent-tools/gen_bg.py — не правити вручну.
   Матові бліді тони + барокові рамки блоків. Кольорових візерунків на фоні немає. */
:root{
  --paper:#f3f0e8;            /* основа сторінки — теплий папір */
  --sage:#e7ebe0;             /* блідий шавлієвий */
  --mist:#e4eaec;             /* блідий сіро-блакитний */
  --sand:#f1eadd;             /* блідий пісок */
  --frame:#b3a079; --frame2:#d4c7a6;
}
/* матова фактура паперу для всієї сторінки */
.matte{background-color:var(--paper)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45  0 0 0 0 .42  0 0 0 0 .36  0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E")!important;background-size:180px 180px!important}

/* Блок: двійна рамка + завитки в кутах */
.panel{position:relative;background-color:var(--tint,var(--sand));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45  0 0 0 0 .42  0 0 0 0 .36  0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");background-size:180px 180px;
  border:1px solid var(--frame);border-radius:3px;
  box-shadow:inset 0 0 0 6px var(--tint,var(--sand)),inset 0 0 0 7px var(--frame2),0 1px 0 rgba(255,255,255,.6),0 18px 40px -30px rgba(60,50,30,.35);
  padding:40px 44px}
.panel::before{content:"";position:absolute;inset:10px;pointer-events:none;z-index:0;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg transform='rotate%280 22 22%29'%3E%3Cg fill='none' stroke='%23b3a079' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M3 41 V17 C3 9 9 3 17 3 H41'/%3E%3Cpath d='M9 33 C9 20 20 9 33 9'/%3E%3Cpath d='M15 11 C19 11 20 16 16 17 C13 18 11 15 13 13 C14 12 16 12.5 16 14'/%3E%3C/g%3E%3Cg fill='%23b3a079' opacity='.85'%3E%3Cpath d='M24 3 C27 0.5 31 0.5 34 3 C31 5.5 27 5.5 24 3Z'/%3E%3Cpath d='M3 24 C0.5 27 0.5 31 3 34 C5.5 31 5.5 27 3 24Z'/%3E%3Ccircle cx='37.5' cy='3' r='1.3'/%3E%3Ccircle cx='3' cy='37.5' r='1.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left top/44px 44px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg transform='rotate%2890 22 22%29'%3E%3Cg fill='none' stroke='%23b3a079' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M3 41 V17 C3 9 9 3 17 3 H41'/%3E%3Cpath d='M9 33 C9 20 20 9 33 9'/%3E%3Cpath d='M15 11 C19 11 20 16 16 17 C13 18 11 15 13 13 C14 12 16 12.5 16 14'/%3E%3C/g%3E%3Cg fill='%23b3a079' opacity='.85'%3E%3Cpath d='M24 3 C27 0.5 31 0.5 34 3 C31 5.5 27 5.5 24 3Z'/%3E%3Cpath d='M3 24 C0.5 27 0.5 31 3 34 C5.5 31 5.5 27 3 24Z'/%3E%3Ccircle cx='37.5' cy='3' r='1.3'/%3E%3Ccircle cx='3' cy='37.5' r='1.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right top/44px 44px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg transform='rotate%28180 22 22%29'%3E%3Cg fill='none' stroke='%23b3a079' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M3 41 V17 C3 9 9 3 17 3 H41'/%3E%3Cpath d='M9 33 C9 20 20 9 33 9'/%3E%3Cpath d='M15 11 C19 11 20 16 16 17 C13 18 11 15 13 13 C14 12 16 12.5 16 14'/%3E%3C/g%3E%3Cg fill='%23b3a079' opacity='.85'%3E%3Cpath d='M24 3 C27 0.5 31 0.5 34 3 C31 5.5 27 5.5 24 3Z'/%3E%3Cpath d='M3 24 C0.5 27 0.5 31 3 34 C5.5 31 5.5 27 3 24Z'/%3E%3Ccircle cx='37.5' cy='3' r='1.3'/%3E%3Ccircle cx='3' cy='37.5' r='1.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right bottom/44px 44px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg transform='rotate%28270 22 22%29'%3E%3Cg fill='none' stroke='%23b3a079' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M3 41 V17 C3 9 9 3 17 3 H41'/%3E%3Cpath d='M9 33 C9 20 20 9 33 9'/%3E%3Cpath d='M15 11 C19 11 20 16 16 17 C13 18 11 15 13 13 C14 12 16 12.5 16 14'/%3E%3C/g%3E%3Cg fill='%23b3a079' opacity='.85'%3E%3Cpath d='M24 3 C27 0.5 31 0.5 34 3 C31 5.5 27 5.5 24 3Z'/%3E%3Cpath d='M3 24 C0.5 27 0.5 31 3 34 C5.5 31 5.5 27 3 24Z'/%3E%3Ccircle cx='37.5' cy='3' r='1.3'/%3E%3Ccircle cx='3' cy='37.5' r='1.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left bottom/44px 44px no-repeat}
.panel > *{position:relative;z-index:1}
.panel.sage{--tint:var(--sage)} .panel.mist{--tint:var(--mist)} .panel.sand{--tint:var(--sand)}
/* заголовок блоку з тонким орнаментальним підкресленням */
.panel h2{position:relative;padding-bottom:14px;margin-bottom:22px!important}
.panel h2::after{content:"";position:absolute;left:0;bottom:0;width:120px;height:7px;background:
  linear-gradient(var(--frame),var(--frame)) 0 3px/52px 1px no-repeat,
  radial-gradient(circle,var(--frame) 0 2.4px,transparent 2.6px) 56px 0/8px 7px no-repeat,
  linear-gradient(var(--frame),var(--frame)) 68px 3px/52px 1px no-repeat}
@media (max-width:640px){.panel{padding:30px 22px}.panel::before{inset:8px;background-size:34px 34px}}
