.codex-related-products{background:#f4f4f2;color:#111;padding:64px 24px 72px;border-top:1px solid #d8d8d3}.codex-related-inner{max-width:1320px;margin:0 auto}.codex-related-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);column-gap:40px;align-items:end;margin-bottom:28px}.codex-related-kicker{grid-column:1/-1;margin:0 0 10px;color:#5f5f5b;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.codex-related-products h2{margin:0;font-size:clamp(32px,4vw,58px);line-height:.98;letter-spacing:-.045em;font-weight:700}.codex-related-guide{margin:0;color:#5a5a56;font-size:14px;line-height:1.55;max-width:390px;justify-self:end}.codex-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.codex-related-card{display:flex;min-width:0;flex-direction:column;background:#fff;border:1px solid #d4d4cf;text-decoration:none;color:inherit;overflow:hidden;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .32s ease}.codex-related-card:hover{transform:translateY(-5px);border-color:#111;box-shadow:0 18px 40px #00000014}.codex-related-card:focus-visible{outline:2px solid #111;outline-offset:4px}.codex-related-media{position:relative;aspect-ratio:1.12/1;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:18px}.codex-related-media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.codex-related-card:hover .codex-related-media img{transform:translateY(-5px) scale(1.025)}.codex-related-index{position:absolute;top:16px;left:16px;color:#777;font-size:10px;letter-spacing:.12em}.codex-related-copy{display:flex;flex:1;flex-direction:column;padding:18px 18px 20px;border-top:1px solid #e3e3df}.codex-related-tag{display:block;margin-bottom:10px;color:#666;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.codex-related-copy h3{margin:0 0 18px;font-size:clamp(16px,1.4vw,21px);line-height:1.18;font-weight:700;letter-spacing:-.02em}.codex-related-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:14px;border-top:1px solid #e5e5e1}.codex-related-meta p{margin:0;font-size:14px;font-weight:600}.codex-related-arrow{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:13px;transition:transform .25s ease}.codex-related-card:hover .codex-related-arrow{transform:translate(2px,-2px)}@media(max-width:900px){.codex-related-products{padding:52px 20px 58px}.codex-related-header{grid-template-columns:1fr;gap:14px}.codex-related-guide{justify-self:start}.codex-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-related-card:last-child{grid-column:1/-1;max-width:calc(50% - 7px)}}@media(max-width:749px){.codex-related-products{padding:42px 16px 48px}.codex-related-products h2{font-size:34px}.codex-related-grid{grid-template-columns:1fr;gap:12px}.codex-related-card:last-child{grid-column:auto;max-width:none}.codex-related-card{display:grid;grid-template-columns:42% 58%;min-height:174px}.codex-related-media{aspect-ratio:auto;padding:10px}.codex-related-copy{border-top:0;border-left:1px solid #e3e3df;padding:15px}.codex-related-copy h3{font-size:16px;margin-bottom:12px}.codex-related-index{top:10px;left:10px}.codex-related-meta{padding-top:10px}.codex-related-arrow{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.codex-related-card,.codex-related-media img,.codex-related-arrow{transition:none}.codex-related-card:hover,.codex-related-card:hover .codex-related-media img{transform:none}}.template-product [id*=judgeme-official-reviews] .jm-review-widget{padding-top:clamp(28px,3vw,40px)!important;padding-bottom:clamp(28px,3vw,40px)!important}@media(max-width:749px){.template-product [id*=judgeme-official-reviews] .jm-review-widget{padding-top:24px!important;padding-bottom:24px!important}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/toccay-road-related.css.map */