/* фоновий градієнт секції */
.gallery-section{
    padding-top: clamp(40px, 7vw - 2rem, 80px);
    padding-bottom: clamp(65px, 9vw - 2rem, 110px);
    /*background: linear-gradient(105deg,#a4b3e3 0%, #9564c7 50%, #8a52a9 100%);*/
    overflow: hidden;
}

.gallery-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom:clamp(25px, 8vw - 2rem, 50px);
}

.gallery-head .wrap-all-link {
    margin-bottom: 0;
    padding: 0;
}
.gallery-head .wrap-all-link_link.hide {
    display: none;
}


    /* tabs */
.media-tabs { display:flex; gap: 50px; }
.media-tab{
    font-family:"e-ukraine", system-ui, sans-serif;
    font-weight:300;
    font-size: var(--f-header-size);
    line-height:1.1;
    background:none; border:0;
    padding:0 0 clamp(5px, 3vw - 1rem, 15px);
    cursor:pointer;
    position:relative;
}
.media-tab:is(:focus-visible){ outline:2px solid #3b82f6; outline-offset:3px; border-radius:4px; }
.media-tab::after{
    content:""; position:absolute; left:0; bottom:0; height:2px; width:0; background:#000; transition:width .25s;
}
.media-tab.is-active::after{ width:100%; }
.media-tab[disabled]{ opacity:.35; cursor:not-allowed }

/* праве посилання */
.all-link{
    font-family:"e-ukraine", system-ui, sans-serif;
    font-size:14px; text-decoration:none; color:#0f172a; opacity:.9;
}
.all-link:hover{ text-decoration:underline; }
.all-link:focus-visible{ outline:2px solid #3b82f6; outline-offset:3px; border-radius:4px; }

/* робимо трек на всю ширину вʼюпорта, навіть поза контейнером */
.bleed-x{ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

/* картки */
.gallery-card{
    display:block; border-radius:16px; overflow:hidden;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.gallery-card img{
    width:100%; height:100%;
    aspect-ratio: 15/9.9;     /* стабільна висота */
    object-fit:cover; display:block;
}
.gallery-card:focus-visible{ outline:2px solid #3b82f6; outline-offset:2px; border-radius:16px; }

/* прибираємо внутрішні падінги з контейнера над треком на md+,
   щоб картки візуально стояли «на повітрі» */
/*@media (min-width: 768px){*/
/*    .bleed-x .container{ padding-left: 1rem; padding-right: 1rem; }*/
/*}*/


.pane[hidden]{ display:none !important; }
.gallery-panes .pane.is-active{ display:block; }  /* для безпечності */