.related-products{width:100%;padding-top:var(--related-products-padding-top);padding-bottom:var(--related-products-padding-bottom);overflow:hidden;color:var(--color-black)}.related-products--background{background:var(--color-background)}.related-products--white{background:var(--color-white)}.related-products--soft{background:var(--color-surface-soft)}.related-products--empty{display:none}.related-products__inner{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--site-padding)}.related-products__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);align-items:end;gap:clamp(40px,7vw,100px);margin-bottom:clamp(34px,5vw,62px)}.related-products__heading-group,.related-products__header-content{min-width:0}.related-products__eyebrow{margin:0 0 var(--space-sm);color:var(--color-muted);font-size:var(--font-size-label);line-height:1.3;font-weight:650;letter-spacing:.055em;text-transform:uppercase}.related-products__heading{max-width:15ch;margin:0;color:var(--color-black);font-size:var(--font-size-section-title);line-height:var(--line-height-section-title);font-weight:600;letter-spacing:-.02em;text-wrap:balance}.related-products__header-content{padding-bottom:5px}.related-products__text{max-width:47ch;margin:0;color:var(--color-muted);font-size:16px;line-height:1.65}.related-products__text>:first-child{margin-top:0}.related-products__text>:last-child{margin-bottom:0}.related-products__link{display:inline-flex;align-items:center;gap:10px;width:fit-content;min-height:42px;margin-top:21px;padding-bottom:3px;border-bottom:2px solid var(--color-main-green);color:var(--color-black);font-size:14px;line-height:1.3;font-weight:650;transition:color var(--transition-fast),border-color var(--transition-fast)}.related-products__link svg{width:18px;height:18px;fill:none;stroke:var(--color-main-green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--transition-fast),transform var(--transition-fast)}.related-products__link:hover{color:var(--color-dark-green);border-color:currentColor}.related-products__link:hover svg{stroke:currentColor;transform:translate(3px)}.related-products__carousel{min-width:0}.related-products__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.2vw,30px);min-width:0}.related-products--desktop-3 .related-products__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-products__grid:focus-visible{outline:3px solid var(--color-orange);outline-offset:8px}.related-products__item{min-width:0}.related-products__controls{display:none;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:30px;padding-top:20px;border-top:1px solid var(--color-border)}.related-products__progress{margin:0;color:var(--color-muted);font-size:12px;line-height:1.3;font-weight:650;letter-spacing:.045em}.related-products__buttons{display:flex;gap:8px}.related-products__button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--color-border-strong);border-radius:50%;background:transparent;color:var(--color-black);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.related-products__button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.related-products__button:hover:not(:disabled){border-color:var(--color-main-green);background:var(--color-main-green);color:var(--color-white)}.related-products__button:disabled{opacity:.35;cursor:default}.related-products__mobile-hint{display:none;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:18px;color:var(--color-muted);font-size:12px;line-height:1.3;font-weight:650;letter-spacing:.035em}.related-products__mobile-hint svg{width:28px;height:14px;fill:none;stroke:var(--color-main-green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.related-products__skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.2vw,30px)}.related-products--desktop-3 .related-products__skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-products__skeleton{display:grid;align-content:start}.related-products__skeleton-image,.related-products__skeleton-line{position:relative;display:block;overflow:hidden;background:#33744d17}.related-products__skeleton-image:after,.related-products__skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);transform:translate(-100%);animation:related-products-shimmer 1.5s infinite}.related-products__skeleton-image{width:100%;aspect-ratio:4 / 5;margin-bottom:18px;border-radius:var(--radius-md)}.related-products__skeleton-line{height:10px;border-radius:var(--radius-pill)}.related-products__skeleton-line--small{width:38%;margin-bottom:12px}.related-products__skeleton-line--title{width:78%;height:15px;margin-bottom:13px}.related-products__skeleton-line--price{width:28%}@keyframes related-products-shimmer{to{transform:translate(100%)}}@media screen and (max-width:1000px){.related-products__header{grid-template-columns:minmax(0,1fr);gap:22px}.related-products__heading{max-width:17ch}.related-products__header-content{max-width:620px;padding-bottom:0}.related-products__grid,.related-products--desktop-3 .related-products__grid,.related-products__skeleton-grid,.related-products--desktop-3 .related-products__skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.related-products{padding-top:min(var(--related-products-padding-top),76px);padding-bottom:min(var(--related-products-padding-bottom),76px)}.related-products__header{margin-bottom:28px}.related-products__eyebrow{margin-bottom:9px;font-size:12px}.related-products__heading{max-width:16ch;font-size:clamp(30px,8vw,38px);line-height:1.1}.related-products__text{font-size:15px}.related-products__link{margin-top:17px;font-size:13px}.related-products__carousel{margin-right:calc(var(--site-padding) * -1);margin-left:calc(var(--site-padding) * -1)}.related-products__grid,.related-products--desktop-3 .related-products__grid{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,340px);grid-template-columns:none;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;padding-right:var(--site-padding);padding-bottom:8px;padding-left:var(--site-padding);scroll-behavior:smooth;scroll-padding-left:var(--site-padding);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.related-products__grid::-webkit-scrollbar{display:none}.related-products__item{scroll-snap-align:start}.related-products__controls,.related-products__mobile-hint{display:flex;margin-right:var(--site-padding);margin-left:var(--site-padding)}.related-products__skeleton-grid,.related-products--desktop-3 .related-products__skeleton-grid{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,340px);grid-template-columns:none;gap:14px;overflow:hidden;margin-right:calc(var(--site-padding) * -1);margin-left:calc(var(--site-padding) * -1);padding-inline:var(--site-padding)}.related-products__skeleton:nth-child(n+3){display:none}}@media screen and (max-width:420px){.related-products__grid,.related-products--desktop-3 .related-products__grid,.related-products__skeleton-grid,.related-products--desktop-3 .related-products__skeleton-grid{grid-auto-columns:calc(100vw - 54px)}}@media(prefers-reduced-motion:reduce){.related-products__link,.related-products__link svg,.related-products__button,.related-products__grid{transition:none;scroll-behavior:auto}.related-products__skeleton-image:after,.related-products__skeleton-line:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/related-products.css.map */