/* WI shop features v1 */
.wi-skip{position:absolute;left:-999px;top:8px;z-index:9999;background:#2f80ed;color:#fff;padding:8px 14px;border-radius:8px;font-weight:700}
.wi-skip:focus{left:8px}
:focus-visible{outline:2px solid #6cb2ff;outline-offset:2px}

/* saved link */
.wi-wishlink{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;margin-right:12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#e5eefb!important;font-weight:700;font-size:12px;text-decoration:none!important;flex-shrink:0}
.wi-wishlink:hover{background:rgba(233,64,87,.18);border-color:rgba(233,64,87,.5)}
.wi-wishlink svg{width:14px;height:14px;fill:none;stroke:#ff6b81;stroke-width:2;stroke-linejoin:round}
.wi-wishlink b{background:#e94057;color:#fff;border-radius:999px;font-size:10px;line-height:16px;min-width:16px;padding:0 5px;text-align:center}
nav.main .wi-wishlink{margin-right:6px}

/* hearts */
.wi-heart{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#c9d6ea;border-radius:10px;cursor:pointer;transition:.15s;font:inherit}
.wi-heart.sm{width:34px;height:34px;padding:0;margin-right:6px;flex-shrink:0}
.wi-heart svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.wi-heart:hover{border-color:#ff6b81;color:#ff6b81}
.wi-heart.on{background:rgba(233,64,87,.16);border-color:#e94057;color:#ff6b81}
.wi-heart.on svg{fill:#e94057;stroke:#e94057}
.wi-heart.btn-like{padding:10px 16px;font-weight:700;border-radius:12px}
.tile .foot{display:flex;align-items:center;gap:6px}
.tile .foot .pr{margin-right:auto}
article.card{position:relative}
article.card .wi-heart.sm{position:absolute;right:10px;top:10px;width:32px;height:32px;margin:0;background:rgba(6,19,38,.85);z-index:2}
article.card .wi-heart.sm:not(.on){color:#e5eefb}

/* share row */
.wi-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px;font-size:12px;color:#8fa3bf}
.wi-share span{font-family:'Azeret Mono',monospace;letter-spacing:.08em;text-transform:uppercase;font-size:10px;margin-right:4px}
.wi-share a,.wi-share button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#dbe6f6;border-radius:999px;padding:5px 12px;font:inherit;font-size:12px;cursor:pointer;text-decoration:none}
.wi-share a:hover,.wi-share button:hover{border-color:#2f80ed;color:#fff}
.wi-assure{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:13px;color:#b8c9df}
.wi-assure li{padding-left:22px;position:relative}
.wi-assure li::before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:#2f80ed;box-shadow:0 0 0 3px rgba(47,128,237,.2)}
@media (max-width:640px){.wi-assure{grid-template-columns:1fr}}

/* currency */
.wi-cur{display:inline-flex;align-items:center;gap:6px;margin-right:10px;color:#b8c9df;flex-shrink:0}
.wi-cur svg{width:14px;height:14px;stroke:#6cb2ff;fill:none;stroke-width:1.8}
.wi-cur select{appearance:none;-webkit-appearance:none;background:rgba(47,128,237,.12);border:1px solid rgba(47,128,237,.35);color:#e5eefb;font:inherit;font-size:12px;padding:3px 22px 3px 9px;border-radius:8px;cursor:pointer;max-width:84px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236cb2ff' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:12px}
.wi-cur select option{background:#0b1c33;color:#e5eefb}
.wi-fx{display:block;font-size:11px;font-weight:500;color:#8fb3e0;letter-spacing:0;margin-top:2px}
.pr .wi-fx{display:block}
.p-now .wi-fx{font-size:14px;margin-top:4px}
.wi-fxnote{font-size:11px;color:#8fa3bf;margin-top:6px}

/* rows (recently viewed) + wishlist grid */
.wi-row{padding:26px 0 8px;border-top:1px solid rgba(255,255,255,.07)}
.wi-row .wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.wi-row-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.wi-row-hd h2{font-size:18px;margin:0;color:#fff}
.wi-link{background:none;border:0;color:#6cb2ff;cursor:pointer;font:inherit;font-size:12px;padding:0;text-decoration:underline}
.wi-scroller{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.wi-scroller .wi-mini{flex:0 0 190px;scroll-snap-align:start}
.wi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:16px}
.wi-mini{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.wi-mini-img{display:block;aspect-ratio:1;background:#fff;overflow:hidden}
.wi-mini-img img{width:100%;height:100%;object-fit:contain;display:block}
.wi-mini-bd{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.wi-mini-nm{color:#e5eefb;font-weight:600;font-size:13px;line-height:1.3;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wi-mini-nm:hover{color:#6cb2ff}
.wi-mini-pr{color:#fff;font-weight:800;font-size:15px;margin-top:auto}
.wi-mini-pr i{font-style:normal;font-weight:500;font-size:11px;color:#8fa3bf}
.wi-mini-ft{font-family:'Azeret Mono',monospace;font-size:10px;color:#6f86a6;letter-spacing:.06em}
.wi-mini-act{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px 12px}
.wi-mini-act .btn.sm{padding:7px 12px;font-size:12px}
.wi-wish-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;color:#b8c9df}
.wi-wish-tools span{margin-right:auto}

/* trust strip */
.wi-trust{border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);padding:22px 0}
.wi-trust .wrap{max-width:1240px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.wi-trust b{display:block;color:#fff;font-size:15px;letter-spacing:-.01em}
.wi-trust span{display:block;font-size:12px;color:#8fa3bf;margin-top:2px}
@media (max-width:980px){.wi-trust .wrap{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.wi-trust .wrap{grid-template-columns:repeat(2,1fr)}}

/* back to top + toast */
.wi-top{position:fixed;left:20px;bottom:20px;width:42px;height:42px;border-radius:50%;background:#0b1c33;border:1px solid rgba(108,178,255,.5);color:#6cb2ff;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:900;display:flex;align-items:center;justify-content:center}
.wi-top.show{opacity:1;transform:none;pointer-events:auto}
.wi-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wi-top:hover{background:#2f80ed;color:#fff}
.wi-toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,10px);background:#fff;color:#061326;font-weight:700;font-size:13px;padding:10px 16px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:.2s;z-index:1001}
.wi-toast.show{opacity:1;transform:translate(-50%,0)}

/* mobile sticky quote bar (product pages) */
.wi-stickycta{position:fixed;left:0;right:0;bottom:0;display:none;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(6,19,38,.96);border-top:1px solid rgba(255,255,255,.1);z-index:950;backdrop-filter:blur(8px)}
.wi-stickycta .btn{flex:1;text-align:center;justify-content:center}
@media (max-width:720px){.wi-stickycta.show{display:flex}.wi-stickycta.show~.wi-top{bottom:86px}body:has(.wi-stickycta.show){padding-bottom:70px}}

@media print{.wi-share,.wi-stickycta,.wi-top,.wi-toast,.wi-trust,.wi-row,#wiCookie,.wi-wishlink,.wi-home,.wi-lang,.wi-cur{display:none!important}}
@media (max-width:1100px){.strip .push,.topbar .push,.strip .r{display:none}}
@media (max-width:900px){.strip .wrap>a[href^="mailto"],.topbar .wrap>a[href^="mailto"],.strip .sep{display:none}}
@media (max-width:640px){.strip .wrap>a[href^="tel"],.topbar .wrap>a[href^="tel"]{display:none}.wi-home span,.wi-wishlink span{display:none}.wi-home,.wi-wishlink{padding:4px 8px;margin-right:6px}}
.strip .wrap,.topbar .wrap{flex-wrap:nowrap}

/* quote + catalogue pages */
.wi-qwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;margin-top:22px;align-items:start}
@media (max-width:900px){.wi-qwrap{grid-template-columns:1fr}}
.wi-qform{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:22px}
.wi-qform textarea,.wi-qform input:not([type=file]){width:100%}
.wi-qform .cta{margin-top:6px}
.wi-hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.wi-file input[type=file]{display:block;width:100%;padding:10px;border:1px dashed rgba(108,178,255,.5);border-radius:10px;background:rgba(47,128,237,.06);color:#c9d6ea;font-size:13px}
.wi-msg{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.5}
.wi-msg.ok{background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.4);color:#d9f7e6}
.wi-msg.err{background:rgba(233,64,87,.12);border:1px solid rgba(233,64,87,.45);color:#ffd9de}
.wi-msg a{color:#6cb2ff}
.wi-qside{background:rgba(47,128,237,.08);border:1px solid rgba(47,128,237,.25);border-radius:16px;padding:20px 22px;font-size:14px;color:#b8c9df}
.wi-qside h3{color:#fff;font-size:15px;margin:0 0 8px}
.wi-qside h3+p,.wi-qside ol{margin:0 0 18px}
.wi-qside ol{padding-left:18px}
.wi-qside li{margin-bottom:6px}
.wi-qside a{color:#6cb2ff}
.wi-catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:16px}
.wi-cat{display:block;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;text-decoration:none;color:#e5eefb;transition:.15s}
.wi-cat:hover{border-color:#2f80ed;transform:translateY(-2px)}
.wi-cat.hl{border-color:#6cb2ff;box-shadow:0 0 0 3px rgba(47,128,237,.25)}
.wi-cat img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#fff}
.wi-cat b{display:block;padding:12px 14px 2px;font-size:14px}
.wi-cat span{display:block;padding:0 14px 14px;font-size:12px;color:#6cb2ff;font-weight:700}
/* header quote link */
.wi-quotelink{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;margin-right:12px;border-radius:999px;background:#2f80ed;color:#fff!important;font-weight:800;font-size:12px;letter-spacing:.02em;text-decoration:none!important;flex-shrink:0}
.wi-quotelink:hover{background:#1f6fd8}
nav.main .wi-quotelink{margin-left:auto;margin-right:0}
@media (max-width:640px){.wi-quotelink{padding:4px 9px}}

@media (max-width:640px){.strip .wrap,.topbar .wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px}.strip .wrap::-webkit-scrollbar{display:none}}
