.dj-related{--dj-accent: #008bcc;--dj-input: #e1e1e1;--dj-destructive: #e7000b;width:100%;margin-inline:auto;padding-inline:12px;background:var(--dj-bg)}@media(min-width:640px){.dj-related{max-width:640px;padding-inline:16px}}@media(min-width:768px){.dj-related{max-width:768px}}@media(min-width:1024px){.dj-related{max-width:1024px}}@media(min-width:1280px){.dj-related{max-width:1280px}}@media(min-width:1536px){.dj-related{max-width:1536px}}.dj-related__inner{max-width:1280px;margin:32px auto 0}@media(min-width:640px){.dj-related__inner{margin-top:40px}}.dj-related__inner>:not(:last-child){margin-bottom:24px}.dj .dj-related__title{font-size:24px;line-height:32px;font-weight:700;color:var(--dj-fg)}.dj-related__carousel{position:relative}.dj-related__viewport{overflow:hidden}.dj-related__track{display:flex;margin-left:-16px;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.dj-related__item{min-width:0;flex:0 0 100%;padding-left:16px}@media(min-width:768px){.dj-related__item{flex-basis:50%}}@media(min-width:1024px){.dj-related__item{flex-basis:25%}}.dj-related__card{display:block;height:100%;overflow:hidden;border-radius:12px;border:1px solid var(--dj-border);background:var(--dj-bg);color:var(--dj-fg);box-shadow:var(--dj-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.dj-related__card:hover{box-shadow:var(--dj-shadow-lg)}.dj-related__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--dj-secondary-30)}.dj-related__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dj-related__card:hover .dj-related__media img{transform:scale(1.05)}.dj-related__noimage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--dj-muted-fg)}.dj-related__badge{position:absolute;top:8px;left:8px;z-index:10;background:var(--dj-destructive);color:#fff;font-size:10px;line-height:16px;font-weight:700;padding:2px 8px;border-radius:9999px}.dj-related__body{padding:16px}.dj-related__body>:not(:last-child){margin-bottom:12px}.dj .dj-related__name{font-size:16px;line-height:1.6;font-weight:600;color:var(--dj-fg);transition:color .15s cubic-bezier(.4,0,.2,1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dj-related__card:hover .dj-related__name{color:var(--dj-primary)}.dj-related__row{display:flex;align-items:center;justify-content:space-between}.dj-related__prices{display:flex;align-items:baseline;gap:8px}.dj-related__price{font-size:18px;line-height:28px;font-weight:700}.dj-related__price--sale{color:var(--dj-destructive)}.dj-related__compare{font-size:14px;line-height:20px;color:var(--dj-muted-fg);text-decoration:line-through}.dj-related__view{text-align:center;gap:8px;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:6px;font-size:12px;line-height:16px;font-weight:500;border:1px solid var(--dj-input);background:var(--dj-bg);color:var(--dj-fg);box-shadow:var(--dj-shadow-sm);opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s,color .15s}.dj-related__card:hover .dj-related__view{opacity:1}.dj-related__view:hover{background:var(--dj-accent);color:#fff}.dj-related__arrow{font-size:14px;line-height:20px;font-weight:500;position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:9999px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dj-input);background:var(--dj-bg);color:var(--dj-fg);box-shadow:var(--dj-shadow-sm);cursor:pointer;transition:background-color .15s,color .15s}.dj-related__arrow:hover{background:var(--dj-accent);color:#fff}.dj-related__arrow:disabled{opacity:.5;pointer-events:none}.dj-related__arrow .custom-icon{width:16px;height:16px}.dj-related__arrow--prev{left:max(-48px,calc((100% - 100vw)/2 + 8px))}.dj-related__arrow--next{right:max(-48px,calc((100% - 100vw)/2 + 8px))}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-related-products.css.map */