.page-style-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.2rem; }
.page-style-tabs button { padding: .7rem 1.1rem; border: 1px solid #ccd6df; border-radius: 999px; background: #fff; color: #17364d; cursor: pointer; font: inherit; }
.page-style-tabs button[aria-selected="true"] { background: #17364d; color: #fff; }
[data-style-editor] [hidden] { display: none !important; }
.page-palette-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .8rem; }
.page-palette { display: grid; gap: .6rem; text-align: left; padding: 1rem; border: 1px solid #ccd6df; border-radius: 14px; background: #fff; color: #17364d; cursor: pointer; font: inherit; }
.page-palette[aria-pressed="true"] { outline: 3px solid #245a80; }
.page-palette > span:last-child { font-size: .8rem; }
.page-palette-swatches { display: flex; overflow: hidden; border-radius: 9px; border: 1px solid #ccd6df; }
.page-palette-swatches i { flex: 1; height: 38px; }
.page-heading-options { padding: 1rem; margin: 1.5rem 0; border: 1px solid #ccd6df; border-radius: 14px; }
.page-heading-options input[type="color"], .page-color-fields input[type="color"] { width: 54px; height: 40px; display: inline-block; vertical-align: middle; }
.page-color-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .8rem; }
.page-style-preview { padding: 1.5rem; margin-top: 1.2rem; border: 1px solid #ccd6df; border-radius: 14px; }
.page-style-preview > span { display: inline-block; padding: .7rem 1rem; border-radius: 999px; }
.page-heading-preview, [data-style-editor] .style-preview-hero h1, .page-style-preview h2,
.is-store h1, .is-store h2, .is-store h3, .hm h1, .hm h2, .hm h3 {
  color: var(--page-heading-color, inherit);
  -webkit-text-stroke: var(--page-outline-width, 0px) var(--page-outline-color, transparent);
  paint-order: stroke fill;
}
.page-heading-preview { font-size: 1.7rem; font-weight: 800; }
.hm.hm-custom .hm-cta, .hm.hm-custom .hm-sticky { background: var(--hm-custom-accent); color: var(--hm-custom-ink); }
.page-style-tabs button:focus-visible, .page-palette:focus-visible { outline: 3px solid #245a80; outline-offset: 3px; }
.zone-fades { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.zone-fades .fade-choice { min-width: 0; text-align: center; }
.zone-fades .fade-choice > span:last-child { white-space: normal; font-size: .85rem; line-height: 1.4; }
.campaign-image { position: relative; }
.campaign-overlay { position: absolute; inset: 0; pointer-events: none; z-index: 3; overflow: hidden; border-radius: inherit; }
.campaign-ribbon { position: absolute; bottom: 12px; left: 0; max-width: 85%; padding: 7px 16px; border-radius: 0 8px 8px 0; background: #a91c31; color: #fff; font: 700 14px/1.35 system-ui,sans-serif; overflow-wrap: anywhere; box-shadow: 0 2px 8px #0003; }
.campaign-hotsale .campaign-ribbon { background: #ad2911; }
.campaign-blackfriday .campaign-ribbon { background: #161616; color: #ffe38b; }
.campaign-cybermonday .campaign-ribbon { background: #3930a4; }
.campaign-promo .campaign-ribbon { background: #205a3b; }
.campaign-decoration { position: absolute; right: 3%; top: 0; width: clamp(48px, 23%, 110px); height: auto; filter: drop-shadow(0 2px 2px #0003); }
.campaign-preview { margin-top: 1rem; width: min(100%, 320px); aspect-ratio: 4/3; border-radius: 16px; background: linear-gradient(135deg,#edf2f7,#cad9e6); display: grid; place-items: center; color: #17364d; }
.campaign-image.hm-cover-frame { min-width: 0; }
.hm-cover-frame .hm-sales-cover { width: 100%; height: 100%; object-fit: contain; }