.cards-nav-section .cards-nav-grid{display:grid;grid-template-columns:repeat(var(--grid-desktop),1fr);gap:var(--gap-between)}@media(min-width:1000px){.cards-nav-section .cards-nav-grid{gap:clamp(18px,2vw,var(--gap-between))}}@media(max-width:999px){.cards-nav-section .cards-nav-grid{gap:8px}}@media(max-width:999px){.cards-nav-section .cards-nav-grid{grid-template-columns:repeat(var(--grid-mobile),1fr)}}.cards-nav-section .cards-nav-card{display:flex;align-items:center;text-decoration:none;padding:12px;gap:12px;transition:transform .2s ease,box-shadow .2s ease;background-color:var(--card-bg);border-radius:var(--border-radius)}.cards-nav-section .cards-nav-card:hover{transform:translateY(-2px)}.cards-nav-section .cards-nav-card.no-restrict{padding-block:0;height:fit-content}.cards-nav-section .cards-nav-card.no-restrict:not(.image-right){padding-left:0}.cards-nav-section .cards-nav-card.no-restrict:not(.image-right) .cards-nav-content{padding-right:1rem}@media(max-width:1000px){.cards-nav-section .cards-nav-card.no-restrict:not(.image-right) .cards-nav-content{padding-inline:0}}.cards-nav-section .cards-nav-card .cards-nav-card.image-right{flex-direction:row-reverse}.cards-nav-section .cards-nav-card .cards-nav-card.image-right.no-restrict{padding-right:0}.cards-nav-section .cards-nav-card .cards-nav-card.image-right.no-restrict .cards-nav-content{padding-left:1rem}@media(max-width:1000px){.cards-nav-section .cards-nav-card .cards-nav-card.image-right.no-restrict .cards-nav-content{padding-left:0}}.cards-nav-section .cards-nav-card .cards-nav-image img{width:100%;max-width:140px;height:auto;display:flex}@media(max-width:1000px){.cards-nav-section .cards-nav-card .cards-nav-image img{width:65px;height:55px}}@media(min-width:1000px){.cards-nav-section .cards-nav-card .cards-nav-image img{max-height:80px;min-height:80px;min-width:96px}}@media(min-width:1200px){.cards-nav-section .cards-nav-card .cards-nav-image img{max-height:96px;min-height:96px}}.cards-nav-section .cards-nav-card .cards-nav-content *{margin:0;color:var(--text-color);font-size:var(--font-size)px;font-family:Inter,sans-serif;font-weight:500;line-height:1.2}@media(max-width:1000px){.cards-nav-section .cards-nav-card .cards-nav-content *{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tp-infocards-navigation.css.map */