.shfw-cross-sell{width:100%;background:rgb(var(--color-background));padding:calc(var(--section-gap, 48px) * 1.1) 0;color:rgb(var(--color-foreground))}.shfw-cross-sell__inner{max-width:1400px;margin-inline:auto;padding-inline:var(--page-gutter)}@media(min-width:750px){.shfw-cross-sell__inner{padding-inline:calc(var(--page-gutter) * 2)}}.shfw-cross-sell__head{margin-bottom:var(--space-10)}.shfw-cross-sell__eyebrow{font-family:var(--font-body);font-size:calc(var(--font-size-sm) * .9);font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--color-kk-green);margin:0 0 var(--space-3) 0}.shfw-cross-sell__heading{position:relative;font-family:var(--font-heading);font-size:clamp(var(--font-size-2xl),4.4vw,3.4rem);font-weight:400;text-transform:uppercase;line-height:1.02;margin:0;letter-spacing:.01em;color:rgb(var(--color-foreground))}.shfw-cross-sell__heading:after{content:"";display:block;width:104px;height:6px;margin-top:var(--space-3);border-radius:2px;background:var(--gradient-rainbow-90);background-size:1200% 1200%;animation:rainbowGradient 8s linear infinite}.shfw-cross-sell__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(min-width:750px){.shfw-cross-sell__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}.shfw-cross-sell__grid--scroll{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--space-4);scroll-padding-inline:var(--page-gutter);scrollbar-width:none;-ms-overflow-style:none}.shfw-cross-sell__grid--scroll::-webkit-scrollbar{display:none}.shfw-cross-sell__grid--scroll .shfw-cross-sell__card{flex:0 0 80%;scroll-snap-align:start}@media(min-width:750px){.shfw-cross-sell__grid--scroll{gap:var(--space-6)}.shfw-cross-sell__grid--scroll .shfw-cross-sell__card{flex-basis:31%}}.shfw-cross-sell__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--color-kk-green-light);border:var(--border-width, 2px) solid var(--color-kk-green);border-radius:2px;overflow:hidden;transition:transform var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease)}.shfw-cross-sell__card:hover{transform:translateY(-4px);box-shadow:0 10px 0 -2px rgba(var(--color-kk-green-rgb),.18)}.shfw-cross-sell__image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#fff;border-bottom:var(--border-width, 2px) solid var(--color-kk-green)}.shfw-cross-sell__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease-out}.shfw-cross-sell__card:hover .shfw-cross-sell__image{transform:scale(1.05)}.shfw-cross-sell__content{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.shfw-cross-sell__title{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1.25;margin:0;color:rgb(var(--color-foreground))}.shfw-cross-sell__description{font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.5;color:rgba(var(--color-foreground),.7);margin:0}.shfw-cross-sell__link-text{margin-top:var(--space-2);font-family:var(--font-body);font-size:calc(var(--font-size-sm) * .9);font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-kk-green);display:inline-flex;align-items:center;gap:var(--space-1)}.shfw-cross-sell__link-text .shfw-arrow{display:inline-flex;align-items:center;transition:transform var(--transition-fast, .2s ease)}.shfw-cross-sell__link-text .shfw-arrow svg{width:1.2em;height:1.2em}.shfw-cross-sell__card:hover .shfw-arrow{transform:translate(4px)}.shfw-cross-sell [data-shfw-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--shfw-reveal-i, 0) * 70ms);will-change:opacity,transform}.shfw-cross-sell [data-shfw-reveal].shfw-is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.shfw-cross-sell [data-shfw-reveal]{opacity:1;transform:none;transition:none}.shfw-cross-sell__image,.shfw-cross-sell__card{transition:none}.shfw-cross-sell__heading:after{animation:none}}@media(max-width:749px){.shfw-cross-sell{padding:var(--space-12) 0}.shfw-cross-sell__head{margin-bottom:var(--space-8)}.shfw-cross-sell__grid{gap:var(--space-3)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-shfw-cross-sell.css.map */