.commerce-shop-routing-cards{padding:var(--commerce-section-padding,50px) 0}.commerce-shop-routing-cards--soft{background:var(--jl-color-lightest-blue,#f7f9ff)}.commerce-shop-routing-cards--yellow{background:radial-gradient(circle at 10% 20%,rgba(255,216,84,.28),transparent 18rem),var(--jl-color-light-swish-yellow,#ffefc3)}.commerce-shop-routing-cards__grid{display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(var(--commerce-routing-columns,3),minmax(0,1fr));margin-top:clamp(22px,3vw,34px)}.commerce-shop-routing-cards__card{--routing-accent:var(--jl-color-bright-blue,#4065d1);min-width:0}.commerce-shop-routing-cards__card--yellow{--routing-accent:var(--jl-color-cta-yellow,#ffd135)}.commerce-shop-routing-cards__card--teal{--routing-accent:var(--jl-color-teal,#31d2c2)}.commerce-shop-routing-cards__card--coral{--routing-accent:var(--jl-color-coral,#ff8c8c)}.commerce-shop-routing-cards__link{background:#fff;border:2px solid var(--jl-color-light-blue,#edf1ff);border-radius:28px;box-shadow:0 14px 28px rgba(31,47,107,.08);color:var(--jl-color-dark-grey,#3c3e48);display:flex;flex-direction:column;gap:18px;min-height:100%;overflow:hidden;padding:clamp(18px,2vw,24px);position:relative;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.commerce-shop-routing-cards__link:before{background:var(--routing-accent);content:"";height:7px;inset:0 0 auto;position:absolute}.commerce-shop-routing-cards__link:focus-visible,.commerce-shop-routing-cards__link:hover{border-color:rgba(64,101,209,.28);box-shadow:0 18px 42px rgba(31,47,107,.14);outline:none;transform:translateY(-2px)}.commerce-shop-routing-cards__media{background:var(--jl-color-lightest-blue,#f7f9ff);border-radius:22px;display:grid;min-height:130px;overflow:hidden;place-items:center}.commerce-shop-routing-cards__media img{display:block;height:100%;max-height:170px;object-fit:contain;width:100%}.commerce-shop-routing-cards__content,.commerce-shop-routing-cards__meta{display:flex;flex-direction:column;gap:10px}.commerce-shop-routing-cards__meta{align-items:center;color:var(--jl-color-bright-blue,#4065d1);flex-direction:row;flex-wrap:wrap;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.commerce-shop-routing-cards__badge{background:rgba(255,209,53,.28);border-radius:999px;color:var(--jl-color-dark-blue,#1f2f6b);padding:5px 10px;text-transform:none}.commerce-shop-routing-cards__title{color:var(--jl-color-dark-grey,#3c3e48);font-family:var(--jl-font-heading,"Quicksand",Arial,sans-serif);font-size:clamp(22px,2.1vw,30px);font-weight:800;line-height:1.12}.commerce-shop-routing-cards__description{color:var(--jl-color-body-grey,#56575e);display:-webkit-box;font-family:var(--jl-font-body,"Mulish",Arial,sans-serif);font-size:16px;line-height:1.55;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.commerce-shop-routing-cards__cta{align-items:center;color:var(--jl-color-bright-blue,#4065d1);display:inline-flex;font-family:var(--jl-font-body,"Mulish",Arial,sans-serif);font-size:15px;font-weight:800;gap:8px;margin-top:auto;width:fit-content}.commerce-shop-routing-cards__cta:after{content:"→"}@media (max-width:980px){.commerce-shop-routing-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.commerce-shop-routing-cards__grid{gap:12px;grid-template-columns:repeat(var(--commerce-routing-mobile-columns,2),minmax(0,1fr))}.commerce-shop-routing-cards__link{border-radius:22px;gap:12px;padding:16px}.commerce-shop-routing-cards__media{border-radius:18px;min-height:96px}.commerce-shop-routing-cards__title{font-size:18px}.commerce-shop-routing-cards__description{font-size:14px;-webkit-line-clamp:2}}