.tp-related{background:var(--tp-color-bg);padding:80px 32px}.tp-related__container{max-width:var(--tp-max-width);margin:0 auto}.tp-related__subtitle{max-width:560px;margin:-22px auto 32px;text-align:center;font-size:15px;line-height:1.6;color:var(--tp-color-text-muted)}.tp-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1200px;margin:0 auto}.tp-related__grid--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}.tp-related__grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px}.tp-related__card{display:flex;flex-direction:column;background:var(--tp-color-white);border:1px solid var(--tp-color-border);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--tp-shadow-soft);transition:transform var(--tp-transition-fast),box-shadow var(--tp-transition-fast),border-color var(--tp-transition-fast)}@media(hover:hover)and (pointer:fine){.tp-related__card:hover{transform:translateY(-3px);box-shadow:var(--tp-shadow-medium);border-color:var(--tp-color-accent-light)}}.tp-related__card:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:3px}.tp-related__media{display:block;aspect-ratio:1 / 1;background:var(--tp-color-bg-soft);padding:16px}.tp-related__media img{width:100%;height:100%;object-fit:contain;display:block}.tp-related__body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}.tp-related__title{font-size:15px;font-weight:700;line-height:1.3;color:var(--tp-color-dark)}.tp-related__price{font-size:14.5px;font-weight:700;color:var(--tp-color-dark)}.tp-related__cta{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:600;color:var(--tp-color-accent-text)}.tp-related__cta svg{transition:transform var(--tp-transition-fast)}@media(hover:hover)and (pointer:fine){.tp-related__card:hover .tp-related__cta svg{transform:translate(3px)}}@media(max-width:1024px){.tp-related__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}}@media(max-width:900px){.tp-related{padding:56px 0}.tp-related .tp-section-title,.tp-related__subtitle{padding:0 20px}.tp-related__subtitle{margin:-12px auto 24px;font-size:14px}.tp-related__grid,.tp-related__grid--2,.tp-related__grid--3{display:flex;align-items:stretch;gap:14px;max-width:none;margin:0;padding:4px 20px 12px;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tp-related__grid::-webkit-scrollbar{display:none}.tp-related__card{flex:0 0 min(70vw,300px);scroll-snap-align:start}.tp-related__title{font-size:14.5px}}@media(prefers-reduced-motion:reduce){.tp-related__card,.tp-related__cta svg{transition:none}}.tp-related__item{display:contents}
/*# sourceMappingURL=/cdn/shop/t/41/assets/toudoupet-related.css.map */