.umami-snack-banner{position:relative;isolation:isolate;aspect-ratio:18 / 5;min-height:340px;overflow:hidden;background:#f7f3eb;color:#30372d}.umami-snack-banner__art{position:absolute;top:0;right:0;bottom:0;left:0}.umami-snack-banner__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.umami-snack-banner:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#f7f3eb 0%,#f7f3eb 28%,rgb(247 243 235 / 75%) 34%,transparent 43%)}.umami-snack-banner__copy{position:absolute;z-index:2;inset:0 auto 0 0;width:42%;display:flex;flex-direction:column;justify-content:center;padding:30px clamp(30px,4vw,58px)}.umami-snack-banner .umami-snack-banner__title{margin:0 0 14px;color:inherit;font-family:var(--umami-heading, Georgia, "Noto Serif TC", PMingLiU, serif);font-size:clamp(40px,3.75vw,54px);font-weight:500;line-height:1.15;letter-spacing:.08em}.umami-snack-banner .umami-snack-banner__subtitle{margin:0 0 25px;color:#5d6257;font-family:Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:12px;line-height:1.5;letter-spacing:.23em}.umami-snack-banner__description{width:100%;max-width:365px;font-size:16px;line-height:1.5;letter-spacing:.04em}.umami-snack-banner__description p{margin:0}.umami-snack-banner__description p:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.umami-snack-banner__description a{grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:12px 16px;border:1px solid #30372d;color:#30372d;background:#f7f3eb;font-size:16px;line-height:1.25;letter-spacing:0;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.umami-snack-banner__description a:first-of-type{grid-column:1;color:#f7f3eb;background:#30372d}.umami-snack-banner__description a:nth-of-type(2){grid-column:2}.umami-snack-banner__description a span{font-family:Arial,sans-serif;font-size:21px}.umami-snack-banner__description a:hover{background:#e8e7dc;color:#30372d}.umami-snack-banner__description a:focus-visible{outline:3px solid #95684d;outline-offset:4px}.umami-snack-banner__description p+p{margin-top:22px;font-size:12px;color:#62675b;letter-spacing:.06em}@media(min-width:750px)and (max-width:1050px){.umami-snack-banner{min-height:340px}.umami-snack-banner__copy{width:46%;padding-inline:28px}.umami-snack-banner__description a{font-size:14px;padding-inline:12px}.umami-snack-banner:before{background:linear-gradient(90deg,#f7f3eb 0%,#f7f3eb 32%,transparent 52%)}}@media(max-width:749px){.umami-snack-banner{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}.umami-snack-banner:before{display:none}.umami-snack-banner__copy{position:relative;inset:auto;order:0;width:100%;padding:28px 24px 22px}.umami-snack-banner .umami-snack-banner__title{font-size:36px;margin-bottom:12px}.umami-snack-banner .umami-snack-banner__subtitle{font-size:11px;margin-bottom:22px}.umami-snack-banner__description{max-width:none;font-size:15px}.umami-snack-banner__description a{min-height:48px;padding:11px 13px;font-size:15px}.umami-snack-banner__description p+p{margin-top:18px;font-size:11px}.umami-snack-banner__art{position:relative;inset:auto;order:1;width:100%;aspect-ratio:1.8;overflow:hidden}.umami-snack-banner__art img{position:absolute;inset:0 auto auto auto;right:0;width:auto;max-width:none;height:100%}}@media(prefers-reduced-motion:reduce){.umami-snack-banner__description a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/umami-snack-banner.css.map */