/* home-catalog-tiles — вид как на center-crm.ru: две большие карточки на всю ширину */

.glp-catalog-tiles{
    width:100%;
    background:#111111;
    position:relative;
    padding:0;
    box-sizing:border-box;
}
.glp-catalog-tiles__border-top{
    position:absolute;
    top:0;left:0;right:0;
    height:4px;
    background:#fed500;
    z-index:2;
}
.glp-catalog-tiles__container{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.glp-catalog-tiles__row{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0;
    width:100%;
}
.glp-catalog-tiles__col{
    position:relative;
    min-width:0;
    overflow:hidden;
}
.glp-catalog-tiles__link{
    position:relative;
    display:block;
    overflow:hidden;
    text-decoration:none;
    width:100%;
    height:100%;
    aspect-ratio:16/10;
    background:#1a1a1a;
}
.glp-catalog-tiles__link img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    transition:transform .8s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}
.glp-catalog-tiles__link:hover img,
.glp-catalog-tiles__link:focus-visible img{
    transform:scale(1.08);
}
.glp-catalog-tiles__overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.45) 100%);
    transition:background .35s ease;
    pointer-events:none;
}

/* Кнопка-подпись: без рамки, тёмный полупрозрачный фон, обрезанные углы */
.glp-catalog-tiles__btn{
    position:relative;
    width:auto;
    max-width:90%;
    padding:18px 40px;
    text-align:center;
    background:rgba(17,17,17,.55);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);
    overflow:hidden;
    transition:background .35s ease;
    z-index:1;
}
.glp-catalog-tiles__btn h2{
    margin:0;
    color:#fff;
    font-family:"Capture",sans-serif;
    font-size:clamp(18px,3.2vw,36px);
    font-weight:10;
    letter-spacing:.08em;
    text-transform:uppercase;
    line-height:1.2;
    transition:color .35s ease;
    position:relative;
    z-index:2;
}
/* Блик: пробегает по кнопке при наведении на карточку */
.glp-catalog-tiles__btn::after{
    content:"";
    position:absolute;
    top:0;
    left:-80%;
    width:50%;
    height:100%;
    background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);
    transform:skewX(-20deg);
    pointer-events:none;
    z-index:1;
}
.glp-catalog-tiles__link:hover .glp-catalog-tiles__btn::after,
.glp-catalog-tiles__link:focus-visible .glp-catalog-tiles__btn::after{
    animation:tilesBtnGlare .8s ease forwards;
}
@keyframes tilesBtnGlare{
    from{left:-80%;}
    to{left:130%;}
}

/* Hover на карточку: фон кнопки желтеет, текст чернеет */
.glp-catalog-tiles__link:hover .glp-catalog-tiles__btn,
.glp-catalog-tiles__link:focus-visible .glp-catalog-tiles__btn{
    background:#fed500;
}
.glp-catalog-tiles__link:hover .glp-catalog-tiles__btn h2,
.glp-catalog-tiles__link:focus-visible .glp-catalog-tiles__btn h2{
    color:#111;
}

.glp-catalog-tiles__link:focus-visible{
    outline:2px solid #fed500;
    outline-offset:2px;
}

/* Мобильные: одна колонка */
@media(max-width:768px){
    .glp-catalog-tiles__row{grid-template-columns:1fr;}
    .glp-catalog-tiles__link{aspect-ratio:4/3;}
    .glp-catalog-tiles__btn{padding:14px 26px;}
    .glp-catalog-tiles__btn h2{font-size:18px;}
}

@media(prefers-reduced-motion:reduce){
    .glp-catalog-tiles__link img{transition:none;}
    .glp-catalog-tiles__overlay,
    .glp-catalog-tiles__btn,
    .glp-catalog-tiles__btn h2{transition:none;}
    .glp-catalog-tiles__link:hover .glp-catalog-tiles__btn::after{animation:none;}
}