.summer-feature-block{display:grid;grid-template-columns:1fr;border-top:1px solid #efefef;border-bottom:1px solid #efefef;background-color:var(--feature-bg, #ffffff);color:var(--feature-text, #1a1a1a);overflow:hidden}.summer-feature-block__copy{display:flex;flex-direction:column;background-color:var(--feature-bg, #faf9f7);min-width:0;overflow:hidden}.summer-feature-block__copy-inner{margin:0;border:none;display:flex;flex-direction:column;flex:1;overflow:hidden;min-width:0}.summer-feature-block__lifestyle-img{width:100%;aspect-ratio:4 / 3;overflow:hidden;flex-shrink:0}.summer-feature-block__lifestyle-img-el{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.summer-feature-block__lifestyle-img--placeholder{width:100%;height:100%;background:#e8e5df;display:flex;align-items:center;justify-content:center}.summer-feature-block__lifestyle-img--placeholder .placeholder-svg{width:50%;height:50%;fill:#d8d4cc}.summer-feature-block__text-area{padding:32px 28px 36px;display:flex;flex-direction:column;gap:20px;flex:1;justify-content:center}.summer-feature-block__heading{font-size:clamp(22px,3vw,28px);font-weight:500;line-height:1.25;letter-spacing:-.01em;margin:0}.summer-feature-block__body{font-size:18px;line-height:1.8;color:#000;margin:0}.summer-feature-block__body p{margin:0 0 1em}.summer-feature-block__body p:last-child{margin-bottom:0}.summer-feature-block__cta{display:inline-block;padding:14px 24px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background-color:#fff;color:#000;border:1px solid #000000;border-radius:2px;align-self:flex-start;transition:background-color .2s ease,color .2s ease}.summer-feature-block__cta:hover{background-color:#000;color:#fff}.summer-feature-block__secondary-link{display:block;font-size:18px;color:#000;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.summer-feature-block__secondary-link:hover{opacity:.6}.summer-feature-block__products{background:#fff;padding:32px 24px;display:flex;flex-direction:column;gap:10px;justify-content:center}.summer-feature-block__mini-product{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #efefef;padding:10px 12px;text-decoration:none;color:inherit;transition:border-color .2s ease}.summer-feature-block__mini-product:hover{border-color:#ccc}.summer-feature-block__mini-product--placeholder{opacity:.5;pointer-events:none}.summer-feature-block__mini-img{width:var(--mini-img-size, 120px);height:var(--mini-img-size, 120px);flex-shrink:0;overflow:hidden;background:#f0ede6}.summer-feature-block__mini-img-el{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.summer-feature-block__mini-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.summer-feature-block__mini-img-placeholder .placeholder-svg{width:100%;height:100%;fill:#d8d4cc}.summer-feature-block__mini-info{flex:1;min-width:0;overflow:hidden}.summer-feature-block__mini-name{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 2px}.summer-feature-block__mini-price{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}@media screen and (max-width:989px){.summer-feature-block,.summer-feature-block__copy,.summer-feature-block__copy-inner,.summer-feature-block__products,.summer-feature-block__text-area,.summer-feature-block__lifestyle-img{max-width:100%;width:100%;box-sizing:border-box}.summer-feature-block__heading{font-size:22px;word-break:break-word}.summer-feature-block__body{font-size:16px}.summer-feature-block__mini-img{width:80px!important;height:80px!important}.summer-feature-block__mini-name{font-size:14px;white-space:normal}.summer-feature-block__mini-price{font-size:15px}}@media screen and (min-width:990px){.summer-feature-block{grid-template-columns:1fr 1fr;min-height:480px}.summer-feature-block__copy{order:0}.summer-feature-block__products{order:1;padding:40px 36px}.summer-feature-block__copy-inner{margin:32px;border:1px solid #e5e5e5}.summer-feature-block__text-area{padding:32px 36px 40px}.summer-feature-block--reverse .summer-feature-block__copy{order:1}.summer-feature-block--reverse .summer-feature-block__products{order:0}}@media screen and (min-width:1280px){.summer-feature-block__copy-inner{margin:40px}.summer-feature-block__text-area{padding:36px 40px 44px}.summer-feature-block__products{padding:56px 48px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/summer-feature-block.css.map */