@layer base{.sa-shop-banner{background-color:var(--sa-shop-banner-bg, #f8f6f2)}}@layer components{sa-shop-banner{display:block;width:100%}.sa-shop-banner__inner{display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vw,2.5rem);padding-top:var(--sa-shop-banner-pt-m, 32px);padding-bottom:var(--sa-shop-banner-pb-m, 32px)}.sa-shop-banner__content{display:contents}.sa-shop-banner__header{order:1;width:100%;text-align:center}.sa-shop-banner__media{order:2;width:100%;max-width:min(100%,560px);overflow:hidden;border-radius:.5rem}.sa-shop-banner__cta{order:3;width:100%;display:flex;justify-content:center}.sa-shop-banner__img-wrap--pc{display:none}.sa-shop-banner__img-wrap--mobile{display:block;width:100%}.sa-shop-banner__img-wrap--mobile .sa-shop-banner__img{width:100%;height:auto;display:block}.sa-shop-banner__btn{display:inline-block;padding:8px 24px;background-color:var(--sa-shop-banner-btn-bg, #333333);color:var(--sa-shop-banner-btn-color, #ffffff);font-size:clamp(.875rem,1.5vw,1rem);font-weight:400;text-decoration:none;border:none;border-radius:.375rem;cursor:pointer;transition:opacity .2s}.sa-shop-banner__btn:hover{opacity:.9}}@media(max-width:767px){.sa-shop-banner__inner{gap:0}.sa-shop-banner__header{margin-bottom:24px}.sa-shop-banner__media{margin-top:0;margin-bottom:0}.sa-shop-banner__cta{margin-top:40px}}@media(min-width:768px){.sa-shop-banner__inner{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:center;gap:clamp(2rem,4vw,3rem);padding-top:var(--sa-shop-banner-pt-pc, 60px);padding-bottom:var(--sa-shop-banner-pb-pc, 60px)}.sa-shop-banner__content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(1.25rem,2vw,1.5rem);grid-column:1;grid-row:1;min-height:0}.sa-shop-banner__header{order:unset;width:100%;text-align:left}.sa-shop-banner__media{order:unset;grid-column:2;grid-row:1;max-width:none;width:100%;justify-self:end;align-self:center}.sa-shop-banner__cta{order:unset;justify-content:flex-start}.sa-shop-banner__img-wrap--pc{display:block;width:100%}.sa-shop-banner__img-wrap--mobile{display:none}.sa-shop-banner__img-wrap--pc .sa-shop-banner__img{width:100%;height:auto;display:block}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sa-shop-banner.css.map */