.sy-guides{padding:clamp(2.5rem,5vw,4.5rem) 0;background:var(--color-surface)}.sy-guides__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:clamp(1.5rem,3vw,2.25rem);flex-wrap:wrap}.sy-guides__title{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:.02em;text-transform:uppercase;margin:0;color:var(--color-text)}.sy-guides__all{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);text-decoration:none;white-space:nowrap}.sy-guides__all:hover{text-decoration:underline}.sy-guides__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.5vw,20px)}.sy-guide{display:flex;flex-direction:column;text-align:left;text-decoration:none;color:inherit}.sy-guide__media{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;background:var(--color-border-subtle)}.sy-guide__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--ease-out, ease)}.sy-guide__img--ph{background:linear-gradient(135deg,#e5e7eb,#f4f5f7)}.sy-guide:hover .sy-guide__img{transform:scale(1.04)}.sy-guide__cat{margin:12px 0 6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}.sy-guide__title{margin:0;font-size:var(--font-size-sm);font-weight:600;line-height:1.3;color:var(--color-text)}@media(max-width:1100px){.sy-guides__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.sy-guides__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sykell-guides.css.map */