/*!
 * components.css — SITE-WIDE component styles, extracted 2026-07-17.
 * WHY: these were inline <style> blocks emitted in the FOOTER of every page (cookie bar, quote cart
 * drawer, Quick View modal, chat widget, footer, floating filter tab, category FAQ) - re-sent on every
 * page view and uncacheable. Now one cached file. The component HTML markup and JS stay where they were
 * (in functions.php / footer.php closures) - only the CSS moved.
 * Enqueued site-wide in functions.php as a dependency of usbmk-site so it keeps its position AFTER
 * site.css in the cascade. Block order below matches the original footer emit order.
 * All original comments preserved. Revert: paste each block back into its source file, drop the enqueue.
 */

/* ===== usbm-catfaq-css (was in functions.php) ===== */
.cat-faqs{--cta:#ff5aaf;--ink:#202f5e;--ink-soft:#51627a;--ink-faint:#8493a6;--line:#e2e8ef;--line-2:#d2dbe4;--panel:#f2f6f9;--ease:cubic-bezier(.22,1,.36,1);padding:clamp(44px,6vw,84px) 0;background:linear-gradient(180deg,#fff,#f6f9fc)}
.cat-faqs .cf-kicker{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cta);margin:0 0 8px;text-align:center}
.cat-faqs .cf-title{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--ink);text-align:center;margin:0 0 30px}
.cat-faqs .cf-list{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.cat-faqs .cf-list--2col{flex-direction:row;align-items:flex-start;max-width:none;gap:28px}
.cat-faqs .cf-list--2col .cf-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
@media(max-width:760px){.cat-faqs .cf-list--2col{flex-direction:column;max-width:840px}}
.cat-faqs .cf-item{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;transition:border-color .22s var(--ease),box-shadow .22s var(--ease)}
.cat-faqs .cf-item:hover{border-color:var(--line-2);box-shadow:0 12px 30px -22px rgba(20,26,48,.4)}
.cat-faqs .cf-item.open{border-color:color-mix(in srgb,var(--cta) 45%,transparent);box-shadow:0 18px 44px -26px rgba(255,90,175,.4)}
.cat-faqs .cf-q{width:100%;display:flex;align-items:center;gap:16px;text-align:left;background:none;border:0;cursor:pointer;padding:20px 22px;font-family:inherit}
.cat-faqs .cf-qt{flex:1;font-size:16.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink);line-height:1.35}
.cat-faqs .cf-ic{width:30px;height:30px;border-radius:50%;background:var(--panel);display:grid;place-items:center;flex-shrink:0;position:relative;transition:background .2s var(--ease)}
.cat-faqs .cf-item.open .cf-ic{background:var(--cta)}
.cat-faqs .cf-ic::before,.cat-faqs .cf-ic::after{content:"";position:absolute;background:var(--ink-soft);border-radius:2px;transition:transform .3s var(--ease),background .2s}
.cat-faqs .cf-ic::before{width:12px;height:2px}
.cat-faqs .cf-ic::after{width:2px;height:12px}
.cat-faqs .cf-item.open .cf-ic::before,.cat-faqs .cf-item.open .cf-ic::after{background:#fff}
.cat-faqs .cf-item.open .cf-ic::after{transform:scaleY(0)}
.cat-faqs .cf-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--ease)}
.cat-faqs .cf-item.open .cf-a{grid-template-rows:1fr}
.cat-faqs .cf-a-in{overflow:hidden}
.cat-faqs .cf-a-pad{padding:0 22px 20px}
.cat-faqs .cf-a-pad p{font-size:15px;line-height:1.65;color:var(--ink-soft);margin:0 0 12px}
.cat-faqs .cf-a-pad p:last-child{margin-bottom:0}
.cat-faqs .cf-a-pad a{color:var(--cta);font-weight:700}
.cat-faqs .cf-foot{max-width:840px;margin:24px auto 0;text-align:center;font-size:14.5px;color:var(--ink-soft)}
.cat-faqs .cf-foot a{color:var(--cta);font-weight:700;text-decoration:none}
.cat-faqs .cf-foot a:hover{text-decoration:underline}

/* ===== usbmchat-css (was in functions.php) ===== */
.usbmchat-omodal .usbmchat-ocard{transform:scale(1.1);transform-origin:center center}@media(max-width:1000px),(max-height:640px){.usbmchat-omodal .usbmchat-ocard{transform:none}}#usbmchat-panel{overflow:visible}#usbmchat-panel .usbmchat-head{border-radius:20px 20px 0 0}#usbmchat-panel .usbmchat-foot{border-radius:0 0 20px 20px}.usbmchat-ava::after{content:"View Olivia's profile";position:absolute;bottom:calc(100% + 9px);left:0;background:#fff;color:#202F5E;font-size:13px;font-weight:600;padding:8px 13px;border-radius:12px;white-space:nowrap;box-shadow:0 24px 50px -24px rgba(21,36,59,.5);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(3px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:7}.usbmchat-ava:hover::after,.usbmchat-ava:focus-visible::after{opacity:1;visibility:visible;transform:translateY(0)}.usbmchat-obtn{transition:background .15s ease,border-color .15s ease,color .15s ease}.usbmchat-obtn-p:hover{background:#ec4aa0}.usbmchat-obtn-s:hover{border-color:#202F5E;background:#f6f7fa}.usbmchat-oclose{transition:background .15s ease,color .15s ease}.usbmchat-oclose:hover{background:#f6f7fa;color:#FF5AAF}.usbmchat-ava{cursor:pointer}.usbmchat-ava:hover{box-shadow:0 0 0 2px rgba(255,255,255,.55)}.usbmchat-omodal{position:fixed;inset:0;z-index:2147483646;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(18,25,50,.72)}.usbmchat-omodal.open{display:flex}.usbmchat-ocard{position:relative;width:100%;max-width:860px;background:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:2fr 3fr;box-shadow:0 24px 60px rgba(18,25,50,.35);font-family:inherit;max-height:92vh}.usbmchat-oclose{position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border:none;border-radius:50%;background:rgba(255,255,255,.9);color:#202F5E;font-size:20px;line-height:1;cursor:pointer}.usbmchat-ophoto{position:relative;background:#eef1fb;min-height:460px}.usbmchat-ophoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.usbmchat-oon{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.92);padding:6px 13px;border-radius:20px;font-size:14px;font-weight:500;color:#0f7a4d}.usbmchat-oon i{width:9px;height:9px;border-radius:50%;background:#12B76A;display:inline-block}.usbmchat-oname{position:absolute;left:0;right:0;bottom:0;padding:42px 18px 16px;background:linear-gradient(to top,rgba(18,25,50,.82),transparent);color:#fff}.usbmchat-oname b{display:block;font-size:26px;font-weight:600;line-height:1.1}.usbmchat-oname span{font-size:15px;opacity:.9}.usbmchat-obody{padding:28px 32px;overflow:auto}.usbmchat-oeyebrow{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#FF5AAF;margin-bottom:9px}.usbmchat-obio{margin:0 0 18px;font-size:16px;line-height:1.55;color:#3a4260}.usbmchat-ohd{font-size:17px;font-weight:700;color:#202F5E;margin-bottom:11px}.usbmchat-olist{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:11px}.usbmchat-olist li{position:relative;padding-left:28px;font-size:16px;color:#3a4260;line-height:1.45}.usbmchat-olist li::before{content:"\2713";position:absolute;left:0;top:0;color:#FF5AAF;font-weight:700}.usbmchat-onote{background:#f4f6fc;border-radius:10px;padding:12px 15px;margin-bottom:20px;font-size:15px;color:#5b6480}.usbmchat-oacts{display:flex;gap:12px}.usbmchat-obtn{flex:1;text-align:center;font-size:15px;font-weight:600;padding:14px 18px;border-radius:10px;cursor:pointer;text-decoration:none;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center}.usbmchat-obtn-p{background:#FF5AAF;color:#fff}.usbmchat-obtn-s{background:#fff;color:#202F5E;border-color:#d4d9e8}@media(max-width:600px){.usbmchat-ocard{grid-template-columns:1fr;max-width:400px}.usbmchat-ophoto{min-height:220px}}.usbmchat .usbmchat-by{display:flex!important;flex-direction:column;align-items:center;gap:4px}.usbmchat-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#6b7590}.usbmchat-live{width:7px;height:7px;border-radius:50%;background:#12B76A;animation:usbmLive 2s infinite}@keyframes usbmLive{0%{box-shadow:0 0 0 0 rgba(18,183,106,.30)}70%{box-shadow:0 0 0 5px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}.usbmchat-brand{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:#9AA3C0;text-decoration:none}.usbmchat-brand svg{color:#FF5AAF;flex:0 0 auto}.usbmchat-tip{position:absolute;right:100%;top:50%;transform:translateY(-50%) translateX(6px);margin-right:14px;white-space:nowrap;background:#fff;color:#202F5E;padding:8px 13px;border-radius:12px;box-shadow:0 8px 24px rgba(32,47,94,.20);display:flex;flex-direction:column;line-height:1.25;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:6}.usbmchat-tip b{font-size:13px;font-weight:600}.usbmchat-tip-on{font-size:11px;font-style:normal;color:#12B76A;display:flex;align-items:center;gap:5px;margin-top:1px}.usbmchat-tip-on::before{content:"";width:7px;height:7px;border-radius:50%;background:#12B76A}.usbmchat-tip::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#fff}.usbmchat-launch:hover .usbmchat-tip,.usbmchat-launch:focus-visible .usbmchat-tip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.usbmchat-ava svg,.usbmchat-launch svg{display:none!important}.usbmchat-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.usbmchat-ava{overflow:visible;position:relative}.usbmchat-launch{position:relative;overflow:visible}.usbmchat-launch .usbmchat-photo{position:absolute;inset:0}.usbmchat-launch .usbmchat-dot{z-index:3}
.usbmchat *{box-sizing:border-box}
.usbmchat-launch{position:fixed;right:24px;bottom:24px;width:62px;height:62px;border:none;border-radius:50%;
  background:linear-gradient(135deg,#26356b 0%,#202F5E 100%);box-shadow:0 10px 28px rgba(32,47,94,.42);
  cursor:pointer;z-index:2147483000;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease}
.usbmchat-launch:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 34px rgba(32,47,94,.5)}
.usbmchat-launch svg{width:30px;height:30px}
.usbmchat-launch .usbmchat-dot{position:absolute;top:3px;right:5px;width:13px;height:13px;border-radius:50%;
  background:#FF5AAF;border:2.5px solid #fff;animation:usbmchat-pulse 2.2s infinite}
@keyframes usbmchat-pulse{0%{box-shadow:0 0 0 0 rgba(255,90,175,.55)}70%{box-shadow:0 0 0 9px rgba(255,90,175,0)}100%{box-shadow:0 0 0 0 rgba(255,90,175,0)}}
.usbmchat-launch.usbmchat-open{transform:scale(.9);opacity:0}

.usbmchat-panel{position:fixed;right:24px;bottom:24px;width:376px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 48px);
  background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(20,28,56,.32);z-index:2147483001;
  display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);
  pointer-events:none;transition:opacity .22s ease,transform .22s ease;
  font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.usbmchat-panel.usbmchat-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}

.usbmchat-head{background:linear-gradient(135deg,#26356b 0%,#202F5E 100%);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}
.usbmchat-ava{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.usbmchat-ava svg{width:24px;height:24px}
.usbmchat-meta{flex:1;min-width:0}
.usbmchat-meta b{display:block;font-size:15.5px;font-weight:800;letter-spacing:.2px}
.usbmchat-meta span{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.85;margin-top:1px}
.usbmchat-meta span i{width:7px;height:7px;border-radius:50%;background:#5BE38B;display:inline-block}
.usbmchat-x{background:none;border:none;color:#fff;opacity:.8;cursor:pointer;padding:6px;border-radius:8px;line-height:0;transition:opacity .15s,background .15s}
.usbmchat-x:hover{opacity:1;background:rgba(255,255,255,.12)}
.usbmchat-x svg{width:18px;height:18px}

.usbmchat-body{flex:1;overflow-y:auto;padding:18px 16px;background:#F5F7FB;display:flex;flex-direction:column;gap:12px}
.usbmchat-row{display:flex;gap:9px;align-items:flex-end;max-width:90%}
.usbmchat-row.usbmchat-me{align-self:flex-end;flex-direction:row-reverse}
.usbmchat-bub{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}
.usbmchat-row.usbmchat-bot .usbmchat-bub{background:#fff;color:#1d2540;border:1px solid #e6e9f2;border-bottom-left-radius:5px;box-shadow:0 1px 2px rgba(20,28,56,.05)}
.usbmchat-row.usbmchat-me .usbmchat-bub{background:linear-gradient(135deg,#FF5AAF 0%,#f24aa3 100%);color:#fff;border-bottom-right-radius:5px}
.usbmchat-bub a{color:inherit;font-weight:700;text-decoration:underline}
.usbmchat-row.usbmchat-bot .usbmchat-bub a{color:#d8328c}
.usbmchat-mava{width:28px;height:28px;border-radius:50%;flex:0 0 auto;background:#202F5E;display:flex;align-items:center;justify-content:center}
.usbmchat-mava svg{width:16px;height:16px}

.usbmchat-typing{display:flex;gap:4px;padding:13px 15px;background:#fff;border:1px solid #e6e9f2;border-radius:16px;border-bottom-left-radius:5px;width:fit-content}
.usbmchat-typing i{width:7px;height:7px;border-radius:50%;background:#9aa3c0;display:inline-block;animation:usbmchat-bounce 1.3s infinite}
.usbmchat-typing i:nth-child(2){animation-delay:.18s}.usbmchat-typing i:nth-child(3){animation-delay:.36s}
@keyframes usbmchat-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}

.usbmchat-sugg{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 4px}
.usbmchat-sugg button{background:#fff;border:1px solid #d6dcec;color:#2a3766;font-size:12.5px;font-weight:600;
  padding:7px 12px;border-radius:20px;cursor:pointer;font-family:inherit;transition:.15s}
.usbmchat-sugg button:hover{border-color:#FF5AAF;color:#d8328c}

.usbmchat-foot{padding:11px 12px;border-top:1px solid #ecf0f7;background:#fff}
.usbmchat-input{display:flex;align-items:flex-end;gap:8px;background:#f2f4fa;border:1px solid #e3e8f3;border-radius:14px;padding:6px 6px 6px 14px;transition:border-color .15s}
.usbmchat-input:focus-within{border-color:#FF5AAF}
.usbmchat-input textarea{flex:1;border:none;background:none;resize:none;font-family:inherit;font-size:14px;color:#1d2540;
  max-height:96px;line-height:1.45;padding:6px 0;outline:none}
.usbmchat-send{width:38px;height:38px;flex:0 0 auto;border:none;border-radius:11px;background:#202F5E;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:.15s}
.usbmchat-send:hover{background:#FF5AAF}
.usbmchat-send:disabled{opacity:.4;cursor:default;background:#202F5E}
.usbmchat-send svg{width:18px;height:18px}
.usbmchat-by{text-align:center;font-size:10.5px;color:#9aa3c0;margin-top:7px;letter-spacing:.2px}
@media (max-width:480px){.usbmchat-panel{right:0;bottom:0;width:100vw;height:100vh;max-height:100vh;border-radius:0}.usbmchat-launch{right:16px;bottom:16px}}

/* ===== usbm-cc-css (was in functions.php) ===== */
#usbm-cc,#usbm-cc *{box-sizing:border-box}
#usbm-cc{position:fixed;left:0;right:0;bottom:0;z-index:2147483600;background:#fff;border-top:1px solid #e2e8ef;box-shadow:0 -24px 60px -30px rgba(21,36,59,.45);font-family:"Hanken Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#202f5e}
#usbm-cc[hidden],#usbm-cc-modal[hidden]{display:none}
#usbm-cc .cc-inner{max-width:1280px;margin-inline:auto;padding:18px clamp(16px,4vw,48px);display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#usbm-cc .cc-txt{margin:0;flex:1 1 360px;font-size:14px;line-height:1.5;color:#41506f}
#usbm-cc .cc-txt a{color:#ec4aa0;font-weight:600;text-decoration:underline}
#usbm-cc .cc-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#usbm-cc .cc-b{cursor:pointer;border-radius:11px;font:600 13.5px "Hanken Grotesk",sans-serif;padding:11px 18px;border:1px solid transparent;transition:transform .15s,background .15s,border-color .15s}
#usbm-cc .cc-b:hover{transform:translateY(-1px)}
#usbm-cc .cc-b:focus-visible,#usbm-cc-modal .cc-b:focus-visible,#usbm-cc-modal input:focus-visible+.cc-track{outline:3px solid #ffb3dd;outline-offset:2px}
#usbm-cc .cc-reject{background:#fff;border-color:#cdd6e4;color:#202f5e}
#usbm-cc .cc-reject:hover{border-color:#202f5e}
#usbm-cc .cc-custom{background:#eef1f7;color:#202f5e}
#usbm-cc .cc-accept{background:#ff5aaf;color:#fff}
#usbm-cc .cc-accept:hover{background:#ec4aa0}
#usbm-cc-modal{position:fixed;inset:0;z-index:2147483601;font-family:"Hanken Grotesk",system-ui,sans-serif;color:#202f5e}
#usbm-cc-modal .cc-mask{position:absolute;inset:0;background:rgba(21,36,59,.5)}
#usbm-cc-modal .cc-card{position:relative;max-width:540px;margin:8vh auto 0;background:#fff;border-radius:18px;box-shadow:0 40px 90px -40px rgba(21,36,59,.6);padding:28px clamp(20px,4vw,34px);max-height:84vh;overflow:auto}
#usbm-cc-modal h2{margin:0 0 6px;font-size:21px}
#usbm-cc-modal .cc-sub{margin:0 0 18px;font-size:14px;color:#5a6a86;line-height:1.5}
#usbm-cc-modal .cc-cats{list-style:none;margin:0 0 22px;padding:0}
#usbm-cc-modal .cc-cat{display:flex;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #eef1f7}
#usbm-cc-modal .cc-cat>div{flex:1}
#usbm-cc-modal .cc-cat strong{display:block;font-size:15px;margin-bottom:3px}
#usbm-cc-modal .cc-cat span.d{display:block;font-size:13px;color:#6b7a96;line-height:1.45}
#usbm-cc-modal .cc-on{font-size:12.5px;font-weight:600;color:#8a97ad;white-space:nowrap}
#usbm-cc-modal .cc-sw{position:relative;display:inline-block;width:46px;height:26px;flex:none}
#usbm-cc-modal .cc-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
#usbm-cc-modal .cc-track{position:absolute;inset:0;background:#cdd6e4;border-radius:999px;transition:background .18s}
#usbm-cc-modal .cc-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#usbm-cc-modal .cc-sw input:checked+.cc-track{background:#ff5aaf}
#usbm-cc-modal .cc-sw input:checked+.cc-track:after{transform:translateX(20px)}
#usbm-cc-modal .cc-mbtns{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
#usbm-cc-modal .cc-b{cursor:pointer;border-radius:11px;font:600 13.5px "Hanken Grotesk",sans-serif;padding:11px 18px;border:1px solid transparent}
#usbm-cc-modal .cc-reject{background:#fff;border:1px solid #cdd6e4;color:#202f5e}
#usbm-cc-modal .cc-accept{background:#ff5aaf;color:#fff}
#usbm-cc-modal .cc-accept:hover{background:#ec4aa0}
a.usbm-cc-link{cursor:pointer}
@media(max-width:640px){#usbm-cc .cc-inner{gap:14px}#usbm-cc .cc-btns{width:100%}#usbm-cc .cc-b{flex:1}}

/* ===== usbm-cart-css (was in functions.php) ===== */
#usbm-cart-drawer,#usbm-cart-drawer *{box-sizing:border-box}
.usbm-bag{position:relative;top:5px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;border:1px solid #cdd6e4;background:#fff;color:#202f5e;cursor:pointer;margin-right:10px;vertical-align:middle}
.usbm-bag:hover{border-color:#202f5e}
.usbm-bag svg{width:20px;height:20px}
.usbm-bag .usbm-bag-n{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff5aaf;color:#fff;font:600 11px/18px "Hanken Grotesk",sans-serif;text-align:center;display:none}
.usbm-bag.has .usbm-bag-n{display:block}
#usbm-cart-drawer{position:fixed;inset:0;z-index:2147483500;font-family:"Hanken Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#202f5e}
#usbm-cart-drawer[hidden]{display:none}
#usbm-cart-drawer .cd-mask{position:absolute;inset:0;background:rgba(21,36,59,.5)}
#usbm-cart-drawer .cd-panel{position:absolute;top:0;right:0;height:100%;width:437px;max-width:92vw;background:#fff;display:flex;flex-direction:column;box-shadow:-40px 0 80px -40px rgba(21,36,59,.6);transform:translateX(0);overflow-y:auto}
#usbm-cart-drawer .cd-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eef1f7;flex:none;position:sticky;top:0;background:#fff;z-index:2}
#usbm-cart-drawer .cd-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
#usbm-cart-drawer .cd-title .n{font-size:12px;color:#fff;background:#202f5e;border-radius:999px;padding:1px 8px}
#usbm-cart-drawer .cd-x{width:28px;height:28px;border-radius:50%;border:1px solid #d7deea;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;line-height:1}
#usbm-cart-drawer .cd-note{display:none}
#usbm-cart-drawer .cd-items{flex:none}
#usbm-cart-drawer .cd-empty{padding:40px 24px;text-align:center;color:#8a97ad;font-size:13.5px}
#usbm-cart-drawer .ci{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid #f1f4f9}
#usbm-cart-drawer .ci-img{width:58px;height:58px;border-radius:8px;background:#eef1f7;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden}
#usbm-cart-drawer .ci-img img{max-width:100%;max-height:100%;object-fit:contain}
#usbm-cart-drawer .ci-b{flex:1;min-width:0}
#usbm-cart-drawer .ci-top{display:flex;justify-content:space-between;gap:8px}
#usbm-cart-drawer .ci-nm{font-size:13.5px;font-weight:500}
#usbm-cart-drawer .ci-sku{font-size:11px;color:#9aa6bd;white-space:nowrap}
#usbm-cart-drawer .ci-opts{font-size:11.5px;color:#6b7a96;margin:3px 0 6px;line-height:1.45}
#usbm-cart-drawer .ci-opts b{color:#202f5e;font-weight:500}
#usbm-cart-drawer .ci-flag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;border-radius:999px;padding:2px 9px}
#usbm-cart-drawer .ci-flag.warn{color:#854f0b;background:#faeeda}
#usbm-cart-drawer .ci-flag.ok{color:#0f6e56;background:#e1f5ee}
#usbm-cart-drawer .ci-poa{display:none}
#usbm-cart-drawer .ci-acts{display:flex;gap:14px;margin-top:8px;font-size:11.5px;color:#5a6a86}
#usbm-cart-drawer .ci-acts a{color:#5a6a86;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
#usbm-cart-drawer .ci-acts a.edit{color:#ec4aa0;font-weight:500}
#usbm-cart-drawer .ci-qty{display:inline-flex;align-items:center;border:1px solid #cfd7e4;border-radius:8px;overflow:hidden;margin-top:8px}
#usbm-cart-drawer .ci-qty button{width:26px;height:26px;border:0;background:#fff;color:#202f5e;cursor:pointer;font-size:15px}
#usbm-cart-drawer .ci-qty input{width:50px;height:26px;border:0;border-left:1px solid #eef1f7;border-right:1px solid #eef1f7;text-align:center;font:500 12px "Hanken Grotesk",sans-serif;color:#202f5e}
#usbm-cart-drawer .usbmqd-item{border:1px solid #e9ecf0;border-radius:15px;margin:12px 14px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.05)}
#usbm-cart-drawer .usbmqd-thumb{width:104px;height:104px;border-radius:14px;border:1px solid #eef0f3;background:#fff;object-fit:contain;flex:0 0 auto;padding:5px;box-sizing:border-box;display:block}
#usbm-cart-drawer .usbmqd-mid{flex:1;min-width:0}
#usbm-cart-drawer .usbmqd-item-name{font-weight:700;color:#202f5e;font-size:16px;line-height:1.35}
#usbm-cart-drawer .usbmqd-top{display:flex;gap:14px;align-items:flex-start;padding:15px 15px 13px}
#usbm-cart-drawer .usbmqd-nrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#usbm-cart-drawer .usbmqd-status{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:#0f6e56;background:#e1f5ee;border-radius:999px;padding:2px 9px}
#usbm-cart-drawer .usbmqd-status.warn{color:#854f0b;background:#faeeda}
#usbm-cart-drawer .usbmqd-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
#usbm-cart-drawer .usbmqd-chips span{font-size:11.5px;font-weight:500;color:#202f5e;background:#f1f4f9;border-radius:7px;padding:4px 9px;line-height:1.2}
#usbm-cart-drawer .usbmqd-qtyrow{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-top:1px solid #eef1f7;background:#fbfcfe}
#usbm-cart-drawer .usbmqd-qlabel{font-size:13px;color:#6b7280;font-weight:500}
#usbm-cart-drawer .usbmqd-qright{display:flex;align-items:center;gap:12px}
#usbm-cart-drawer .usbmqd-spec{list-style:none;margin:7px 0 0;padding:0}
#usbm-cart-drawer .usbmqd-spec li{position:relative;padding-left:14px;color:#6b7280;font-size:12.8px;line-height:1.6}
#usbm-cart-drawer .usbmqd-spec li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#FF3D7F}
#usbm-cart-drawer .usbmqd-val{color:#202f5e;font-weight:500}
#usbm-cart-drawer .usbmqd-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}
#usbm-cart-drawer .usbmqd-step{display:inline-flex;align-items:center;border:1px solid #cfd7e4;border-radius:10px;overflow:hidden;background:#fff}
#usbm-cart-drawer .usbmqd-step-btn{width:36px;height:40px;border:0;background:#fff;color:#202f5e;font:500 20px/1 "Hanken Grotesk",sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}
#usbm-cart-drawer .usbmqd-step-btn:hover{background:#f6f7fa}
#usbm-cart-drawer .usbmqd-step-btn:active{background:#eef1f7}
#usbm-cart-drawer .usbmqd-qty{width:46px;height:40px;padding:0 2px;border:0;border-left:1px solid #eef1f7;border-right:1px solid #eef1f7;border-radius:0;font-size:15px;font-weight:600;text-align:center;font-family:inherit;color:#202f5e;-webkit-appearance:none;-moz-appearance:textfield;margin:0}
#usbm-cart-drawer .usbmqd-qty::-webkit-inner-spin-button,#usbm-cart-drawer .usbmqd-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#usbm-cart-drawer .usbmqd-remove{background:none;border:0;color:#202f5e;cursor:pointer;padding:3px;line-height:0;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;transition:background .15s,color .15s}
#usbm-cart-drawer .usbmqd-remove svg{width:18px;height:18px;display:block}
#usbm-cart-drawer .usbmqd-remove:hover{color:#e5484d;background:#fdeaea}
#usbm-cart-drawer .cd-foot{border-top:1px solid #eef1f7;padding:14px 18px;flex:none}
#usbm-cart-drawer .cd-sum{display:none}
#usbm-cart-drawer .cd-sum b{color:#202f5e;font-weight:500}
#usbm-cart-drawer .cd-co{display:block;text-align:center;background:#ff5aaf;color:#fff;font-size:14px;font-weight:600;border-radius:11px;padding:12px;text-decoration:none}
#usbm-cart-drawer .cd-co:hover{background:#ec4aa0}
#usbm-cart-drawer .cd-co.dim{background:#f0c4da;pointer-events:none}
#usbm-cart-drawer .cd-foot-links{display:flex;gap:10px;margin-top:10px}
#usbm-cart-drawer .cd-foot-links a{flex:1;text-align:center;text-decoration:none;cursor:pointer;border-radius:11px;padding:11px 10px;font-size:13px;font-weight:600;border:1px solid #d4d8dd;box-sizing:border-box;transition:background .15s,border-color .15s}
#usbm-cart-drawer .cd-foot-links .cont{color:#202f5e;background:#fff}
#usbm-cart-drawer .cd-foot-links .cont:hover{background:#f6f7fa;border-color:#c2cad6}
#usbm-cart-drawer .cd-foot-links .view{color:#ec4aa0;background:#fff;border-color:#ffc7e4}
#usbm-cart-drawer .cd-foot-links .view:hover{background:#fff4f9;border-color:#ff9ed1}
@media(max-width:480px){#usbm-cart-drawer .cd-panel{width:100vw}}

/* ===== usbm-cta-noshadow (was in functions.php) ===== */
.btn-cta{box-shadow:none !important;color:#fff !important;}

/* ===== usbm-filter-tab-css (was in functions.php) ===== */
#usbmFilterTab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:150;background:rgba(255,90,175,.7);color:#fff;border:none;cursor:pointer;padding:22px 11px;border-radius:0 14px 14px 0;display:flex;flex-direction:column;align-items:center;gap:11px;box-shadow:2px 3px 12px rgba(0,0,0,.18);font-family:inherit;font-weight:700;font-size:16px;letter-spacing:.04em;line-height:1;transition:opacity .2s,background .15s}
#usbmFilterTab:hover{background:#FF5AAF}
#usbmFilterTab span{writing-mode:vertical-rl;transform:rotate(180deg)}
#usbmFilterTab svg{width:24px;height:24px}
@media(max-width:600px){#usbmFilterTab{padding:17px 8px;font-size:14px}}

/* ===== usbm-qv-css (was in functions.php) ===== */
.scard{position:relative}
.qv-eye{position:absolute;top:10px;left:10px;z-index:5;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);border:1px solid #d7deea;display:flex;align-items:center;justify-content:center;color:#202f5e;cursor:pointer;opacity:.6;transition:opacity .15s,transform .15s,background .15s;box-shadow:0 6px 18px -8px rgba(21,36,59,.5)}
.qv-eye:hover{background:#fff;transform:translateY(-1px)}
.qv-eye:focus-visible{outline:3px solid #ffb3dd;outline-offset:2px;opacity:1}
.scard:hover .qv-eye{opacity:1}
@media(hover:none){.qv-eye{opacity:1}}
.qv-eye svg{width:18px;height:18px;display:block}
#usbm-qv,#usbm-qv *{box-sizing:border-box}
#usbm-qv{position:fixed;inset:0;z-index:2147483400;font-family:"Hanken Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#202f5e}
#usbm-qv[hidden]{display:none}
#usbm-qv .qv-mask{position:absolute;inset:0;background:rgba(21,36,59,.55)}
#usbm-qv .qv-card{position:relative;width:640px;max-width:calc(100vw - 32px);max-height:90vh;margin:5vh auto 0;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 50px 100px -40px rgba(21,36,59,.65)}
#usbm-qv .qv-top{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f6f7fa;border-bottom:1px solid #e7ebf2;flex:none}
#usbm-qv .qv-title{display:inline-flex;align-items:center;gap:8px;font:700 14px "Hanken Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#202f5e}
#usbm-qv .qv-title svg{width:17px;height:17px;color:#FF5AAF;display:block}
#usbm-qv .qv-x{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #d7deea;display:flex;align-items:center;justify-content:center;color:#202f5e;cursor:pointer;font-size:17px;line-height:1}
#usbm-qv .qv-x:hover{border-color:#202f5e}
#usbm-qv .qv-grid{display:grid;grid-template-columns:248px 1fr;gap:20px;padding:20px;overflow:auto}
#usbm-qv .qv-media{background:#eef1f7;border-radius:12px;height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#usbm-qv .qv-media img{max-width:100%;max-height:100%;object-fit:contain}
#usbm-qv .qv-thumbs{display:flex;gap:8px;margin-top:10px}
#usbm-qv .qv-thumbs span{flex:1;height:46px;border-radius:8px;background:#eef1f7;border:1px solid #e1e6ef;overflow:hidden;display:flex;align-items:center;justify-content:center}
#usbm-qv .qv-thumbs span img{max-width:100%;max-height:100%}
#usbm-qv .qv-desc{margin-top:16px;border-top:1px solid #eef1f7;padding-top:12px}
#usbm-qv .qv-h{font-size:12.5px;font-weight:600;color:#202f5e;margin-bottom:8px}
#usbm-qv .qv-desc p{font-size:12.5px;line-height:1.55;color:#5a6a86;margin:0}
#usbm-qv .qv-name{font-size:20px;font-weight:600;color:#202f5e;line-height:1.25}
#usbm-qv .qv-meta{display:none}
#usbm-qv .qv-meta .dot{color:#c3ccdb}
#usbm-qv .qv-tags{display:none}
#usbm-qv .qv-tags span{font-size:11.5px;color:#202f5e;background:#eef1f7;border-radius:999px;padding:4px 10px}
#usbm-qv .qv-full{display:none}
#usbm-qv .qv-sect{margin-top:16px}
#usbm-qv .qv-sw{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
#usbm-qv .qv-sw span{display:flex;align-items:center;gap:7px;border:1px solid #cfd7e4;border-radius:8px;padding:7px 8px;font-size:12px;color:#202f5e}
#usbm-qv .qv-sw i{width:14px;height:14px;border-radius:50%;border:1px solid #00000018;flex:none}
#usbm-qv .qv-chips{display:flex;flex-wrap:wrap;gap:6px}
#usbm-qv .qv-chips span{font-size:12px;color:#202f5e;border:1px solid #cfd7e4;border-radius:999px;padding:5px 11px}
#usbm-qv .qv-caps{display:flex;flex-wrap:wrap;gap:6px}
#usbm-qv .qv-caps span{font-size:12px;color:#202f5e;border:1px solid #cfd7e4;border-radius:8px;padding:6px 12px}
#usbm-qv .qv-tiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
#usbm-qv .qv-tier{font-size:12px;color:#202f5e;border:1px solid #cfd7e4;border-radius:8px;padding:6px 12px;background:#fff;cursor:pointer;font-family:inherit;line-height:1}
#usbm-qv .qv-tier:hover{border-color:#202f5e}
#usbm-qv .qv-tier.qv-sel{border-color:#ff5aaf;background:#fff0f7;box-shadow:inset 0 0 0 1px #ff5aaf}
#usbm-qv .qv-cta{display:flex;gap:10px;margin-top:20px;align-items:center;flex-wrap:wrap;justify-content:space-between}
#usbm-qv .qv-quote{background:#ff5aaf;color:#fff;font-size:13.5px;font-weight:600;border-radius:11px;padding:11px 18px;text-decoration:none}
#usbm-qv .qv-quote:hover{background:#ec4aa0}
#usbm-qv .qv-det{border:1px solid #cfd7e4;color:#202f5e;font-size:13.5px;border-radius:11px;padding:11px 16px;text-decoration:none}
#usbm-qv .qv-det:hover{border-color:#202f5e}
#usbm-qv .qv-muted{font-size:12px;color:#9aa6bd}
@media(max-width:620px){
  #usbm-qv .qv-card{margin:0;max-height:100vh;height:100vh;border-radius:0;max-width:100vw}
  #usbm-qv .qv-grid{grid-template-columns:1fr}
}

/* ===== usbm-qv-add-css (was in functions.php) ===== */
#usbm-qv .qv-sw span.qv-sel,#usbm-qv .qv-chips span.qv-sel,#usbm-qv .qv-caps span.qv-sel{border-color:#ff5aaf !important;background:#fff0f7;box-shadow:inset 0 0 0 1px #ff5aaf}
#usbm-qv .qv-sw span,#usbm-qv .qv-chips span,#usbm-qv .qv-caps span{cursor:pointer;user-select:none}
#usbm-qv .qv-qty-wrap{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 2px}
#usbm-qv .qv-qty-lab{font-size:12.5px;font-weight:500;color:#202f5e}
#usbm-qv .qv-qty{display:inline-flex;align-items:center;border:1px solid #cfd7e4;border-radius:10px;overflow:hidden}
#usbm-qv .qv-qty button{width:30px;height:36px;border:0;background:#fff;color:#202f5e;font-size:16px;cursor:pointer}
#usbm-qv .qv-qty input{width:56px;height:36px;border:0;border-left:1px solid #eef1f7;border-right:1px solid #eef1f7;text-align:center;font:600 13px "Hanken Grotesk",sans-serif;color:#202f5e}
#usbm-qv .qv-moq{font-size:11px;color:#9aa6bd}

/* ===== usbm-card-swatch-cap (was in functions.php) ===== */
.scard .sc-colours .sc-sw:nth-of-type(n+8){display:none !important}
.scard .sc-quote{transition:background .15s}
.scard .sc-quote:hover{background:#FF5AAF !important}
.usbm-ap .scard .sc-quote:hover{background:#202f5e !important}
button .arrow,a .arrow{display:none !important}

/* ===== usbm-nf-css (was in footer.php) ===== */
.nfx{background:#081434;padding:26px}.nfx-card{position:relative;overflow:hidden;border-radius:26px;background:#081434 /* url(/wp-content/uploads/2026/07/USB_Makers_Footer_2.png) center/cover no-repeat - image hidden 2026-07-10 per Richard */;color:#fff;max-width:1588px;margin:0 auto;padding:0 60px}.nfx-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:20px 0 34px}.nfx-col{padding:0 34px}.nfx-col:first-child{padding-left:0}.nfx-col+.nfx-col,.nfx-brand{border-left:1px solid rgba(255,255,255,.09)}.nfx-h{display:block;color:#FF5AAF;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.nfx-col a{display:block;color:#e8ecf8;font-size:15px;margin-bottom:14px;text-decoration:none;font-weight:500;transition:color .15s}.nfx-col a:hover{color:#fff;text-decoration:none}.nfx-col a.pk{color:#FF5AAF;font-weight:700;margin-top:18px}.nfx-col a.pk:hover{color:#ff7dc0}.nfx-brand{padding:0 0 0 40px}.nfx-brand img{height:36px;width:auto;display:block;margin-bottom:20px}.nfx-tel{font-size:29px;font-weight:800;margin:0 0 16px;color:#fff;display:block;text-decoration:none}.nfx-line{display:flex;align-items:center;gap:9px;font-size:14.5px;color:#dfe4f5;margin-bottom:9px}.nfx-line svg{width:17px;height:17px;fill:none;stroke:#f08bbf;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.nfx-soc{display:flex;gap:12px;margin-top:20px}.nfx-soc a{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;transition:background .15s}.nfx-soc a:hover{background:rgba(255,255,255,.12)}.nfx-soc svg{width:22px;height:22px;fill:#fff}.nfx-bot{border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:26px;padding:20px 70px 12px;flex-wrap:wrap}.nfx-bi{display:flex;align-items:center;gap:10px;flex:0 1 auto}.nfx-bic{width:37px;height:37px;border-radius:50%;border:2px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.nfx-bic svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nfx-bic svg .ac{stroke:#FF5AAF}.nfx-bic svg .mn{stroke-width:0.96}.nfx-bi b{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:2px}.nfx-bi div span{display:block;font-size:12px;color:rgba(255,255,255,.6)}.nfx-cr{text-align:right;font-size:10.5px;color:rgba(255,255,255,.55);line-height:1.6;flex:0 0 auto}@media(max-width:1200px){.nfx-grid{grid-template-columns:1fr 1fr;row-gap:34px}.nfx-col{padding:0 24px 0 0;border-left:0 !important}.nfx-brand{grid-column:1/-1;padding:26px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.09)}}@media(max-width:640px){.nfx{padding:14px}.nfx-card{padding:0 26px}.nfx-grid{grid-template-columns:1fr}.nfx-bot{gap:20px}.nfx-cr{text-align:left}}

/* ===== usbm-nf-legal (was in footer.php) ===== */
.nfx-legal{max-width:1468px;margin:4px auto 0;padding:16px 0 2px;border-top:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.nfx-legal-l{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.82)}.nfx-legal-l a{color:rgba(255,255,255,.82);text-decoration:none;transition:color .15s}.nfx-legal-l a:hover{color:#FF5AAF}.nfx-legal-l i{width:1px;height:15px;background:rgba(255,255,255,.28);display:inline-block}.nfx-legal-r{display:flex;align-items:center;gap:10px}.nfx-legal-r svg{width:52px;height:32px;display:block}.nfx-git{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FF5AAF;margin-bottom:18px}.nfx-git-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.nfx-git-row > svg{width:20px;height:20px;fill:none;stroke:#FF5AAF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;margin-top:4px}.nfx-brand .nfx-tel{font-size:22px;font-weight:800;color:#fff;text-decoration:none;display:block;line-height:1.15;margin:0}.nfx-git-sub{display:block;font-size:14.5px;color:rgba(255,255,255,.65);margin-top:5px}.nfx-mail{font-size:15.5px;color:#fff;text-decoration:none;margin-top:2px}.nfx-mail:hover,.nfx-brand .nfx-tel:hover{color:#FF5AAF}.nfx-comp{display:flex;align-items:center;gap:16px;margin-top:20px;opacity:.75}.nfx-comp svg{height:24px;width:auto;display:block}@media(max-width:640px){.nfx-legal{justify-content:center;text-align:center}}