.promotion-showcase{padding:14px 16px;background:linear-gradient(110deg,#fff8ee,#fffdf8);border-top:1px solid #f4e9d7;border-bottom:1px solid #eadfc9}
.promotion-showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.promotion-showcase-heading>span{font-size:8px;letter-spacing:1px;color:#b59b6b;white-space:nowrap}
.promotion-mode-switch{display:flex;align-items:center;gap:9px;cursor:pointer;color:#966924;font-size:12px}.promotion-mode-switch strong{font-weight:600}.promotion-mode-switch input{appearance:none;width:31px;height:18px;margin:0;background:#d5d9d0;border-radius:20px;position:relative;cursor:pointer;transition:background .15s}.promotion-mode-switch input:before{content:'';position:absolute;width:12px;height:12px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}.promotion-mode-switch input:checked{background:#119752}.promotion-mode-switch input:checked:before{transform:translateX(13px)}
.promotion-showcase-note{font-size:10px;line-height:1.8;color:#a38d69;margin:8px 0 12px;max-width:720px}.promotion-type-tabs{display:flex;gap:7px;flex-wrap:wrap}.promotion-type-tabs button{border:1px solid #e7d9bf;border-radius:5px;background:white;color:#9b835c;font:500 10px var(--font-ui);padding:8px 11px}.promotion-type-tabs button.selected{border-color:#e8ad72;background:#fff0dd;color:#ba701c}.promotion-type-tabs button:hover{background:#fff4e5}
.demo-offer .product-bottom{min-height:112px;gap:5px;padding-top:8px}.demo-offer .product-promotion{font-size:10px;line-height:16px;font-weight:500;color:#ed7c16;margin-top:3px}.promotion-condition{font-size:9px;line-height:15px;color:#98a4af;margin:0}.demo-offer .demo-promotion-tag{font-size:7px;top:6px;left:6px;padding:2px 4px;background:#fffdf1eb;color:#ac996d;border-color:#ede4d1;letter-spacing:.2px;z-index:2}.offer-image-label{position:absolute;right:7px;top:7px;font-size:8px;font-weight:600;letter-spacing:.2px;border-radius:3px;padding:5px 6px;z-index:2;line-height:1.4}.combo-label{color:#fff;background:#6b63a2}.gift-label{color:white;background:#e47d2a}.offer-combo .product-promotion{color:#7a64a1}.offer-gift .product-promotion{color:#ed7c16}.offer-combo .product-image-button>img{position:absolute;width:63%;height:78%;left:0;bottom:5px;object-fit:contain;transform:rotate(-5deg)}.offer-combo .product-image-button>img.combo-image-second{left:auto;right:0;bottom:7px;transform:rotate(5deg)}.offer-combo .product-unit{font-size:9px}.demo-offer .discount-badge{background:#ff515c}.demo-offer>.add-button{background:#effff3}.demo-offer>.add-button:hover{background:#dff7e7}
@media(max-width:760px){.promotion-showcase{padding:12px 10px}.promotion-showcase-heading>span{font-size:7px;letter-spacing:.5px}.promotion-mode-switch{font-size:11px;gap:7px}.promotion-showcase-note{font-size:9px;line-height:1.8;margin-bottom:10px}.promotion-type-tabs{gap:5px}.promotion-type-tabs button{font-size:9px;padding:7px 8px}.demo-offer .product-bottom{min-height:118px;padding:7px 7px 10px}.demo-offer .product-promotion{font-size:9px;line-height:15px}.promotion-condition{font-size:8px;line-height:14px}.offer-image-label{font-size:7px;padding:4px;right:5px;top:6px}.demo-offer .demo-promotion-tag{font-size:6px;left:5px;padding:2px 3px}.offer-combo .product-unit{font-size:8px;line-height:14px}}
@media(prefers-reduced-motion:reduce){.promotion-mode-switch input,.promotion-mode-switch input:before{transition:none}}
.preview-controls-host{margin:18px 12px;border:1px dashed #cbbb9b;border-radius:7px;overflow:hidden}
.preview-controls-host .promotion-showcase{border:0;background:#faf7f0;padding:14px 11px}
.preview-tools-title{font:700 10px/1.8 var(--font-ui);letter-spacing:.5px;color:#80653f;margin:0 0 13px}
.preview-controls-host .promotion-showcase-heading{display:block}
.preview-controls-host .promotion-showcase-heading>span{display:block;font-size:7px;margin-top:9px;letter-spacing:.6px}
.preview-controls-host .promotion-mode-switch{font-size:11px;gap:7px}
.preview-controls-host .promotion-showcase-note{font-size:10px;line-height:1.9;margin:10px 0 13px;color:#755f40}
.preview-controls-host .promotion-type-tabs{display:grid;grid-template-columns:1fr;gap:6px}
.preview-controls-host .promotion-type-tabs button{text-align:left;font-size:10px;padding:8px 9px}
@media(max-width:760px){.sidebar:has(.preview-controls-host){display:block;border:0;background:transparent;position:static;min-height:0;grid-column:1/-1}.sidebar:has(.preview-controls-host)>.sidebar-content{position:static;max-height:none;overflow:visible}.sidebar:has(.preview-controls-host) .sidebar-content>:not(.preview-controls-host){display:none}.preview-controls-host{margin:12px 0}.preview-controls-host .promotion-showcase{padding:12px}.preview-controls-host .promotion-showcase-heading{display:flex}.preview-tools-title{margin-bottom:8px}.preview-controls-host .promotion-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-controls-host .promotion-showcase-note{margin:8px 0}.sidebar:has(.preview-controls-host){order:2}.shop-layout:has(.preview-controls-host){display:flex;flex-direction:column}.shop-layout:has(.preview-controls-host)>.shop-main{order:1}}