/* SRPL unified navigation + search popup */
.sn{position:fixed;top:0;left:0;width:100%;z-index:1000;height:72px;background:#fff;border-bottom:1px solid #e8edf8;box-shadow:0 2px 12px rgba(10,28,78,.07);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3%;font-family:'Poppins',system-ui,sans-serif;box-sizing:border-box}
.sn *{box-sizing:border-box}
.sn.scrolled{box-shadow:0 4px 24px rgba(10,28,78,.13)}
.sn-brand{font-size:26px;font-weight:800;color:#1a4bcc;letter-spacing:-.5px;line-height:1;text-decoration:none;flex-shrink:0}
.sn-links{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex:1;justify-content:center;min-width:0}
.sn-links>li{position:relative}
.sn-links a{display:block;padding:8px 10px;border-radius:6px;color:#333;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s,background .2s}
.sn-links a:hover,.sn-links a.active{color:#1a4bcc}
.sn-links a.active{font-weight:600}
.sn-dd{position:absolute;top:100%;left:0;min-width:210px;background:#fff;border:1px solid #e8edf8;border-radius:12px;box-shadow:0 14px 36px rgba(10,28,78,.16);padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s}
.sn-links>li:hover>.sn-dd,.sn-links>li:focus-within>.sn-dd{opacity:1;visibility:visible;transform:none}
.sn-dd a{padding:9px 12px;font-size:13.5px}
.sn-dd a:hover{background:#f3f6ff}
.sn-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.sn-search{position:relative;display:flex;align-items:center;background:#f3f5fa;border:1px solid #e2e7f3;border-radius:100px;padding:5px 5px 5px 14px;transition:border-color .2s,box-shadow .2s}
.sn-search:focus-within{border-color:#1a4bcc;box-shadow:0 0 0 3px rgba(26,75,204,.12)}
.sn-search input{border:none;background:transparent;outline:none;font-size:14px;width:170px;color:#0a1c4e;font-family:inherit}
.sn-search input::placeholder{color:#9aa4bd}
.sn-search button{border:none;background:linear-gradient(135deg,#1a4bcc,#e63162);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;flex-shrink:0}
.sn-dl{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;background:#1a4bcc;color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 4px 16px rgba(26,75,204,.25);transition:all .2s}
.sn-dl:hover{background:#1440b8;transform:translateY(-1px)}
.sn-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}
.sn-burger span{display:block;width:22px;height:2px;background:#333;border-radius:4px}
@media(max-width:1280px){.sn-search input{width:120px}.sn-dl i{display:none}}
@media(max-width:1180px){.sn-dl{display:none}}
@media(max-width:1020px){.sn-links,.sn-right .sn-search{display:none}.sn-burger{display:flex}.sn-right{gap:4px}}
/* drawer */
.sn-drawer{display:none;position:fixed;inset:0;z-index:1100;font-family:'Poppins',system-ui,sans-serif}
.sn-drawer.open{display:block}
.sn-ov{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.sn-panel{position:absolute;top:0;right:0;width:300px;max-width:88%;height:100%;background:#fff;padding:70px 20px 28px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;box-shadow:-8px 0 32px rgba(0,0,0,.15)}
.sn-panel a.sn-l{padding:12px 14px;border-radius:8px;color:#222;font-size:15px;font-weight:500;text-decoration:none}
.sn-panel a.sn-l:hover,.sn-panel a.sn-l.active{background:#f3f6ff;color:#1a4bcc}
.sn-x{position:absolute;top:16px;right:18px;background:none;border:none;font-size:26px;color:#777;cursor:pointer}
.sn-panel .sn-search{margin:0 0 12px}.sn-panel .sn-search input{width:100%;flex:1}
.sn-panel .sn-dl{margin-top:14px;justify-content:center}
/* popup */
.sn-pop{position:absolute;top:calc(100% + 10px);right:0;width:420px;max-width:92vw;background:#fff;border:1px solid #e6ebf7;border-radius:14px;box-shadow:0 18px 48px rgba(10,28,78,.22);overflow:hidden;z-index:1200;display:none;text-align:left}
.sn-pop.show{display:block;animation:snIn .15s ease}
@keyframes snIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.sn-panel .sn-pop{position:static;width:100%;max-width:100%;box-shadow:none;margin-top:8px}
.sn-pop-h{padding:10px 16px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a95b2}
.sn-it{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:#0a1c4e;border-top:1px solid #f1f4fb}
.sn-it:hover,.sn-it.sel{background:#f3f6ff}
.sn-ic{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#e8efff,#fde8ef);color:#1a4bcc;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.sn-nm{font-size:14px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sn-nm mark{background:#fff1b8;color:inherit;border-radius:3px;padding:0 1px}
.sn-sub{font-size:12px;color:#7a86a6;margin-top:2px}
.sn-all{display:block;padding:12px 16px;background:#f7f9ff;border-top:1px solid #e6ebf7;font-size:13.5px;font-weight:600;color:#1a4bcc;text-decoration:none;text-align:center}
.sn-all:hover{background:#eef3ff}
.sn-empty{padding:16px;font-size:13.5px;color:#46506f;line-height:1.5}
.sn-empty a{color:#1a4bcc;font-weight:600}
.sn-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 16px 14px}
.sn-chip{padding:6px 12px;border-radius:100px;background:#f3f5fa;border:1px solid #e2e7f3;font-size:12.5px;color:#1a2c5e;text-decoration:none;cursor:pointer}
.sn-chip:hover{border-color:#1a4bcc;color:#1a4bcc}
.sn-spin{padding:16px;font-size:13px;color:#7a86a6}
/* same popup for on-page search boxes */
.sn-host{position:relative}
body.sn-lock{overflow:hidden}
/* page offset + hide legacy nav + product card crop fix */
.navbar,.mobile-drawer{display:none!important}
.product-card img{object-position:50% 58%!important}
html{scroll-padding-top:84px}
.sn-panel .sn-dl{display:inline-flex!important}