/* UAP theme — F design system (warm) */
*,*::before,*::after{ box-sizing:border-box; }  /* глобально: width:100%+padding не переповнює (і на десктопі 900–1180) */
:root{
  --uap-paper:#FBF3E5; --uap-ink:#26303A; --uap-amber:#F2B00A; --uap-purple:#3A2B52;
  --uap-fern:#5E7350; --uap-tint:#F6E9D2; --uap-line:#ECDDBF; --uap-muted:#5C6570; --uap-card:#fff;
  --uap-disp:var(--wp--preset--font-family--display,"Optima","Segoe UI",Candara,sans-serif);
  --uap-wrap:1180px;
  --uap-on-amber:#2a2419;            /* темний текст/іконки на бурштиновому барі */
  --uap-r-card:14px;                 /* єдиний радіус карток */
  --uap-r-ctrl:10px;                 /* єдиний радіус кнопок/полів */
  --fs-h2:clamp(1.5rem,3vw,2.1rem);  /* єдина шкала заголовків секцій */
  --fs-h3:1.2rem;                    /* єдина шкала підзаголовків/карток */
  /* mobile system (Phase 1) */
  --uap-header-h:56px;           /* mobile bar height */
  --uap-tap:44px;                /* min tap target (WCAG 2.5.5) */
  --uap-drawer-w:min(86vw,360px);
  --uap-ease:cubic-bezier(.4,0,.2,1);
}
body{ color:var(--uap-ink); background:var(--uap-paper); }
.uap-nums{ font-variant-numeric:tabular-nums }
a:focus-visible,button:focus-visible,input:focus-visible{ outline:2px solid var(--uap-purple); outline-offset:3px; border-radius:3px }
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.uap-wrap{ width:100%; max-width:var(--uap-wrap); margin-inline:auto; padding-inline:clamp(1.15rem,4vw,2.6rem); }
.uap-disp{ font-family:var(--uap-disp); }

/* ---------- header ---------- */
.uap-topbar{ position:sticky; top:0; z-index:40; background:var(--uap-amber); box-shadow:0 2px 12px -6px rgba(0,0,0,.35); }
.uap-topbar .inner{ display:flex; align-items:center; gap:1rem 1.4rem; padding:.5rem 0; flex-wrap:wrap; }
.uap-mark{ height:44px; width:auto; display:block; }
.uap-nav{ margin-left:auto; }
.uap-menu{ display:flex; align-items:center; flex-wrap:wrap; gap:.4rem 1.5rem; list-style:none; margin:0; padding:0;
  font-weight:800; font-size:.9rem; letter-spacing:.03em; text-transform:uppercase; }
.uap-menu > li{ position:relative; }
.uap-menu > li > a,.uap-menu .uap-lang{ color:var(--uap-on-amber); text-decoration:none; white-space:nowrap;
  display:inline-flex; align-items:center; gap:.28rem; padding:.35rem 0; cursor:pointer; }
.uap-has-sub > a::after{ content:"▾"; font-size:.85em; opacity:.75; }
.uap-menu .uap-sub{ position:absolute; top:calc(100% + .35rem); left:-.9rem; min-width:250px; background:var(--uap-purple);
  border-radius:0 0 14px 14px; box-shadow:0 20px 38px -18px rgba(0,0,0,.65); list-style:none; margin:0; padding:.45rem 0;
  text-align:left; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .16s, transform .16s; z-index:60; }
.uap-menu > li.uap-has-sub:hover > .uap-sub,
.uap-menu > li.uap-has-sub:focus-within > .uap-sub{ opacity:1; visibility:visible; transform:none; }
.uap-menu .uap-sub::before{ content:""; position:absolute; top:-.35rem; left:0; right:0; height:.35rem; } /* hover bridge */
.uap-menu .uap-sub li{ margin:0; }
.uap-menu .uap-sub a{ display:block; padding:.62rem 1.3rem; color:var(--uap-amber); text-decoration:none; white-space:nowrap;
  font-size:.85rem; font-weight:700; text-transform:none; letter-spacing:0; border-left:3px solid transparent; transition:background .12s, color .12s, border-color .12s; }
.uap-menu .uap-sub a:hover{ background:rgba(242,176,10,.14); color:#fff; border-left-color:var(--uap-amber); }
/* (мобільне розгортання підменю прибрано — на ≤899px діє drawer, а .uap-nav ховається) */
.uap-phone{ font-weight:900; color:var(--uap-on-amber); white-space:nowrap; text-decoration:none; }

/* ---------- hero (F parallax) ---------- */
.uap-hero{ position:relative; min-height:clamp(560px,90vh,960px); overflow:hidden; display:flex; align-items:center;
  border-bottom:4px solid var(--uap-amber); }
.uap-hero__bg{ position:absolute; inset:0; z-index:0; background-size:cover; background-position:center 60%;
  background-image:url(../images/hero-rhino.jpg?v=2); background-attachment:fixed; background-repeat:no-repeat; }
.uap-hero__inner{ position:relative; z-index:1; width:100%; max-width:var(--uap-wrap); margin:0 auto;
  padding-inline:clamp(1.15rem,4vw,2.6rem); }
.uap-track-card{ background:var(--uap-card); color:var(--uap-ink); border-radius:var(--uap-r-card); padding:clamp(1.4rem,3vw,1.9rem);
  max-width:30rem; box-shadow:0 26px 54px -26px rgba(20,20,20,.6); }
.uap-track-card__title{ line-height:1.02; margin-bottom:1.1rem; }
.uap-track-card__title .ru{ display:block; font-family:var(--uap-disp); font-size:clamp(1.7rem,3.6vw,2.3rem); font-weight:800; color:var(--uap-purple); }
.uap-track-card__title .en{ display:block; font-family:var(--uap-disp); font-size:clamp(1.5rem,3.3vw,2.1rem); font-weight:800; color:var(--uap-amber); }
.uap-track-card__label{ display:block; font-size:.95rem; color:var(--uap-purple); margin-bottom:.5rem; font-weight:600; }
.uap-track{ display:flex; gap:.5rem; }
.uap-track__input{ box-sizing:border-box; flex:1; min-width:0; padding:.8rem 1rem; border:1.5px solid var(--uap-purple); border-radius:var(--uap-r-ctrl);
  font-size:1.05rem; background:#faf9fb; color:var(--uap-ink); }
.uap-track__input::placeholder{ color:#9a93a6 }
.uap-track__btn{ box-sizing:border-box; font:inherit; font-weight:800; font-size:1.02rem; letter-spacing:.04em; text-transform:uppercase;
  border:0; cursor:pointer; padding:.8rem 1.4rem; background:var(--uap-amber); color:var(--uap-purple); border-radius:var(--uap-r-ctrl); white-space:nowrap;
  transition:transform .12s, box-shadow .12s; }
.uap-track__btn:hover{ transform:translateY(-1px); box-shadow:0 8px 22px -12px rgba(242,176,10,.7) }
/* Велике елегантне поле трекінгу в героя (розмір як на старому сайті, стиль — наш).
   Scoped до .uap-hero, щоб липка трек-панель лишалась компактною. */
/* Форма трекінгу як на референсі клієнта: великий двомовний заголовок,
   велике поле й ПОВНОШИРИННА кнопка СТЕКОМ (поле над кнопкою), на всіх екранах. */
.uap-hero .uap-track{ flex-direction:column; gap:.7rem; }
.uap-hero .uap-track__input,
.uap-hero .uap-track__btn{ width:100%; min-height:60px; font-size:1.25rem; border-radius:10px; }
.uap-hero .uap-track__input{ padding:.9rem 1.15rem; background:#faf9fb; border-width:2px;
  box-shadow:inset 0 1px 2px rgba(58,43,82,.06); }
.uap-hero .uap-track__input:focus{ outline:none; border-color:var(--uap-amber);
  box-shadow:0 0 0 4px rgba(242,176,10,.25); }
.uap-hero .uap-track__btn{ letter-spacing:.08em; box-shadow:0 10px 24px -12px rgba(242,176,10,.55); }
.uap-hero .uap-track-card__title{ margin-bottom:1rem; }
.uap-hero .uap-track-card__label{ font-size:1rem; }
@media(min-width:900px){
  .uap-hero .uap-track-card{ max-width:38rem; padding:2rem 2.1rem 2.1rem; }
  .uap-hero .uap-track-card__title .ru{ font-size:2.9rem; }
  .uap-hero .uap-track-card__title .en{ font-size:2.2rem; }
  .uap-hero .uap-track-card__label{ font-size:1.1rem; }
  .uap-hero .uap-track__input,
  .uap-hero .uap-track__btn{ min-height:64px; font-size:1.35rem; }
}
.uap-hero__credit{ position:absolute; right:.7rem; bottom:.5rem; z-index:1; font-size:.7rem; color:rgba(30,20,10,.6);
  background:rgba(255,255,255,.42); padding:.15rem .5rem; border-radius:5px; }
/* (стару 560px-правку героя замінено мобільним блоком героя нижче) */

/* ---------- quick links ---------- */
.uap-quick{ padding:clamp(1.6rem,4vw,2.6rem) 0; }
.uap-quick .row{ display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }
.uap-quick a{ text-decoration:none; background:var(--uap-purple); color:#fff; font-family:var(--uap-disp); font-weight:800;
  font-size:clamp(1.2rem,2.4vw,1.6rem); padding:.9rem 2.2rem; border-radius:14px; display:inline-flex; gap:.6rem; align-items:center; }
.uap-quick a .ic{ color:var(--uap-amber); }

/* ---------- section shells ---------- */
.uap-sec{ padding:clamp(2rem,5vw,3.4rem) 0; }
.uap-sec--tint{ background:var(--uap-tint); }
.uap-h2{ font-family:var(--uap-disp); text-align:center; font-size:var(--fs-h2); font-weight:800; margin:0 0 .3rem; }
.uap-h2 .amber{ color:var(--uap-amber); }
/* Підзаголовок секції (меню-дропдаун тепер заскоуплений у .uap-menu .uap-sub — колізії немає) */
.uap-sub{ text-align:center; color:var(--uap-muted); max-width:60ch; margin:0 auto 1.8rem; line-height:1.6; }

/* ---------- FAQ ---------- */
.uap-faq details{ background:var(--uap-card); border:1px solid var(--uap-line); border-radius:var(--uap-r-card); margin:0 0 .7rem; overflow:hidden; }
.uap-faq summary{ list-style:none; cursor:pointer; padding:1rem 1.2rem; font-weight:700; color:#fff; background:var(--uap-purple);
  display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.uap-faq summary::-webkit-details-marker{ display:none; }
.uap-faq summary .n{ color:var(--uap-amber); font-weight:900; margin-right:.4rem; }
.uap-faq summary::after{ content:"+"; color:var(--uap-amber); font-size:1.3rem; line-height:1; }
.uap-faq details[open] summary::after{ content:"–"; }
.uap-faq .body{ padding:1.1rem 1.3rem; color:var(--uap-ink); line-height:1.6; }
.uap-faq .body p{ margin:.2rem 0 .5rem; }
.uap-faq .addr{ background:var(--uap-tint); border-left:4px solid var(--uap-amber); border-radius:var(--uap-r-ctrl); padding:.8rem 1rem; margin:.6rem 0; }
.uap-faq .more{ display:inline-block; margin-top:.4rem; font-weight:800; color:var(--uap-fern); text-decoration:none; }

/* ---------- company blocks ---------- */
.uap-company{ display:grid; gap:1.2rem; }
.uap-cblock{ display:grid; grid-template-columns:auto 1fr; gap:1.1rem 1.4rem; align-items:start;
  background:var(--uap-card); border:1px solid var(--uap-line); border-radius:var(--uap-r-card); padding:1.3rem 1.5rem; }
.uap-cblock .num{ font-family:var(--uap-disp); font-size:2.2rem; font-weight:800; color:var(--uap-amber); line-height:1; min-width:2.4rem; }
.uap-cblock h3{ margin:.1rem 0 .5rem; font-size:var(--fs-h3); text-transform:uppercase; letter-spacing:.02em; }
.uap-cblock p{ margin:.3rem 0; color:var(--uap-muted); line-height:1.6; }
.uap-cblock h4{ margin:1rem 0 .2rem; font-size:1rem; color:var(--uap-fern); }
/* декоративна галерея фірмових ілюстрацій (© Valerie Sokolova) під історією компанії */
.uap-illos{ display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; margin-top:clamp(1.6rem,4vw,2.6rem); }
.uap-illo{ margin:0; position:relative; }
.uap-illo__btn{ display:block; width:100%; padding:0; border:0; background:none; cursor:zoom-in; border-radius:var(--uap-r-card); }
.uap-illo__btn img{ display:block; width:100%; height:auto; background:var(--uap-card);
  border:1px solid var(--uap-line); border-radius:var(--uap-r-card); box-shadow:0 10px 24px -16px rgba(0,0,0,.4);
  transition:transform .18s, box-shadow .18s; }
.uap-illo__btn:hover img,.uap-illo__btn:focus-visible img{ transform:translateY(-3px); box-shadow:0 16px 30px -14px rgba(0,0,0,.5); }
/* лайтбокс повного розміру */
.uap-lightbox{ position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center;
  padding:4vmin; background:rgba(20,16,10,.86); }
.uap-lightbox[hidden]{ display:none; }
.uap-lightbox img{ max-width:92vw; max-height:92vh; width:auto; height:auto; border-radius:10px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.8); }
.uap-lightbox__close{ position:absolute; top:max(1rem,3vmin); right:max(1rem,3vmin); width:44px; height:44px; border:0;
  border-radius:50%; background:rgba(255,255,255,.16); color:#fff; font-size:1.9rem; line-height:1; cursor:pointer; z-index:2; }
.uap-lightbox__close:hover{ background:rgba(255,255,255,.28); }
.uap-lightbox__nav{ position:absolute; top:50%; transform:translateY(-50%); width:52px; height:52px; border:0;
  border-radius:50%; background:rgba(255,255,255,.16); color:#fff; font-size:2.2rem; line-height:1; cursor:pointer; z-index:2;
  display:flex; align-items:center; justify-content:center; }
.uap-lightbox__nav:hover{ background:rgba(255,255,255,.28); }
.uap-lightbox__nav[hidden]{ display:none; }
.uap-lightbox__nav--prev{ left:max(.6rem,2vmin); }
.uap-lightbox__nav--next{ right:max(.6rem,2vmin); }
@media (prefers-reduced-motion:reduce){ .uap-illo__btn img{ transition:none; } }
@media (max-width:899px){
  .uap-illos{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(150px,44vw);
    overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:.5rem;
    scrollbar-width:thin; }
  .uap-illo{ scroll-snap-align:start; }
}

/* ---------- news ---------- */
.uap-news-grid{ display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:1.6rem;
  list-style:none; margin:0; padding:0; }
.uap-news-grid > li,.uap-news-grid > div{ flex:0 1 340px; max-width:100%; margin:0; display:flex; flex-direction:column; }
.uap-ncard{ background:var(--uap-card); border:1px solid var(--uap-line); border-radius:var(--uap-r-card); overflow:hidden; display:flex; flex-direction:column; flex:1; }
.uap-ncard .b{ padding:1.1rem 1.3rem 1.4rem; flex:1; display:flex; flex-direction:column; }
.uap-ncard .b .more{ margin-top:auto; padding-top:.7rem; }
.uap-ncard .b > p:not(.date){ display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
.uap-ncard .date{ font-size:.75rem; color:var(--uap-muted); font-weight:700; letter-spacing:.04em; }
.uap-ncard h3{ font-family:var(--uap-disp); margin:.35rem 0 .5rem; font-size:var(--fs-h3); }
.uap-ncard p{ margin:0 0 .8rem; color:var(--uap-muted); font-size:.92rem; line-height:1.5; }
.uap-ncard a{ font-weight:800; color:var(--uap-fern); text-decoration:none; font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; }

/* ---------- footer ---------- */
.uap-foot{ background:var(--uap-ink); color:#cdd4dc; padding:2.4rem 0 2rem; }
.uap-foot .cols{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:1.4rem 2rem; }
.uap-foot h4{ color:#fff; font-size:.95rem; margin:0 0 .7rem; }
.uap-foot a{ display:block; text-decoration:none; color:#cdd4dc; font-size:.9rem; margin:.35rem 0; }
.uap-foot .brand p{ margin:.3rem 0; font-size:.9rem; }
.uap-foot .bottom{ border-top:1px solid #3a434e; margin-top:1.6rem; padding-top:1.2rem; font-size:.8rem; color:#9aa3ac;
  display:flex; flex-wrap:wrap; gap:.4rem 1.5rem; justify-content:space-between; }

/* ---------- content pages ---------- */
.uap-page-head{ background:linear-gradient(180deg,var(--uap-tint),var(--uap-paper)); padding:clamp(2rem,5vw,3.4rem) 0;
  border-bottom:3px solid var(--uap-amber); }
.uap-page-head > div{ max-width:var(--uap-wrap); margin:0 auto; padding-inline:clamp(1.15rem,4vw,2.6rem); }
.uap-page-head h1{ font-family:var(--uap-disp); font-size:clamp(1.9rem,4vw,2.8rem); font-weight:800; margin:0; }
.uap-prose{ max-width:min(72ch,var(--uap-wrap)); }
.uap-prose h2{ font-family:var(--uap-disp); font-size:var(--fs-h2); font-weight:800; margin-top:2rem; }
.uap-prose h3{ font-size:var(--fs-h3); font-weight:700; margin-top:1.5rem; }
.uap-prose img,.uap-section img{ max-width:100%; height:auto; } /* фото в статтях не переповнюють */
/* CTA рекламних статей: «Перейти на сайт X» → бурштинова кнопка */
.uap-prose .uap-ad-cta{ margin-top:1.6rem; padding-top:1.2rem; border-top:1px solid var(--uap-line); }
.uap-prose .uap-ad-cta strong{ display:block; margin-bottom:.55rem; color:var(--uap-purple); }
.uap-prose .uap-ad-cta a{ display:inline-flex; align-items:center; background:var(--uap-amber);
  color:var(--uap-on-amber); font-weight:800; text-decoration:none; padding:.6rem 1.15rem; border-radius:var(--uap-r-ctrl); }
.uap-prose .uap-ad-cta a:hover,.uap-prose .uap-ad-cta a:focus-visible{ color:var(--uap-on-amber); transform:translateY(-1px); box-shadow:0 10px 24px -12px rgba(242,176,10,.6); }
/* Контент-сторінки: текст статті у білій картці із заокругленими краями (не прямо на фоні) */
.uap-section .uap-prose{ background:var(--uap-card); border:1px solid var(--uap-line);
  border-radius:var(--uap-r-card); padding:clamp(1.5rem,4vw,2.6rem); max-width:none;
  box-shadow:0 12px 34px -22px rgba(38,48,58,.25); }
.uap-section .uap-prose + .uap-prose{ margin-top:clamp(1.2rem,3vw,1.8rem); } /* напр. хаб на «Правилах» — окрема картка */
.uap-callout{ background:var(--uap-card); border:1px solid var(--uap-line); border-left:4px solid var(--uap-amber); border-radius:var(--uap-r-card); padding:1.1rem 1.3rem; }
.uap-contact-row{ display:flex; gap:1.6rem; align-items:center; flex-wrap:wrap; margin:1.2rem 0; }
.uap-contact-row .uap-callout{ flex:1 1 300px; margin:0; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.uap-contact-art{ flex:0 1 260px; margin:0; text-align:center; }
.uap-contact-art img{ width:100%; max-width:280px; height:auto; border-radius:14px;
  filter:drop-shadow(0 16px 30px rgba(58,43,82,.22)); }
@media(max-width:600px){ .uap-contact-art{ flex-basis:100%; } .uap-contact-art img{ max-width:220px; } }
.uap-dl-btns{ display:flex; flex-wrap:wrap; gap:.7rem; margin:1rem 0; }
.uap-btn{ display:inline-flex; align-items:center; gap:.5rem; border:0; cursor:pointer; background:var(--uap-amber);
  color:var(--uap-purple); font-weight:800; border-radius:var(--uap-r-ctrl); padding:.75rem 1.4rem; text-decoration:none;
  transition:transform .12s, box-shadow .12s; }
.uap-btn:hover,.uap-btn:focus-visible{ transform:translateY(-1px); box-shadow:0 10px 24px -12px rgba(242,176,10,.6); }
/* амбер-кнопки-посилання у статтях: НЕ перефарбовувати текст у амбер на hover (зливається з тлом) */
.uap-section a.uap-btn:hover,.uap-section a.uap-btn:focus-visible{ color:var(--uap-purple); }
.uap-section a.uap-btn--slate:hover,.uap-section a.uap-btn--slate:focus-visible{ color:#fff; }
.uap-btn--slate{ background:var(--uap-purple); color:#fff; }
.uap-btn--slate:hover,.uap-btn--slate:focus-visible{ box-shadow:0 10px 24px -12px rgba(58,43,82,.5); }

/* ---------- tracking modal (F) + ad columns ---------- */
.uap-modal{ position:fixed; inset:0; background:rgba(20,16,10,.55); z-index:9999; padding:2vh 1rem; overflow:auto; display:flex; align-items:flex-start; justify-content:center; }
.uap-modal__sheet{ position:relative; display:grid; grid-template-columns:150px minmax(0,700px) 150px; gap:1rem; align-items:start; margin:auto; }
.uap-modal__box{ background:var(--uap-card); border-radius:var(--uap-r-card); padding:1.9rem 2.2rem 2.2rem; box-shadow:0 30px 70px -20px rgba(0,0,0,.6); }
.uap-modal__x{ position:absolute; top:.6rem; right:.8rem; border:0; background:none; font-size:1.5rem; cursor:pointer; color:var(--uap-purple); z-index:1; }
.uap-cur{ background:var(--uap-purple); color:#fff; border-radius:var(--uap-r-card); padding:1.15rem 1.4rem; margin:0 0 1.3rem; }
.uap-cur > b{ display:block; font-size:.76rem; letter-spacing:.12em; text-transform:uppercase; color:var(--uap-amber); margin-bottom:.4rem; }
.uap-cur > div{ font-size:1.32rem; font-weight:700; line-height:1.22; }
.uap-cur small{ opacity:.85; display:block; margin-top:.45rem; font-size:1rem; }
.uap-tl > b{ display:block; font-size:.76rem; letter-spacing:.12em; text-transform:uppercase; color:var(--uap-muted); margin:.6rem 0 .7rem; }
.uap-tl__row{ display:grid; grid-template-columns:140px 1.5fr 1fr; gap:1.2rem; padding:.85rem 0; border-top:1px solid var(--uap-line); font-size:1.06rem; line-height:1.3; align-items:start; }
.uap-tl__row--noloc{ grid-template-columns:140px 1fr; }  /* нема локації → статус на всю ширину (один рядок) */
.uap-tl__row .uap-nums{ color:var(--uap-muted); font-weight:500; }
.uap-tl__st{ font-weight:600; }
.uap-tl__loc{ font-weight:500; }
.uap-track__err{ color:var(--uap-purple); font-size:1rem; line-height:1.5; padding:1rem 0; }
.uap-track__load{ color:var(--uap-muted); padding:1.4rem 0; text-align:center; }
.uap-adcol{ display:flex; flex-direction:column; gap:.8rem; }

@media(max-width:899px){
  .uap-foot .cols{ grid-template-columns:1fr 1fr; }
  .uap-company .uap-cblock{ grid-template-columns:1fr; }
  .uap-modal__sheet{ grid-template-columns:1fr; }
  .uap-adcol{ flex-direction:row; flex-wrap:wrap; justify-content:center; }
}
@media(max-width:600px){ .uap-tl__row{ grid-template-columns:1fr; gap:.15rem } }

/* ============ COUNTRIES (CPT uap_country) ============ */
/* flag */
.uap-flag{ display:block; width:100%; height:100%; }
.uap-country-card__flag,.uap-country__flag{ display:inline-block; border-radius:6px; overflow:hidden;
  border:1px solid var(--uap-line); box-shadow:0 4px 12px -8px rgba(0,0,0,.4); background:var(--uap-card); }

/* ---- archive grid ---- */
.uap-countries-page{ padding:clamp(1.8rem,4vw,3rem) clamp(1.15rem,4vw,2.6rem) clamp(3rem,6vw,4.5rem); }
.uap-countries-head{ text-align:center; margin-bottom:clamp(1.4rem,3vw,2.2rem); }
.uap-country-group{ margin:0 0 clamp(1.8rem,4vw,2.8rem); }
.uap-country-group__title{ font-family:var(--uap-disp); font-size:clamp(1.15rem,2.6vw,1.5rem); font-weight:800;
  color:var(--uap-purple); border-bottom:2px solid var(--uap-line); padding-bottom:.4rem; margin:0 0 1.1rem; }
.uap-country-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
@media(min-width:480px){ .uap-country-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; } }
@media(min-width:600px){ .uap-country-grid{ grid-template-columns:repeat(auto-fill,minmax(172px,1fr)); gap:.9rem; } }
.uap-country-card{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:.6rem; min-width:0;
  text-decoration:none; color:var(--uap-ink); background:var(--uap-card); border:1px solid var(--uap-line); border-radius:var(--uap-r-card);
  padding:1rem .7rem .9rem; transition:transform .12s, box-shadow .12s, border-color .12s; }
.uap-country-card:hover,.uap-country-card:focus-visible{ transform:translateY(-2px); box-shadow:0 12px 26px -16px rgba(58,43,82,.55); border-color:var(--uap-amber); }
.uap-country-card__flag{ width:56px; height:37px; flex:0 0 auto; }
.uap-country-card__name{ min-width:0; font-weight:700; font-size:.95rem; line-height:1.2; overflow-wrap:break-word; }

/* ---- single country ---- */
.uap-country-page{ padding:clamp(1.6rem,4vw,2.6rem) clamp(1.15rem,4vw,2.6rem) clamp(3rem,6vw,4.5rem); }
.uap-country__head{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:.7rem;
  margin-bottom:clamp(1.4rem,3vw,2.2rem); }
.uap-country__flag{ width:104px; height:69px; }
.uap-country__title{ font-family:var(--uap-disp); font-size:clamp(1.9rem,4.6vw,2.9rem); font-weight:800;
  color:var(--uap-purple); margin:0; }
.uap-country__back{ order:-1; align-self:flex-start; font-weight:800; font-size:.82rem; text-transform:uppercase;
  letter-spacing:.03em; color:var(--uap-fern); text-decoration:none; }
.uap-country__back:hover{ color:var(--uap-amber); }
.uap-country__body{ display:grid; gap:clamp(1.1rem,2.4vw,1.6rem); font-size:1.02rem; line-height:1.65; }
.uap-country__body > p{ margin:0; background:var(--uap-tint); border-left:4px solid var(--uap-amber);
  border-radius:var(--uap-r-ctrl); padding:1rem 1.2rem; color:var(--uap-ink); }

#uap-prohibited{ scroll-margin-top:80px; }  /* щоб липка шапка не перекривала при переході з плитки */
/* блок «Правила и нормативы» під кожною країною (6 плиток + «Подробнее») */
.uap-rules{ margin-top:clamp(2rem,5vw,3.2rem); background:linear-gradient(160deg,#4a2d6b 0%,#2c1b43 100%);
  border-radius:var(--uap-r-card); padding:clamp(1.6rem,4vw,2.8rem); box-shadow:0 24px 50px -28px rgba(30,18,50,.7); }
.uap-rules__title{ text-align:center; font-family:var(--uap-disp); color:var(--uap-amber);
  font-size:clamp(1.4rem,3.4vw,2rem); font-weight:800; margin:0 0 clamp(1.4rem,3vw,2.2rem); }
.uap-rules__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.2rem,2.6vw,2.2rem) clamp(1rem,2.5vw,2rem); }
.uap-rules__tile{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:.7rem; }
.uap-rules__ico{ color:var(--uap-amber); line-height:0; }
.uap-rules__ico svg{ width:clamp(44px,6vw,56px); height:clamp(44px,6vw,56px); }
.uap-rules__label{ color:var(--uap-amber); font-weight:700; line-height:1.25; }
.uap-rules a.uap-rules__more{ margin-top:.35rem; display:inline-block; background:rgba(255,255,255,.12); color:#fff;
  text-decoration:none; font-weight:700; font-size:.92rem; padding:.55rem 1.4rem; border-radius:999px;
  transition:background .15s, color .15s; }
.uap-rules a.uap-rules__more:hover,.uap-rules a.uap-rules__more:focus-visible{ background:var(--uap-amber); color:var(--uap-purple); }
@media(max-width:760px){ .uap-rules__grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:440px){ .uap-rules__grid{ grid-template-columns:1fr; } }

/* tariff cards */
.uap-tariff{ background:var(--uap-card); border:1px solid var(--uap-line); border-radius:var(--uap-r-card); padding:1.1rem 1.3rem;
  box-shadow:0 10px 24px -20px rgba(0,0,0,.4); }
.uap-tariff__title{ font-family:var(--uap-disp); font-size:var(--fs-h3); font-weight:800; color:var(--uap-purple);
  margin:0 0 .7rem; display:flex; align-items:center; gap:.5rem; }
.uap-tariff__title::before{ content:""; width:.7rem; height:.7rem; border-radius:50%; background:var(--uap-amber); }
.uap-tariff__rows{ margin:0; display:grid; gap:.1rem; }
.uap-tariff__row{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem;
  padding:.5rem 0; border-bottom:1px dashed var(--uap-line); }
.uap-tariff__row:last-child{ border-bottom:0; }
.uap-tariff__row dt{ color:var(--uap-muted); font-size:.94rem; margin:0; }
.uap-tariff__row dd{ margin:0; font-weight:800; color:var(--uap-ink); font-variant-numeric:tabular-nums; text-align:right; }

/* customs + prohibited */
.uap-country__customs,.uap-country__prohibited{ background:var(--uap-card); border:1px solid var(--uap-line);
  border-radius:var(--uap-r-card); padding:1.1rem 1.3rem; }
.uap-country__customs h3,.uap-country__prohibited h3{ font-family:var(--uap-disp); font-size:var(--fs-h3);
  font-weight:800; color:var(--uap-purple); margin:0 0 .6rem; }
.uap-country__prohibited h4{ margin:1rem 0 .4rem; font-size:.95rem; color:var(--uap-fern);
  text-transform:uppercase; letter-spacing:.03em; }
.uap-country__prohibited ul{ margin:0; padding-left:1.2rem; columns:2; column-gap:2rem; }
.uap-country__prohibited li{ margin:.2rem 0; break-inside:avoid; }
.uap-country__customs p{ margin:0; }
@media(max-width:600px){ .uap-country__prohibited ul{ columns:1 } .uap-country__flag{ width:56px; height:38px } }

/* ============ BLOG / НОВОСТИ ============ */
/* single post */
.uap-post-page{ padding:clamp(1.6rem,4vw,2.6rem) clamp(1.15rem,4vw,2.6rem) clamp(3rem,6vw,4.5rem); }
.uap-post__head{ margin-bottom:1.2rem; }
.uap-post__date{ font-size:.8rem; color:var(--uap-muted); font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.uap-post__title{ font-family:var(--uap-disp); font-size:clamp(1.8rem,4.4vw,2.7rem); font-weight:800; color:var(--uap-purple); margin:.3rem 0 0; line-height:1.1; }
.uap-post__img img{ width:100%; height:auto; border-radius:16px; margin:1.2rem 0; box-shadow:0 20px 44px -26px rgba(0,0,0,.5); }
.uap-post__body{ font-size:1.06rem; line-height:1.75; }
.uap-post__body p{ margin:0 0 1rem; }
.uap-post__foot{ margin-top:2rem; border-top:1px solid var(--uap-line); padding-top:1.2rem; }
.uap-post__back{ font-weight:800; font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; color:var(--uap-fern); text-decoration:none; }
.uap-post__back:hover{ color:var(--uap-amber); }

/* news index */
.uap-news-page{ padding:clamp(1.8rem,4vw,3rem) clamp(1.15rem,4vw,2.6rem) clamp(3rem,6vw,4.5rem); }
.uap-news-head{ text-align:center; margin-bottom:clamp(1.4rem,3vw,2.2rem); }
.uap-ncard__pic{ margin:0; }
.uap-ncard__pic img{ display:block; width:100%; height:200px; object-fit:cover; background:#e8ddc4; }
.uap-ncard .b h3{ font-family:var(--uap-disp); margin:.35rem 0 .5rem; font-size:var(--fs-h3); }
.uap-ncard .b h3 a{ color:var(--uap-ink); text-decoration:none; }
.uap-ncard .b h3 a:hover{ color:var(--uap-fern); }
.uap-ncard .b .date{ font-size:.75rem; color:var(--uap-muted); font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.uap-ncard .b p{ margin:0; color:var(--uap-muted); font-size:.92rem; line-height:1.5; }
.wp-block-query-pagination{ margin-top:2rem; justify-content:center; gap:.5rem; }
.wp-block-query-pagination a,.wp-block-query-pagination .current{ font-weight:800; color:var(--uap-purple); }

/* ---------- generic content page (page.html) ---------- */
.uap-section{ padding:clamp(1.8rem,4vw,2.8rem) clamp(1.15rem,4vw,2.6rem) clamp(3rem,6vw,4.5rem); }
.uap-section > *{ max-width:760px; margin-left:auto; margin-right:auto; }
.uap-section h2{ font-family:var(--uap-disp); font-size:var(--fs-h2); font-weight:800; color:var(--uap-purple); margin:1.8rem auto .6rem; line-height:1.15; }
.uap-section h2:first-child{ margin-top:0; }
.uap-section h3{ font-family:var(--uap-disp); font-size:var(--fs-h3); font-weight:800; color:var(--uap-fern); margin:1.3rem auto .4rem; }
.uap-section h4{ font-size:1.02rem; color:var(--uap-fern); margin:1rem auto .3rem; text-transform:uppercase; letter-spacing:.02em; }
.uap-section p{ line-height:1.75; margin:0 auto 1rem; font-size:1.05rem; }
.uap-section ul{ line-height:1.75; margin:0 auto 1.1rem; padding-left:1.3rem; max-width:calc(760px - 1.3rem); }
.uap-section li{ margin:.3rem 0; }
.uap-section a{ color:var(--uap-fern); font-weight:700; text-decoration:underline; }
.uap-section a:hover{ color:var(--uap-amber); }
.uap-section strong{ color:var(--uap-ink); }

/* ---------- Contact Form 7 (форма зворотного звʼязку) ---------- */
.uap-form-title{ font-family:var(--uap-disp); font-size:var(--fs-h2); font-weight:800; color:var(--uap-purple); margin:2.4rem auto .4rem; text-align:center; }
.uap-form-lede{ text-align:center; color:var(--uap-muted); margin:0 auto 1.4rem; }
.uap-cf{ max-width:560px; margin:0 auto; background:var(--uap-card); border:1px solid var(--uap-line); border-radius:var(--uap-r-card);
  padding:clamp(1.3rem,3vw,2rem); box-shadow:0 20px 44px -30px rgba(58,43,82,.4); }
.uap-cf__field{ margin:0 0 1.05rem; }
.uap-cf__field label{ display:block; font-weight:700; font-size:.92rem; margin-bottom:.4rem; color:var(--uap-purple); }
.uap-cf input[type=text],.uap-cf input[type=tel],.uap-cf input[type=email],.uap-cf textarea{
  width:100%; box-sizing:border-box; padding:.7rem .9rem; border:1.5px solid var(--uap-line);
  border-radius:var(--uap-r-ctrl); font:inherit; font-size:16px; background:#fdfcfa; color:var(--uap-ink); } /* 16px → без iOS-зуму */
.uap-cf textarea{ min-height:130px; resize:vertical; }
.uap-cf input:focus,.uap-cf textarea:focus{ outline:2px solid var(--uap-purple); outline-offset:1px; border-color:var(--uap-purple); }
.uap-cf input[type=file]{ font:inherit; font-size:.9rem; }
.uap-cf__accept{ display:flex; gap:.55rem; align-items:flex-start; font-size:.9rem; color:var(--uap-muted); margin:.4rem 0 1.1rem; }
.uap-cf__accept input{ margin-top:.2rem; flex:0 0 auto; }
.uap-cf__submit{ margin:0; text-align:center; }
.uap-cf .wpcf7-submit{ font:inherit; font-weight:800; font-size:1rem; letter-spacing:.03em; text-transform:uppercase;
  border:0; cursor:pointer; padding:.85rem 2rem; background:var(--uap-amber); color:var(--uap-purple);
  border-radius:var(--uap-r-ctrl); transition:transform .12s, box-shadow .12s; }
.uap-cf .wpcf7-submit:hover{ transform:translateY(-1px); box-shadow:0 10px 24px -12px rgba(242,176,10,.7); }
.uap-cf .wpcf7-not-valid-tip{ color:#c0392b; font-size:.82rem; margin-top:.25rem; }
.uap-cf .wpcf7-not-valid{ border-color:#c0392b !important; }
.wpcf7-response-output{ margin:1rem auto 0 !important; max-width:560px; border-radius:var(--uap-r-ctrl) !important;
  padding:.8rem 1rem !important; font-weight:600; }
.wpcf7 form.sent .wpcf7-response-output{ background:#e8f5e9; border:1px solid var(--uap-fern) !important; color:#2f5233; }
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output{ background:#fdecea; border:1px solid #c0392b !important; color:#922; }
.uap-cf .wpcf7-spinner{ margin:.5rem auto 0; }

/* ---------- language switcher dropdown ---------- */
.uap-langsw{ position:relative; }
.uap-langsw__btn{ font:inherit; font-weight:800; font-size:.9rem; letter-spacing:.03em; text-transform:uppercase;
  color:var(--uap-on-amber); background:none; border:0; cursor:pointer; display:inline-flex; align-items:center; gap:.3rem; padding:.35rem 0; }
.uap-langsw__car{ font-size:.85em; opacity:.75; }
.uap-langsw__menu{ position:absolute; top:calc(100% + .35rem); left:-1.15rem; min-width:180px; background:var(--uap-purple);
  border-radius:0 0 14px 14px; box-shadow:0 20px 38px -18px rgba(0,0,0,.65); list-style:none; margin:0; padding:.4rem 0;
  opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .16s, transform .16s; z-index:70; text-align:left; }
.uap-langsw:hover .uap-langsw__menu,.uap-langsw:focus-within .uap-langsw__menu{ opacity:1; visibility:visible; transform:none; }
.uap-langsw__menu a{ display:block; padding:.55rem 1.15rem; color:var(--uap-amber); text-decoration:none; white-space:nowrap;
  font-size:.86rem; font-weight:700; text-transform:none; letter-spacing:0; }
.uap-langsw__menu a:hover{ background:rgba(242,176,10,.14); color:#fff; }
.uap-langsw__menu a.is-cur{ color:#fff; opacity:.6; pointer-events:none; }
@media(max-width:899px){ .uap-langsw__menu{ position:static; opacity:1; visibility:visible; transform:none; background:transparent; box-shadow:none; padding:.2rem 0 .2rem .8rem; }
  .uap-langsw__menu a{ color:var(--uap-purple); } .uap-langsw__car{ display:none } }

/* ================= MOBILE (Фаза 1): шапка-drawer + герой + трек-панель ================= */
.uap-burger,.uap-callbtn,.uap-drawer,.uap-scrim,.uap-trackbar{ display:none; }

@media (max-width:899px){
  html,body{ overflow-x:clip; }
  /* ---- шапка ---- */
  .uap-topbar .inner{ flex-wrap:nowrap; min-height:var(--uap-header-h); gap:.5rem; padding:.35rem 0; }
  .uap-nav,.uap-phone{ display:none; }
  .uap-logo{ margin-right:auto; }
  .uap-mark{ height:38px; }
  .uap-burger,.uap-callbtn{ display:inline-flex; align-items:center; justify-content:center;
    min-width:var(--uap-tap); min-height:var(--uap-tap); color:var(--uap-on-amber); background:none; border:0; cursor:pointer; border-radius:10px; }
  .uap-callbtn:active,.uap-burger:active{ background:rgba(0,0,0,.08); }
  /* гамбургер → X */
  .uap-burger__box{ position:relative; width:24px; height:18px; display:block; }
  .uap-burger__bars,.uap-burger__bars::before,.uap-burger__bars::after{ position:absolute; left:0; height:2.5px; width:24px; border-radius:2px; background:var(--uap-on-amber); transition:transform .25s var(--uap-ease), opacity .2s; }
  .uap-burger__bars{ top:50%; transform:translateY(-50%); }
  .uap-burger__bars::before{ content:""; top:-7px; }
  .uap-burger__bars::after{ content:""; top:7px; }
  .uap-burger[aria-expanded="true"] .uap-burger__bars{ background:transparent; }
  .uap-burger[aria-expanded="true"] .uap-burger__bars::before{ transform:translateY(7px) rotate(45deg); }
  .uap-burger[aria-expanded="true"] .uap-burger__bars::after{ transform:translateY(-7px) rotate(-45deg); }

  /* ---- scrim + drawer ---- */
  .uap-scrim{ display:block; position:fixed; inset:0; z-index:50; background:rgba(20,14,4,.5); opacity:0; transition:opacity .25s var(--uap-ease); }
  .uap-scrim[hidden]{ display:none; }   /* КРИТИЧНО: інакше прозорий scrim ловить усі тапи (гамбургер/дзвінок «не працюють») */
  body.uap-drawer-open .uap-scrim{ opacity:1; }
  .uap-drawer{ display:flex; flex-direction:column; position:fixed; top:0; right:0; z-index:51;
    width:var(--uap-drawer-w); height:100vh; height:100dvh; background:var(--uap-paper);
    box-shadow:-18px 0 40px -20px rgba(0,0,0,.6); transform:translateX(100%); transition:transform .28s var(--uap-ease); overscroll-behavior:contain; }
  body.uap-drawer-open .uap-drawer{ transform:translateX(0); }
  .uap-drawer__head{ display:flex; align-items:center; justify-content:space-between; min-height:var(--uap-header-h); padding:.4rem .5rem .4rem 1.1rem; background:var(--uap-amber); }
  .uap-drawer__brand{ font-family:var(--uap-disp); font-weight:800; color:var(--uap-on-amber); text-transform:uppercase; letter-spacing:.04em; }
  .uap-drawer__close{ display:inline-flex; align-items:center; justify-content:center; min-width:var(--uap-tap); min-height:var(--uap-tap); color:var(--uap-on-amber); background:none; border:0; cursor:pointer; border-radius:10px; }
  .uap-drawer__nav{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:.4rem 0; }
  .uap-drawer__group{ margin:0; }
  .uap-drawer__link{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; min-height:48px; padding:.7rem 1.15rem; font-family:var(--uap-disp); font-weight:700; font-size:1.02rem; color:var(--uap-ink); text-decoration:none; border-bottom:1px solid var(--uap-line); }
  .uap-drawer__link:active{ background:var(--uap-tint); }
  summary.uap-drawer__toggle{ list-style:none; cursor:pointer; }
  summary.uap-drawer__toggle::-webkit-details-marker{ display:none; }
  .uap-drawer__car{ width:12px; height:12px; border-right:2.5px solid var(--uap-purple); border-bottom:2.5px solid var(--uap-purple); transform:rotate(45deg); transition:transform .2s var(--uap-ease); flex:0 0 auto; margin-right:.15rem; }
  details[open] > summary .uap-drawer__car{ transform:rotate(-135deg); }
  .uap-drawer__panel{ background:var(--uap-tint); border-bottom:1px solid var(--uap-line); padding:.25rem 0 .5rem; }
  .uap-drawer__sub{ display:flex; align-items:center; min-height:44px; padding:.55rem 1.15rem .55rem 1.7rem; color:var(--uap-purple); text-decoration:none; font-size:.95rem; font-weight:600; }
  .uap-drawer__sub:active{ background:#efe0c4; }
  .uap-drawer__sub--parent{ font-weight:800; color:var(--uap-fern); }
  .uap-drawer__foot{ padding:1rem 1.15rem calc(1rem + env(safe-area-inset-bottom)); border-top:1px solid var(--uap-line); background:var(--uap-paper); }
  .uap-drawer__langs{ display:flex; gap:.5rem; margin-bottom:.9rem; }
  .uap-drawer__lang{ flex:1; display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:1.5px solid var(--uap-purple); border-radius:var(--uap-r-ctrl); font-weight:800; letter-spacing:.03em; color:var(--uap-purple); text-decoration:none; }
  .uap-drawer__lang.is-cur{ background:var(--uap-purple); color:#fff; }
  .uap-drawer__call{ display:flex; align-items:center; justify-content:center; gap:.5rem; min-height:var(--uap-tap); padding:.85rem 1rem; background:var(--uap-amber); color:var(--uap-purple); font-weight:800; letter-spacing:.02em; text-decoration:none; border-radius:10px; }

  /* ---- герой: ілюстрація носорога ФОНОМ, форма трекінгу НАД нею (без parallax) ---- */
  .uap-hero{ min-height:clamp(440px,72svh,620px); display:flex; flex-direction:column; justify-content:flex-start; overflow:hidden; border-bottom:4px solid var(--uap-amber); align-items:stretch; }
  .uap-hero__bg{ display:block; background-image:url(../images/hero-rhino-mobile-bg.jpg?v=2); background-attachment:scroll; background-size:cover; background-position:center 42%; }
  .uap-hero__inner{ order:0; position:relative; z-index:1; width:100%; padding:clamp(1rem,4vw,1.4rem) 1.25rem; }
  .uap-track-card{ max-width:none; width:100%; margin-inline:auto; border-radius:var(--uap-r-card); padding:1.1rem 1.1rem 1.2rem; box-shadow:0 18px 40px -16px rgba(20,20,20,.6); }
  .uap-track-card__title{ margin-bottom:.6rem; }
  .uap-track-card__title .ru{ font-size:1.55rem; }
  .uap-track-card__label{ font-size:.9rem; margin-bottom:.5rem; }
  .uap-hero__credit{ right:.5rem; bottom:.5rem; }
  /* трек-поле й кнопка — стеком, однакова ширина, вміщаються в екран */
  .uap-hero .uap-track{ flex-direction:column; gap:.55rem; }
  .uap-hero .uap-track__input,.uap-hero .uap-track__btn{ width:100%; }

  /* ---- липка трек-панель ---- */
  .uap-trackbar{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:45; background:var(--uap-amber);
    box-shadow:0 -2px 14px -6px rgba(0,0,0,.35); padding:.5rem clamp(1.15rem,4vw,1.6rem);
    padding-bottom:calc(.5rem + env(safe-area-inset-bottom)); transform:translateY(115%); transition:transform .28s var(--uap-ease); }
  .uap-trackbar.is-visible{ transform:translateY(0); }
  .uap-trackbar[hidden]{ display:none; }
  .uap-trackbar__form{ display:flex; flex-direction:row; gap:.5rem; max-width:var(--uap-wrap); margin-inline:auto; }
  .uap-trackbar__form .uap-track__input{ flex:1; min-width:0; min-height:var(--uap-tap); font-size:16px; padding:.4rem .8rem; }
  .uap-trackbar__form .uap-track__btn{ min-height:var(--uap-tap); padding:.4rem 1.1rem; }
}

/* маленькі телефони: трохи нижчий банер, щоб картка сиділа вище */
@media (max-width:480px){
  .uap-foot .cols{ grid-template-columns:1fr; gap:1.1rem; }
  .uap-foot .bottom{ flex-direction:column; gap:.4rem; align-items:flex-start; }
}

/* десктоп: мобільні елементи вимкнено */
@media (min-width:900px){
  .uap-burger,.uap-callbtn,.uap-drawer,.uap-scrim,.uap-trackbar{ display:none !important; }
}

/* ================= Секція «Наші сервіси» (картини Valerie Sokolova) ================= */
.uap-services .uap-h2{ margin-bottom:clamp(1.4rem,3vw,2.2rem); }
.uap-svc{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1rem,2.5vw,1.8rem); }
.uap-svc__card{ display:block; background:var(--uap-card); border:1px solid var(--uap-line); border-radius:var(--uap-r-card); padding:1.1rem 1rem 1.3rem;
  text-align:center; box-shadow:0 4px 18px -6px rgba(38,48,58,.12); text-decoration:none; color:inherit;
  transition:transform .14s, box-shadow .14s, border-color .14s; }
.uap-svc__card:hover,.uap-svc__card:focus-visible{ transform:translateY(-3px); border-color:var(--uap-amber); box-shadow:0 12px 28px -10px rgba(38,48,58,.22); }
.uap-svc__card:hover .uap-svc__title{ color:var(--uap-amber); }
.uap-svc__oval{ position:relative; aspect-ratio:3/4; display:grid; place-items:center; margin-bottom:.4rem; }
.uap-svc__oval img{ max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 10px 18px rgba(38,48,58,.16)); }
.uap-svc__title{ font-family:var(--uap-disp); font-weight:800; font-size:var(--fs-h3); color:var(--uap-purple); }
@media(max-width:768px){
  .uap-svc{ grid-template-columns:1fr; gap:1.1rem; }
  .uap-svc__oval{ aspect-ratio:auto; max-width:250px; margin-inline:auto; }
}

/* ================= Панорама персонажів — стрічка перед підвалом ================= */
.uap-charstrip{ position:relative; background:var(--uap-tint); border-top:3px solid var(--uap-amber); text-align:center; line-height:0; overflow:hidden; }
.uap-charstrip img{ display:inline-block; width:100%; max-width:1600px; height:auto; vertical-align:top; }

/* Багатоколонковий список (напр. країни-учасниці переказів) */
.uap-prose ul.uap-cols{ columns:2; column-gap:2rem; }
@media(min-width:768px){ .uap-prose ul.uap-cols{ columns:3; } }
.uap-prose ul.uap-cols li{ break-inside:avoid; margin:.15rem 0; }

/* Хаб-картки (напр. на сторінці «Правила» — розділи-посилання) */
.uap-hub{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:.8rem; margin:.4rem 0 0; }
.uap-hub__card{ display:flex; align-items:center; gap:.6rem; background:var(--uap-card); border:1px solid var(--uap-line);
  border-radius:var(--uap-r-card); padding:1rem 1.1rem; text-decoration:none; color:var(--uap-purple);
  font-family:var(--uap-disp); font-weight:800; box-shadow:0 2px 10px rgba(38,48,58,.05);
  transition:border-color .12s, transform .12s; }
.uap-hub__card::before{ content:"→"; color:var(--uap-amber); font-weight:900; }
.uap-hub__card:hover,.uap-hub__card:focus-visible{ border-color:var(--uap-amber); transform:translateY(-2px); }