.home-banner-editor{width:min(1180px,100%);margin:0 auto;padding:20px;display:grid;gap:18px}
.home-banner-guide{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid rgba(225,162,106,.35);border-radius:16px;background:#fff9f2;color:#6b331f}
.home-banner-guide span{font-size:13px;color:#a36c51}
.home-banner-card{display:grid;gap:16px}
.home-banner-card-head{display:flex;align-items:center;justify-content:space-between}.home-banner-card-head small{color:#c3784f}.home-banner-card-head h2{margin:2px 0 0}
.home-banner-card-head button,.home-banner-image-row button{border:1px solid #efc8aa;border-radius:10px;background:#fffaf4;color:#9f4c2b;padding:8px 13px;margin-left:7px}.home-banner-card-head button:disabled{opacity:.35}
.home-banner-preview{position:relative;height:174px;overflow:hidden;padding:18px 12px;border:2px solid rgba(255,255,255,.88);border-radius:23px;text-align:center;background:linear-gradient(155deg,rgba(255,255,255,.76),rgba(255,226,198,.62));box-shadow:0 12px 28px rgba(145,71,32,.13)}
.home-banner-preview.has-image{background-image:linear-gradient(rgba(255,244,230,.38),rgba(255,218,183,.72)),var(--banner-admin-image);background-size:cover}
.home-banner-preview[data-overlay="SOFT"].has-image{background-image:linear-gradient(rgba(255,248,238,.2),rgba(255,225,197,.52)),var(--banner-admin-image)}.home-banner-preview[data-overlay="STRONG"].has-image{background-image:linear-gradient(rgba(255,241,225,.58),rgba(232,170,118,.84)),var(--banner-admin-image)}
.home-banner-preview>i{position:absolute;right:14px;top:14px;width:10px;height:10px;border-radius:50%;background:#ff9660;box-shadow:0 0 0 7px rgba(255,255,255,.35)}
.home-banner-preview-icon{height:45px;display:grid;place-items:center;color:#ef7946}.home-banner-preview-icon svg{width:31px;height:31px}
.home-banner-preview b,.home-banner-preview span{display:block;color:#5d2919}.home-banner-preview b{margin-top:7px;font-size:18px}.home-banner-preview span{margin-top:5px;font-size:12px;color:#a36d53}.home-banner-preview em{position:absolute;left:12px;right:12px;bottom:13px;height:36px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(100deg,#ff9661,#ff7047);color:#fff;font-style:normal;font-weight:700;font-size:12px}
.home-banner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.home-banner-card label{display:grid;gap:6px;color:#75412c;font-size:13px}.home-banner-card input,.home-banner-card select,.home-banner-card textarea{width:100%;border:1px solid #ead3bf;border-radius:11px;background:#fffdf9;color:#5f3423;padding:10px 12px;outline:none}.home-banner-card input:focus,.home-banner-card select:focus,.home-banner-card textarea:focus{border-color:#ed9869;box-shadow:0 0 0 3px rgba(237,152,105,.15)}
.home-banner-switch label{display:flex;align-items:center;gap:8px}.home-banner-switch input{width:auto}.home-banner-image-row{display:flex;align-items:end;justify-content:space-between;gap:12px}.home-banner-image-row label{flex:1}
@media(max-width:700px){.home-banner-editor{padding:12px}.home-banner-guide{align-items:flex-start;flex-direction:column}.home-banner-form-grid{grid-template-columns:1fr}.home-banner-image-row{align-items:stretch;flex-direction:column}.home-banner-card-head{align-items:flex-start}.home-banner-card-head button{padding:7px 9px}}