/* Забор 3Д — architectural, airy visual layer. Source content/images stay visible. */
:root{--zx-blue:#0047ab;--zx-green:#0b8b62;--zx-red:#a61f3b;--zx-ink:#111827;--zx-ease:cubic-bezier(.16,1,.3,1);--zx-mx:50vw;--zx-my:22vh}
html{background:#eef3f6}
body{position:relative;background:radial-gradient(900px 620px at 90% -5%,rgba(0,71,171,.13),transparent 63%),radial-gradient(760px 540px at -8% 38%,rgba(11,139,98,.11),transparent 68%),linear-gradient(145deg,#f7fafb,#edf3f6 50%,#f8fafb)!important;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(0,71,171,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,71,171,.035) 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 20%,#000 15%,transparent 75%)}
.zx-ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.zx-ambient::before,.zx-ambient::after{content:"";position:absolute;border-radius:50%;filter:blur(100px)}.zx-ambient::before{width:42vw;height:42vw;right:-20vw;top:-5vh;background:rgba(0,71,171,.15);animation:zxDrift 20s ease-in-out infinite alternate}.zx-ambient::after{width:34vw;height:34vw;left:-16vw;bottom:-6vh;background:rgba(11,139,98,.13);animation:zxDrift 25s ease-in-out infinite alternate-reverse}@keyframes zxDrift{to{transform:translate3d(7vw,8vh,0) scale(1.12)}}
.zx-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:30000;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--zx-green),var(--zx-blue),var(--zx-red));box-shadow:0 0 18px rgba(0,71,171,.4)}
.zx-glow{position:fixed;left:var(--zx-mx);top:var(--zx-my);width:500px;height:500px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(0,71,171,.07),transparent 68%)}
img{visibility:visible!important;opacity:1!important}video{visibility:visible!important}
nav{background:rgba(255,255,255,.79)!important;backdrop-filter:blur(20px) saturate(1.28);border-bottom-color:rgba(15,23,42,.08)!important;box-shadow:0 12px 40px rgba(15,23,42,.055);transition:background .4s ease,box-shadow .4s ease}
nav.zx-scrolled{background:rgba(255,255,255,.95)!important;box-shadow:0 18px 55px rgba(15,23,42,.12)}
nav a{position:relative}nav .hidden.lg\:flex a::after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:2px;background:linear-gradient(90deg,var(--zx-green),var(--zx-blue));transform:scaleX(0);transform-origin:right;transition:transform .45s var(--zx-ease)}nav .hidden.lg\:flex a:hover::after{transform:scaleX(1);transform-origin:left}
.btn-green,.btn-blue{position:relative;isolation:isolate;overflow:hidden;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);box-shadow:0 16px 42px rgba(0,71,171,.16);transition:transform .4s var(--zx-ease),box-shadow .4s ease!important}.btn-green::after,.btn-blue::after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.38) 48%,transparent 72%);transform:translateX(-140%);transition:transform .75s var(--zx-ease)}.btn-green:hover,.btn-blue:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(0,71,171,.25)}.btn-green:hover::after,.btn-blue:hover::after{transform:translateX(140%)}
header{isolation:isolate;overflow:hidden;background:radial-gradient(760px 520px at 84% 14%,rgba(0,71,171,.1),transparent 66%)}
header::before{content:"";position:absolute;width:62vw;height:62vw;right:-28vw;top:-18vw;border:1px solid rgba(0,71,171,.13);border-radius:50%;box-shadow:0 0 0 72px rgba(0,71,171,.022),0 0 0 144px rgba(11,139,98,.014);animation:zxRotate 30s linear infinite;z-index:-1}@keyframes zxRotate{to{transform:rotate(360deg)}}
header::after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--zx-blue),var(--zx-green),transparent);opacity:.35}
header h1{text-wrap:balance;background:linear-gradient(125deg,#111827 12%,#0047ab 58%,#0b8b62 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:0 15px 40px rgba(15,23,42,.08)}
header>.panel-card,header>div.panel-card{background:rgba(255,255,255,.7)!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:0 35px 95px rgba(15,23,42,.12)!important;backdrop-filter:blur(22px) saturate(1.2);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px))}
header img{display:block!important;visibility:visible!important;opacity:1!important}
section,main{position:relative;isolation:isolate}section::before,main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(650px 380px at 88% 5%,rgba(0,71,171,.06),transparent 72%)}section:nth-of-type(even)::before{transform:scaleX(-1)}
section h2,main h1{position:relative;text-wrap:balance}section h2::after{content:"";display:block;width:86px;height:4px;margin:18px auto 0;background:linear-gradient(90deg,var(--zx-green),var(--zx-blue),var(--zx-red))}
/* Cards become layered architectural surfaces, not plain rectangles */
.panel-card{position:relative;background:rgba(255,255,255,.68)!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:0 24px 70px rgba(15,23,42,.09)!important;backdrop-filter:blur(16px) saturate(1.15);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);transition:transform .58s var(--zx-ease),box-shadow .58s ease,border-color .4s ease!important}
.panel-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(0,71,171,.085),transparent 35%);opacity:0;transition:opacity .42s ease}.panel-card::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--zx-green),var(--zx-blue),var(--zx-red));transform:scaleX(.22);transform-origin:left;transition:transform .55s var(--zx-ease)}.panel-card:hover{transform:translateY(-9px);box-shadow:0 34px 88px rgba(15,23,42,.15)!important;border-color:rgba(0,71,171,.18)!important}.panel-card:hover::before{opacity:1}.panel-card:hover::after{transform:scaleX(1)}
.panel-card img{display:block!important;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--zx-ease),filter .55s ease!important}.panel-card:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}
#stock .grid{gap:28px!important}#stock .panel-card:nth-child(1){transform:translateY(32px)}#stock .panel-card:nth-child(2){transform:translateY(-18px)}#stock .panel-card:nth-child(3){transform:translateY(48px)}#stock .panel-card:hover{transform:translateY(-2px)}
#logistics{background:radial-gradient(760px 430px at 88% 12%,rgba(0,71,171,.075),transparent 68%),linear-gradient(145deg,rgba(255,255,255,.76),rgba(237,244,247,.7))!important;overflow:hidden}#logistics::after{content:"";position:absolute;right:-120px;top:-110px;width:430px;height:430px;border:1px dashed rgba(0,71,171,.15);border-radius:50%;box-shadow:0 0 0 55px rgba(0,71,171,.018),0 0 0 110px rgba(11,139,98,.012);animation:zxRotate 34s linear infinite;z-index:-1}
#logistics .panel-card{background:rgba(255,255,255,.76)!important}
details{transition:background .35s ease,padding .45s var(--zx-ease)}details:hover,details[open]{background:linear-gradient(90deg,rgba(0,71,171,.07),transparent);padding-inline:20px}
footer{position:relative;border-top-width:1px!important;background:radial-gradient(650px 350px at 85% 0%,rgba(0,71,171,.06),transparent 70%),rgba(255,255,255,.84)!important;backdrop-filter:blur(18px);overflow:hidden}footer::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(0,71,171,.04) 1px,transparent 1px);background-size:64px 100%}
/* interior pages */
main.pt-\[140px\],main.pt-\[180px\]{background:radial-gradient(650px 380px at 88% 7%,rgba(0,71,171,.07),transparent 72%)}
.article-content{position:relative}.article-content::before{content:"";position:absolute;left:-38px;top:0;bottom:0;width:2px;background:linear-gradient(var(--zx-green),var(--zx-blue),transparent 88%)}.article-content h2,.article-content h3{position:relative}.article-content h2::before,.article-content h3::before{content:"";position:absolute;left:-38px;top:.6em;width:24px;height:2px;background:var(--zx-blue)}
.article-content blockquote,.article-content .border-l-\[8px\]{background:linear-gradient(110deg,rgba(11,139,98,.08),rgba(255,255,255,.35))!important;box-shadow:0 18px 50px rgba(15,23,42,.07)}
main.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3>a,main.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3>article{position:relative;background:rgba(255,255,255,.68)!important;border:1px solid rgba(255,255,255,.84)!important;box-shadow:0 24px 70px rgba(15,23,42,.09);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);transition:transform .55s var(--zx-ease),box-shadow .55s ease!important;overflow:hidden}main.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3>a::after,main.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3>article::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--zx-green),var(--zx-blue),var(--zx-red));transform:scaleX(.2);transform-origin:left;transition:transform .5s var(--zx-ease)}main.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3>a:hover,main.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3>article:hover{transform:translateY(-9px);box-shadow:0 34px 88px rgba(15,23,42,.15)}main.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3>a:hover::after,main.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3>article:hover::after{transform:scaleX(1)}
.zx-animate-ready{will-change:transform,opacity,filter}
@media(max-width:900px){#stock .panel-card:nth-child(n){transform:none}.panel-card{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}header>.panel-card,header>div.panel-card{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}}
@media(max-width:768px){.zx-glow{display:none}.article-content::before,.article-content h2::before,.article-content h3::before{display:none}#logistics::after{width:260px;height:260px;right:-140px;top:-70px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
/* Safety: original reveal implementation must never leave content invisible. */
.reveal{opacity:1!important;transform:none!important}

/* === Smooth motion + fence-specific visual pass === */
body{background:
  radial-gradient(900px 560px at 92% 2%,rgba(0,71,171,.09),transparent 66%),
  radial-gradient(720px 520px at -8% 34%,rgba(11,139,98,.08),transparent 70%),
  linear-gradient(145deg,#f7fafb,#edf3f5 52%,#f9fbfc)!important;
  background-attachment:scroll!important}
body::before{position:absolute!important;opacity:.13!important;mask-image:none!important;-webkit-mask-image:none!important;background-image:
  linear-gradient(90deg,transparent 48%,rgba(0,71,171,.12) 49%,rgba(0,71,171,.12) 51%,transparent 52%),
  linear-gradient(transparent 48%,rgba(11,139,98,.10) 49%,rgba(11,139,98,.10) 51%,transparent 52%)!important;
  background-size:86px 190px!important}
body::after{display:none!important}
.zx-glow{display:none!important}
.zx-ambient::before,.zx-ambient::after{animation:none!important;transform:none!important;filter:blur(82px)!important;opacity:.52}
.zx-animate-ready{will-change:auto!important}
.reveal{transition-property:opacity,transform!important;transition-duration:.66s,.76s!important;transition-timing-function:ease,cubic-bezier(.16,1,.3,1)!important}
html.zx-motion-enabled .zx-motion-reveal{opacity:0;translate:0 12px;transition:opacity .6s ease,translate .72s var(--zx-ease);transition-delay:var(--zx-delay,0ms)}
html.zx-motion-enabled .zx-motion-reveal.zx-visible{opacity:1;translate:0 0}
header{background-image:linear-gradient(90deg,rgba(247,250,251,.96) 0%,rgba(247,250,251,.86) 42%,rgba(247,250,251,.42) 100%),url('zabory_5.png')!important;background-size:cover!important;background-position:center!important}
header::before{inset:0!important;width:auto!important;height:auto!important;right:0!important;top:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;animation:none!important;background:linear-gradient(120deg,rgba(0,71,171,.06),transparent 44%,rgba(11,139,98,.08))!important;pointer-events:none!important}
header>.panel-card,header>div.panel-card{background:rgba(255,255,255,.92)!important;backdrop-filter:none!important}
.panel-card{background:rgba(255,255,255,.94)!important;backdrop-filter:none!important;transition-duration:.38s!important}
.panel-card:hover{transform:translateY(-4px)!important}
.panel-card img{transition:transform .48s var(--zx-ease)!important;filter:none!important}
.panel-card:hover img{transform:scale(1.018)!important;filter:none!important}
#stock .panel-card:nth-child(1){transform:translateY(14px)}
#stock .panel-card:nth-child(2){transform:translateY(-8px)}
#stock .panel-card:nth-child(3){transform:translateY(20px)}
#stock .panel-card:hover{transform:translateY(-2px)!important}
#logistics::after{animation:none!important}
details:hover,details[open]{padding-inline:10!important;box-shadow:inset 3px 0 0 rgba(0,71,171,.35)}
nav{backdrop-filter:blur(12px) saturate(1.08)!important}
footer{backdrop-filter:none!important}
.panel-card::before,.panel-card::after,header::before,header::after,section::before,main::before,#logistics::after{pointer-events:none!important}
a,button,summary{position:relative;z-index:2;pointer-events:auto}
@media(max-width:900px){#stock .panel-card:nth-child(n){transform:none!important}}
@media(max-width:768px){html.zx-motion-enabled .zx-motion-reveal{translate:0 9px}.reveal{transform:translateY(14px)!important}.reveal.active{transform:none!important}.panel-card:hover,.panel-card:hover img{transform:none!important}nav{backdrop-filter:none!important}header{background-position:62% center!important}}
@media(prefers-reduced-motion:reduce){html.zx-motion-enabled .zx-motion-reveal{opacity:1!important;translate:none!important}}

/* Restore one native reveal animation, replacing the former forced-visible safety rule. */
html.zx-motion-enabled .reveal{opacity:0!important;transform:none!important;translate:0 14px;transition:opacity .62s ease,translate .76s var(--zx-ease)!important}
html.zx-motion-enabled .reveal.active{opacity:1!important;transform:none!important;translate:0 0}
@media(max-width:768px){html.zx-motion-enabled .reveal{translate:0 10px}}
@media(prefers-reduced-motion:reduce){html.zx-motion-enabled .reveal{opacity:1!important;translate:none!important}}

/* Fence imagery on interior pages, lightweight and non-interactive. */
main.pt-\[140px\],main.pt-\[180px\]{overflow:hidden}
main.pt-\[140px\]::after,main.pt-\[180px\]::after{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:-4%;width:min(760px,58vw);height:460px;background:url('zabory_8.png') center/cover no-repeat;opacity:.12;filter:saturate(.9) contrast(1.05);-webkit-mask-image:linear-gradient(110deg,transparent 0,#000 36%,transparent 100%);mask-image:linear-gradient(110deg,transparent 0,#000 36%,transparent 100%)}
@media(max-width:768px){main.pt-\[140px\]::after,main.pt-\[180px\]::after{width:92vw;height:330px;right:-35%;opacity:.08}}