/* Grizzly Blog v1.0.0 — шаблон новини й сторінки новин. Токени — з gz.css (:root). Усі правила під .gzb або .gzb-lb: gz.css друкується віджетом шапки ВЖЕ в , тобто після цього файлу, тож рівна вага програвала б йому. */ /* ---------- іконки, чипи ---------- */ .gzb .gzb-ico,.gzb-lb .gzb-ico{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle} .gzb .gzb-ico--s,.gzb-lb .gzb-ico--s{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* ---------- «шкала здоров'я» — прогрес читання ---------- */ .gzb .gzb-hp{position:fixed;left:0;right:0;top:0;height:5px;z-index:100001;pointer-events:none;background:rgba(11,11,13,.55)} .gzb .gzb-hp::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(11,11,13,.85) calc(10% - 2px) 10%)} .gzb .gzb-hp__bar{position:relative;display:block;height:100%;width:var(--p,0%);background:linear-gradient(90deg,#7d0a1c,var(--gz-red) 55%,var(--gz-gold-2));box-shadow:0 0 14px rgba(200,16,46,.65)} .gzb .gzb-hp__claw{position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--gz-gold-2);box-shadow:0 0 0 3px rgba(231,206,132,.25),0 0 12px var(--gz-gold);opacity:var(--o,0);transition:opacity .3s} body.admin-bar .gzb .gzb-hp{top:32px} /* ---------- хлібні крихти (gz.css дає відступ лише посиланням) ---------- */ .gzb .gz-crumbs{align-items:center} .gzb .gz-crumbs > span{padding:10px 0} /* ---------- обкладинка статті ---------- */ .gzb .gzb-hero{padding-bottom:clamp(44px,6vw,80px)} .gzb .gzb-hero__bg{filter:blur(22px) saturate(1.25);transform:scale(1.2);opacity:.5} .gzb .gzb-hero__mark{position:absolute;right:-1vw;bottom:-2.4vw;z-index:-1;pointer-events:none;white-space:nowrap;font-family:var(--gz-font-display);font-weight:800;font-size:clamp(120px,22vw,340px);line-height:.8;letter-spacing:.02em;color:rgba(255,255,255,.04)} .gzb .gzb-hero--type{background:radial-gradient(circle at 85% 10%,rgba(200,16,46,.28),transparent 55%),radial-gradient(circle at 0 100%,rgba(201,162,74,.12),transparent 50%),var(--gz-ink)} .gzb .gzb-hero__in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center} .gzb .gzb-hero--type .gzb-hero__in{grid-template-columns:minmax(0,1fr)} .gzb .gzb-hero__h{font-size:clamp(38px,5.2vw,74px);line-height:.96;margin:20px 0 26px;max-width:920px;text-wrap:balance} .gzb .gzb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px} .gzb .gzb-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(11,11,13,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gz-sand)} .gzb .gzb-chip .gzb-ico{width:15px;height:15px} .gzb .gzb-chip--red{background:var(--gz-red);border-color:var(--gz-red);color:#fff} .gzb a.gzb-chip--link:hover{border-color:var(--gz-gold);color:var(--gz-gold-2)} .gzb .gzb-cover{display:block;justify-self:end;width:min(100%,440px);border-radius:12px;overflow:hidden;border:1px solid rgba(201,162,74,.45);background:var(--gz-graphite);box-shadow:0 34px 80px rgba(0,0,0,.6),0 0 0 8px rgba(255,255,255,.03);transform:rotate(1.6deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);cursor:zoom-in} .gzb .gzb-cover:hover{transform:rotate(0) translateY(-4px)} .gzb .gzb-cover img{width:100%;height:auto;max-height:560px;object-fit:cover} /* міні-«поділитися» в обкладинці */ .gzb .gzb-mini{display:flex;align-items:center;flex-wrap:wrap;gap:8px} .gzb .gzb-mini__l{margin-right:6px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gz-muted)} .gzb .gzb-mini__a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:0;padding:0;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(11,11,13,.45);color:var(--gz-bone);font:inherit;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s} .gzb .gzb-mini__a:hover,.gzb .gzb-mini__a:focus{background:var(--gz-bone);border-color:var(--gz-bone);color:var(--gz-black);transform:translateY(-2px)} .gzb .gzb-mini__a.gzb-sh--telegram:hover{background:#229ED9;border-color:#229ED9;color:#fff} .gzb .gzb-mini__a.gzb-sh--viber:hover{background:#7360F2;border-color:#7360F2;color:#fff} .gzb .gzb-mini__a.gzb-sh--facebook:hover{background:#0866FF;border-color:#0866FF;color:#fff} /* ---------- текст на «папері» ---------- */ .gzb .gzb-paper{position:relative;background:#F6F2EA;color:#1C1C22;padding:clamp(44px,6vw,84px) 0 clamp(52px,7vw,92px)} .gzb .gzb-paper::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--gz-red),var(--gz-gold) 60%,transparent)} .gzb .gzb-body{max-width:760px;margin:0 auto;padding:0 24px;font-size:18.5px;line-height:1.78;color:#23232A} .gzb .gzb-body p{margin:0 0 1.15em} .gzb .gzb-body > p:first-of-type{font-size:clamp(20px,1.9vw,23px);line-height:1.6;font-weight:600;color:#0B0B0D} .gzb .gzb-body:not(.gzb-body--archive) > p:first-of-type::first-letter{float:left;margin:.08em .12em 0 0;font-family:var(--gz-font-display);font-weight:800;font-size:4.3em;line-height:.78;color:var(--gz-red)} .gzb .gzb-body h2,.gzb .gzb-body h3,.gzb .gzb-body h4{color:#0B0B0D;margin:1.7em 0 .6em;line-height:1} .gzb .gzb-body h2{font-size:clamp(28px,3vw,40px)} .gzb .gzb-body h2::before{content:"";display:block;width:44px;height:4px;margin-bottom:14px;background:var(--gz-red)} .gzb .gzb-body h3{font-size:clamp(22px,2.2vw,28px)} .gzb .gzb-body h4{font-size:20px} .gzb .gzb-body a{color:var(--gz-red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .gzb .gzb-body a:hover{color:#8e0b20} .gzb .gzb-body strong,.gzb .gzb-body b{color:#0B0B0D;font-weight:800} .gzb .gzb-body ul,.gzb .gzb-body ol{margin:0 0 1.3em;padding:0} .gzb .gzb-body ul > li{position:relative;padding-left:28px;margin:.45em 0} .gzb .gzb-body ul > li::before{content:"";position:absolute;left:5px;top:.66em;width:9px;height:9px;background:var(--gz-gold);transform:rotate(45deg)} .gzb .gzb-body ol{counter-reset:gzb} .gzb .gzb-body ol > li{position:relative;padding-left:40px;margin:.55em 0;counter-increment:gzb} .gzb .gzb-body ol > li::before{content:counter(gzb);position:absolute;left:0;top:.1em;width:28px;height:28px;border-radius:50%;background:#0B0B0D;color:var(--gz-gold-2);font-size:14px;font-weight:800;line-height:28px;text-align:center} .gzb .gzb-body blockquote{margin:1.6em 0;padding:20px 26px;border-left:4px solid var(--gz-gold);border-radius:0 10px 10px 0;background:#fff;font-size:1.04em;box-shadow:0 10px 30px rgba(20,20,24,.06)} .gzb .gzb-body img{display:block;max-width:100%;height:auto;margin:1.5em auto;border-radius:10px;box-shadow:0 16px 40px rgba(20,20,24,.16);cursor:zoom-in} .gzb .gzb-body iframe,.gzb .gzb-body video,.gzb .gzb-body .wp-video{display:block;width:100%!important;max-width:100%;height:auto!important;aspect-ratio:16/9;margin:1.7em 0;border:0;border-radius:12px;background:#0B0B0D;box-shadow:0 20px 50px rgba(20,20,24,.22)} .gzb .gzb-body figure{margin:1.6em 0} .gzb .gzb-body figcaption,.gzb .gzb-body .wp-caption-text{font-size:14px;color:#5A5A64;text-align:center;margin-top:8px} .gzb .gzb-body hr{border:0;height:1px;background:rgba(20,20,24,.14);margin:2em 0} .gzb .gzb-body table{width:100%;border-collapse:collapse;font-size:16px;margin:1.4em 0;display:block;overflow-x:auto} .gzb .gzb-body th,.gzb .gzb-body td{border:1px solid rgba(20,20,24,.14);padding:10px 12px;text-align:left} /* картка «Коротко» */ .gzb .gzb-facts{position:relative;margin:1.9em 0 2em;padding:24px 26px 22px;border-radius:12px;background:#0B0B0D;color:var(--gz-bone);box-shadow:0 22px 50px rgba(11,11,13,.28);overflow:hidden} .gzb .gzb-facts::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--gz-gold-2),var(--gz-red))} .gzb .gzb-facts__h{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:var(--gz-gold)} .gzb .gzb-facts dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px 26px;margin:0} .gzb .gzb-facts dt{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gz-muted)} .gzb .gzb-facts dd{margin:3px 0 0;font-size:16.5px;font-weight:700;line-height:1.4;color:var(--gz-bone)} /* джерела */ .gzb .gzb-src{margin:2.4em 0 0;padding-top:22px;border-top:1px solid rgba(20,20,24,.14)} .gzb .gzb-src__h{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#5A5A64} .gzb .gzb-src ul > li{padding:0;margin:0} .gzb .gzb-src ul > li::before{display:none} .gzb .gzb-src a{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:15.5px;line-height:1.45;color:#1C1C22;text-decoration:none} .gzb .gzb-src a:hover{color:var(--gz-red)} .gzb .gzb-src a .gzb-ico{margin-top:1px;color:var(--gz-red)} .gzb .gzb-src small{display:block;margin-top:2px;font-size:13px;color:#5A5A64} /* печатка «Прочитано» (ізюминка) */ .gzb .gzb-stamp{width:156px;height:156px;margin:56px auto 0;color:var(--gz-red);opacity:0;transform:scale(1.9) rotate(-34deg);transition:opacity .3s ease,transform .5s cubic-bezier(.2,1.7,.4,1)} .gzb .gzb-stamp.is-on{opacity:.92;transform:scale(1) rotate(-12deg)} .gzb .gzb-stamp svg{width:100%;height:100%;overflow:visible} .gzb .gzb-stamp text{font-family:var(--gz-font-display)} .gzb .gzb-stamp.is-on svg{animation:gzbInk 1.2s ease-out .15s both} @keyframes gzbInk{0%{filter:drop-shadow(0 0 0 rgba(200,16,46,.0))}35%{filter:drop-shadow(0 0 10px rgba(200,16,46,.55))}100%{filter:drop-shadow(0 0 0 rgba(200,16,46,0))}} /* ---------- фоторепортаж ---------- */ .gzb .gzb-gal{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(200,16,46,.18),transparent 45%),#0B0B0D;padding:clamp(60px,8vw,110px) 0} .gzb .gzb-gal__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 28px;margin-bottom:clamp(24px,3vw,36px)} .gzb .gzb-gal__head .gz-eyebrow{width:100%} .gzb .gzb-gal__h{font-size:clamp(36px,4.6vw,64px)} .gzb .gzb-gal__count{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--gz-muted)} .gzb .gzb-gal__grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,236px)} .gzb .gzb-gal__item{position:relative;display:block;overflow:hidden;border-radius:8px;background:#1C1C22;isolation:isolate;cursor:zoom-in} .gzb .gzb-gal__item img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .5s} .gzb .gzb-gal__item::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 0 rgba(231,206,132,0);transition:box-shadow .35s;pointer-events:none} .gzb .gzb-gal__item:hover img,.gzb .gzb-gal__item:focus-visible img{transform:scale(1.07);filter:saturate(1.15)} .gzb .gzb-gal__item:hover::after,.gzb .gzb-gal__item:focus-visible::after{box-shadow:inset 0 0 0 2px rgba(231,206,132,.85)} .gzb .gzb-gal__zoom{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(11,11,13,.72);color:#fff;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s} .gzb .gzb-gal__item:hover .gzb-gal__zoom,.gzb .gzb-gal__item:focus-visible .gzb-gal__zoom{opacity:1;transform:none} .gzb .gzb-gal__more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,11,13,.6);font-family:var(--gz-font-display);font-weight:800;font-size:clamp(44px,5vw,76px);color:#fff;letter-spacing:.02em} .gzb .gzb-gal__rest{display:none} /* розкладки за кількістю видимих фото */ .gzb .gzb-gal__grid--v1,.gzb .gzb-gal__grid--v2{max-width:980px;margin:0 auto} .gzb .gzb-gal__grid--v1{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto} .gzb .gzb-gal__grid--v1 .gzb-gal__item{aspect-ratio:16/9} .gzb .gzb-gal__grid--v2{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto} .gzb .gzb-gal__grid--v2 .gzb-gal__item{aspect-ratio:4/5} .gzb .gzb-gal__grid--v3{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-auto-rows:clamp(190px,22vw,300px)} .gzb .gzb-gal__grid--v3 .gzb-gal__item:first-child{grid-row:span 2} .gzb .gzb-gal__grid--v4 .gzb-gal__item:first-child,.gzb .gzb-gal__grid--v5 .gzb-gal__item:first-child,.gzb .gzb-gal__grid--v6 .gzb-gal__item:first-child,.gzb .gzb-gal__grid--v7 .gzb-gal__item:first-child{grid-column:span 2;grid-row:span 2} .gzb .gzb-gal__grid--v4 .gzb-gal__item:nth-child(2){grid-column:span 2} .gzb .gzb-gal__grid--v6 .gzb-gal__item:nth-child(6){grid-column:span 4} .gzb .gzb-gal__grid--v7 .gzb-gal__item:nth-child(6),.gzb .gzb-gal__grid--v7 .gzb-gal__item:nth-child(7){grid-column:span 2} /* поява при прокрутці (клас ставить JS, без нього все видно) */ .gzb .gzb-gal__grid.gzb-anim .gzb-gal__item{opacity:0;transform:translateY(26px) scale(.98);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 70ms)} .gzb .gzb-gal__grid.gzb-anim.is-in .gzb-gal__item{opacity:1;transform:none} /* ---------- «Поділитися» ---------- */ .gzb .gzb-share{position:relative;overflow:hidden;background:var(--gz-ink);padding:clamp(60px,8vw,104px) 0;border-top:1px solid var(--gz-line)} .gzb .gzb-share__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center} .gzb .gzb-share__h{font-size:clamp(36px,4.6vw,62px);margin:14px 0 26px} .gzb .gzb-bubble{position:relative;margin:0;padding:26px 26px 20px 30px;border:1px solid rgba(201,162,74,.4);border-radius:20px 20px 20px 4px;background:linear-gradient(160deg,#23232B,#18181D);box-shadow:0 24px 60px rgba(0,0,0,.4)} .gzb .gzb-bubble::before{content:"\201C";position:absolute;left:18px;top:-6px;font-family:Georgia,serif;font-size:72px;line-height:1;color:var(--gz-gold)} .gzb .gzb-bubble blockquote{margin:0;padding:10px 0 0;font-size:clamp(17px,1.5vw,19.5px);line-height:1.6;color:var(--gz-bone)} .gzb .gzb-bubble figcaption{margin-top:12px;font-size:13px;color:var(--gz-muted);overflow-wrap:anywhere} .gzb .gzb-bubble__copy{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:14px 0 0;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;color:var(--gz-sand);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s} .gzb .gzb-bubble__copy:hover,.gzb .gzb-bubble__copy:focus{background:var(--gz-gold);border-color:var(--gz-gold);color:#0B0B0D} .gzb .gzb-share__btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .gzb .gzb-sh{display:flex;align-items:center;gap:12px;width:auto;min-height:58px;margin:0;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#1C1C22;color:var(--gz-bone);font:inherit;font-size:15px;font-weight:700;letter-spacing:.01em;text-align:left;white-space:nowrap;cursor:pointer;transition:transform .2s,background .25s,border-color .25s,color .25s,box-shadow .25s} .gzb .gzb-sh[hidden]{display:none} .gzb .gzb-share__btns > .gzb-sh:last-child:nth-child(odd):not([hidden]){grid-column:span 2} .gzb .gzb-sh .gzb-ico{width:24px;height:24px} .gzb .gzb-sh--telegram .gzb-ico{color:#29A9EB} .gzb .gzb-sh--viber .gzb-ico{color:#8F7CFF} .gzb .gzb-sh--facebook .gzb-ico{color:#3B82F6} .gzb .gzb-sh--whatsapp .gzb-ico{color:#25D366} .gzb .gzb-sh--copy .gzb-ico,.gzb .gzb-sh--native .gzb-ico{color:var(--gz-gold-2)} .gzb .gzb-sh:hover,.gzb .gzb-sh:focus{transform:translateY(-3px);color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.35)} .gzb .gzb-sh:hover .gzb-ico,.gzb .gzb-sh:focus .gzb-ico{color:#fff} .gzb .gzb-sh--telegram:hover,.gzb .gzb-sh--telegram:focus{background:#229ED9;border-color:#229ED9} .gzb .gzb-sh--viber:hover,.gzb .gzb-sh--viber:focus{background:#7360F2;border-color:#7360F2} .gzb .gzb-sh--facebook:hover,.gzb .gzb-sh--facebook:focus{background:#0866FF;border-color:#0866FF} .gzb .gzb-sh--whatsapp:hover,.gzb .gzb-sh--whatsapp:focus{background:#1DA851;border-color:#1DA851} .gzb .gzb-sh--x:hover,.gzb .gzb-sh--x:focus{background:#000;border-color:#444} .gzb .gzb-sh--copy:hover,.gzb .gzb-sh--copy:focus,.gzb .gzb-sh--native:hover,.gzb .gzb-sh--native:focus{background:var(--gz-gold);border-color:var(--gz-gold);color:#0B0B0D} .gzb .gzb-sh--copy:hover .gzb-ico,.gzb .gzb-sh--native:hover .gzb-ico{color:#0B0B0D} /* ---------- заклик ---------- */ .gzb .gzb-cta{position:relative;overflow:hidden;padding:clamp(44px,6vw,72px) 0;color:#fff;background:linear-gradient(115deg,#6d0616,var(--gz-red) 55%,#e0324a)} .gzb .gzb-cta::after{content:"GRIZZLY";position:absolute;right:-2vw;bottom:-3.2vw;font-family:var(--gz-font-display);font-weight:800;font-size:clamp(100px,16vw,240px);line-height:.8;color:rgba(255,255,255,.07);pointer-events:none} .gzb .gzb-cta__in{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px} .gzb .gzb-cta__k{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.82)} .gzb .gzb-cta__h{font-size:clamp(34px,4.2vw,56px)} .gzb .gzb-cta__p{margin:12px 0 0;max-width:560px;color:rgba(255,255,255,.9)} .gzb .gzb-cta__btns{display:flex;flex-wrap:wrap;gap:12px} .gzb .gzb-cta .gz-btn--primary{background:#0B0B0D;border-color:#0B0B0D;color:#fff} .gzb .gzb-cta .gz-btn--primary:hover{background:#fff;border-color:#fff;color:#0B0B0D} .gzb .gzb-cta .gz-btn--ghost{border-color:rgba(255,255,255,.75);color:#fff} .gzb .gzb-cta .gz-btn--ghost:hover{background:#fff;color:var(--gz-red)} /* ---------- ще новини ---------- */ .gzb .gzb-more{background:var(--gz-black);padding:clamp(56px,8vw,100px) 0} .gzb .gzb-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:clamp(48px,7vw,84px)} .gzb .gzb-pn__a{display:grid;gap:8px;padding:20px 24px;border:1px solid var(--gz-line);border-radius:12px;background:var(--gz-ink);transition:border-color .25s,transform .25s} .gzb .gzb-pn__a:hover{border-color:rgba(201,162,74,.6);transform:translateY(-2px)} .gzb .gzb-pn__a small{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gz-gold)} .gzb .gzb-pn__a span{font-size:17px;font-weight:700;line-height:1.4;color:var(--gz-bone)} .gzb .gzb-pn__a--next{text-align:right;grid-column:2} .gzb .gzb-more__head{margin-bottom:28px} /* ---------- картки ---------- */ .gzb .gzb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:22px} .gzb .gzb-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--gz-line);border-radius:12px;background:var(--gz-graphite);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s} .gzb .gzb-card:hover{transform:translateY(-5px);border-color:rgba(201,162,74,.55);box-shadow:0 22px 50px rgba(0,0,0,.45)} .gzb .gzb-card__ph{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#1C1C22} .gzb .gzb-card__ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)} .gzb .gzb-card:hover .gzb-card__ph img{transform:scale(1.06)} .gzb .gzb-card__ph--type{background:radial-gradient(circle at 18% 0%,rgba(200,16,46,.4),transparent 58%),linear-gradient(140deg,#24242C,#0B0B0D)} .gzb .gzb-card__type{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:18px 20px} .gzb .gzb-card__type b{font-family:var(--gz-font-display);font-weight:800;font-size:clamp(56px,6vw,76px);line-height:.8;color:rgba(244,240,232,.92)} .gzb .gzb-card__type i{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.38em;text-transform:uppercase;color:var(--gz-gold)} .gzb .gzb-card__badge{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(11,11,13,.78);font-size:12px;font-weight:700;color:#fff} .gzb .gzb-card__badge .gzb-ico{width:15px;height:15px;color:var(--gz-gold-2)} .gzb .gzb-card__arch{position:absolute;right:12px;top:12px;padding:4px 10px;border-radius:999px;background:rgba(201,162,74,.92);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0B0B0D} .gzb .gzb-card__b{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 20px 22px} .gzb .gzb-card__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gz-gold-2)} .gzb .gzb-card__meta span{color:var(--gz-muted)} .gzb .gzb-card__t{font-size:18.5px;font-weight:700;line-height:1.35;color:var(--gz-bone)} .gzb .gzb-card__x{font-size:14.5px;line-height:1.55;color:var(--gz-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .gzb .gzb-card__more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gz-gold-2)} .gzb .gzb-card__more .gzb-ico{width:16px;height:16px;transition:transform .25s} .gzb .gzb-card:hover .gzb-card__more .gzb-ico{transform:translateX(4px)} .gzb .gzb-card--featured{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)} .gzb .gzb-card--featured{min-height:clamp(380px,38vw,500px)} .gzb .gzb-card--featured .gzb-card__ph{aspect-ratio:auto;min-height:0;height:100%} .gzb .gzb-card--featured .gzb-card__ph img{position:absolute;inset:0;height:100%} .gzb .gzb-card__kicker{align-self:flex-start;padding:5px 12px;border-radius:999px;background:var(--gz-red);font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff} .gzb .gzb-card--featured .gzb-card__b{justify-content:center;gap:16px;padding:clamp(24px,3.4vw,44px)} .gzb .gzb-card--featured .gzb-card__t{font-family:var(--gz-font-display);font-size:clamp(34px,3.6vw,54px);font-weight:800;line-height:.95;text-transform:uppercase;letter-spacing:.01em} .gzb .gzb-card--featured .gzb-card__x{-webkit-line-clamp:4;font-size:16px} /* ---------- сторінка новин ---------- */ .gzb .gzb-ihero h1{font-size:clamp(60px,8.5vw,128px);margin:14px 0 16px} .gzb .gzb-istats{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 40px;margin-top:30px} .gzb .gzb-istats b{display:block;font-family:var(--gz-font-display);font-weight:800;font-size:clamp(40px,4vw,56px);line-height:.9;color:var(--gz-gold-2)} .gzb .gzb-istats span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gz-muted)} .gzb .gzb-istats a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid rgba(201,162,74,.5);border-radius:999px;color:var(--gz-gold-2)} .gzb .gzb-istats a span{color:inherit} .gzb .gzb-istats a:hover{background:var(--gz-gold);color:#0B0B0D} .gzb .gzb-ilist{background:var(--gz-black);padding:clamp(48px,7vw,92px) 0} .gzb .gzb-feat{margin-bottom:clamp(28px,4vw,44px)} .gzb .gzb-sep{display:flex;align-items:center;gap:18px;margin:clamp(44px,6vw,72px) 0 24px} .gzb .gzb-feat + .gzb-sep{margin-top:0} .gzb .gzb-sep span{font-family:var(--gz-font-display);font-weight:800;font-size:clamp(28px,3vw,42px);line-height:1;text-transform:uppercase;color:var(--gz-bone)} .gzb .gzb-sep i{flex:1;height:1px;background:linear-gradient(90deg,var(--gz-gold),rgba(201,162,74,0))} .gzb .gzb-pag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(40px,6vw,64px)} .gzb .gzb-pag .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 16px;border:1px solid var(--gz-line);border-radius:999px;font-size:15px;font-weight:700;color:var(--gz-sand);transition:background .2s,border-color .2s,color .2s} .gzb .gzb-pag a.page-numbers:hover{border-color:var(--gz-gold);color:var(--gz-gold-2)} .gzb .gzb-pag .current{background:var(--gz-red);border-color:var(--gz-red);color:#fff} .gzb .gzb-pag .dots{border-color:transparent} /* ---------- тост ---------- */ .gzb-toast{position:fixed;left:50%;bottom:26px;z-index:2147483646;transform:translate(-50%,24px);opacity:0;pointer-events:none;padding:12px 20px;border:1px solid #C9A24A;border-radius:999px;background:#0B0B0D;color:#F4F0E8;font:700 14px/1.3 'Manrope',system-ui,sans-serif;box-shadow:0 16px 40px rgba(0,0,0,.45);transition:opacity .25s,transform .3s} .gzb-toast.is-on{opacity:1;transform:translate(-50%,0)} /* ---------- переглядач фото (поза .gz: тема стилізує button з вагою 0,1,0 — тут 0,2,0+) ---------- */ .gzb-lb{position:fixed;inset:0;z-index:2147483600;display:flex;flex-direction:column;background:rgba(6,6,8,.96);color:#F4F0E8;font-family:'Manrope',system-ui,sans-serif;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s} @supports (backdrop-filter:blur(8px)){.gzb-lb{background:rgba(6,6,8,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}} .gzb-lb.is-open{opacity:1;visibility:visible} .gzb-lb .gzb-lb__top{display:flex;align-items:center;gap:16px;padding:12px 14px 12px 20px} .gzb-lb .gzb-lb__count{font-size:14px;font-weight:700;letter-spacing:.1em;color:#A3A3AD;white-space:nowrap} .gzb-lb .gzb-lb__count b{color:#E7CE84;font-size:17px} .gzb-lb .gzb-lb__title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#D9D2C5} .gzb-lb .gzb-lb__b{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:0;margin:0;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(28,28,34,.72);color:#fff;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s} .gzb-lb .gzb-lb__b:hover,.gzb-lb .gzb-lb__b:focus{background:#C9A24A;border-color:#C9A24A;color:#0B0B0D} .gzb-lb .gzb-lb__b svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .gzb-lb .gzb-lb__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none} .gzb-lb .gzb-lb__img{max-width:min(94vw,1400px);max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 30px 90px rgba(0,0,0,.65);transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s;will-change:transform;cursor:zoom-in} .gzb-lb .gzb-lb__img.is-zoom{cursor:zoom-out} .gzb-lb .gzb-lb__img.is-out{opacity:0} .gzb-lb .gzb-lb__nav{position:absolute;top:50%;margin-top:-28px;width:56px;height:56px} .gzb-lb .gzb-lb__nav--prev{left:18px} .gzb-lb .gzb-lb__nav--next{right:18px} .gzb-lb .gzb-lb__cap{padding:10px 20px 0;text-align:center;font-size:14px;color:#A3A3AD;min-height:20px} .gzb-lb .gzb-lb__thumbs{display:flex;gap:8px;padding:12px 20px 18px;overflow-x:auto;scrollbar-width:thin;justify-content:safe center} .gzb-lb .gzb-lb__t{flex:none;width:64px;height:64px;min-height:0;margin:0;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#1C1C22;opacity:.5;cursor:pointer;transition:opacity .2s,border-color .2s} .gzb-lb .gzb-lb__t:hover,.gzb-lb .gzb-lb__t:focus{opacity:.85;background:#1C1C22} .gzb-lb .gzb-lb__t.is-on{opacity:1;border-color:#C9A24A} .gzb-lb .gzb-lb__t img{width:100%;height:100%;object-fit:cover;display:block} .gzb-lb .gzb-lb__hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;padding:6px 14px;border-radius:999px;background:rgba(28,28,34,.8);font-size:12.5px;color:#D9D2C5;pointer-events:none;opacity:0;transition:opacity .4s} .gzb-lb .gzb-lb__hint.is-on{opacity:1} /* ---------- адаптив ---------- */ @media (max-width:1024px){ .gzb .gzb-gal__grid{grid-auto-rows:clamp(140px,22vw,210px)} } @media (max-width:900px){ .gzb .gzb-hero__in,.gzb .gzb-share__in{grid-template-columns:minmax(0,1fr)} .gzb .gzb-cover{justify-self:start;width:min(100%,420px);transform:none} .gzb .gzb-cover img{max-height:min(56vh,420px)} .gzb .gzb-card--featured{grid-template-columns:minmax(0,1fr)} .gzb .gzb-card--featured{min-height:0} .gzb .gzb-card--featured .gzb-card__ph{min-height:0;height:auto;aspect-ratio:16/10} } @media (max-width:640px){ .gzb .gzb-body{font-size:17px;line-height:1.72;padding:0 20px} .gzb .gzb-body > p:first-of-type{font-size:19px} .gzb .gzb-facts{padding:20px 20px 18px} .gzb .gzb-stamp{width:128px;height:128px} .gzb .gzb-gal__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:8px} .gzb .gzb-gal__grid .gzb-gal__item{grid-column:auto!important;grid-row:auto!important;aspect-ratio:1/1} .gzb .gzb-gal__grid .gzb-gal__item:first-child{grid-column:span 2!important;aspect-ratio:4/3} .gzb .gzb-gal__grid--v1 .gzb-gal__item:first-child{aspect-ratio:4/5} .gzb .gzb-gal__grid--v2 .gzb-gal__item,.gzb .gzb-gal__grid--v2 .gzb-gal__item:first-child{grid-column:auto!important;aspect-ratio:3/4} .gzb .gzb-gal__grid--v4 .gzb-gal__item:last-child,.gzb .gzb-gal__grid--v6 .gzb-gal__item:last-child{grid-column:span 2!important;aspect-ratio:16/9} .gzb .gzb-gal__zoom{display:none} .gzb .gzb-share__btns{grid-template-columns:repeat(2,minmax(0,1fr))} .gzb .gzb-sh{min-height:54px;padding:0 14px;font-size:14px;gap:10px} .gzb .gzb-pn{grid-template-columns:minmax(0,1fr)} .gzb .gzb-pn__a--next{grid-column:auto} .gzb .gzb-cta__btns,.gzb .gzb-cta__btns .gz-btn{width:100%} .gzb-lb .gzb-lb__nav{display:none} .gzb-lb .gzb-lb__t{width:48px;height:48px} .gzb-lb .gzb-lb__img{max-width:100vw;border-radius:0} } @media (prefers-reduced-motion:reduce){ .gzb *,.gzb-lb *{transition:none!important;animation:none!important} .gzb .gzb-gal__grid.gzb-anim .gzb-gal__item{opacity:1;transform:none} .gzb .gzb-stamp{opacity:.92;transform:rotate(-12deg)} } @media print{.gzb .gzb-hp,.gzb .gzb-share,.gzb .gzb-cta,.gzb .gzb-more,.gzb .gzb-mini{display:none}}