/* Approved homepage cards and manual four-product pagination. */
.c-home-tabs { gap:25px; }
.c-home-tabs button { display:flex; align-items:center; gap:7px; }
.c-home-tabs .c-icon { width:19px; height:19px; }
.c-home-tabs button.active { color:var(--cloud-blue); }
.c-home-products { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.c-home-products .c-product { display:grid; grid-template-columns:36px minmax(0,1fr); align-content:start; gap:0 12px; padding:18px; }
.c-home-products .c-product-top { grid-column:1; grid-row:1; }
.c-home-products .c-glyph { width:36px; height:36px; border:0; background:transparent; color:var(--cloud-blue); }
.c-home-products .c-glyph > .c-icon { width:32px; height:32px; }
.c-home-products .c-product h3 { grid-column:2; grid-row:1; align-self:center; font-size:17px; margin:0; line-height:1.5; }
.c-home-products .c-product > p { grid-column:1/-1; min-height:44px; margin:13px 0 0; font-size:13px; color:#546b8d; line-height:1.7; }
.c-home-products .c-product-actions { grid-column:1/-1; margin-top:14px; padding:12px 0 0; border-color:#e8eef8; }
.c-home-products .c-product-actions .c-button { min-height:30px; padding:5px 8px; font-size:11px; }
.c-home-products .c-product-actions .c-link { gap:4px; font-size:11px; }
.c-home-products .c-product-actions .c-icon { width:15px; height:15px; }
.c-home-pagination { display:flex; align-items:center; justify-content:space-between; margin-top:19px; gap:16px; font-size:12px; color:#657b9b; }
.c-home-pagination > div { display:flex; align-items:center; gap:15px; }
.c-home-pagination button { display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:6px; background:white; color:#35547e; border:1px solid #dce5f2; border-radius:4px; cursor:pointer; }
.c-home-pagination button:hover:not(:disabled) { color:var(--cloud-blue); border-color:var(--cloud-blue); }
.c-home-pagination button:disabled { color:#b6c2d4; cursor:default; background:#f8faff; }
.c-home-pagination button:focus-visible,.c-home-tabs button:focus-visible { outline:2px solid var(--cloud-blue); outline-offset:4px; }

@media (max-width:1100px) { .c-home-products { grid-template-columns:repeat(2,minmax(0,1fr)); } .c-home-tabs { gap:23px; } }
@media (max-width:700px) { .c-home-products { grid-template-columns:1fr; } }