.ga-wrap{
--ga-primary:#222; --ga-secondary:#ff4081; --ga-btn:#1e73be; --ga-btn-h:#155d8f;
--ga-hover:#f5f5f5; --ga-link:#1e73be; --ga-link-h:#155d8f; --ga-bg:#fff;
--ga-text:#222; --ga-card:#fff; --ga-border:#e5e5e5;
color:var(--ga-text);
}
.ga-empty{ padding:8px 0; color:#666; } .ga-wrap a:not(.btn),
.ga-wrap .ga-link{
color: var(--ga-link) !important;
text-decoration: none;
text-decoration-color: color-mix(in oklab, var(--ga-link) 45%, transparent);
}
.ga-wrap a:not(.btn):hover,
.ga-wrap a:not(.btn):focus-visible,
.ga-wrap .ga-link:hover{
color: var(--ga-link-h) !important;
text-decoration-color: var(--ga-link-h);
} .ga-wrap a i,
.ga-wrap a svg{ color: currentColor; fill: currentColor; } .ga-wrap .btn,
.ga-wrap a.btn{
color:#fff !important;
text-decoration:none;
}
.ga-bands a {
color: var(--ga-link) !important;
text-decoration: none;
text-decoration-color: color-mix(in oklab, var(--ga-link) 45%, transparent);
}
.ga-bands a:hover {
color: var(--ga-link-h) !important;
text-decoration-color: var(--ga-link-h);
} .btn--fb:hover{ filter:brightness(0.92); }
.btn--vvk{ background:var(--ga-secondary); }
.btn--vvk:hover{ filter:brightness(0.92); }:root{ --ga-modal-backdrop: rgba(0,0,0,.6);
--ga-modal-bg: var(--ga-card, #fff);
--ga-modal-fg: var(--ga-text, #111);
--ga-modal-muted: color-mix(in srgb, var(--ga-text, #111) 65%, transparent);
--ga-modal-radius: 18px;
--ga-modal-shadow: 0 18px 60px rgba(0,0,0,.18);
--ga-modal-border: 1px solid var(--ga-border, #e8e8e8);
--ga-modal-max-w: min(1500px, 98vw); --ga-modal-max-h: min(90vh, 100%);
--ga-modal-pad: 20px;
--ga-gap: 16px;
} .ga-modal[hidden]{ display:none !important; }
.ga-modal{
position:fixed; inset:0; z-index:999999;
display:grid; place-items:center;
}
.ga-modal__backdrop{ position:absolute; inset:0; background:var(--ga-modal-backdrop); }
.ga-modal__dialog{
position:relative;
width:100%; max-width:var(--ga-modal-max-w);
max-height:var(--ga-modal-max-h);
overflow:auto; background:var(--ga-modal-bg); color:var(--ga-modal-fg);
border-radius:var(--ga-modal-radius);
border:var(--ga-modal-border); box-shadow:var(--ga-modal-shadow);
-webkit-overflow-scrolling:touch; overscroll-behavior:contain;
}
.ga-modal__content{ padding: clamp(14px, 2.2vw, 22px); }
.ga-modal__close{
position:absolute; top:10px; right:10px;
background:transparent; border:0; color:var(--ga-modal-fg);
width:36px; height:36px; border-radius:999px; font-size:18px; cursor:pointer;
}
body.ga-modal-open{ overflow:hidden; }  .ga-detail{ display:block; }
.ga-detail__grid{
display: grid;
gap: clamp(16px, 2vw, 24px);
grid-template-columns: minmax(320px, 520px) 1fr; grid-template-areas:
"head  head"
"aside body"
"map   map";
align-items: start;
} .ga-detail__head{ grid-area: head; display:grid; gap:10px; } .ga-detail__aside{ grid-area: aside; }
.ga-detail__poster{
width:100%; height:auto; display:block;
border-radius:12px; box-shadow: 0 4px 22px rgba(0,0,0,.12);
} .ga-detail__body{ grid-area: body; display:grid; gap: clamp(12px, 1.6vw, 18px); } .ga-detail__map{ grid-area: map; margin-top: 8px; }
.ga-detail__map iframe{ display:block; width:100%; height:320px; } .ga-datepill{
display:inline-flex; align-items:center; gap:8px;
background: var(--ga-hover, #f4f6f9); border: 1px solid var(--ga-border, #e9edf2);
color: var(--ga-primary);
padding:8px 12px; border-radius:999px; font-weight:800;
width:max-content;
text-transform: uppercase;
letter-spacing:.03em;
}
.ga-datepill__dow{ opacity:.9; }
.ga-detail__title{
margin:0; font-weight:800;
font-size: clamp(20px, 2.4vw, 28px); line-height:1.2;
color: var(--ga-primary);
} .ga-detail__place{
display:inline-flex; align-items:center; gap:8px;
color: color-mix(in srgb, var(--ga-modal-fg) 70%, transparent);
font-size: 1rem;
}
.ga-detail__place .ga-ico{ opacity:.85; transform:translateY(1px); } .ga-detail__meta{
display:flex; flex-wrap:wrap; gap:8px; align-items:center;
}
.ga-detail__meta > span{
display:inline-flex; align-items:center; gap:8px;
background: var(--ga-hover, #f4f6f9);
border: 1px solid var(--ga-border, #e9edf2);
color:#2c2f39;
padding:8px 12px;
border-radius:999px;
font-weight:700;
font-size: .98rem;
}
.ga-detail__meta .ga-ico{
width:1.2em; text-align:center; opacity:.85; transform:translateY(1px);
} .ga-badges{ display:flex; flex-wrap:wrap; gap:8px; }
.ga-badge{
background: var(--ga-hover, #f4f6f9); color:#3a3a3a;
padding:6px 12px; border-radius:999px; font-size:.9rem;
border:1px solid var(--ga-border, #e9edf2);
} .ga-detail__with{
color:#3a3a3a; font-style: italic;
}
.ga-detail__with a{ text-decoration: underline; color: inherit; } .ga-detail__section{ display:grid; gap:8px; }
.ga-detail__h{
margin:0; font-size:1.05rem; font-weight:800; color:#111;
}
.ga-detail__note{
background: var(--ga-hover, #f6f7fb);
border-left: 4px solid var(--ga-secondary, #8b9cf7);
border-radius: 10px; padding:10px 12px; color:#444;
} .ga-info{ display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.ga-info li{ display:flex; gap:10px; align-items:flex-start; }
.ga-info .ga-ico{ width:1.2em; text-align:center; transform:translateY(2px); opacity:.9; } .ga-detail__social{
white-space:pre-wrap; word-break: break-word;
overflow-wrap: anywhere;
line-height:1.55; color:#222;
} .ga-detail__actions{ display:flex; flex-wrap:wrap; gap:10px; }
.ga-btn{ font:inherit; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.ga-btn--modal{
appearance:none; border:1px solid transparent; border-radius:12px;
padding:10px 16px; cursor:pointer; transition:.15s ease transform, .15s ease filter;
background: #e3e6ff; color:#0a0b14;
}
.ga-btn--modal:hover{ transform:translateY(-1px); filter:brightness(.98); }
.ga-btn--modal-action{ background: var(--ga-btn); color:#fff; font-weight:700; }
.ga-btn--facebook{ background:#1877F2; color:#fff; } @media (max-width: 960px){
.ga-detail__grid{
grid-template-columns: 1fr;
grid-template-areas:
"head"
"aside"
"body"
"map";
}
.ga-detail__map iframe{ height:240px; }
}
@media (max-width: 520px){
.ga-detail__title{ font-size:1.15rem; }
.ga-detail__meta > span{ padding:6px 10px; font-size:.9rem; }
} .ga-badge::before{
content: "#";
margin-right: 0px;
opacity: .9;
} .ga-detail__with{
color:#3a3a3a;
font-style: italic;
font-size: .9rem; opacity: .9;
}
.ga-detail__with a{ text-decoration: underline; color: inherit; } .ga-modal__close{
position:absolute; top:12px; right:12px;
width:40px; height:40px;
display:flex; align-items:center; justify-content:center;
border-radius:999px;
background: color-mix(in srgb, #ffffff 92%, transparent); border: 1px solid var(--ga-border, #e9edf2);
color: var(--ga-modal-fg);
box-shadow: 0 2px 10px rgba(0,0,0,.06);
font-size: 18px;
line-height: 1;
cursor:pointer;
}
.ga-modal__close:hover{
background:#fff;
box-shadow: 0 6px 16px rgba(0,0,0,.10);
}
.ga-modal__close:focus-visible{
outline: 2px solid color-mix(in srgb, var(--ga-primary) 60%, #0000);
outline-offset: 2px;
} .ga-modal__dialog{ padding-top: 6px; }  .ga-modal a:not(.ga-btn){
color: var(--ga-link);
text-decoration: underline;
text-underline-offset: 2px;
transition: color .15s ease, text-decoration-color .15s ease;
}
.ga-modal a:not(.ga-btn):hover{
color: var(--ga-link-h);
} .ga-detail__social a{
color: var(--ga-link);
}
.ga-detail__social a:hover{
color: var(--ga-link-h);
} .ga-detail__with a{
color: var(--ga-link);
text-decoration: underline;
}
.ga-detail__with a:hover{
color: var(--ga-link-h);
} .ga-detail__actions{
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:center;
margin-top: 20px;
} .ga-btn--img{
display:inline-flex;
align-items:center;
justify-content:center;
padding:0;
margin:0;
border:0;
background:transparent;
text-decoration:none;
color:inherit;
line-height:0;
border-radius:12px;
cursor:pointer;
transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
} .ga-btn--img img{
display:block;
max-height:56px; width:auto;
height:auto;
border-radius:12px; box-shadow: 0 2px 10px rgba(0,0,0,.06);
-webkit-user-drag: none;
user-select: none;
} .ga-btn--img:hover{ transform: translateY(-1px); }
.ga-btn--img:hover img{ box-shadow: 0 6px 16px rgba(0,0,0,.12); filter: brightness(1.02); }
.ga-btn--img:active{ transform: translateY(0); }
.ga-btn--img:focus-visible{
outline: 2px solid color-mix(in srgb, var(--ga-primary, #2f61ff) 55%, transparent);
outline-offset: 3px;
} .ga-btn--img-sm img{ max-height:44px; }
.ga-btn--img-lg img{ max-height:64px; } .ga-modal a:not(.ga-btn--img):not(.ga-btn){
color: var(--ga-link);
text-decoration: underline;
text-underline-offset: 2px;
transition: color .15s ease, text-decoration-color .15s ease;
}
.ga-modal a:not(.ga-btn--img):not(.ga-btn):hover{
color: var(--ga-link-h);
} @media (max-width: 960px){ .ga-detail__aside{
display: flex;
justify-content: center;
}
.ga-detail__poster{
width: auto; max-width: min(520px, 92vw); margin-inline: auto; } .ga-detail__actions{
justify-content: center;
}
}
@media (max-width: 520px){ .ga-detail__poster{
max-width: 88vw;
} .ga-detail__actions{
gap: 10px;
}
}.ga-cards{
--ga-card-min: 280px;
--ga-card-max: 450px; --ga-pad-desktop: 12px;
display:grid;
grid-template-columns: repeat(auto-fit, minmax(var(--ga-card-min), var(--ga-card-max)));
gap:24px;
justify-content:center;
margin-inline:auto;
margin: 0 auto; padding-inline: max(var(--ga-pad-desktop), env(safe-area-inset-left), env(safe-area-inset-right));
box-sizing: border-box;
} .ga-card{ width:100%; } .ga-card{
border:1px solid var(--ga-border);
border-radius:12px;
overflow:hidden;
background:var(--ga-card);
display:flex; flex-direction:column;
transition:box-shadow .18s ease;
}
.ga-card:hover{ box-shadow:0 8px 24px rgba(0,0,0,.08); } .ga-card-media{
position:relative;
background:linear-gradient(135deg,var(--ga-secondary),var(--ga-primary));
aspect-ratio: 4 / 5; height:auto;
overflow:hidden;
}
.ga-card-media img{
width:100%;
height:100%;
object-fit: cover; object-position: center center;
display:block;
} .ga-card-media.is-ph{
background:linear-gradient(135deg,var(--ga-secondary),var(--ga-primary));
}
.ga-card-media.is-ph::after{
content:""; display:block; width:100%; height:100%; opacity:.15;
} .ga-card-media::after{
content:""; position:absolute; inset:0;
background:rgba(0,0,0,0);
transition: background .18s ease;
z-index:1;
}
.ga-card-overlay{
position:absolute; inset:0;
display:flex; align-items:center; justify-content:center;
opacity:0; visibility:hidden; transform: translateY(4px);
transition: opacity .18s ease, transform .18s ease, visibility .18s step-end;
z-index:2;
pointer-events:none;
}
.ga-card:hover .ga-card-media::after,
.ga-card:focus-within .ga-card-media::after{ background:rgba(0,0,0,.35); }
.ga-card:hover .ga-card-overlay,
.ga-card:focus-within .ga-card-overlay{
opacity:1; visibility:visible; transform: translateY(0);
pointer-events:auto;
}
.btn--overlay{
background:var(--ga-btn);
padding:10px 14px; border-radius:10px;
position:relative; z-index:3;
}
.btn--overlay:hover{ background:var(--ga-btn-h); } .ga-card-body{ padding:12px; display:flex; flex-direction:column; gap:8px; }
.ga-card-title{ font-weight:700; color:var(--ga-primary); margin-bottom:6px; } .ga-card-text{
margin-top:10px;
padding:10px 12px;
background: var(--ga-hover);
border-left: 4px solid var(--ga-secondary);
border-radius: 10px;
color:#444;
font-size:.95rem;
line-height:1.5;
}
.ga-card-text a{
color: var(--ga-link);
text-decoration: none;
}
.ga-card-text a:hover{
color: var(--ga-link-h);
}
.ga-card-text.is-compact{
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
} .ga-badges{ margin-top:8px; }
.ga-badges span{
display:inline-block; margin:2px 6px 0 0;
background:var(--ga-hover); color:#444;
padding:3px 9px; border-radius:999px; font-size:.82rem;
} .ga-bands,
.ga-bands-card{ color:#555; font-size:.98rem; }
.ga-bands .ga-bands-label,
.ga-bands-card .ga-bands-card-label{
font-weight:600; color:var(--ga-text); margin-right:6px;
} .ga-link{ color:var(--ga-link); text-decoration:none; }
.ga-link:hover{ color:var(--ga-link-h); }
.btn{ display:inline-block; padding:8px 12px; border-radius:8px; background:var(--ga-btn); color:#fff; text-decoration:none; }
.btn:hover{ background:var(--ga-btn-h); } .ga-meta-row{
display:flex;
align-items:center;
gap:8px;
padding:0;
background:transparent;
border:0;
color:#555;
font-size:1rem;
line-height:1.4;
}
.ga-ico{
font-size:.9rem;
width:1.1em; min-width:1.1em;
text-align:center;
opacity:.75;
transform: translateY(1px);
}
.ga-meta-price .ga-ico{ color: var(--ga-secondary); opacity:.85; }
.ga-meta-times .ga-ico{ color: var(--ga-primary);   opacity:.85; } .ga-meta-row + .ga-bands,
.ga-meta-row + .ga-bands-card{ margin-top:8px; }
.ga-meta-row + .ga-card-text{ margin-top:10px; }  @media (max-width: 992px){
.ga-cards{
--ga-card-min: 300px; --ga-card-max: 360px;
--ga-pad-desktop: 12px;
gap:20px;
max-width:920px; padding-inline: max(var(--ga-pad-desktop), env(safe-area-inset-left), env(safe-area-inset-right));
}
.ga-card-body{ padding:12px; gap:8px; }
} @media (max-width: 680px){
.ga-cards{ --ga-pad-mobile: -10px;
grid-template-columns: 1fr;
max-width:720px;
gap:18px; padding-inline: max(var(--ga-pad-mobile), env(safe-area-inset-left), env(safe-area-inset-right));
box-sizing: border-box;
}
.btn--overlay{
padding:12px 16px;
font-size:1rem;
}
.ga-card-title{ font-size:1.2rem; line-height:1.25; }
.ga-card-title .ga-card-name{ font-size:1.05rem; }
.ga-meta-row{ font-size:.9rem; gap:6px; }
.ga-ico{ font-size:.95rem; width:1.2em; min-width:1.2em; }
.ga-badges span{
margin:4px 6px 0 0;
padding:4px 10px;
font-size:.82rem;
}
.ga-bands,
.ga-bands-card{ font-size:.95rem; }
} @media (max-width: 420px){
.ga-cards{ --ga-pad-mobile: -10px;
gap:16px;
padding-inline: max(var(--ga-pad-mobile), env(safe-area-inset-left), env(safe-area-inset-right));
}
.ga-card{ border-radius:10px; }
.ga-card-body{ padding:12px; gap:6px; }
.ga-card-title{ margin-bottom:4px; }
.ga-card-title .ga-card-name{ font-size:1.2rem; }
.ga-ico{ font-size:.9rem; opacity:.8; }
.ga-card-text{
font-size:.92rem;
padding:9px 10px;
border-radius:8px;
}
} @media (hover: none){
.ga-card-overlay{ opacity:0; visibility:hidden; transform:none; pointer-events:none; }
.ga-card-media::after{ background: rgba(0,0,0,0); }
} .ga-quick-actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
margin-top:8px;
} .ga-qa,
.ga-qa.btn--ico.btn--circle{
--qa-size: 40px;
--qa-bg: color-mix(in srgb, var(--ga-card) 85%, #fff 15%);
--qa-fg: var(--ga-link);
--qa-border: color-mix(in srgb, var(--ga-border) 70%, transparent);
width: var(--qa-size);
height: var(--qa-size);
border-radius: 999px;
display:inline-flex;
align-items:center;
justify-content:center;
background: var(--qa-bg);
color: var(--qa-fg);
text-decoration: none;
border: 1px solid var(--qa-border);
box-shadow: 0 1px 2px rgba(0,0,0,.05);
position: relative;
transition:
transform .15s ease,
box-shadow .15s ease,
background .15s ease,
color .15s ease,
border-color .15s ease;
} .ga-qa i{ font-size:1rem; line-height:1; transform: translateY(1px); } .ga-qa::after{
content:"";
position:absolute; inset:0;
border-radius:inherit;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 -1px 0 rgba(0,0,0,.045);
pointer-events:none;
} .ga-qa:active{
transform: translateY(0) scale(.98);
box-shadow: 0 4px 12px rgba(0,0,0,.14);
} .ga-qa:focus-visible{
outline: none;
box-shadow:
0 0 0 2px var(--ga-card),
0 0 0 4px var(--ga-link);
} .ga-qa[aria-disabled="true"]{
opacity:.5;
pointer-events:none;
} @media (max-width: 480px){
.ga-quick-actions{ gap:10px; }
.ga-qa,
.ga-qa.btn--ico.btn--circle{ --qa-size: 36px; }
} .sr-only{
position:absolute !important;
width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
clip:rect(0 0 0 0); white-space:nowrap; border:0;
}.ga-timeline{
position:relative;
display:grid;
grid-template-columns: minmax(0,1fr) 64px minmax(0,1fr);
gap: 32px 32px; } .ga-center-line{
position:absolute; inset:0 auto 0 50%;
width:2px; transform:translateX(-50%);
background: var(--ga-border);
z-index:0;
} .ga-timecell{ position:relative; z-index:1; }
.ga-timecell.ga-left  { grid-column: 1; }
.ga-timecell.ga-center{ grid-column: 2; display:flex; align-items:flex-start; justify-content:center; }
.ga-timecell.ga-right { grid-column: 3; } .ga-dot{
align-self:flex-start;
width:36px; height:36px; border-radius:999px;
background: var(--ga-primary);
color:#fff;
display:flex; align-items:center; justify-content:center;
box-shadow: 0 0 0 4px #fff, 0 2px 10px rgba(0,0,0,.12);
font-size:16px;
z-index:2;
} .ga-timebox{
border:1px solid var(--ga-border);
border-radius:12px; overflow:hidden;
background:var(--ga-card);
box-shadow: 0 2px 10px rgba(0,0,0,.04);
transition: box-shadow .18s ease;
max-width: 560px; }
.ga-timecell.ga-left  .ga-timebox{ margin-left:auto;  margin-right:10px; }
.ga-timecell.ga-right .ga-timebox{ margin-right:auto; margin-left:10px; }
.ga-timebox:hover{ box-shadow:0 8px 24px rgba(0,0,0,.08); } .ga-timebox-media{
position:relative; --tb-min: 360px;
--tb-max: 640px;
height: clamp(var(--tb-min), 42vw, var(--tb-max));
background:linear-gradient(135deg,var(--ga-secondary),var(--ga-primary)); --ga-img-fit: fill;
}
.ga-timebox-media img{
width:100%;
height:100%;
object-fit: var(--ga-img-fit);
object-position: center center;
display:block;
}
.ga-timebox-media.is-ph::after{
content:""; display:block; width:100%; height:100%; opacity:.15;
} .ga-timebox-media::after{
content:""; position:absolute; inset:0;
background:rgba(0,0,0,0);
transition: background .18s ease;
z-index:1; }
.ga-timebox-overlay{
position:absolute; inset:0;
display:flex; align-items:center; justify-content:center;
opacity:0; transform: translateY(6px);
transition: opacity .18s ease, transform .18s ease;
pointer-events:none;
z-index:2; }
.ga-timebox:hover .ga-timebox-media::after{ background:rgba(0,0,0,.35); }
.ga-timebox:hover .ga-timebox-overlay{
opacity:1; transform: translateY(0);
pointer-events:auto;
}
.btn--overlay{
position:relative; z-index:3; background:var(--ga-btn-mehr, var(--ga-btn));
padding:10px 14px; border-radius:10px;
color:#fff; text-decoration:none;
}
.btn--overlay:hover{ background:var(--ga-btn-mehr-h, var(--ga-btn-h)); } .ga-timebox-body{
padding:12px;
display:flex; flex-direction:column; gap:8px;
min-width: 0; }
.ga-timebox-body .ga-date{
color:var(--ga-primary); font-size:1.1rem;
}
.ga-timebox-body .ga-title{
font-weight:700; color:var(--ga-primary);
font-size:var(--ga-font-title, 1.6rem); line-height:1.25;
} .ga-meta-row{
display:flex; align-items:center; gap:8px;
color:#555; font-size:1rem; line-height:1.4;
min-width: 0; }
.ga-ico{
font-size:1rem; width:1.1em; min-width:1.1em;
text-align:center; opacity:.8;
transform: translateY(1px);
}
.ga-meta-price .ga-ico{ color: var(--ga-secondary); }
.ga-meta-times .ga-ico{ color: var(--ga-primary); } .ga-badges{ margin-top:6px; }
.ga-badges span{
display:inline-block; margin:2px 6px 0 0;
background:var(--ga-hover); color:#444;
padding:3px 9px; border-radius:999px; font-size:.82rem;
}
.ga-bands{ color:#555; font-size:.98rem; }
.ga-bands .ga-bands-label{ font-weight:600; color:var(--ga-text); margin-right:6px; } .ga-card-text{
margin-top:10px;
padding:10px 12px;
background: var(--ga-hover);
border-left: 4px solid var(--ga-secondary);
border-radius: 10px;
color:#444;
font-size: .95rem;
line-height: 1.5;
word-break: break-word;
overflow-wrap: anywhere;
}
.ga-card-text a{ color: var(--ga-link); text-decoration:none; }
.ga-card-text a:hover{ color: var(--ga-link-h); }
.ga-qa,
.ga-qa.btn--ico.btn--circle{
--qa-size: 40px;
--qa-bg: color-mix(in srgb, var(--ga-card) 85%, #fff 15%);
--qa-fg: var(--ga-link);
--qa-border: color-mix(in srgb, var(--ga-border) 70%, transparent);
width: var(--qa-size);
height: var(--qa-size);
border-radius: 999px;
display:inline-flex;
align-items:center;
justify-content:center;
background: var(--qa-bg);
color: var(--qa-fg);
text-decoration: none;
border: 1px solid var(--qa-border);
box-shadow: 0 1px 2px rgba(0,0,0,.05);
position: relative;
transition:
transform .15s ease,
box-shadow .15s ease,
background .15s ease,
color .15s ease,
border-color .15s ease;
} .ga-qa i{ font-size:1rem; line-height:1; transform: translateY(1px); } .ga-qa::after{
content:"";
position:absolute; inset:0;
border-radius:inherit;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 -1px 0 rgba(0,0,0,.045);
pointer-events:none;
} .ga-qa:active{
transform: translateY(0) scale(.98);
box-shadow: 0 4px 12px rgba(0,0,0,.14);
} .ga-qa:focus-visible{
outline: none;
box-shadow:
0 0 0 2px var(--ga-card),
0 0 0 4px var(--ga-link);
} .ga-qa[aria-disabled="true"]{
opacity:.5;
pointer-events:none;
} .btn--fb.ga-qa  { --qa-bg: var(--ga-btn-fb,  #1877f2); --qa-fg: #fff; --qa-border: transparent; }
.btn--fb.ga-qa:hover  { --qa-bg: var(--ga-btn-fb-h, #0f5cc7); }
.btn--vvk.ga-qa { --qa-bg: var(--ga-btn-vvk, var(--ga-secondary)); --qa-fg: #fff; --qa-border: transparent; }
.btn--vvk.ga-qa:hover { --qa-bg: var(--ga-btn-vvk-h, var(--ga-btn-h)); } @media (max-width: 480px){
.ga-quick-actions{ gap:10px; }
.ga-qa,
.ga-qa.btn--ico.btn--circle{ --qa-size: 36px; }
} .sr-only{
position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
} @media (min-width: 992px){
.ga-timeline{ gap: 38px 40px; }
}   @media (max-width: 760px){ .ga-timeline{
grid-template-columns: 1fr !important;
gap: 18px !important;
margin: 0 !important; padding-inline: max(-10px, env(safe-area-inset-left), env(safe-area-inset-right)) !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important; overflow-x: hidden !important; } .ga-center-line,
.ga-timecell.ga-center{ display:none !important; } .ga-timecell.ga-left,
.ga-timecell.ga-right{ grid-column: 1 / -1 !important; } .ga-timecell.ga-left  .ga-timebox,
.ga-timecell.ga-right .ga-timebox{
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
} .ga-timebox-media{
--ga-img-fit: cover;
--tb-min: 460px;
--tb-max: 460px;
height: clamp(var(--tb-min), 58vw, var(--tb-max));
} .ga-timebox-body{ padding:10px; gap:6px; }
.ga-timebox-body .ga-title{ font-size:max(var(--ga-font-title, 1.25rem), 1.1rem); line-height:1.25; }
.ga-meta-row{ gap:6px; font-size:max(calc(var(--ga-font-base, 15px) - 2px), 12px); line-height:1.35; } .ga-timebox, .ga-timebox *{ min-width: 0; }
.ga-timebox-body, .ga-meta-row, .ga-card-text{
word-break: break-word;
overflow-wrap: anywhere;
}
} @media (max-width: 380px){
.ga-timeline{ gap: 16px 12px !important; }
.ga-timebox-media{
--tb-min: 360px;
--tb-max: 460px;
height: clamp(var(--tb-min), 64vw, var(--tb-max));
}
.ga-timebox-body .ga-title{ font-size:max(var(--ga-font-title, 1.15rem), 1rem); }
.ga-meta-row{ font-size:.9rem; }
}