/* croatia24-offers — homepage category blocks (heading + 3 compact cards). Mobile first; loaded on the front page only, after offers.css. */
.c24o.c24o--home{margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.c24o-home__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.c24o-home__cat{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.05)}

.c24o-home__head{position:relative;display:flex;align-items:flex-end;min-height:92px;padding:16px 18px 14px;background:linear-gradient(135deg,#1c6f66,#1e3148);isolation:isolate}
.c24o-home__head-img{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.c24o-home__head::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,25,40,.02) 0%,rgba(10,25,40,.28) 45%,rgba(10,25,40,.7) 100%)}
.c24o-home__head--plain::after{display:none}
.c24o-home__head:hover .c24o-home__head-img{transform:scale(1.04)}
.c24o .c24o-home__title{margin:0;font-size:20px;line-height:1.15;font-weight:600;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.c24o .c24o-home__head-link,.c24o .c24o-home__head-link:visited,.c24o .c24o-home__head-link:hover{color:#fff}
.c24o-home__head-link::after{content:"";position:absolute;inset:0;z-index:1}
.c24o-home__head-link:focus-visible{outline:none}
.c24o-home__head:focus-within{box-shadow:inset 0 0 0 3px #fff}

.c24o .c24o-home__list{display:flex;flex-direction:column;padding:4px 14px}

/* compact card = one row: thumbnail + facts */
.c24o .c24o-card--compact{flex-direction:row;align-items:flex-start;gap:12px;padding:12px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;overflow:visible}
.c24o .c24o-card--compact:last-child{border-bottom:0}
.c24o .c24o-card--compact:hover{transform:none;box-shadow:none}
.c24o .c24o-card--compact:focus-within{box-shadow:none;outline:3px solid var(--grn);outline-offset:2px;border-radius:12px}
.c24o-card--compact .c24o-card__media{flex:none;width:112px;aspect-ratio:4/3;border-radius:14px}
.c24o-card--compact .c24o-card__media--empty .c24o-i{width:30px;height:30px}
.c24o-card--compact .c24o-card__deal{top:17px;left:5px;gap:0;padding:4px 7px;font-size:11.5px;box-shadow:0 4px 10px rgba(201,73,10,.3)}
.c24o-card--compact .c24o-card__deal b{font-size:12px}
.c24o-card--compact .c24o-card__deal span{display:none}
.c24o-card--compact .c24o-card__body{gap:4px;padding:0;min-width:0}
.c24o-card--compact .c24o-card__meta{min-height:0;justify-content:flex-start}
.c24o-card--compact .c24o-card__stars{font-size:11.5px}
.c24o-card--compact .c24o-card__rating{font-size:12px;gap:4px}
.c24o-card--compact .c24o-card__score{padding:2px 6px;font-size:12px}
.c24o .c24o-card--compact .c24o-card__title{font-size:15px;line-height:1.3}
.c24o-card--compact .c24o-card__tags li{padding:2px 8px 2px 6px;font-size:12px}
.c24o-card--compact .c24o-card__tags .c24o-i{width:14px;height:14px}
.c24o-card--compact .c24o-card__foot{margin-top:2px;padding-top:0;border-top:0}
.c24o-card--compact .c24o-card__pricebox{flex:1 1 auto}
.c24o-card--compact .c24o-card__price{font-size:13px}
.c24o-card--compact .c24o-card__price strong{font-size:17px}
.c24o-card--compact .c24o-card__was{font-size:12.5px}
.c24o-card--compact .c24o-card__term{margin-top:1px!important;font-size:12px}

.c24o .c24o-home__more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:auto 18px 0;padding:10px 0 16px;color:var(--grn);font-size:14px;font-weight:700;line-height:1.3}
.c24o .c24o-home__more:hover{color:#0b5c55}
.c24o-home__more .c24o-i{width:16px;height:16px;transition:transform .18s ease}
.c24o-home__more:hover .c24o-i{transform:translateX(3px)}
.c24o-home__more:focus-visible{outline:3px solid var(--grn);outline-offset:2px;border-radius:6px}

/* category with fewer than 3 offers: core's banner, sized like a block */
.c24o .c24o-home__cat--banner{background:none;border:0;box-shadow:none}
.c24o .c24o-home__cat--banner .c24-home-offer-card{flex:1;min-height:236px;height:100%;grid-column:auto;border-radius:22px}

.c24o.c24o--home .c24o__note{margin-top:14px;max-width:none;text-align:left}

@media (min-width:640px){
.c24o-home__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.c24o-home__grid>:last-child:nth-child(2n+1){grid-column:1/-1}
.c24o-home__grid>.c24o-home__cat:last-child:nth-child(2n+1) .c24o-home__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.c24o-home__grid>.c24o-home__cat:last-child:nth-child(2n+1) .c24o-card--compact{border-bottom:0}
}
@media (min-width:1024px){
.c24o-home__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.c24o-home__grid>:last-child:nth-child(2n+1){grid-column:auto}
.c24o-home__grid>.c24o-home__cat:last-child:nth-child(2n+1) .c24o-home__list{display:flex}
.c24o-home__grid>.c24o-home__cat:last-child:nth-child(2n+1) .c24o-card--compact{border-bottom:1px solid var(--line)}
.c24o-home__grid>.c24o-home__cat:last-child:nth-child(2n+1) .c24o-card--compact:last-child{border-bottom:0}
.c24o-home__grid>:last-child:nth-child(3n+1){grid-column:1/-1}
.c24o-home__grid>.c24o-home__cat:last-child:nth-child(3n+1) .c24o-home__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
.c24o-home__grid>.c24o-home__cat:last-child:nth-child(3n+1) .c24o-card--compact{border-bottom:0}
.c24o-home__grid>.c24o-home__cat--banner:last-child:nth-child(3n+1) .c24-home-offer-card{min-height:260px}
/* desktop: category image in the 3-column grid twice as tall (strip is 3.2 : 1 ≈ column width); full-width last block (Last Minute) shows the whole 3.2 : 1 strip */
.c24o-home__head{min-height:184px;padding:20px 24px 18px}
.c24o .c24o-home__title{font-size:24px}
.c24o-home__grid>.c24o-home__cat:last-child:nth-child(3n+1) .c24o-home__head{min-height:0;aspect-ratio:3.2/1;padding:28px 32px 24px}
}
@media (prefers-reduced-motion:reduce){.c24o-home__head-img,.c24o-home__more .c24o-i{transition:none!important}.c24o-home__head:hover .c24o-home__head-img{transform:none}}