/* c365 главная, 08b: хабы в конце донорских секций + адаптация донорских рядов. Палитра Aurora. */
.c365h{--ink:#0A1026;--ink2:#2A3350;--mut:#5A6480;--acc:#2ED9A0;--acc-d:#0E9F72;--vio:#5B3BE0;--vio2:#7C5CFF;
 --amb:#FFC542;--red:#D51B2A;--line:#E4E8F2;--bg2:#F4F7FD;
 display:block;width:100%;max-width:100%;box-sizing:border-box;grid-column:1/-1;flex:1 1 100%;
 margin:30px 0 34px;color:var(--ink);line-height:1.45;clear:both}
.c365h *,.c365h *:before,.c365h *:after{box-sizing:border-box}
.c365h ul,.c365h ol{list-style:none!important;margin:0!important;padding:0!important}
.c365h li{margin:0!important;padding:0!important}
.c365h li:before,.c365h li:after{content:none!important}
.c365h img{display:block;max-width:100%;height:auto;border:0;margin:0!important;float:none!important}
.c365h p{margin:0}
.c365h__hd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:4px 16px;margin:0 0 14px}
.c365h .c365h__t{font-size:21px;font-weight:800;line-height:1.25;color:var(--ink);margin:0}
.c365h__n{font-size:14px;color:var(--mut);margin-top:3px!important}
.c365h .c365h__all{font-size:14.5px;font-weight:600;color:var(--vio)!important;text-decoration:none!important;white-space:nowrap}
.c365h .c365h__all:hover{text-decoration:underline!important}
.c365h li a{text-decoration:none!important;color:var(--ink)!important}
.c365h li a span{font-weight:700}
.c365h li a:hover span{color:var(--vio)!important}
.c365h li p{font-size:13.5px;color:var(--mut);line-height:1.45}

/* 1 strip — ряд тем слотов: кадр 4:3 сверху */
.c365h-strip ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 14px}
.c365h-strip li a{display:block}
.c365h-strip li img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;box-shadow:0 4px 14px rgba(10,16,38,.14)}
.c365h-strip li a span{display:block;font-size:15px;margin:9px 0 3px}

/* 2 wall — стена логотипов студий: белая плашка с рамкой, подпись под ней */
.c365h-wall{background:var(--bg2);border-radius:16px;padding:20px 20px 22px}
.c365h-wall ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.c365h-wall li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px 13px!important}
.c365h-wall li a{display:flex;align-items:center;gap:12px}
.c365h-wall__p{flex:none;display:flex;align-items:center;justify-content:center;width:78px;height:48px}
.c365h-wall li img{max-width:78px;max-height:44px;width:auto;object-fit:contain}
.c365h-wall li a span{font-size:15px}
.c365h-wall li p{margin-top:7px!important;font-size:13px}

/* 3 split — 2×2: кадр слева, текст справа, акцент слева */
.c365h-split ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.c365h-split li{display:grid!important;grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;
 border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:12px;padding:12px!important;background:#fff}
.c365h-split li a{display:contents}
.c365h-split li img{grid-row:1/3;width:132px;height:96px;object-fit:cover;border-radius:8px}
.c365h-split li a span{font-size:15.5px;align-self:end}
.c365h-split li p{margin-top:4px!important}

/* 4 coupon — купоны бонусов: квадрат кадра + пунктирная линия отрыва */
.c365h-coupon ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.c365h-coupon li{position:relative;display:grid!important;grid-template-columns:92px minmax(0,1fr);column-gap:16px;
 background:linear-gradient(135deg,#FFF8E6,#FFFFFF 60%);border:1px solid #F3DFA6;border-radius:12px;padding:10px 14px 10px 10px!important}
.c365h-coupon li:after{content:""!important;position:absolute;left:110px;top:10px;bottom:10px;border-left:2px dashed #E9C76A}
.c365h-coupon li a{display:contents}
.c365h-coupon li img{grid-row:1/3;width:92px;height:72px;object-fit:cover;border-radius:8px}
.c365h-coupon li a span{font-size:15.5px;align-self:end;padding-top:4px}
.c365h-coupon li p{grid-column:2;margin-top:3px!important;font-size:13px}

/* 5 spread — разворот: крупный кадр слева, три строки справа */
.c365h-spread{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}
.c365h-spread .c365h__hd{grid-column:1/-1;margin-bottom:0}
.c365h-spread__f a{display:block;text-decoration:none!important;color:var(--ink)!important}
.c365h-spread__f img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;display:block;margin:0!important}
.c365h-spread__f a span{display:block;font-weight:800;font-size:18px;margin:12px 0 4px}
.c365h-spread__f a:hover span{color:var(--vio)}
.c365h-spread__f p{font-size:14px;color:var(--mut);margin:0}
.c365h-spread ul{display:flex;flex-direction:column;gap:12px}
.c365h-spread li{display:grid!important;grid-template-columns:104px minmax(0,1fr);column-gap:12px;padding-bottom:12px!important;border-bottom:1px solid var(--line)}
.c365h-spread li:last-child{border-bottom:0}
.c365h-spread li a{display:contents}
.c365h-spread li img{grid-row:1/3;width:104px;height:78px;object-fit:cover;border-radius:10px}
.c365h-spread li a span{font-size:15px;align-self:end}

/* 6 mosaic — тёмные плитки 3×2: кадр сверху, подпись на тёмном поле */
.c365h-mosaic ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.c365h-mosaic li{border-radius:14px;overflow:hidden;background:var(--ink)}
.c365h-mosaic li a{display:block}
.c365h-mosaic li img{display:block;width:100%;height:170px;object-fit:cover}
.c365h-mosaic li a span{display:block;padding:12px 14px 2px;color:#fff!important;font-size:16px;line-height:1.3}
.c365h-mosaic li p{margin:0!important;padding:2px 14px 14px;font-size:13.5px;line-height:1.5!important;color:#DCE3F5!important}
.c365h-mosaic li a:hover span{color:var(--acc)!important}

/* 7 ladder — лесенка депозитов: номер-ступень, кадр, сумма */
.c365h-ladder ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.c365h-ladder li{background:var(--bg2);border-radius:12px;padding:10px 10px 12px!important;border-bottom:4px solid var(--vio2)}
.c365h-ladder li:nth-child(2){padding-top:18px!important}
.c365h-ladder li:nth-child(3){padding-top:26px!important}
.c365h-ladder li:nth-child(4){padding-top:34px!important}
.c365h-ladder li a{display:block}
.c365h-ladder li img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
.c365h-ladder li a span{display:block;font-size:15px;margin:9px 0 2px}

/* 8 cashier — строки кассы: плашка метода, имя, пояснение справа */
.c365h-cash ul,.c365h-cashier ul{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.c365h-cashier li{display:grid!important;grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center;gap:6px 18px;
 padding:11px 16px!important;border-top:1px solid var(--line)}
.c365h-cashier li:first-child{border-top:0}
.c365h-cashier li:nth-child(even){background:var(--bg2)}
.c365h-cashier li a{display:flex;align-items:center;gap:14px}
.c365h-cash__p{flex:none;display:flex;align-items:center;justify-content:center;width:92px;height:46px;background:#fff;
 border:1px solid var(--line);border-radius:9px;padding:5px}
.c365h-cashier li img{max-width:80px;max-height:34px;width:auto;object-fit:contain}
.c365h-cashier li a span{font-size:15px}

/* 9 onrow — Онтарио: карточки с красной полосой флага сверху */
.c365h-onrow ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:on}
.c365h-onrow li{border-top:4px solid var(--red);background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 10px rgba(10,16,38,.08);
 padding:0 0 12px!important;overflow:hidden}
.c365h-onrow li a{display:block}
.c365h-onrow li img{width:100%;aspect-ratio:3/2;object-fit:cover}
.c365h-onrow li a span{display:block;font-size:14.5px;margin:9px 11px 3px}
.c365h-onrow li p{margin:0 11px!important;font-size:13px}

/* 10 teaser — блог: три записи, без дат */
.c365h-teaser{border-top:2px solid var(--ink);padding-top:16px}
.c365h-teaser ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.c365h-teaser li a{display:block}
.c365h-teaser li img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.c365h-teaser li a span{display:block;font-size:16px;line-height:1.3;margin:10px 0 4px}

@media (max-width:900px){
 .c365h-strip ul{grid-template-columns:repeat(3,minmax(0,1fr))}
 .c365h-onrow ol{grid-template-columns:repeat(3,minmax(0,1fr))}
 .c365h-wall ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
 .c365h{margin:24px 0 28px}
 .c365h .c365h__t{font-size:19px}
 .c365h-strip ul,.c365h-ladder ol,.c365h-onrow ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .c365h-ladder li{padding-top:10px!important}
 .c365h-split ul,.c365h-coupon ul,.c365h-wall ul,.c365h-teaser ul{grid-template-columns:1fr}
 .c365h-spread{grid-template-columns:1fr}
 .c365h-mosaic ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .c365h-mosaic li img{height:120px}
 .c365h-mosaic li a span{padding:10px 12px 2px;font-size:15px}
 .c365h-mosaic li p{padding:2px 12px 12px}
 .c365h-cashier li{grid-template-columns:1fr}
 .c365h-wall{padding:14px}
 .c365h-split li{grid-template-columns:104px minmax(0,1fr)}
 .c365h-split li img{width:104px;height:80px}
}

/* донорские ряды главной: слоты и провайдеры в стиле листа */
body.home .zt-main .table-top__wrapper{background:#fff!important;border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
body.home .zt-main .c365-tiles>li{border-radius:12px}
body.home .zt-main .table-top-slots__wrapper .c365-tiles>li{background:var(--c365-bg2,#F4F7FD)!important;border:1px solid #E4E8F2!important}
body.home .zt-main .slot-item__image{border-radius:10px;width:100%;height:auto;aspect-ratio:200/165;object-fit:cover}
body.home .zt-main .provider-item{background:none;border:0;border-radius:12px}
body.home .zt-main .table-top-providers__wrapper .c365-tiles>li{border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
body.home .zt-main .provider-item__link{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none!important}
body.home .zt-main .provider-item__image{object-fit:contain}