.dfn-related-products{--dfn-related-gap: 18px;--dfn-related-columns: 4;margin-top:18px;margin-bottom:0;padding-top:22px!important;padding-bottom:24px!important;border:1px solid #dfe4e8;border-radius:15px;background:#ffffff6b;overflow:hidden}.dfn-related-products__header{display:flex;min-width:0;margin-bottom:18px;align-items:center;justify-content:space-between;gap:16px}.dfn-related-products .related-products__heading{min-width:0;margin:0!important;font-size:clamp(1.8rem,2vw,2.5rem)!important;line-height:1.25}.dfn-related-products__slider{position:relative;min-width:0}.dfn-related-products__track{display:flex!important;width:100%;margin:0!important;padding:0!important;flex-wrap:nowrap!important;gap:var(--dfn-related-gap)!important;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dfn-related-products__track::-webkit-scrollbar{display:none}.dfn-related-products__track>.grid__item{width:calc((100% - (var(--dfn-related-columns) - 1) * var(--dfn-related-gap)) / var(--dfn-related-columns))!important;max-width:none!important;min-width:0!important;flex:0 0 calc((100% - (var(--dfn-related-columns) - 1) * var(--dfn-related-gap)) / var(--dfn-related-columns))!important;scroll-snap-align:start}.dfn-related-products__button{position:absolute;top:50%;z-index:3;display:grid;width:42px;height:42px;padding:0;place-items:center;transform:translateY(-50%);border:1px solid #d7dde2;border-radius:50%;background:#fffffff0;color:#121212;box-shadow:0 7px 20px #1212121c;cursor:pointer;transition:opacity .18s ease,transform .18s ease,background .18s ease}.dfn-related-products__button:hover:not(:disabled){transform:translateY(calc(-50% - 1px));background:#fff}.dfn-related-products__button:disabled{opacity:0;pointer-events:none}.dfn-related-products__button--previous{left:8px}.dfn-related-products__button--next{right:8px}.dfn-related-products__button svg{width:18px;height:18px}.dfn-related-products__button--previous svg{transform:rotate(90deg)}.dfn-related-products__button--next svg{transform:rotate(-90deg)}@media screen and (min-width:750px){.dfn-related-products .related-products__heading{white-space:nowrap}.dfn-related-products__slider--with-controls{padding-inline:30px}}@media screen and (max-width:749px){.dfn-related-products{--dfn-related-gap: 12px;margin:14px 1.5rem 0;padding:18px 14px 20px!important}.dfn-related-products__header{margin-bottom:15px}.dfn-related-products .related-products__heading{white-space:normal}.dfn-related-products__button{display:none!important}.dfn-related-products__track{width:calc(100% + 14px);padding-right:14px!important}.dfn-related-products__track>.grid__item{width:min(72vw,285px)!important;max-width:min(72vw,285px)!important;flex:0 0 min(72vw,285px)!important}}.dfn-related-products__track,.dfn-related-products__track>.grid__item{list-style:none!important}.dfn-related-products__track>.grid__item::marker{content:""!important;font-size:0!important}@media screen and (min-width:750px){.dfn-related-products{width:calc(100% - 10rem)!important;max-width:calc(var(--page-width) - 10rem)!important;margin-right:auto!important;margin-left:auto!important}}@media screen and (min-width:750px){.dfn-related-products__header{justify-content:center!important}.dfn-related-products .related-products__heading{width:100%;text-align:center!important}}@media screen and (max-width:749px){.dfn-related-products{box-sizing:border-box!important;width:calc(100% - 3rem)!important;max-width:calc(100% - 3rem)!important;margin:14px auto 0!important;padding:17px 12px 19px!important}.dfn-related-products__track{width:100%!important;padding-right:0!important}.dfn-related-products__track>.grid__item{width:min(68vw,255px)!important;max-width:min(68vw,255px)!important;flex-basis:min(68vw,255px)!important}}@media screen and (max-width:749px){.dfn-related-products__track{scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.dfn-related-products__track>.grid__item{width:82%!important;max-width:82%!important;flex:0 0 82%!important;scroll-snap-align:start}.dfn-related-products__track>.grid__item:only-child{width:100%!important;max-width:100%!important;flex-basis:100%!important}}.dfn-related-products__button{border:1px solid rgba(38,125,24,.38)!important;border-radius:999px!important;background:#daf2d3fa!important;color:#1f7314!important;box-shadow:0 .55rem 1.45rem #1c5b1229!important}.dfn-related-products__button:hover:not(:disabled){border-color:#267d189e!important;background:#ccebc4!important;color:#185f0e!important}.dfn-related-products__button{border-color:#267d1894!important;background:#4ba33447!important;color:#1d6b13!important;box-shadow:0 .55rem 1.45rem #1c5b1233!important}.dfn-related-products__button:hover:not(:disabled){border-color:#267d18c7!important;background:#4ba33466!important;color:#15570c!important}.dfn-related-products__button{border-color:#1c6811d1!important;background:#3791238a!important;color:#124f0a!important;box-shadow:0 .6rem 1.55rem #18520e3d!important}.dfn-related-products__button:hover:not(:disabled){border-color:#185b0ef2!important;background:#379123b3!important;color:#0c4206!important}.dfn-related-products__button svg path{stroke:currentColor;stroke-width:.55px;stroke-linejoin:round}.dfn-related-products__button .dfn-chevron-bold{width:1.65rem!important;height:1.65rem!important;overflow:visible}.dfn-related-products__button{border-color:#1f6f13!important;background:linear-gradient(180deg,#31951f,#247b16)!important;color:#fff!important;box-shadow:0 .7rem 1.65rem #18520e4d!important}.dfn-related-products__button:hover:not(:disabled){border-color:#185f0e!important;background:linear-gradient(180deg,#278516,#1f6f13)!important;color:#fff!important}.dfn-related-products__button svg path{stroke:#fff!important;stroke-width:4.2px!important;stroke-linecap:round!important;stroke-linejoin:round!important}.dfn-related-products__button{display:grid!important;padding:0!important;place-items:center!important;line-height:0!important}.dfn-related-products__button .dfn-chevron-bold{display:block!important;margin:0!important;transform-origin:50% 50%!important}
/*# sourceMappingURL=/cdn/shop/t/75/assets/related-products-upgrade-custom.css.map */