.HN-related{font-family:var(--font-body-family-override, var(--font-body-family, inherit));padding:var(--hn-section-top, 60px) 24px var(--hn-section-bottom, 60px);color:var(--hn-ink, #1f2420)}.HN-related__inner{max-width:var(--hn-max-width, 1180px);margin:0 auto}.HN-related__heading{font-family:var(--font-heading-family-override, var(--font-heading-family, inherit));text-align:center;font-size:28px;margin:0 0 36px;font-weight:600}.HN-related__empty{text-align:center;color:var(--hn-muted, #7a7568);margin:0}.HN-related-grid{display:grid;grid-template-columns:repeat(var(--hn-columns, 4),minmax(0,1fr));gap:22px}.HN-p-card{position:relative;border:1px solid var(--hn-line, #e3ddd0);border-radius:var(--hn-radius, 6px);overflow:hidden;display:flex;flex-direction:column;background:#fff}.HN-p-card__wishlist{position:absolute;top:10px;z-index:2;line-height:0}.HN-p-card__wishlist[data-pc-side=left]{left:10px}.HN-p-card__wishlist[data-pc-side=right]{right:10px}.HN-p-card__wishlist>*{display:block;margin:0}.HN-p-card--skeleton{aspect-ratio:3 / 4;background:var(--hn-cream-2, #f2ede2);border-style:dashed}.HN-p-card__thumb{aspect-ratio:1;background:var(--hn-cream-2, #f2ede2);display:flex;align-items:center;justify-content:center;overflow:hidden}.HN-p-card__thumb img,.HN-p-card__thumb svg{width:100%;height:100%;object-fit:cover;display:block}.HN-p-card__body{padding:14px;flex:1;display:flex;flex-direction:column;gap:4px}.HN-p-card__brand{font-size:11px;color:var(--hn-muted, #7a7568)}.HN-p-card__name{overflow-wrap:break-word;font-size:14px;font-weight:600;color:inherit;text-decoration:none}.HN-p-card__name:hover{text-decoration:underline}.HN-p-card__rating{min-height:16px;font-size:11px}.HN-p-card__price{font-size:14px;font-weight:700}.HN-p-card__was{color:var(--hn-muted, #7a7568);text-decoration:line-through;font-weight:400;margin-left:6px;font-size:12px}.HN-p-card__form{margin:auto 0 0}.HN-p-card .HN-p-card__add{margin-top:10px;width:100%;background:var(--hn-card-btn-bg, var(--hn-green-deep, #20351f))!important;background-color:var(--hn-card-btn-bg, var(--hn-green-deep, #20351f))!important;background-image:none!important;color:var(--hn-card-btn-color, #fff)!important;border:1px solid var(--hn-card-btn-bg, var(--hn-green-deep, #20351f))!important;border-radius:var(--hn-card-btn-radius, 4px)!important;min-height:var(--hn-card-btn-h, 0);padding:10px;font-size:var(--hn-card-btn-size, 13px);font-weight:var(--hn-card-btn-weight, 400);cursor:pointer;font-family:inherit;transition:background-color .15s ease}.HN-p-card .HN-p-card__add:hover:not([disabled]),.HN-p-card .HN-p-card__add:focus,.HN-p-card .HN-p-card__add:focus-visible,.HN-p-card .HN-p-card__add:active{background:var(--hn-card-btn-bg-hover, var(--hn-card-btn-bg, var(--hn-green-deep, #20351f)))!important;background-color:var(--hn-card-btn-bg-hover, var(--hn-card-btn-bg, var(--hn-green-deep, #20351f)))!important;border-color:var(--hn-card-btn-bg-hover, var(--hn-card-btn-bg, var(--hn-green-deep, #20351f)))!important;color:var(--hn-card-btn-color, #fff)!important}.HN-p-card .HN-p-card__add:focus-visible{outline:2px solid var(--hn-card-btn-color, #fff);outline-offset:-4px}.HN-p-card .HN-p-card__add.HN-is-loading{cursor:wait}.HN-p-card .HN-p-card__add.HN-is-loading:after{content:"";width:.85em;height:.85em;margin-left:8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;flex-shrink:0;display:inline-block;vertical-align:-.1em;animation:HN-card-spin .6s linear infinite}@keyframes HN-card-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.HN-p-card .HN-p-card__add.HN-is-loading:after{animation-duration:1.8s}}.HN-p-card__add[disabled]{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.HN-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.HN-related{padding-left:16px;padding-right:16px}.HN-related__heading{font-size:22px}.HN-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:600px){.HN-related-grid{gap:12px}.HN-p-card__name{font-size:13px}}@media(max-width:380px){.HN-related-grid{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/HN-related-products.css.map */