/* SAL floating marketing showcase: isolated from existing home sections */
.sal-marketing { position: fixed; z-index: 1030; right: clamp(12px, 2vw, 28px); top: 50%; transform: translateY(-45%); width: min(318px, calc(100vw - 24px)); font-family: inherit; }
.sal-marketing-panel { overflow: hidden; border-radius: 20px; border: 1px solid var(--sal-border-color, rgba(128,128,128,.3)); background: var(--bs-body-bg, #fff); color: var(--sal-text-color, inherit); box-shadow: 0 18px 55px rgba(0,0,0,.25); max-height: min(75vh, 680px); overflow-y: auto; }
.sal-marketing-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:17px 17px 12px; background: linear-gradient(135deg,rgba(30,119,79,.13),rgba(210,167,79,.12)); }
.sal-marketing-eyebrow { display:block; font-size:.62rem; font-weight:800; letter-spacing:.14em; color:var(--sal-green,#21835b); margin-bottom:5px; }
.sal-marketing-top h2 { font-size:1.02rem; line-height:1.25; font-weight:800; margin:0; color:var(--sal-heading-color,inherit); }
.sal-marketing-close,.sal-marketing-navigation button { display:grid; place-items:center; border:1px solid var(--sal-border-color,rgba(128,128,128,.3)); background:var(--bs-body-bg,#fff); color:var(--sal-text-color,inherit); border-radius:9px; width:31px; height:31px; cursor:pointer; flex-shrink:0; }
.sal-marketing-close:hover,.sal-marketing-navigation button:hover { color:var(--sal-green,#21835b); }
.sal-marketing-tabs { display:grid; grid-template-columns:1fr 1fr; padding:7px 12px; gap:5px; border-bottom:1px solid var(--sal-border-color,rgba(128,128,128,.3)); }
.sal-marketing-tab { border:0; background:transparent; border-radius:9px; padding:10px 4px; font-size:.76rem; font-weight:750; color:var(--sal-muted-color,#777); cursor:pointer; }
.sal-marketing-tab.is-active { color:#fff; background:var(--sal-green,#21835b); }
.sal-marketing-content[hidden],.sal-marketing-slide[hidden],.sal-marketing-panel[hidden],.sal-marketing-launcher[hidden] { display:none!important; }
.sal-marketing-photo { height:155px; position:relative; overflow:hidden; background:rgba(35,120,78,.09); }
.sal-marketing-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.sal-marketing-photo-placeholder { display:grid; place-items:center; height:100%; font-size:3.5rem; color:var(--sal-green,#21835b); }
.sal-marketing-ribbon { position:absolute; top:11px; left:11px; display:inline-flex; align-items:center; gap:6px; background:var(--sal-green,#21835b); color:#fff; border-radius:100px; padding:6px 11px; font-size:.68rem; font-weight:800; box-shadow:0 3px 12px #0004; }
.sal-marketing-ribbon-new { background:#a36b18; }
.sal-marketing-copy { padding:15px 17px 17px; }
.sal-marketing-copy h3 { font-size:1.04rem; font-weight:800; line-height:1.3; margin:0 0 8px; color:var(--sal-heading-color,inherit); }
.sal-marketing-copy p { font-size:.79rem; line-height:1.55; color:var(--sal-muted-color,#777); margin:0 0 10px; }
.sal-marketing-category { display:block; color:var(--sal-green,#21835b); font-size:.7rem; font-weight:800; margin-bottom:6px; }
.sal-marketing-detail { display:block; font-size:.72rem; color:var(--sal-muted-color,#777); margin:5px 0; }
.sal-marketing-price { display:block; margin:8px 0; font-size:.9rem; color:var(--sal-heading-color,inherit); }
.sal-marketing-link { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:13px; padding:10px 13px; border-radius:10px; text-decoration:none; background:var(--sal-green,#21835b); color:#fff; font-size:.78rem; font-weight:800; }
.sal-marketing-link:hover { background:#155e3c; color:#fff; }
.sal-marketing-navigation { display:flex; justify-content:center; align-items:center; gap:14px; padding:0 12px 13px; font-size:.72rem; color:var(--sal-muted-color,#777); }
.sal-marketing-launcher { display:none; margin-left:auto; align-items:center; gap:9px; border:0; border-radius:100px; padding:12px 17px; background:var(--sal-green,#21835b); color:white; box-shadow:0 10px 30px #0005; font-weight:800; font-size:.8rem; cursor:pointer; }
.sal-marketing-launcher-dot { width:7px; height:7px; border-radius:50%; background:#ffd46a; }
.sal-marketing.is-collapsed .sal-marketing-panel { display:none; }
.sal-marketing.is-collapsed .sal-marketing-launcher { display:flex; }
.sal-marketing :focus-visible { outline:3px solid #e6b957; outline-offset:3px; }
@media (max-width:1199.98px) { .sal-marketing { top:auto; bottom:18px; right:16px; transform:none; width:min(330px,calc(100vw - 32px)); } .sal-marketing:not(.is-expanded) .sal-marketing-panel { display:none; } .sal-marketing:not(.is-expanded) .sal-marketing-launcher { display:flex; } .sal-marketing.is-expanded .sal-marketing-launcher { display:none; } .sal-marketing-panel { max-height:min(72dvh,600px); } }
@media (max-width:575.98px) { .sal-marketing { right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); width:min(335px,calc(100vw - 24px)); } .sal-marketing-panel { max-height:70dvh; } .sal-marketing-photo { height:140px; } }
@media (prefers-reduced-motion:no-preference) { .sal-marketing-launcher { transition:transform .2s ease; } .sal-marketing-launcher:hover { transform:translateY(-3px); } }