.shop-promo{--promo-bg:#171717;--promo-fg:#fff;text-decoration:none!important;display:flex;overflow:hidden;box-sizing:border-box;color:#171717;min-width:0}.shop-promo-card{flex-direction:column;align-self:stretch;background:#fff;border:1px solid #e3e5e7}.shop-promo-art{background-color:var(--promo-bg);color:var(--promo-fg);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0}.shop-promo-card .shop-promo-art{aspect-ratio:5/6;width:100%}.shop-promo-art img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}.shop-promo-art-text{padding:28px;text-align:center;font-size:clamp(20px,2vw,32px);font-weight:750;line-height:1.2;white-space:pre-line;overflow-wrap:anywhere;z-index:1}.shop-promo-copy{padding:16px}.shop-promo-title{font-size:16px;line-height:1.35;display:block;overflow-wrap:anywhere}.shop-promo-description{font-size:14px;line-height:1.55;margin:8px 0;color:inherit;overflow-wrap:anywhere}.shop-promo-cta{display:inline-block;font-size:13px;font-weight:600;margin-top:10px;padding:10px 16px;border:1px solid currentColor}.shop-promo-wide{margin:24px 0;background:var(--promo-bg);color:var(--promo-fg);min-height:140px;align-items:stretch;width:100%}.shop-promo-wide .shop-promo-art{width:30%;flex:0 0 30%;min-height:140px}.shop-promo-wide .shop-promo-copy{display:flex;flex:1;flex-direction:column;justify-content:center;padding:24px 32px}.shop-promo-wide .shop-promo-title{font-size:24px}.shop-promo-wide .shop-promo-cta{align-self:flex-start}.shop-promo-wide.promo-image .shop-promo-art{flex-basis:45%;width:45%}.shop-promo-wide.promo-image .shop-promo-art img{position:static;aspect-ratio:12/1;align-self:center}.shop-promo-art.pattern-lines{background-image:repeating-linear-gradient(135deg,transparent,transparent 12px,#ffffff18 12px,#ffffff18 13px)}.shop-promo-art.pattern-grid{background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:24px 24px}.shop-promo [hidden]{display:none!important}.promo-editor-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:24px}.promo-editor-form .form-group{margin:20px 0}.promo-editor-form label{font-weight:600;display:block;margin-bottom:8px}.promo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0}.promo-editor-form input[type=color]{display:block;width:100%;height:42px;border:1px solid #dce0e4;background:#fff;padding:4px}.promo-check{display:flex;gap:10px;align-items:center;margin:18px 0}.promo-check label{margin:0}.promo-editor-form input[type=checkbox],.promo-editor-form input[type=radio]{position:static!important;appearance:auto!important;opacity:1!important;width:20px!important;height:20px!important;accent-color:#171717;margin:0 10px 0 0!important;vertical-align:middle}.promo-editor-form label::before,.promo-editor-form label::after{display:none!important}.promo-live-preview{position:sticky;top:20px;align-self:start}.promo-live-preview .shop-promo-card{max-width:330px;margin:auto}.promo-live-preview .shop-promo-wide .shop-promo-copy{padding:16px}.promo-live-preview .shop-promo-wide .shop-promo-title{font-size:18px}.promo-editor-form small{display:block;color:#65717d;margin-top:5px}.promo-editor-layout .panel-body{padding:24px}.shop-promo-wrap{min-width:0}@media(max-width:850px){.promo-editor-layout{grid-template-columns:1fr}.promo-live-preview{position:static}.shop-promo-wide .shop-promo-title{font-size:19px}.shop-promo-wide .shop-promo-copy{padding:16px}}@media(max-width:500px){.promo-fields{grid-template-columns:1fr}.shop-promo-wide{flex-direction:column}.shop-promo-wide .shop-promo-art,.shop-promo-wide.promo-image .shop-promo-art{width:100%;flex-basis:auto;min-height:100px}.shop-promo-wide .shop-promo-art-text{font-size:22px}}
.promo-editor-form [hidden]{display:none!important}.shop-promo-wide.promo-image{flex-direction:column}.shop-promo-wide.promo-image .shop-promo-art{width:100%;flex-basis:auto;min-height:0}.shop-promo-wide.promo-image .shop-promo-art img{width:100%;height:auto;aspect-ratio:auto}.shop-promo-wide.promo-image .shop-promo-copy{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.shop-promo-wide.promo-image .shop-promo-cta{margin:0 0 0 auto;}.shop-promo-card .shop-promo-art{aspect-ratio:auto;min-height:190px;flex:1}.promo-live-preview .shop-promo-card{min-height:405px}.shop-promo-card .shop-promo-art-text{font-size:24px;padding:20px;}.promo-editor-layout.is-wide{grid-template-columns:1fr}.promo-editor-layout.is-wide .promo-live-preview{position:static;grid-row:1;grid-column:1/-1}.promo-editor-layout.is-wide .shop-promo-wide{margin:0;min-height:150px}.promo-editor-layout.is-wide .shop-promo-wide .shop-promo-title{font-size:24px}.promo-editor-layout.is-wide .shop-promo-wide .shop-promo-copy{padding:24px 32px}.promo-editor-layout.is-wide .promo-live-preview .panel-body{padding:20px;}.new-design.new-design a.shop-promo-wide,.new-design.new-design a.shop-promo-wide:hover,.new-design.new-design .shop-promo-wide .shop-promo-copy,.new-design.new-design .shop-promo-wide .shop-promo-title,.new-design.new-design .shop-promo-wide .shop-promo-description,.new-design.new-design .shop-promo-wide .shop-promo-cta{color:var(--promo-fg)}

.shop-promo[data-align=left] .shop-promo-copy{text-align:left}.shop-promo[data-align=center] .shop-promo-copy{text-align:center}.shop-promo[data-align=right] .shop-promo-copy{text-align:right}.shop-promo-wide .shop-promo-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-content:center}.shop-promo-wide .shop-promo-title,.shop-promo-wide .shop-promo-description{grid-column:1}.shop-promo-wide .shop-promo-cta{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;white-space:nowrap}.shop-promo-wide.promo-image .shop-promo-copy{display:grid}.shop-promo-wide.promo-image .shop-promo-copy:empty{display:none}@media(max-width:700px){.shop-promo-wide .shop-promo-copy{grid-template-columns:1fr;gap:8px}.shop-promo-wide .shop-promo-cta{grid-column:1;grid-row:auto;justify-self:start}.shop-promo-wide[data-align=center] .shop-promo-cta{justify-self:center}.shop-promo-wide[data-align=right] .shop-promo-cta{justify-self:end}}
.shop-promo-popup{flex-direction:column;background:#fff;color:#171717;position:relative;width:100%}.shop-promo-popup .shop-promo-art{min-height:160px;aspect-ratio:13/8}.shop-promo-popup .shop-promo-copy{padding:28px}.shop-promo-popup .shop-promo-title{font-size:24px;line-height:1.3}.promo-preview-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;background:#fff;color:#171717;border-radius:50%;font-size:25px;z-index:2}.promo-live-preview .shop-promo-popup{max-width:520px;margin:auto}.promo-preview-newsletter{text-align:left;margin-top:20px}.promo-preview-newsletter input[type=checkbox]{width:18px;vertical-align:middle;margin-right:7px}.promo-preview-newsletter input[type=email]{width:100%;padding:12px;margin:8px 0}.promo-preview-newsletter p{font-size:12px}.promo-preview-newsletter button{margin-top:10px}#shop-popup{max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:0;border:0;box-shadow:0 15px 80px #0004;color:#171717;background:#fff;overflow:auto}#shop-popup::backdrop{background:#0008}#shop-popup .shop-popup-close{position:absolute;right:10px;top:10px;z-index:3;background:#fff;color:#171717;display:grid;place-items:center;padding:0;font-size:28px;line-height:1;width:38px;height:38px;border:1px solid #ddd;border-radius:50%;cursor:pointer}#shop-popup .shop-popup-newsletter{margin-top:22px;text-align:left}#shop-popup label{display:block;font-size:13px;font-weight:500;margin-bottom:8px}#shop-popup input[type=email]{box-sizing:border-box;width:100%;height:46px;border:1px solid #d7d7d7;padding:10px;font:inherit}#shop-popup .popup-consent{display:flex;align-items:flex-start;gap:9px;margin-top:16px}#shop-popup .popup-consent input{position:static!important;appearance:auto!important;opacity:1!important;min-width:18px;width:18px;height:18px;accent-color:#171717;margin:2px 0 0!important}#shop-popup .popup-consent label{line-height:1.5;margin:0}#shop-popup .popup-consent label::before,#shop-popup .popup-consent label::after{display:none!important}#shop-popup .popup-privacy{font-size:12px;text-decoration:underline;display:inline-block;margin:12px 0}#shop-popup input[type=submit]{display:block;width:100%;border:0;background:#171717;color:#fff;padding:14px;font:inherit;font-weight:600;cursor:pointer}#shop-popup input[type=submit]:disabled{opacity:.5}#shop-popup .shop-popup-status:not(:empty){background:#f2f5f3;padding:12px;margin-bottom:14px;font-size:14px;line-height:1.5}#shop-popup [hidden]{display:none!important}#shop-popup .shop-promo-title,#shop-popup .shop-promo-description{color:#171717}#shop-popup .shop-promo-art-text{color:var(--promo-fg)}
#shop-popup .popup-consent > label{display:flex;align-items:flex-start;gap:10px;font-weight:400}#shop-popup .popup-consent input{flex:0 0 18px}

/* Shared popup appearance: the editor and storefront use the same controls. */
.shop-promo-popup{background:var(--popup-background,#fff);color:var(--popup-foreground,#171717)}
#shop-popup .shop-promo-title,#shop-popup .shop-promo-description,.shop-promo-popup .shop-promo-title,.shop-promo-popup .shop-promo-description{color:var(--popup-foreground,#171717)}
.shop-promo-popup .shop-promo-cta,#shop-popup .shop-promo-cta,#shop-popup input[type=submit],.shop-promo-popup .popup-preview-submit{box-sizing:border-box;display:inline-block;background:var(--button-background,#171717);color:var(--button-foreground,#fff);border:1px solid var(--button-background,#171717);border-radius:0;padding:14px 20px;font-family:inherit;font-size:14px;line-height:1.4;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;white-space:normal;overflow-wrap:anywhere;transition:background-color .15s,color .15s}
#shop-popup input[type=submit],.shop-promo-popup .popup-preview-submit{display:block;width:100%;font-family:inherit;font-size:14px;line-height:1.4;font-weight:600}
.shop-promo-popup .shop-promo-cta:hover,#shop-popup .shop-promo-cta:hover,#shop-popup input[type=submit]:hover,.shop-promo-popup .popup-preview-submit:hover{background:var(--button-hover-background,#333);border-color:var(--button-hover-background,#333);color:var(--button-hover-foreground,#fff)}
.promo-preview-newsletter .popup-consent{display:flex;align-items:flex-start;gap:9px;margin-top:16px}.promo-preview-newsletter .popup-consent label{font-size:13px;line-height:1.5;font-weight:400;margin:0}.promo-preview-newsletter .popup-consent input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:#171717}.promo-preview-newsletter .popup-privacy{display:inline-block;font-size:12px;text-decoration:underline;margin:12px 0}.promo-preview-newsletter input[type=email]{box-sizing:border-box;height:46px;border:1px solid #d7d7d7;border-radius:0;padding:10px;font:inherit;margin:0}.promo-preview-newsletter>label{display:block;font-size:13px;font-weight:500;margin-bottom:8px}.promo-preview-newsletter .popup-preview-submit{margin:0}.promo-preview-newsletter{margin-top:22px}.promo-preview-close{width:38px;height:38px;border:1px solid #ddd;font-size:28px}

.promo-preview-states{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.promo-preview-states [aria-pressed=true]{background:#171717!important;color:#fff!important;border-color:#171717!important}
#shop-popup .shop-popup-close,.shop-promo-popup .promo-preview-close{background:var(--close-background,#fff)!important;color:var(--close-foreground,#171717)!important;border:1px solid #ddd;padding:0;line-height:1;cursor:pointer}
#shop-popup .shop-popup-close:hover,.shop-promo-popup .promo-preview-close:hover,.shop-promo-popup[data-preview-state=hover] .promo-preview-close{background:var(--close-hover-background,#171717)!important;color:var(--close-hover-foreground,#fff)!important;border-color:var(--close-hover-background,#171717)!important}
#shop-popup .shop-promo-cta,#shop-popup input[type=submit],.shop-promo-popup .shop-promo-cta,.shop-promo-popup .popup-preview-submit{background:var(--button-background,#171717)!important;color:var(--button-foreground,#fff)!important;border-color:var(--button-background,#171717)!important}
#shop-popup .shop-promo-cta:hover,#shop-popup input[type=submit]:hover,.shop-promo-popup .shop-promo-cta:hover,.shop-promo-popup .popup-preview-submit:hover,.shop-promo-popup[data-preview-state=hover] .shop-promo-cta,.shop-promo-popup[data-preview-state=hover] .popup-preview-submit{background:var(--button-hover-background,#333)!important;color:var(--button-hover-foreground,#fff)!important;border-color:var(--button-hover-background,#333)!important}

/* Keep the pattern continuous across the full wide banner, including its copy. */
.shop-promo-wide:has(.shop-promo-art.pattern-lines){background-image:repeating-linear-gradient(135deg,transparent 0,transparent 12px,#ffffff18 12px,#ffffff18 13px)}.shop-promo-wide:has(.shop-promo-art.pattern-grid){background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:24px 24px}.shop-promo-wide .shop-promo-art.pattern-lines,.shop-promo-wide .shop-promo-art.pattern-grid{background-color:transparent;background-image:none}