.storefront-hero{--sh-cream: #faf6f0;--sh-wall: #f0e6d3;--sh-terracotta: #c17f4a;--sh-sage: #5b8a6e;--sh-dark-wood: #3d2b1f;--sh-gold: #c9a84c;--sh-gold-light: #ead98a;--sh-red: #c0392b;--sh-frame: #6b4423}.storefront-hero{position:relative;overflow:hidden;background-color:#efecec;font-family:Playfair Display,Georgia,serif;margin:0;padding:0}.sh-image-area{position:relative;width:100%;line-height:0}.sh-bg-image{display:block;width:100%;height:auto}.sh-bg-placeholder{width:100%;min-height:420px;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(160,120,70,.04) 3px,rgba(160,120,70,.04) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(160,120,70,.04) 3px,rgba(160,120,70,.04) 4px),var(--sh-wall);display:flex;align-items:center;justify-content:center}.sh-bg-placeholder__hint{font-family:Caveat,cursive;font-size:1.1rem;color:var(--sh-terracotta);opacity:.7;line-height:normal}.sh-hotspot{position:absolute;left:var(--hs-left, 10%);top:var(--hs-top, 20%);width:var(--hs-w, 15%);height:var(--hs-h, 30%);background:transparent;border:none;cursor:pointer;text-decoration:none;border-radius:6px;transition:background .25s ease,box-shadow .25s ease;z-index:5}.sh-hotspot:hover,.sh-hotspot:focus-visible{background:#ffffff14;box-shadow:0 0 0 2px #c9a84c59,0 4px 20px #0000001f;outline:none}.sh-hotspot__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);opacity:0;pointer-events:none;background:#efecec;color:#000;font-family:Playfair Display,Georgia,serif;font-size:.9rem;font-weight:400;letter-spacing:.04em;line-height:1;white-space:nowrap;padding:.55rem 1.1rem .6rem;border-radius:5px;border:1px solid rgba(201,168,76,.38);box-shadow:0 6px 18px #00000061,0 2px 6px #0003;transition:opacity .22s ease,transform .22s ease}.sh-hotspot__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#efecec}.sh-hotspot:hover .sh-hotspot__tooltip,.sh-hotspot:focus-visible .sh-hotspot__tooltip{opacity:1;transform:translate(-50%) translateY(0)}.sh-hotspot--flip .sh-hotspot__tooltip{bottom:auto;top:calc(100% + 10px);transform:translate(-50%) translateY(-6px)}.sh-hotspot--flip .sh-hotspot__tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#efecec}.sh-hotspot--flip:hover .sh-hotspot__tooltip,.sh-hotspot--flip:focus-visible .sh-hotspot__tooltip{transform:translate(-50%) translateY(0)}@media(max-width:600px){.sh-hotspot__tooltip{font-size:.78rem;padding:.45rem .8rem .5rem}}@media(prefers-reduced-motion:reduce){.sh-hotspot,.sh-hotspot__tooltip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/storefront-hero.css.map */