/* WR-000030 — перший екран головної за готовим дизайном команди («poltava-sad-slider 2.html»), перенесено 1 в 1.
   Відмінності від зразка лише технічні: скинуті стилі сайту (img/h1/a), h1 замість div, посилання замість кнопок-заглушок,
   картинки локально, на першому екрані ховається загальна шапка сайту (у героя своя навігація). */
.ps-hero *{box-sizing:border-box;margin:0;padding:0}
.ps-wrap{position:relative;width:100%;overflow:hidden;background:#fff}
.ps-hero{position:absolute;left:0;top:0;width:1440px;height:880px;overflow:hidden;transform-origin:0 0;font-family:'Onest',sans-serif;-webkit-font-smoothing:antialiased;background:#f17027;transition:background-color .9s cubic-bezier(.65,0,.25,1);user-select:none;-webkit-user-select:none;touch-action:pan-y;line-height:normal;color:#18240e}
.ps-hero p{margin:0}
.ps-hero img{max-width:none}
.ps-hero button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}
.ps-hero a{text-decoration:none}
.ps-hero :focus-visible{outline:2px solid #18240e;outline-offset:3px}
.ps-abs,.ps-glow,.ps-word,.ps-pack,.ps-h,.ps-sub{position:absolute}

.ps-glow{left:70px;top:-140px;width:1300px;height:1300px;max-width:none;opacity:0;transition:opacity .9s ease}
.ps-glow.on{opacity:1}

.ps-word{font-family:'Unbounded',sans-serif;font-weight:700;line-height:normal;white-space:nowrap;overflow:hidden}
.ps-word .l{display:inline-block;transform:translateY(135%);transition:transform .8s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i)*35ms)}
.ps-word.on .l{transform:translateY(0);transition-delay:calc(250ms + var(--i)*45ms)}
.ps-word.out .l{transform:translateY(-135%)}
.ps-hero .reset .l,.ps-hero .reset span{transition:none !important}

.ps-ringspin{left:390px;top:194px;width:660px;height:660px;animation:ps-spin 90s linear infinite}
.ps-ring{width:660px;height:660px;display:block;transition:transform 1.2s cubic-bezier(.65,0,.25,1)}
@keyframes ps-spin{to{transform:rotate(360deg)}}
.ps-portal{left:420px;top:224px;width:600px;height:600px;border-radius:300px;background:#ffe3c9;transition:background-color .9s ease}

.ps-pack{display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;will-change:transform,opacity}
.ps-pack.on{opacity:1}
.ps-pack .float{animation:ps-float 5s ease-in-out infinite}
.ps-pack img{display:block;object-fit:contain;max-width:none;filter:drop-shadow(0 30px 40px rgba(40,20,0,.18))}
@keyframes ps-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.ps-nav{left:80px;top:24px;width:1280px;height:72px;background:#fff;border-radius:100px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 24px;filter:drop-shadow(0 8px 12px rgba(23,36,13,.08));z-index:5}
.ps-logo-a{display:block;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.ps-logo-a:hover{transform:translateY(-1px) scale(1.03)}
.ps-logo{width:92.404px;height:52px;display:block}
.ps-menu{display:flex;gap:28px;font-weight:500;font-size:15px;color:#2f3a25;white-space:nowrap;line-height:normal}
.ps-menu a{color:inherit;text-decoration:none;position:relative;transition:color .2s}
.ps-menu a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.ps-menu a:hover::after,.ps-menu a.on::after{transform:scaleX(1)}
.ps-actions{display:flex;gap:10px;align-items:center}
.ps-ic{width:44px;height:44px;border:1.5px solid #e1e4d6 !important;border-radius:22px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#18240e !important;transition:background .2s}
.ps-ic:hover{background:#f3f5ec !important}
.ps-ic img{width:18px;height:18px;display:block}
.ps-btn{display:flex;align-items:center;gap:18px;background:#d5ed53;border-radius:100px;padding:6px 6px 6px 28px;font-weight:600;font-size:18px;color:#000;text-decoration:none;white-space:nowrap;line-height:normal}
.ps-circle{width:48px;height:48px;border-radius:24px;background:#18240e;display:flex;align-items:center;justify-content:center;transition:transform .3s}
.ps-btn:hover .ps-circle{transform:rotate(-45deg)}
.ps-circle img{width:20px;height:20px;display:block}

.ps-h{left:80px;top:136px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:52px;line-height:1.05;letter-spacing:-1.04px;color:#fff;white-space:nowrap;pointer-events:none}
.ps-h .ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.ps-h .ln>span{display:block;transform:translateY(110%);transition:transform .75s cubic-bezier(.7,0,.2,1)}
.ps-h .ln+.ln>span{transition-delay:.06s}
.ps-h.on .ln>span{transform:translateY(0);transition-delay:.35s}
.ps-h.on .ln+.ln>span{transition-delay:.45s}
.ps-h.out .ln>span{transform:translateY(-110%)}

.ps-sub{left:1000px;width:360px;font-weight:500;font-size:18px;line-height:1.5;color:#fff;opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.ps-sub.on{opacity:1;transform:none;transition-delay:.5s,.5s;transition-duration:.6s}

.ps-ctrl{left:1000px;top:256px;display:flex;gap:12px;align-items:center;z-index:4}
.ps-num{font-family:'Unbounded',sans-serif;font-weight:600;font-size:18px;color:#fff;line-height:22px;height:22px;overflow:hidden;display:inline-block;width:32px}
.ps-num span{display:block}
.ps-tot{font-weight:500;font-size:16px;color:rgba(255,255,255,.5);line-height:normal}
.ps-arr{width:52px;height:52px;border-radius:26px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.35) !important;transition:transform .2s,background .2s}
.ps-arr:hover{background:rgba(255,255,255,.12) !important;transform:scale(1.06)}
.ps-arr.n{background:#fff !important;border:none !important}
.ps-arr.n:hover{transform:scale(1.08)}
.ps-arr img{width:20px;height:20px;display:block}
.ps-hero .ps-ctrl :focus-visible{outline-color:#fff}

.ps-cardbox{left:74.14px;top:560px;width:387.338px;height:131.839px;display:flex;align-items:center;justify-content:center;z-index:4}
.ps-card{transform:rotate(3deg);background:#fff;border-radius:24px;display:flex;gap:16px;align-items:center;padding:12px 16px 12px 12px;filter:drop-shadow(0 16px 20px rgba(23,36,13,.14));transition:transform .3s}
.ps-card:hover{transform:rotate(0deg) scale(1.02)}
.ps-card .thumb{width:88px;height:88px;border-radius:16px;object-fit:contain;display:block}
.ps-card .t{display:flex;flex-direction:column;gap:4px}
.ps-card .ti{display:none;flex-direction:column;gap:4px}
.ps-card .ti.on{display:flex}
.ps-card .n{font-family:'Unbounded',sans-serif;font-weight:600;font-size:18px;color:#18240e;white-space:nowrap;line-height:normal}
.ps-card .d{font-size:15px;line-height:1.4;color:#5a6450;width:190px}
.ps-card .ps-circle{width:44px;height:44px;border-radius:22px}
.ps-card:hover .ps-circle{transform:rotate(45deg)}
.ps-card .ps-circle img{width:18px;height:18px}

.ps-tabs{left:80px;top:736px;width:1280px;background:#fff;border-radius:28px;padding:8px;display:flex;overflow:hidden;box-shadow:0 16px 40px rgba(102,38,0,.18);z-index:4}
.ps-tab{display:flex;flex-direction:column;gap:12px;padding:16px 20px;border-radius:20px;flex-shrink:0;overflow:hidden;opacity:.55;text-align:left;background:transparent;transition:opacity .4s,background-color .5s}
.ps-tab:hover{opacity:.85}
.ps-tab.on{opacity:1;background-color:var(--tb)}
.ps-prog{display:block;width:376px;height:4px;border-radius:2px;background:rgba(24,36,14,.1);position:relative;overflow:hidden}
.ps-prog i{position:absolute;left:0;top:0;height:4px;width:100%;transform:scaleX(0);transform-origin:left;background:rgba(24,36,14,.35)}
.ps-tab.done .ps-prog i{transform:scaleX(1);transition:transform .4s}
.ps-row{display:flex;gap:12px;align-items:center}
.ps-row img{width:14px;height:14px;display:block}
.ps-row .k{font-weight:600;font-size:14px;color:#8a8f80;line-height:normal}
.ps-row .m{font-family:'Unbounded',sans-serif;font-weight:600;font-size:20px;color:#18240e;white-space:nowrap;line-height:normal}
.ps-tab .s{font-size:15px;color:#5a6450;white-space:nowrap;line-height:normal}


.ps-stage{position:absolute;left:0;top:0;width:1440px;height:880px;transform-origin:0 0;pointer-events:none}
.ps-burger,.ps-mmenu{display:none}
/* ---------- MOBILE 375 ---------- */
.ps-hero.m{width:375px;height:800px}
.m .ps-stage{transform:translate(-172.5px,170px) scale(.5)}
.m .ps-glow.on{opacity:.4}
.m .ps-nav{left:12px;top:12px;width:351px;height:60px;padding:6px 6px 6px 16px}
.m .ps-logo{width:71px;height:40px}
.m .ps-menu,.m .ps-actions .ps-ic:not([aria-label="Телефон"]),.m .ps-btn .txt{display:none}
.m .ps-actions{gap:8px}
.m .ps-ic{width:44px;height:44px}
.m .ps-btn{padding:0;gap:0;background:none}
.m .ps-btn .ps-circle{width:44px;height:44px;border-radius:22px;background:#d5ed53}
.m .ps-btn .ps-circle img{filter:brightness(0)}
.m .ps-burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;border-radius:22px;background:#18240e !important}
.m .ps-burger i{display:block;width:18px;height:2px;border-radius:2px;background:#d5ed53;transition:transform .3s,opacity .3s}
.m.menu-open .ps-burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.m.menu-open .ps-burger i:nth-child(2){opacity:0}
.m.menu-open .ps-burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.m .ps-mmenu{display:flex;flex-direction:column;position:absolute;left:12px;top:80px;width:351px;background:#fff;border-radius:24px;padding:10px;z-index:10;box-shadow:0 20px 40px rgba(23,36,13,.18);opacity:0;transform:translateY(-12px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .25s,visibility 0s .25s}
.m.menu-open .ps-mmenu{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s,transform .25s}
.ps-mmenu a{padding:13px 14px;border-radius:14px;font-weight:500;font-size:16px;color:#2f3a25;text-decoration:none}
.ps-mmenu a.on{background:#f3f5ec;font-weight:600}
.ps-mmenu a.lang{margin-top:4px;border-top:1px solid #eef0e6;border-radius:0;color:#8a8f80}
.m .ps-h{left:16px;top:96px;font-size:30px;letter-spacing:-.6px}
.m .ps-sub{left:16px;top:168px !important;width:343px;font-size:14px}
.m .ps-word{left:-112.5px !important;width:600px;text-align:center;font-size:var(--mfs) !important;letter-spacing:-.03em !important;top:calc(432px - .62em) !important}
.m .ps-cardbox{left:4px;top:552px;width:250px;height:90px;justify-content:flex-start}
.m .ps-card{transform:rotate(3deg) scale(.66);transform-origin:left center}
.m .ps-card:hover{transform:rotate(3deg) scale(.66)}
.m .ps-ctrl{left:16px;top:652px;width:343px}
.m .ps-ctrl .ps-arr.p{margin-left:auto}
.m .ps-arr{width:44px;height:44px}
.m .ps-tabs{left:16px;top:712px;width:343px;padding:6px;border-radius:22px}
.m .ps-tab{width:110.33px !important;padding:10px;gap:8px;border-radius:16px}
.m .ps-prog{width:100%;height:3px}
.m .ps-prog i{height:3px}
.m .ps-row{gap:6px}
.m .ps-row img{width:9px;height:9px}
.m .ps-row .k,.m .ps-tab .s{display:none}
.m .ps-row .m{font-size:11px;letter-spacing:-.3px}

@media (prefers-reduced-motion: reduce){
 .ps-ringspin,.ps-pack .float{animation:none}
 .ps-word .l,.ps-h .ln>span{transition-duration:.01s !important;transition-delay:0s !important}
}
/* автоскріншоти (.still): статичний кадр, як і на решті сайту */
.still .ps-ringspin,.still .ps-pack .float{animation:none}
.still .ps-word .l,.still .ps-h .ln>span,.still .ps-sub{transition-duration:.01s !important;transition-delay:0s !important}

/* загальна шапка сайту: поки видно перший екран — у героя своя навігація; далі з'являється звична шапка */
/* 19.10.2026: на першому екрані — загальна шапка сайту в білому стані (макет «Хедер ПолтаваСад»), власна навігація слайдера не показується */
.ps-nav,.ps-burger,.ps-mmenu{display:none !important}