.gyaa-related{background:var(--bg-black);padding:0 100px 96px}.gyaa-related:empty{display:none}.gyaa-related__title{margin:0 0 40px;font-size:40px;line-height:1.1;text-align:center;color:var(--text)}.gyaa-related__grid{display:flex;align-items:stretch;gap:var(--grid-gap);width:100%;max-width:1720px;margin-inline:auto}.gyaa-related__card{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:20px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);filter:drop-shadow(0 12px 12px rgba(0,0,0,.5))}.gyaa-related__media{display:block;height:280px;border-radius:var(--radius-image);background:var(--surface-deep);overflow:hidden}.gyaa-related__media img{width:100%;height:100%;object-fit:cover}.gyaa-related__details{display:flex;flex-direction:column;gap:12px}.gyaa-related__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-ui);font-weight:600;font-size:18px;color:var(--text)}.gyaa-related__rating{display:flex;align-items:center;gap:4px;font-family:var(--font-alt);font-weight:500;font-size:12px;color:var(--text-muted)}.gyaa-related__price-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.gyaa-related__price{font-family:var(--font-alt);font-weight:700;font-size:20px;color:var(--text)}.gyaa-related__add{padding:8px 16px;border:1.5px solid var(--red);border-radius:var(--radius-btn);background:transparent;color:var(--text);font-family:var(--font-alt);font-weight:600;font-size:12px;transition:background .15s ease}.gyaa-related__add:hover:not([disabled]){background:var(--red)}.gyaa-related__add[disabled]{opacity:.4;cursor:not-allowed}@media(max-width:1439px){.gyaa-related{padding-inline:40px}}@media(max-width:1023px){.gyaa-related{padding:0 20px 56px}.gyaa-related__grid{flex-wrap:wrap}.gyaa-related__card{flex:1 1 calc(50% - 16px);min-width:calc(50% - 16px)}.gyaa-related__media{height:200px}}@media(max-width:767px){.gyaa-related__grid{gap:12px}.gyaa-related__card{flex:1 1 calc(50% - 6px);min-width:calc(50% - 6px)}.gyaa-related__media{height:150px}.gyaa-related__price-row{flex-wrap:wrap;gap:8px}.gyaa-related__add{padding:6px 10px;font-size:10px}}.gyaa-related__media{background:#fff}.gyaa-related__media img{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/9/assets/gyaa-related.css.map */