

/* Start:/local/components/lomassolgo/sections/templates/index/style.css?17751281731104*/
.latest-work-listing .image {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* затемнение */
.latest-work-listing .image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35); /* степень затемнения */
    pointer-events: none;
    z-index: 1;
}

.latest-work-listing .image.h-100-cust::before {
    content: none !important;
    display: none !important;
}

.latest-work-listing .image.h-100-cust .section-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    z-index: 2;
}

.latest-work-listing .image.h-100-cust .text {
    z-index: 3;
    opacity: 1 !important;
}

.latest-work-listing .image.h-100-cust .section-card-image,
.latest-work-listing .image.h-100-cust .text {
    pointer-events: none;
}

.latest-work-listing .image .card-link-layer {
    position: absolute;
    inset: 0;
    z-index: 4 !important;
    display: block;
    opacity: 0;
}

/* End */


/* Start:/local/components/lomassolgo/news.index/templates/index/style.css?17707391561518*/
.newsSlider { width: 100%; }

/* ВАЖНО: scroll живет тут */
.newsSlider-track{
    display:flex;
    gap:12px;

    overflow-x:auto;
    overflow-y:hidden;

    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling: touch;

    padding: 0 15px 10px; /* как у твоего h1 margin-left:15px */
    touch-action: pan-x;
}

/* скрыть скроллбар */
.newsSlider-track::-webkit-scrollbar{ display:none; }
.newsSlider-track{ scrollbar-width:none; }

.newsSlider-slide{
    flex: 0 0 calc(100% - 30px);  /* почти на весь экран */
    max-width: 520px;
    height: 180px;

    position: relative;
    border-radius: 14px;
    overflow: hidden;

    scroll-snap-align: start;

    display:block;
    text-decoration:none;
    color: inherit;
}

.newsSlider-img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.newsSlider-overlay{
    position:absolute;
    inset:0;
    padding:14px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    background: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,.25), transparent);

    pointer-events:none; /* чтобы не мешать свайпу */
}

.newsSlider-tag{
    align-self:flex-start;
    font-size:11px;
    padding:4px 8px;
    border-radius:6px;
    background: rgba(0,0,0,.6);
    color:#fff;
    margin-bottom:6px;
}

.newsSlider-title{
    margin:0;
    font-size:16px;
    line-height:1.3;
    font-weight:500;
    color:#fff;
    text-align: left;
}

/* End */


/* Start:/local/templates/LimassolGo/components/bitrix/menu/top/style.min.css?17705626222286*/
/* контейнер как в мини-аппе на тёмном фоне */
.cats{
    padding: 16px;
    color: #fff;
}

.cats__title{
    margin: 0 0 14px;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.4px;
}

.cats__grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

/* карточка */
.cat{
    position: relative;
    height: 124px;
    border-radius: 26px;
    padding: 14px;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
    display: block;
    box-shadow: 0 10px 24px rgba(0,0,0,.22);
    transform: translateZ(0);
}

/* иконка сверху слева */
.cat__icon{
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
}

/* название снизу слева */
.cat__name{
    position: absolute;
    left: 14px;
    bottom: 14px;
    right: 14px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.05;
    text-shadow: 0 3px 10px rgba(0,0,0,.25);
}

/* лёгкий hover для десктопа */
@media (hover:hover){
    .cat:hover{ transform: translateY(-1px); }
}
.cat:active{ transform: scale(.99); }

/* градиенты как на скрине */
.cat--blue   { background: linear-gradient(180deg, #6FD3FF 0%, #2EA6FF 100%); }
.cat--orange { background: linear-gradient(180deg, #FFD27A 0%, #FFB74A 100%); }
.cat--coral  { background: linear-gradient(180deg, #FF8A65 0%, #FF4D6D 100%); }
.cat--violet { background: linear-gradient(180deg, #7FA9FF 0%, #5B5BFF 100%); }
.cat--mint   { background: linear-gradient(180deg, #53F0D7 0%, #23CDB5 100%); }
.cat--green  { background: linear-gradient(180deg, #8EE06E 0%, #66C75A 100%); }
.cat--gray   { background: linear-gradient(180deg, #A9ADB6 0%, #8F949F 100%); }
.cat--pink   { background: linear-gradient(180deg, #E5A3FF 0%, #D06BFF 100%); }
.cat--sky    { background: linear-gradient(180deg, #71D7FF 0%, #3AA4FF 100%); }
.cat--sand   { background: linear-gradient(180deg, #FFD38D 0%, #FFB657 100%); }

/* если нужно на очень узких экранах — 1 колонка */
@media (max-width: 360px){
    .cats__grid{ grid-template-columns: 1fr; }
}
/* End */
/* /local/components/lomassolgo/sections/templates/index/style.css?17751281731104 */
/* /local/components/lomassolgo/news.index/templates/index/style.css?17707391561518 */
/* /local/templates/LimassolGo/components/bitrix/menu/top/style.min.css?17705626222286 */
