/* US Neurologicals: the look of the saved Kryptronic pages, matched to the new checkout (same palette, type, spacing).
   STYLING ONLY: it is loaded as one extra stylesheet and changes nothing in the page text, titles, headings, links, addresses,
   pictures or structured data (SEO), only how they are drawn. Everything is scoped to body.kwrap (the saved pages). */
/* the saved skin colours most things through these variables: pointing them at the checkout palette re-colours the whole site at once */
:root{--usn-blue:#0b1f5e;--usn-blue-dark:#0b1f5e;--usn-ink:#14182a;--usn-muted:#5b6275;--usn-line:#d9dce6;--usn-soft:#f4f5f9}
body.kwrap{--ink:#14182a;--mute:#5b6275;--line:#d9dce6;--tint:#f4f5f9;--navy:#0b1f5e;--navy2:#071443;--ok:#1d6b3a;--red:#b3261e;--max:1360px;font:15px/1.55 "IBM Plex Sans",Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;color:var(--ink) !important;background:#fff !important;-webkit-font-smoothing:antialiased !important}
html{background:#fff !important}
body.kwrap *{box-sizing:border-box !important}
body.kwrap input,body.kwrap select,body.kwrap textarea,body.kwrap button{font-family:inherit !important}
body.kwrap a{color:var(--navy) !important}
body.kwrap h1,body.kwrap h2,body.kwrap h3,body.kwrap h4{font-family:inherit !important;color:var(--ink) !important;letter-spacing:-.01em !important}
body.kwrap #kskin_flex,body.kwrap #kskin_flexmain,body.kwrap #kskin_main,body.kwrap #kskin_maininner,body.kwrap #kskin_head,body.kwrap #kskin_headinner,
body.kwrap #kskin_banner,body.kwrap #kskin_bannerinner{background:transparent !important;border:0 !important;box-shadow:none !important}

/* ---------- header ---------- */
/* (the saved skin draws the logo as a picture behind the link and shows the menu words through ::after: both are kept, only sized and coloured here) */
body.kwrap #kskin_head{background:#fff !important;border-bottom:1px solid var(--line) !important;padding:0 !important;max-width:none !important;width:100% !important}
body.kwrap #kskin_uslogin a{font-size:14.5px !important;font-weight:500 !important;color:var(--ink) !important;text-decoration:none !important;padding:6px 0 !important;border-bottom:2px solid transparent !important}
body.kwrap #kskin_uslogin a:hover{color:var(--navy) !important;border-bottom-color:var(--navy) !important}
body.kwrap #kskin_topbarinnerl a[href$="/Checkout"],body.kwrap #kskin_topbarinnerl a[href$="/WishList"],body.kwrap #MOBILENAV--CONTENT a[href$="/Checkout"],body.kwrap #MOBILENAV--CONTENT a[href$="/WishList"]{display:none !important} /* the cart is the checkout now; the account pages are not in use (none of these are in Google) */
body.kwrap #kskin_topbarinnerl a::after{font-size:14.5px !important;font-weight:500 !important;color:var(--ink) !important}
@media (min-width:760px){
 body.kwrap #kskin_headinner{align-items:center !important;justify-content:space-between !important;gap:24px !important;max-width:var(--max) !important;margin:0 auto !important;padding:12px 28px !important}
 body.kwrap #kskin_headhome>a{display:block !important;font-size:0 !important;line-height:0 !important}
 body.kwrap #kskin_headhome>a::before{display:none !important}
 body.kwrap #kskin_headhome>a>img{display:block !important;height:46px !important;width:auto !important;max-width:none !important;margin:0 !important}
 body.kwrap #kskin_headwidgets{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-end !important;gap:0 !important}
 body.kwrap #kskin_topbarinnerl,body.kwrap #kskin_uslogin{width:auto !important;flex:none !important;margin:0 !important;padding:0 !important}
 body.kwrap #kskin_topbarinnerl{display:flex !important;flex-wrap:nowrap !important;gap:0 !important;align-items:center !important;justify-content:flex-end !important}
 body.kwrap #kskin_topbarinnerl a{margin-left:26px !important;padding:6px 0 !important;border-radius:0 !important;border-bottom:2px solid transparent !important;background:none !important}
 body.kwrap #kskin_topbarinnerl a:hover{background:none !important;border-bottom-color:var(--navy) !important}
 body.kwrap #kskin_topbarinnerl a:hover::after{color:var(--navy) !important}
 body.kwrap #kskin_uslogin a{margin-left:26px !important}
}

/* ---------- page frame ---------- */
body.kwrap #kskin_main{max-width:var(--max) !important;margin:0 auto !important;padding:0 28px 40px !important}
body.kwrap #kskin_maincontent{padding-left:8px !important}
body.kwrap #kcontent{color:var(--ink) !important}
body.kwrap #ktitle{font-size:28px !important;line-height:1.2 !important;font-weight:600 !important;margin:0 0 12px !important;border:0 !important;padding:0 !important;color:var(--ink) !important}
body.kwrap #kcontent p{line-height:1.6 !important}
body.kwrap #kcontent hr{border:0 !important;border-top:1px solid var(--line) !important}

/* breadcrumb: plain small text, not a box */
body.kwrap #ecom_skinwidget_breadcrumbs,body.kwrap #ecom_skinwidget_breadcrumbs .kwidget_box,body.kwrap #ecom_skinwidget_breadcrumbs .kwidget_padmax{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important}
body.kwrap #ecom_skinwidget_breadcrumbs .kwidget_padmax{font-size:13px !important;color:var(--mute) !important;margin:0 0 10px !important}
body.kwrap #ecom_skinwidget_breadcrumbs .kwidget_boxtext,body.kwrap #ecom_skinwidget_breadcrumbs .kwidget_boxicon{display:none !important}
body.kwrap #kwidgetgroup_LOCATION,body.kwrap #kwidgetgroup_LOCATION .kwidget_box,body.kwrap #kwidgetgroup_LOCATION .kwidget_boxcontent{padding:0 !important;margin:0 !important}
body.kwrap #ecom_skinwidget_breadcrumbs a{color:var(--mute) !important;text-decoration:none !important}
body.kwrap #ecom_skinwidget_breadcrumbs a:hover{color:var(--navy) !important;text-decoration:underline !important}

/* ---------- sidebar ---------- */
body.kwrap #kskin_col3 .kgridmidhalf{padding-right:12px !important}
body.kwrap .kwidget_wrap{background:none !important;border:0 !important;box-shadow:none !important}
body.kwrap #kskin_col3 .kwidget_boxicon{display:none !important}
body.kwrap #kskin_col3 .kwidget_boxtext{font-size:11.5px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--mute) !important;border:0 !important;border-bottom:1px solid var(--line) !important;padding:0 0 8px !important;margin:22px 0 8px !important;background:none !important}
body.kwrap #kskin_col3 .kwidget_wrap:first-child .kwidget_boxtext{margin-top:0 !important}
body.kwrap #kskin_col3 ul{list-style:none !important;margin:0 !important;padding:0 !important}
body.kwrap #kskin_col3 li{margin:0 !important;padding:0 !important;border:0 !important}
body.kwrap #kskin_col3 li a{display:block !important;padding:7px 0 !important;font-size:14.5px !important;line-height:1.35 !important;color:var(--ink) !important;text-decoration:none !important}
body.kwrap #kskin_col3 li a:hover{color:var(--navy) !important;text-decoration:underline !important}
body.kwrap #ecom_skinwidget_minicart a{font-weight:600 !important;color:var(--navy) !important}
body.kwrap #ecom--minisearch{display:flex !important;gap:8px !important;flex-wrap:wrap !important}
body.kwrap #ecom--minisearch input[type=text]{flex:1 !important;min-width:0 !important;height:42px !important;border:1px solid var(--line) !important;border-radius:2px !important;padding:0 12px !important;font-size:15px !important;background:#fff !important}
body.kwrap #ecom--minisearch input[type=submit]{height:42px !important;padding:0 16px !important;background:var(--navy) !important}
body.kwrap .usn-home a{color:var(--navy) !important}

/* ---------- buttons and fields (same as the checkout) ---------- */
body.kwrap .kbutton,body.kwrap input[type=submit],body.kwrap input[type=button],body.kwrap button[type=submit],body.kwrap button[type=button],body.kwrap .kaddtocart,body.kwrap a.kbutton{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;min-height:44px !important;padding:0 22px !important;border:0 !important;border-radius:2px !important;background:var(--navy) !important;color:#fff !important;font:600 15px "IBM Plex Sans",Roboto,system-ui,Arial,sans-serif !important;text-decoration:none !important;cursor:pointer !important;box-shadow:none !important;text-shadow:none !important;transition:background .12s !important;width:auto !important}
body.kwrap .kbutton:hover,body.kwrap input[type=submit]:hover,body.kwrap input[type=button]:hover,body.kwrap button[type=submit]:hover,body.kwrap button[type=button]:hover,body.kwrap .kaddtocart:hover{background:var(--navy2) !important;color:#fff !important}
body.kwrap input[type=text],body.kwrap input[type=email],body.kwrap input[type=tel],body.kwrap input[type=password],body.kwrap input[type=number],body.kwrap input[type=search],body.kwrap select,body.kwrap textarea{height:auto !important;min-height:44px !important;border:1px solid var(--line) !important;border-radius:2px !important;background:#fff !important;color:var(--ink) !important;padding:9px 12px !important;font-size:15px !important;box-shadow:none !important;max-width:100% !important}
body.kwrap textarea{min-height:120px !important}
body.kwrap input[type=text]:focus,body.kwrap input[type=email]:focus,body.kwrap input[type=tel]:focus,body.kwrap input[type=number]:focus,body.kwrap input[type=search]:focus,body.kwrap select:focus,body.kwrap textarea:focus{outline:0 !important;border-color:var(--navy) !important;box-shadow:0 0 0 1px var(--navy) !important}
body.kwrap label{color:var(--ink) !important}

/* the option "Apply" buttons are divs, and the skin forces dark text on every div in that form */
body.kwrap #kcontent #ecom--addcart .kgridbox>div.kbutton{color:#fff !important;background:var(--navy) !important;border-radius:2px !important;padding:0 18px !important;min-height:42px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;font-weight:600 !important}

/* product options (engraving and the like): a small box, each question as a label on the left and its choices on the right; the engraving text box only appears once "Yes" is picked */
body.kwrap .kmirrort{border:1px solid var(--line) !important;border-radius:2px !important;background:#fff !important;margin:12px 0 0 !important;overflow:hidden !important}
body.kwrap .kmirrorthead{margin:0 !important;padding:8px 14px !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.02em !important;background:var(--tint) !important;border-bottom:1px solid var(--line) !important;color:var(--ink) !important}
body.kwrap .kmirrortrow,body.kwrap .kmirrortrow>.kgridsep{display:block !important;padding:0 !important;margin:0 !important;float:none !important;width:auto !important}
body.kwrap .kmirrortcell{display:grid !important;grid-template-columns:minmax(120px,26%) minmax(0,1fr) !important;column-gap:16px !important;align-items:start !important;padding:10px 14px !important;border-top:1px solid var(--line) !important;background:#fff !important;margin:0 !important;float:none !important;width:auto !important}
body.kwrap .kmirrorthead+.kmirrortrow .kmirrortcell{border-top:0 !important}
body.kwrap .kmirrortcell>*{grid-column:2 !important;margin:0 0 4px !important}
body.kwrap .kmirrortcell>:first-child{grid-column:1 !important;grid-row:1 / span 8 !important;display:flex !important;align-items:flex-start !important;gap:6px !important;margin:0 !important}
body.kwrap .kmirrortleg{float:none !important;flex:1 1 auto !important;width:auto !important;font-weight:600 !important;font-size:13.5px !important;line-height:1.35 !important;margin:0 !important}
body.kwrap .kmirrortcell .ktooltip{float:none !important;margin:2px 0 0 !important;flex:none !important}
body.kwrap .kmirrortcell .klearfix.kmid{display:flex !important;align-items:flex-start !important;gap:8px !important;font-size:14px !important;line-height:1.35 !important;margin:0 0 4px !important}
body.kwrap .kmirrortcell .klearfix.kmid>div{float:none !important;width:auto !important;margin:0 !important}
body.kwrap .kmirrortcell .klearfix.kmid>div:first-child{flex:none !important;padding-top:1px !important}
body.kwrap .kmirrortcell input[type=radio],body.kwrap .kmirrortcell input[type=checkbox]{width:16px !important;height:16px !important;margin:0 !important;accent-color:var(--navy) !important}
body.kwrap .kmirrortcell textarea{width:100% !important;max-width:560px !important;height:64px !important;min-height:64px !important;font-size:14px !important;padding:8px 10px !important}
body.kwrap .kmirrortcell select{width:100% !important;max-width:420px !important}
body.kwrap #kcontent #ecom--addcart .kgridbox>div.kbutton{min-height:32px !important;padding:0 14px !important;font-size:13.5px !important}
body.kwrap #kcontent #ecom--addcart .kgridbox>div.kbutton[style*="display: none"]{display:none !important}
@supports selector(:has(*)) {body.kwrap .kmirrortcell:has(textarea[name$="--engraving_details"]){display:none !important}
 body.kwrap .kmirrort:has(input[name$="ENGRAVINGoptions"][title^="Yes"]:checked) .kmirrortcell:has(textarea[name$="--engraving_details"]){display:grid !important}
}
@media (max-width:599px){body.kwrap .kmirrortcell{grid-template-columns:minmax(0,1fr) !important}
 body.kwrap .kmirrortcell>*,body.kwrap .kmirrortcell>:first-child{grid-column:1 !important;grid-row:auto !important}
 body.kwrap .kmirrortcell>:first-child{margin:0 0 6px !important}
}

/* ---------- home page blocks ---------- */
body.kwrap .usn-home{color:var(--ink) !important}
body.kwrap .usn-home .usn-section-header,body.kwrap .usn-section-header{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap:12px !important;margin:34px 0 14px !important;border:0 !important;padding:0 !important}
body.kwrap .usn-section-header h2{font-size:20px !important;font-weight:600 !important;margin:0 !important}
/* the "Core clinical categories" block keeps its original list layout (two columns, hairlines between rows, picture left, words right), only recoloured */
body.kwrap .usn-home .usn-family{color:var(--ink) !important;border-color:var(--line) !important}
body.kwrap .usn-family:nth-child(odd){border-right-color:var(--line) !important}
body.kwrap .usn-family:nth-last-child(-n+2){border-bottom-color:var(--line) !important}
body.kwrap .usn-family-copy strong{color:var(--navy) !important;font-size:16px !important;font-weight:600 !important}
body.kwrap .usn-family-copy span{color:var(--mute) !important;font-size:13.5px !important;line-height:1.45 !important}
body.kwrap .usn-family-copy em{color:var(--navy) !important}
body.kwrap .usn-family:hover .usn-family-copy strong{text-decoration:underline !important}
body.kwrap .usn-contact{border-top:1px solid var(--line) !important;margin-top:30px !important;padding-top:18px !important}

/* ---------- category and product lists: quiet cards (picture on a soft tile, name, price); the whole card is one link, the text and buttons stay in the page but are not drawn ---------- */
body.kwrap .kcatlist,body.kwrap .kprodlist:not(.kgridslide){display:grid !important;grid-template-columns:repeat(auto-fill,minmax(214px,1fr)) !important;gap:28px 20px !important;margin:0 !important;padding:0 !important}
body.kwrap .kcatlist>*,body.kwrap .kprodlist:not(.kgridslide)>*{float:none !important;width:auto !important;max-width:none !important;margin:0 !important}
/* the "Featured Products" strip on the Store page is a slider with arrows: it keeps its own row layout, only the cards are restyled */
body.kwrap .kslide{overflow:visible !important;margin:0 !important;width:auto !important}
body.kwrap .kslidecontl,body.kwrap .kslidecontr{display:none !important}
body.kwrap .kprodlist.kgridslide{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(214px,1fr)) !important;gap:28px 20px !important;width:auto !important}
body.kwrap .kprodlist.kgridslide>.kprodlistitem{width:auto !important;max-width:none !important;float:none !important;margin:0 !important;height:auto !important}
body.kwrap .kprodlist.kgridslide>.kprodlistitem:nth-child(n+6){display:none !important}
body.kwrap .kcatlistitem,body.kwrap .kprodlistitem{position:relative !important;display:flex !important;flex-direction:column !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;overflow:visible !important;padding:0 !important;margin:0 !important}
body.kwrap .kcatlistitemimage,body.kwrap .kprodlistitemimage{display:flex !important;align-items:center !important;justify-content:center !important;aspect-ratio:4/3 !important;padding:0 !important;background:var(--tint) !important;border:0 !important;border-radius:2px !important;overflow:hidden !important;margin:0 !important;transition:background .12s !important}
body.kwrap .kcatlistitem:hover .kcatlistitemimage,body.kwrap .kprodlistitem:hover .kprodlistitemimage{background:#eaecf3 !important}
body.kwrap .kcatlistitemimage a,body.kwrap .kprodlistitemimage a{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important;padding:12px !important;box-sizing:border-box !important}
body.kwrap .kcatlistitemimg,body.kwrap .kprodlistitemimg{width:auto !important;height:auto !important;max-width:100% !important;max-height:100% !important;aspect-ratio:auto !important;object-fit:contain !important;margin:0 !important;display:block !important;mix-blend-mode:multiply !important;filter:brightness(1.05) !important}
body.kwrap .kcatlistitemwrap,body.kwrap .kprodlistitemwrap{display:flex !important;flex-direction:column !important;flex:1 !important;padding:10px 2px 0 !important;background:none !important;margin:0 !important}
body.kwrap .kcatlistitemname,body.kwrap .kprodlistitemname{margin:0 !important;font-size:14.5px !important;line-height:1.35 !important}
body.kwrap .kprodlistitemname{display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;min-height:2.7em !important}
body.kwrap .kcatlistitemname a,body.kwrap .kprodlistitemname a{color:var(--ink) !important;font-weight:600 !important;text-decoration:none !important}
body.kwrap .kcatlistitemname a::after,body.kwrap .kprodlistitemname a::after{content:"" !important;position:absolute !important;inset:0 !important}
body.kwrap .kcatlistitem:hover .kcatlistitemname a,body.kwrap .kprodlistitem:hover .kprodlistitemname a{text-decoration:underline !important}
body.kwrap .kprodlistitemdesc,body.kwrap .kprodlistitemform{display:none !important}
body.kwrap .kprodlistitemprice{margin:auto 0 0 !important;padding-top:4px !important;display:flex !important;align-items:baseline !important;flex-wrap:wrap !important;gap:0 8px !important;font-size:13px !important}
body.kwrap .kprodlistitemprice .kpricelist{margin:0 !important;padding:0 !important;float:none !important;width:auto !important}
body.kwrap .kprodlistitem .kpricepay,body.kwrap .kprodlistitem .kprice{font-size:15px !important;font-weight:600 !important;color:var(--ink) !important}
body.kwrap .kprodlistitem .kstockin{display:none !important}
body.kwrap .kstockin{color:var(--ok) !important;font-weight:500 !important}
body.kwrap .kstockout{color:var(--red) !important;font-weight:500 !important}

/* category heading and description: the saved skin hid them from view (they are in the page for Google); they are shown now, nothing is added */
body.kwrap .kcatshow{border:0 !important;background:none !important;display:block !important;margin:0 0 20px !important;padding:0 !important}
body.kwrap .kcatshowleft{display:block !important;width:100% !important;max-width:none !important;padding:0 !important;background:none !important;flex:1 1 100% !important}
body.kwrap .kcatshowdescwrap{background:none !important;padding:0 !important}
body.kwrap .kcatshowname{font-size:26px !important;line-height:1.2 !important;font-weight:600 !important;margin:0 0 6px !important}
body.kwrap .kcatshowdesc{color:var(--mute) !important;font-size:14px !important;line-height:1.55 !important;max-width:none !important;margin:0 !important}
body.kwrap .kcatshowdesc p,body.kwrap .kcatshowdesc .ktopmarginhalf{margin:0 0 4px !important}
body.kwrap .kcatshowdesc .kbotmarginfull{margin-bottom:4px !important}
body.kwrap .kcatshowdesc br{display:none !important}
body.kwrap .kcatshowright{display:none !important}

/* sort bar: one tidy line above the cards */
body.kwrap .kprodsort{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;margin:0 0 12px !important;padding:0 !important}
body.kwrap .kprodsort .kicon_icon-sort{display:none !important}
body.kwrap .kprodsortselect form{display:flex !important;align-items:center !important;gap:8px !important;margin:0 !important}
body.kwrap .kprodsortselect select{min-width:190px !important}
body.kwrap .kprodsortsubmit{display:none !important}

/* ---------- product page: picture left (stays in view), details right ---------- */
body.kwrap .kprodshow{display:grid !important;grid-template-columns:minmax(0,min(46%,480px)) minmax(0,1fr) !important;gap:48px !important;align-items:start !important}
body.kwrap .kprodshow>.kgridbox{padding:0 !important;width:auto !important;max-width:none !important;float:none !important;margin:0 !important}
body.kwrap .kprodshowleft{grid-column:1 !important;grid-row:1 !important;align-self:start !important;position:sticky !important;top:16px !important}
body.kwrap .kprodshowright{grid-column:2 !important;grid-row:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important}
/* buy box first, the long description below it, so Add to Cart shows without scrolling (the page's own order is unchanged) */
body.kwrap .kprodshowright>*{order:5 !important}
body.kwrap .kprodshowright>.kprodshowname{order:1 !important}
body.kwrap .kprodshowright>#ecom--addcart{order:2 !important;margin:0 !important;padding:10px 18px 16px !important}
body.kwrap .kprodshowright>.usn-trust{order:3 !important}
body.kwrap .kprodshowright>.kprodshowdesc{order:4 !important;margin:26px 0 0 !important;padding-top:22px !important;border-top:1px solid var(--line) !important}
body.kwrap .kprodshowleft .kbordered{border:0 !important;border-radius:2px !important;padding:14px !important;background:var(--tint) !important;margin:0 !important}
body.kwrap .kprodshowleft img{mix-blend-mode:multiply !important;border-radius:2px !important;width:100% !important;max-width:100% !important;height:auto !important;max-height:448px !important;object-fit:contain !important;display:block !important;margin:0 auto !important}
body.kwrap .kprodshowname{font-size:30px !important;line-height:1.2 !important;font-weight:600 !important;margin:0 0 12px !important}
body.kwrap .kprodshowdesc{color:var(--ink) !important;margin:0 0 20px !important;font-size:15px !important;line-height:1.65 !important}
body.kwrap .kprodshowright>.kprodshowname{margin:0 0 14px !important}
body.kwrap .kprodshowdesc ul{padding-left:20px !important;margin:10px 0 !important}
body.kwrap #ecom--addcart{border:0 !important;background:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important}
body.kwrap .kxofferaddcartmain{border:0 !important;background:none !important;padding:0 !important;box-shadow:none !important}
body.kwrap .kprodpriceshow,body.kwrap .kxofferaddcartmain .klearfix{display:grid !important;grid-template-columns:128px minmax(0,1fr) !important;align-items:stretch !important;margin:0 !important;padding:0 !important}
body.kwrap .kpriceinfoleft,body.kwrap .kpriceinforight{display:flex !important;align-items:center !important;flex-wrap:wrap !important;float:none !important;width:auto !important;margin:0 !important;clear:none !important;padding:9px 0 !important;border-bottom:1px solid var(--line) !important}
body.kwrap .kpriceinfoleft{color:var(--mute) !important;font-size:14px !important}
body.kwrap .kpriceinforight{font-weight:500 !important}
body.kwrap .kprodpriceshow>.kpriceinfoleft:last-of-type,body.kwrap .kprodpriceshow>.kpriceinforight:last-of-type{border-bottom:1px solid var(--line) !important}
body.kwrap .kpricepay{font-size:28px !important;font-weight:600 !important;letter-spacing:-.02em !important;color:var(--ink) !important}
body.kwrap .kprice{color:var(--ink) !important}
body.kwrap .kaddcartquantity{width:92px!important;text-align:center !important}
body.kwrap .kxofferaddcartmain>.klearfix:last-of-type .kpriceinfoleft,body.kwrap .kxofferaddcartmain>.klearfix:last-of-type .kpriceinforight{border-bottom:0 !important}
body.kwrap .ktopmarginfull{margin-top:6px !important}
body.kwrap .ktopmarginfull .kaddtocart{margin-top:4px !important;width:100% !important;min-height:54px !important;font-size:16px !important}
body.kwrap .kxofferaddcartmain select{width:100% !important}
/* the small reassurance line under Add to Cart (added by the Worker on product pages) */
body.kwrap .usn-trust{list-style:none !important;margin:16px 0 0 !important;padding:0 !important;display:grid !important;gap:9px !important;font-size:13.5px !important;line-height:1.5 !important;color:var(--mute) !important}
body.kwrap .usn-trust b{color:var(--ink) !important;font-weight:600 !important}
body.kwrap .usn-trust li{display:flex !important;align-items:flex-start !important;gap:9px !important;margin:0 !important;padding:0 !important}
body.kwrap .usn-trust li:before{content:"" !important;flex:none !important;width:16px !important;height:16px !important;margin-top:2px !important;border-radius:50% !important;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.4l2.3 2.3 4.7-4.9' stroke='%23fff' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat !important}
body.kwrap .usn-trust a{color:var(--navy) !important}

/* items and categories we do not sell: still in the page (and found by search), just not shown in the lists a shopper browses (marked by the Worker from Odoo) */
body.kwrap .usn-off{display:none !important}
body.kwrap .usn-gone{margin:0 0 18px !important;padding:14px 18px !important;border:1px solid var(--line) !important;border-radius:2px !important;background:var(--tint) !important;color:var(--ink) !important;line-height:1.55 !important}
body.kwrap .usn-gone a{color:var(--navy) !important;font-weight:500 !important}

/* the row of suggestions under a product ("You Might Also Like..." or "More from <category>") uses the same quiet cards */
body.kwrap .kprodlistheader{font-size:19px !important;line-height:1.3 !important;font-weight:600 !important;margin:40px 0 16px !important;color:var(--ink) !important}
body.kwrap .usn-more a{color:var(--navy) !important;text-decoration:none !important}
body.kwrap .usn-more a:hover{text-decoration:underline !important}

/* category pages: the sub-category tiles become a plain text list in a left column (no pictures); pages without sub-categories use the full width */
body.kwrap .kcatlist{display:block !important;margin:0 !important;padding:0 !important}
body.kwrap .kcatlist>*{float:none !important;width:auto !important;max-width:none !important;margin:0 !important}
body.kwrap .kcatlistitem{display:block !important;border:0 !important;background:none !important;padding:0 !important;margin:0 !important}
body.kwrap .kcatlistitemimage{display:none !important}
body.kwrap .kcatlistitemwrap{display:block !important;padding:0 !important}
body.kwrap .kcatlistitemname{margin:0 !important;font-size:14.5px !important;line-height:1.35 !important}
body.kwrap .kcatlistitemname a{display:block !important;padding:7px 0 !important;color:var(--ink) !important;font-weight:500 !important;text-decoration:none !important}
body.kwrap .kcatlistitemname a::after{display:none !important}
body.kwrap .kcatlistitemname a:hover{color:var(--navy) !important;text-decoration:underline !important}
body.kwrap .kcatlist::before{content:"Categories" !important;display:block !important;padding:0 0 8px !important;margin:0 0 4px !important;border-bottom:1px solid var(--line) !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--mute) !important}
@media (min-width:960px){
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off)){display:grid !important;grid-template-columns:220px minmax(0,1fr) !important;column-gap:44px !important;align-items:start !important}
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off))>*{grid-column:2 !important}
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off))>.kcatshow{grid-column:1/-1 !important;grid-row:1 !important}
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off))>:has(>.kcatlist){grid-column:1 !important;grid-row:2 / span 8 !important;position:sticky !important;top:16px !important}
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off)) .kprodlist.kgridslide>.kprodlistitem:nth-child(n+5){display:none !important}
}

/* ---------- plain content pages (policies, contact, order lookup) ---------- */
body.kwrap #kcontent table{border-collapse:collapse !important;max-width:100% !important}
body.kwrap #kcontent th,body.kwrap #kcontent td{border:1px solid var(--line) !important;padding:8px 10px !important}
body.kwrap #kcontent th{background:var(--tint) !important;font-weight:600 !important;text-align:left !important}
body.kwrap #kcontent form label{display:block !important;margin:12px 0 4px !important;font-weight:500 !important}
body.kwrap #kcontent .kerror,body.kwrap .kerror{color:var(--red) !important}

/* ---------- footer and cookie notice ---------- */
body.kwrap #kskin_foot{background:var(--tint) !important;border-top:1px solid var(--line) !important;margin-top:20px !important;padding:0 !important}
body.kwrap #kskin_footinner{max-width:var(--max) !important;margin:0 auto !important;padding:26px 28px 24px !important;text-align:left !important}
body.kwrap #kskin_footwidgets,body.kwrap #kskin_footcopy,body.kwrap .kthemeinvert{background:transparent !important;color:var(--mute) !important}
body.kwrap #kwidgetgroup_FOOTER{display:flex !important;flex-wrap:wrap !important;gap:18px 60px !important;justify-content:space-between !important}
body.kwrap #kskin_foot .kwidget_boxicon,body.kwrap #kskin_foot .kwidget_boxtext{display:none !important}
body.kwrap #kskin_foot p,body.kwrap #kskin_foot a{color:var(--mute) !important;font-size:13.5px !important}
body.kwrap .usn-footer-nav{display:flex !important;flex-wrap:wrap !important;gap:8px 20px !important}
body.kwrap .usn-footer-nav-title{width:100% !important;font-weight:600 !important;color:var(--ink) !important;font-size:14px !important}
body.kwrap .usn-footer-nav a{text-decoration:none !important}
body.kwrap .usn-footer-nav a:hover{color:var(--navy) !important;text-decoration:underline !important}
body.kwrap #kskin_footcopy{margin-top:14px !important;font-size:12.5px !important}
/* no cookie banner: the new site sets no cookies (visit counting is cookie-free, the cart lives in the browser's own storage, Stripe and PayPal handle their own); the Cookie Information page and its footer link stay */
body.kwrap #kcookieinfo{display:none !important}

/* ---------- wide screens: one slim header row (logo, search, links, cart) and one category bar; a wider page column ---------- */
@media (min-width:960px){
 /* the header and the page sit in different parts of the saved page; making their wrappers "contents" lets them share one grid */
 body.kwrap #kskin_flex{display:grid !important;grid-template-columns:max(28px,calc((100% - var(--max)) / 2)) auto minmax(220px,480px) minmax(0,1fr) auto auto max(28px,calc((100% - var(--max)) / 2)) !important;grid-template-rows:auto auto 1fr auto auto !important;align-items:center !important;align-content:start !important}
 body.kwrap #kskin_flex::before,body.kwrap #kskin_flex::after{content:"" !important;grid-column:1/-1 !important;align-self:stretch !important;border-bottom:1px solid var(--line) !important;pointer-events:none !important}
 body.kwrap #kskin_flex::before{grid-row:1 !important;border-bottom-color:transparent !important}
 body.kwrap #kskin_flex::after{grid-row:2 !important}
 body.kwrap #kskin_flexmain,body.kwrap #kskin_main,body.kwrap #kskin_maininner,body.kwrap #kskin_head,body.kwrap #kskin_headinner,body.kwrap #kskin_col3,body.kwrap #kskin_col3>.kgridmidhalf,body.kwrap #kwidgetgroup_SIDEBAR1{display:contents !important}
 body.kwrap #kskin_col2{display:none !important}
 body.kwrap #kskin_headhome{grid-column:2 !important;grid-row:1 !important;width:auto !important;max-width:none !important;flex:none !important;padding:8px 32px 6px 0 !important;margin:0 !important}
 body.kwrap #kskin_headhome>a>img{height:40px !important}
 body.kwrap #ecom_skinwidget_minisearch{grid-column:3 !important;grid-row:1 !important}
 body.kwrap #kskin_headwidgets{grid-column:5 !important;grid-row:1 !important;width:auto !important;max-width:none !important;flex:none !important;margin:0 !important;padding:0 !important}
 body.kwrap #ecom_skinwidget_minicart{grid-column:6 !important;grid-row:1 !important;margin-left:18px !important}
 body.kwrap #ecom_skinwidget_categories{grid-column:2/7 !important;grid-row:2 !important}
 body.kwrap #kskin_maininner>#kskin_maincontent{grid-area:3 / 2 / 4 / 7 !important;align-self:start !important;width:auto !important;max-width:none !important;flex:none !important;margin:0 !important;padding:16px 0 48px !important}
 body.kwrap #core_skinwidget_account{grid-column:2/7 !important;grid-row:4 !important}
 body.kwrap #kskin_nav,body.kwrap #kskin_banner{grid-column:1/-1 !important;grid-row:5 !important}
 body.kwrap #kcontent{position:relative !important}
 body.kwrap #kcontent .kprodsort{position:absolute !important;top:-4px !important;right:0 !important;margin:0 !important;z-index:2 !important}
 body.kwrap #kcontent .kprodsortselect select{min-height:36px !important;min-width:170px !important}
 /* "Home" is the logo and "Shopping Cart" is the cart button: the header keeps Contact and Order Lookup */
 body.kwrap #kskin_topbarinnerl a[title="Home"],body.kwrap #kskin_topbarinnerl a[title="Shopping Cart"]{display:none !important}
 body.kwrap #kskin_topbarinnerl a:first-child{margin-left:0 !important}
 body.kwrap #kskin_headwidgets,body.kwrap #kskin_topbarinnerl,body.kwrap #kskin_uslogin,body.kwrap #kwidgetgroup_HEADER{background:none !important;height:auto !important;align-self:center !important}
 body.kwrap #kskin_headwidgets{display:flex !important;align-items:center !important;gap:0 !important;margin-right:22px !important}
 body.kwrap #core_skinwidget_miniacctlogin{margin:0 !important}
 body.kwrap #kskin_uslogin,body.kwrap #kwidgetgroup_HEADER{display:flex !important;align-items:center !important}
 body.kwrap #USNMODERNSTYLE{display:none !important}
 body.kwrap #core_skinwidget_miniacctlogin--CONTENT .kwidget_padmax{visibility:hidden !important;animation:usnShow 0s 1.5s forwards !important}
 html.usn-acct body.kwrap #core_skinwidget_miniacctlogin--CONTENT .kwidget_padmax{visibility:visible !important;animation:none !important}
 @keyframes usnShow{to{visibility:visible !important}}
 body.kwrap #ecom_skinwidget_minisearch .kwidget_boxtext,body.kwrap #ecom_skinwidget_categories .kwidget_boxtext,body.kwrap #ecom_skinwidget_minicart .kwidget_boxtext,body.kwrap #core_skinwidget_account .kwidget_boxtext{display:none !important}
 body.kwrap #ecom_skinwidget_minisearch,body.kwrap #ecom_skinwidget_categories,body.kwrap #ecom_skinwidget_minicart,body.kwrap #core_skinwidget_account,body.kwrap #ecom_skinwidget_minisearch .kwidget_box,body.kwrap #ecom_skinwidget_categories .kwidget_box,body.kwrap #ecom_skinwidget_minicart .kwidget_box,body.kwrap #core_skinwidget_account .kwidget_box,body.kwrap #ecom_skinwidget_categories .kwidget_boxcontent,body.kwrap #ecom_skinwidget_minisearch .kwidget_boxcontent,body.kwrap .kwidget_padmax,body.kwrap #ecom_skinwidget_categories .kwidget_padmin,body.kwrap #ecom_skinwidget_minisearch .kwidget_padmin{margin:0 !important;padding:0 !important;width:auto !important;max-width:none !important;border:0 !important;background:none !important}
 body.kwrap #ecom--minisearch{flex-wrap:nowrap !important}
 body.kwrap #ecom--minisearch .ksmall{display:none !important}
 body.kwrap #ecom--minisearch input[type=text],body.kwrap #ecom--minisearch input[type=submit]{height:40px !important;min-height:40px !important}
 body.kwrap #ecom_skinwidget_categories ul{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:0 30px !important}
 body.kwrap #ecom_skinwidget_categories li{margin:0 !important;padding:0 !important;border:0 !important}
 body.kwrap #ecom_skinwidget_categories li ul{display:none !important}
 body.kwrap #ecom_skinwidget_categories li a{display:block !important;padding:9px 0 9px !important;border-bottom:2px solid transparent !important;font-size:14.5px !important;font-weight:500 !important;color:var(--ink) !important;text-decoration:none !important}
 body.kwrap #ecom_skinwidget_categories li a:hover{border-bottom-color:var(--navy) !important;color:var(--navy) !important;text-decoration:none !important}
 body.kwrap #ecom_skinwidget_minicart .kwidget_boxcontent{display:inline-flex !important;align-items:center !important;padding:7px 15px !important;border:1px solid var(--line) !important;border-radius:2px !important;font-size:14px !important;font-weight:600 !important;color:var(--navy) !important;white-space:nowrap !important;background:#fff !important}
 body.kwrap #ecom_skinwidget_minicart .kwidget_boxcontent:hover{border-color:var(--navy) !important}
 body.kwrap #ecom_skinwidget_minicart .kwidget_padmax{padding:0 !important;margin:0 !important;min-height:0 !important}
 body.kwrap #kskin_uslogin a{display:inline-flex !important;align-items:center !important;margin:0 0 0 26px !important;padding:6px 0 !important}
 body.kwrap #ecom_skinwidget_minicart a{display:inline !important;padding:0 !important;border:0 !important;font-size:inherit !important;font-weight:inherit !important;color:inherit !important;text-decoration:none !important}
 body.kwrap #core_skinwidget_account{margin:0 !important;padding:18px 0 0 !important;border-top:1px solid var(--line) !important}
 body.kwrap #core_skinwidget_account ul{display:flex !important;flex-wrap:wrap !important;gap:4px 26px !important}
 body.kwrap #core_skinwidget_account li{margin:0 !important}
 body.kwrap #core_skinwidget_account li a{padding:4px 0 !important;font-size:13.5px !important;color:var(--mute) !important}
}



/* ---------- added pieces ---------- */
body.kwrap .usn-skip{position:absolute !important;left:8px !important;top:-60px !important;z-index:50 !important;background:var(--navy) !important;color:#fff !important;padding:10px 16px !important;border-radius:0 0 2px 2px !important;font-weight:600 !important;text-decoration:none !important}
body.kwrap .usn-skip:focus{top:0 !important}
body.kwrap .usn-contact-foot{margin-top:6px !important;font-size:13.5px !important;line-height:1.6 !important}
body.kwrap .usn-contact-foot a{color:var(--navy) !important}
/* home page opening */
body.kwrap .usn-hero{max-width:860px !important;margin:0 0 14px !important;font-size:17px !important;line-height:1.55 !important;color:var(--ink) !important}
body.kwrap .usn-best .kprodlist{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(214px,1fr)) !important;gap:28px 20px !important}
/* plain content pages: headed sections */
body.kwrap #kcontent h2.storehead{font-size:19px !important;line-height:1.3 !important;font-weight:600 !important;margin:32px 0 8px !important;padding-top:18px !important;border-top:1px solid var(--line) !important}
body.kwrap #kcontent h2.storehead:first-of-type{border-top:0 !important}
body.kwrap #kcontent .storehead+p{margin-top:0 !important}
body.kwrap #kcontent>p,body.kwrap #kcontent>ul{max-width:860px !important}
body.kwrap #kcontent ul{padding-left:22px !important}
/* page not found */
body.kwrap .usn-404-search{display:flex !important;gap:8px !important;max-width:520px !important;margin:18px 0 !important}
body.kwrap .usn-404-search input[type=text]{flex:1 !important;min-width:0 !important}
body.kwrap #kcontent .usn-404-list{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-wrap:wrap !important;gap:8px 22px !important}
body.kwrap .usn-404-list a{display:inline-block !important;padding:6px 0 !important}
/* search: items we no longer sell */
body.kwrap #kcontent .usn-unsold{list-style:none !important;margin:0 0 20px !important;padding:0 !important;columns:3 !important;column-gap:32px !important;max-width:none !important}
body.kwrap .usn-unsold li{break-inside:avoid !important;padding:4px 0 !important}
body.kwrap .usn-unsold a{color:var(--ink) !important;text-decoration:none !important}
body.kwrap .usn-unsold a:hover{color:var(--navy) !important;text-decoration:underline !important}
body.kwrap .usn-gone-note{color:var(--mute) !important;margin:0 0 10px !important}
/* the category you are in, in the sidebar list */
body.kwrap .kcatlistitem.usn-cur .kcatlistitemname a{color:var(--navy) !important;font-weight:700 !important}
body.kwrap .usn-sibs::before{content:attr(data-parent) !important}

/* ---------- phones: logo and cart on one row, search under it, then the swipeable category chips (the Home / Cart / Contact chips are gone: the logo and the cart button do those jobs) ---------- */

/* product pages without a picture: the details use the whole width */
@media (min-width:760px){
 body.kwrap .kprodshow:not(:has(.kprodshowleft img)){grid-template-columns:minmax(0,1fr) !important}
 body.kwrap .kprodshow:not(:has(.kprodshowleft img)) .kprodshowright{grid-column:1 !important;max-width:820px !important}
 body.kwrap .kprodshow:not(:has(.kprodshowleft img)) .kprodshowleft{display:none !important}
}

/* tablets (760 to 959 px, sidebar layout): product pages stack like phones, the two columns were too narrow */


/* ---------- product page, right side: fewer lines and boxes, smaller parts ---------- */
body.kwrap .kprodshowright>#ecom--addcart{border:0 !important;border-radius:0 !important;padding:0 !important;margin:0 !important;background:none !important;box-shadow:none !important}
body.kwrap .kprodshowname,body.kwrap .kprodshowright>.kprodshowname{font-size:26px !important;line-height:1.2 !important;margin:0 0 8px !important}
body.kwrap .kprodpriceshow,body.kwrap .kxofferaddcartmain .klearfix{grid-template-columns:104px minmax(0,1fr) !important}
body.kwrap .kpriceinfoleft,body.kwrap .kpriceinforight{border-bottom:0 !important;padding:3px 0 !important}
body.kwrap .kprodpriceshow>.kpriceinfoleft:last-of-type,body.kwrap .kprodpriceshow>.kpriceinforight:last-of-type{border-bottom:0 !important}
body.kwrap .kpriceinfoleft{font-size:13px !important}
body.kwrap .kpriceinforight{font-size:14px !important}
body.kwrap .kpricepay{font-size:26px !important}
body.kwrap .kaddcartquantity{width:76px!important;min-height:38px !important;padding:0 6px !important}
body.kwrap .ktopmarginfull .kaddtocart{margin-top:8px !important;min-height:46px !important;font-size:15.5px !important}
body.kwrap .kprodshowright>.usn-trust{margin:12px 0 0 !important;gap:5px !important;font-size:13px !important;line-height:1.45 !important}
body.kwrap .kprodshowright>.usn-trust li{gap:8px !important}
body.kwrap .kprodshowright>.usn-trust li:before{width:14px !important;height:14px !important;margin-top:2px !important;background-size:14px !important}
body.kwrap .kprodshowright>.kprodshowdesc{margin:16px 0 0 !important;padding-top:14px !important}
body.kwrap #kcontent .kprodshowright>form#ecom--addcart{border:0 !important;border-radius:0 !important;padding:0 !important;background:none !important;box-shadow:none !important}
body.kwrap #kcontent #ecom--addcart input.kaddcartquantity{width:76px!important;max-width:76px !important;min-height:38px !important}
body.kwrap .kmirrort{margin:10px 0 0 !important;border-radius:2px !important}
body.kwrap .kmirrorthead{padding:6px 12px !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--mute) !important;background:var(--tint) !important}
body.kwrap .kmirrortcell{grid-template-columns:minmax(150px,32%) minmax(0,1fr) !important;padding:9px 12px !important}
body.kwrap #kcontent .kprodshowright>.usn-trust{padding:0 !important;max-width:none !important}

/* a category list whose items are all left out (too few things each) is not shown at all */
body.kwrap .kcatlist:not(:has(.kcatlistitem:not(.usn-off))){display:none !important}
/* left-out categories and items stay hidden whatever else styles those elements */
body.kwrap .kcatlist>.kcatlistitem.usn-off,body.kwrap .kprodlist>.kprodlistitem.usn-off,body.kwrap li.usn-off,body.kwrap .kprodlistheader.usn-off{display:none !important}
/* cards: no "no discount" icon, and a price that has volume tiers shows its first price only (the tiers are on the product page) */
body.kwrap .prodlistitemiconwrap{display:none !important}
body.kwrap .kprodlistitemprice .kpricelabelfix{display:none !important}
body.kwrap .kprodlistitemprice .kpricelistbig~.kpricelistbig{display:none !important}

/* ---------- header, second pass: a bar that stays on screen (logo, search, links, cart), a category bar with drop-downs ---------- */
body.kwrap .usn-cartlink{display:inline-flex !important;align-items:center !important;gap:7px !important;padding:7px 14px !important;border:1px solid var(--line) !important;border-radius:2px !important;background:#fff !important;color:var(--navy) !important;font-size:14px !important;font-weight:600 !important;text-decoration:none !important;white-space:nowrap !important;line-height:1 !important}
body.kwrap .usn-cartlink:hover{border-color:var(--navy) !important}
body.kwrap .usn-cartn{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:20px !important;height:20px !important;padding:0 6px !important;border-radius:2px !important;background:var(--navy) !important;color:#fff !important;font-size:12px !important;font-weight:600 !important}
body.kwrap #ecom_skinwidget_minicart .kwidget_boxcontent:has(.usn-cartlink){border:0 !important;padding:0 !important;background:none !important;border-radius:0 !important}
@media (min-width:960px){
 body.kwrap #kskin_flex{grid-template-columns:max(28px,calc((100% - var(--max)) / 2)) auto minmax(260px,620px) minmax(0,1fr) auto auto max(28px,calc((100% - var(--max)) / 2)) !important;grid-template-rows:72px auto 1fr auto auto !important}
 /* row 1 stays at the top while the page scrolls under it (the items span all rows so they have room to stick) */
 body.kwrap #kskin_flex::before{grid-row:1 / -1 !important;align-self:start !important;height:72px !important;position:sticky !important;top:0 !important;z-index:30 !important;background:#fff !important;border-bottom:1px solid transparent !important;transition:box-shadow .15s,border-color .15s !important}
 html.usn-stuck body.kwrap #kskin_flex::before{border-bottom-color:var(--line) !important;box-shadow:0 6px 16px rgba(16,24,40,.06) !important}
 body.kwrap #kskin_headhome,body.kwrap #ecom_skinwidget_minisearch,body.kwrap #kskin_headwidgets,body.kwrap #ecom_skinwidget_minicart{grid-row:1 / -1 !important;align-self:start !important;height:72px !important;display:flex !important;align-items:center !important;position:sticky !important;top:0 !important;z-index:31 !important}
 body.kwrap #kskin_headhome{padding:0 28px 0 0 !important}
 body.kwrap #kskin_headhome>a{display:flex !important;align-items:center !important}
 body.kwrap #kskin_headhome>a>img{height:38px !important}
 body.kwrap #kskin_headwidgets{margin-right:20px !important}
 /* search: one rounded field with the button inside */
 body.kwrap #ecom_skinwidget_minisearch>*,body.kwrap #ecom_skinwidget_minisearch .kwidget_boxcontent,body.kwrap #ecom_skinwidget_minisearch .kwidget_padmax{width:100% !important}
 body.kwrap #ecom--minisearch{display:block !important;position:relative !important;width:100% !important}
 body.kwrap #ecom--minisearch input[type=text]{width:100% !important;height:40px !important;min-height:40px !important;padding:0 52px 0 18px !important;border:1px solid transparent !important;border-radius:2px !important;background:var(--tint) !important;font-size:15px !important}
 body.kwrap #ecom--minisearch input[type=text]:focus{background:#fff !important;border-color:var(--navy) !important;box-shadow:none !important}
 body.kwrap #ecom--minisearch input[type=submit]{position:absolute !important;right:4px !important;top:4px !important;width:42px !important;height:32px !important;min-height:0 !important;padding:0 !important;border-radius:2px !important;font-size:0 !important;color:transparent !important;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") center/18px no-repeat !important}
 /* category bar: the section you are in is marked */
 body.kwrap #ecom_skinwidget_categories li{position:relative !important}
 body.kwrap #ecom_skinwidget_categories li.usn-here>a{color:var(--navy) !important;font-weight:600 !important;border-bottom-color:var(--navy) !important}
}

/* the cart button: the saved skin styles every link in that widget, so this needs to be as specific */
body.kwrap #ecom_skinwidget_minicart a.usn-cartlink{display:inline-flex !important;align-items:center !important;gap:7px !important;padding:7px 14px !important;border:1px solid var(--line) !important;border-radius:2px !important;background:#fff !important;color:var(--navy) !important;font-size:14px !important;font-weight:600 !important;line-height:1 !important;text-decoration:none !important}
body.kwrap #ecom_skinwidget_minicart a.usn-cartlink:hover{border-color:var(--navy) !important}
@media (min-width:960px){
 body.kwrap #ecom_skinwidget_minicart .kwidget_box,body.kwrap #ecom_skinwidget_minicart .kwidget_boxcontent,body.kwrap #ecom_skinwidget_minicart .kwidget_padmax{display:flex !important;align-items:center !important;height:72px !important;margin:0 !important;padding:0 !important}
 body.kwrap #ecom_skinwidget_minisearch .kwidget_box,body.kwrap #ecom_skinwidget_minisearch .kwidget_boxcontent,body.kwrap #ecom_skinwidget_minisearch .kwidget_padmax{display:flex !important;align-items:center !important;height:72px !important;margin:0 !important;padding:0 !important;width:100% !important}
}
@media (min-width:960px){
 body.kwrap #ecom_skinwidget_minisearch .kwidget_boxcontent>.kwidget_padmax,body.kwrap #ecom_skinwidget_minisearch .kwidget_box>.kwidget_boxcontent{flex:1 1 100% !important;width:100% !important;max-width:none !important;min-width:0 !important}
 body.kwrap #ecom_skinwidget_minisearch .kwidget_padmax{display:block !important;height:auto !important}
}
@media (min-width:960px){
 body.kwrap #ecom_skinwidget_minisearch #ecom--minisearch{flex:1 1 100% !important;width:100% !important;max-width:none !important;min-width:0 !important}
}
@media (min-width:960px){
 body.kwrap #ecom_skinwidget_minisearch .kwidget_padmin,body.kwrap #ecom_skinwidget_minisearch .kwidget_boxcontent>*{flex:1 1 100% !important;width:100% !important;max-width:none !important;min-width:0 !important}
}

/* the newer logo (the skin's own square picture, trimmed by tools/make-logo.py into /_usn/logo.png) instead of the old wide one */
body.kwrap #kskin_headhome>a>img{display:none !important}
body.kwrap #kskin_headhome>a::before{content:"" !important;display:block !important;width:87px !important;height:54px !important;margin:0 !important;background:url("logo.png") left center/contain no-repeat !important;border:0 !important;box-shadow:none !important}

/* ---------- phones and tablets (up to 959 px): logo and cart on one row, the search under it, the categories as plain swipeable links, then the page ---------- */
@media (max-width:959px){
 body.kwrap{--pad:16px}
 body.kwrap #kskin_flex{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-rows:auto auto auto 1fr auto !important;align-items:center !important;align-content:start !important;column-gap:12px !important;padding:0 var(--pad) !important}
 body.kwrap #kskin_flexmain,body.kwrap #kskin_main,body.kwrap #kskin_maininner,body.kwrap #kskin_head,body.kwrap #kskin_headinner,body.kwrap #kskin_col3,body.kwrap #kskin_col3>.kgridmidhalf,body.kwrap #kwidgetgroup_SIDEBAR1,body.kwrap #kskin_nav,body.kwrap #kskin_navinner,body.kwrap #kskin_mobilenav,body.kwrap #kwidgetgroup_MOBILENAV{display:contents !important}
 body.kwrap #kskin_col2,body.kwrap #MOBILENAV,body.kwrap #MOBILE-SEARCH,body.kwrap #kskin_headwidgets,body.kwrap #kskin_banner{display:none !important}
 /* row 1: logo and cart */
 body.kwrap #kskin_headhome{grid-column:1 !important;grid-row:1 !important;width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important;justify-content:flex-start !important}
 body.kwrap #kskin_headhome>a{display:flex !important;align-items:center !important;justify-content:flex-start !important}
 body.kwrap #kskin_headhome>a::before{width:76px !important;height:46px !important;margin:10px 0 8px !important}
 body.kwrap #kskin_maininner #ecom_skinwidget_minicart{display:block !important;grid-column:2 !important;grid-row:1 !important;margin:0 !important;padding:0 !important}
 body.kwrap #ecom_skinwidget_minicart .kwidget_box,body.kwrap #ecom_skinwidget_minicart .kwidget_boxcontent,body.kwrap #ecom_skinwidget_minicart .kwidget_padmax{margin:0 !important;padding:0 !important;background:none !important;border:0 !important}
 body.kwrap #ecom_skinwidget_minicart .kwidget_boxtext,body.kwrap #ecom_skinwidget_minicart .kwidget_boxicon{display:none !important}
 /* row 2: search (one rounded field, the button inside) */
 body.kwrap #kskin_maininner #ecom_skinwidget_minisearch{display:block !important;grid-column:1/-1 !important;grid-row:2 !important;margin:0 0 4px !important;padding:0 !important}
 body.kwrap #ecom_skinwidget_minisearch .kwidget_box,body.kwrap #ecom_skinwidget_minisearch .kwidget_boxcontent,body.kwrap #ecom_skinwidget_minisearch .kwidget_padmin,body.kwrap #ecom_skinwidget_minisearch .kwidget_padmax{margin:0 !important;padding:0 !important;background:none !important;border:0 !important;width:100% !important;max-width:none !important}
 body.kwrap #ecom_skinwidget_minisearch .kwidget_boxtext,body.kwrap #ecom_skinwidget_minisearch .kwidget_boxicon,body.kwrap #ecom--minisearch .ksmall{display:none !important}
 body.kwrap #ecom--minisearch{display:block !important;position:relative !important;width:100% !important}
 body.kwrap #ecom--minisearch input[type=text]{width:100% !important;height:44px !important;min-height:44px !important;padding:0 54px 0 18px !important;border:1px solid transparent !important;border-radius:2px !important;background:var(--tint) !important;font-size:16px !important}
 body.kwrap #ecom--minisearch input[type=text]:focus{background:#fff !important;border-color:var(--navy) !important;box-shadow:none !important}
 body.kwrap #ecom--minisearch input[type=submit]{position:absolute !important;right:4px !important;top:4px !important;width:44px !important;height:36px !important;min-height:0 !important;padding:0 !important;border-radius:2px !important;font-size:0 !important;color:transparent !important;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") center/18px no-repeat !important}
 /* row 3: the categories as plain links you can swipe through (the right edge fades to show there is more) */
 body.kwrap #kskin_maininner #ecom_skinwidget_categories{display:block !important;grid-column:1/-1 !important;grid-row:3 !important;margin:0 calc(var(--pad) * -1) !important;padding:0 !important;border-bottom:1px solid var(--line) !important;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent) !important;mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent) !important}
 body.kwrap #ecom_skinwidget_categories .kwidget_boxtext,body.kwrap #ecom_skinwidget_categories .kwidget_boxicon{display:none !important}
 body.kwrap #ecom_skinwidget_categories .kwidget_box,body.kwrap #ecom_skinwidget_categories .kwidget_boxcontent,body.kwrap #ecom_skinwidget_categories .kwidget_padmin,body.kwrap #ecom_skinwidget_categories .kwidget_padmax{margin:0 !important;padding:0 !important;border:0 !important;background:none !important}
 body.kwrap #kskin_col3 #ecom_skinwidget_categories .kwidget_boxcontent>ul{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:0 24px !important;overflow-x:auto !important;margin:0 !important;padding:0 var(--pad) !important;list-style:none !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important}
 body.kwrap #ecom_skinwidget_categories .kwidget_boxcontent>ul::-webkit-scrollbar{display:none !important}
 body.kwrap #ecom_skinwidget_categories li{flex:none !important;margin:0 !important;padding:0 !important;border:0 !important}
 body.kwrap #kskin_col3 #ecom_skinwidget_categories li ul{display:none !important}
 body.kwrap #ecom_skinwidget_categories li a{display:block !important;padding:12px 0 10px !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;background:none !important;font-size:14.5px !important;font-weight:500 !important;color:var(--ink) !important;text-decoration:none !important;white-space:nowrap !important}
 body.kwrap #ecom_skinwidget_categories li.usn-here>a{color:var(--navy) !important;font-weight:600 !important;border-bottom-color:var(--navy) !important}
 /* row 4: the page */
 body.kwrap #kskin_maininner>#kskin_maincontent{grid-column:1/-1 !important;grid-row:4 !important;align-self:start !important;width:auto !important;max-width:none !important;margin:0 !important;padding:14px 0 32px !important}
 body.kwrap #kskin_maininner #core_skinwidget_account{display:block !important;grid-column:1/-1 !important;grid-row:5 !important;margin:0 !important;padding:14px 0 0 !important;border-top:1px solid var(--line) !important}
 body.kwrap #core_skinwidget_account .kwidget_boxtext,body.kwrap #core_skinwidget_account .kwidget_boxicon{display:none !important}
 body.kwrap #core_skinwidget_account .kwidget_box,body.kwrap #core_skinwidget_account .kwidget_boxcontent{margin:0 !important;padding:0 !important;background:none !important;border:0 !important}
 body.kwrap #core_skinwidget_account ul{display:flex !important;flex-wrap:wrap !important;gap:2px 22px !important;margin:0 !important;padding:0 !important;list-style:none !important}
 body.kwrap #core_skinwidget_account li{margin:0 !important}
 body.kwrap #core_skinwidget_account li a{padding:6px 0 !important;font-size:13.5px !important;color:var(--mute) !important}
 body.kwrap #kskin_footinner{padding:22px var(--pad) !important}
 /* titles, lists, product pages */
 body.kwrap #ktitle,body.kwrap .kprodshowname,body.kwrap .kprodshowright>.kprodshowname,body.kwrap .kcatshowname{font-size:25px !important}
 body.kwrap .kprodlist:not(.kgridslide),body.kwrap .kprodlist.kgridslide,body.kwrap .usn-best .kprodlist{grid-template-columns:repeat(auto-fill,minmax(156px,1fr)) !important;gap:20px 12px !important}
 body.kwrap .kprodlist.kgridslide>.kprodlistitem:nth-child(n+5){display:none !important}
 body.kwrap .kprodshow{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:20px !important}
 body.kwrap .kprodshowleft,body.kwrap .kprodshowright{display:contents !important}
 body.kwrap .kprodshowleft>*{order:0 !important}
 body.kwrap .kprodshowright>*{order:5 !important}
 body.kwrap .kprodshowright>.kprodshowname{order:1 !important}
 body.kwrap .kprodshowright>#ecom--addcart{order:2 !important}
 body.kwrap .kprodshowright>.usn-trust{order:3 !important}
 body.kwrap .kprodshowright>.kprodshowdesc{order:4 !important}
 body.kwrap .kprodshowleft{position:static !important}
 body.kwrap .kprodshowleft .kbordered{padding:10px !important}
 body.kwrap .kprodshowleft img{max-height:300px !important;width:auto !important;max-width:100% !important;margin:0 auto !important;display:block !important;object-fit:contain !important}
 body.kwrap .kaddtocart{width:100% !important}
 /* category pages: sort box on its own line, the sub-category links (plain words) before the products */
 body.kwrap #kcontent{position:static !important}
 body.kwrap #kcontent .kprodsort{position:static !important;margin:0 0 12px !important;justify-content:stretch !important}
 body.kwrap #kcontent .kprodsortselect,body.kwrap #kcontent .kprodsortselect form,body.kwrap #kcontent .kprodsortselect select{width:100% !important;min-width:0 !important}
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off)){display:flex !important;flex-direction:column !important;align-items:stretch !important}
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off))>*{order:3 !important}
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off))>.kcatshow{order:0 !important}
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off))>.kprodsort{order:1 !important}
 body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off))>:has(>.kcatlist){order:2 !important}
 body.kwrap .kcatlist{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:0 18px !important;margin:0 0 16px !important}
 body.kwrap .kcatlist::before{flex:none !important;border:0 !important;padding:0 !important;margin:0 2px 0 0 !important;font-size:11.5px !important}
 body.kwrap .kcatlistitemname a{padding:6px 0 !important}
 /* the home page's best sellers: four fill two rows */
 body.kwrap .usn-best .kprodlistitem:nth-child(n+5){display:none !important}
}
@media (min-width:600px) and (max-width:959px){
 body.kwrap{--pad:24px}
 body.kwrap .usn-best .kprodlistitem:nth-child(n+4){display:none !important}
 body.kwrap .kprodshowleft img{max-height:360px !important}
}

/* the product search page repeats the header's search box: the header box shows the words searched for instead (only that page's own GET form; the lookup, stock-notice and email-list forms stay) */
body.kwrap #usncart>form.uc-card[method="get"]{display:none !important}
@media (max-width:959px){
 body.kwrap .kcatlist.usn-dup{display:none !important}
}
@media (max-width:959px){
 body.kwrap .usn-more+.kbotmarginfull .kprodlistitem:nth-child(n+5){display:none !important}
}

/* ======================================================================================================
   Professional pass: square corners, hairlines instead of grey fills, serif headings, a dark utility bar,
   a navy category bar and a navy footer. Everything above stays; these rules come last and win ties.
   ====================================================================================================== */
body.kwrap{--line:#d6d9e3;--rule:#8a91a6;--serif:"IBM Plex Serif",Georgia,"Times New Roman",serif}
@keyframes usnShow{to{visibility:visible !important}}

/* utility bar above the header (added by the page script) */
body.kwrap .usn-top{background:#fff !important;color:var(--mute) !important;border-bottom:1px solid var(--line) !important;font-size:12.5px !important;line-height:1 !important}
body.kwrap .usn-top>div{max-width:var(--max) !important;margin:0 auto !important;padding:0 28px !important;height:34px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important}
body.kwrap .usn-top a{color:var(--ink) !important;text-decoration:none !important}
body.kwrap .usn-top a:hover{text-decoration:underline !important}
@media (max-width:1099px){body.kwrap .usn-top>div{justify-content:flex-end !important}body.kwrap .usn-top>div>span:first-child{display:none !important}}
@media (max-width:759px){body.kwrap .usn-top{display:none !important}}

/* headings: serif for page and section titles, sans for everything you click */
body.kwrap #ktitle,body.kwrap .kprodshowname,body.kwrap .kprodshowright>.kprodshowname,body.kwrap .kcatshowname,body.kwrap .usn-section-header h3,body.kwrap #kcontent h2.storehead,body.kwrap .kprodlistheader,body.kwrap .usn-po h3{font-family:var(--serif) !important;font-weight:600 !important;letter-spacing:0 !important;line-height:1.22 !important}
body.kwrap #ktitle,body.kwrap .kcatshowname{font-size:30px !important}
body.kwrap .kprodshowname,body.kwrap .kprodshowright>.kprodshowname{font-size:28px !important}
body.kwrap .kprodlistheader{font-size:21px !important}
body.kwrap #kcontent h2.storehead{font-size:21px !important}
body.kwrap #ktitle{margin:0 0 14px !important}

/* section headers: a heavy rule and a serif title */
body.kwrap .usn-home .usn-section-header,body.kwrap .usn-section-header{margin:44px 0 18px !important;padding:12px 0 0 !important;border-top:2px solid var(--ink) !important}
body.kwrap .usn-section-header h3{font-size:22px !important;margin:0 !important}
body.kwrap .usn-section-header a{font-size:13.5px !important;font-weight:500 !important;text-decoration:none !important}
body.kwrap .usn-section-header a:hover{text-decoration:underline !important}

/* fields and buttons */
body.kwrap input[type=text],body.kwrap input[type=email],body.kwrap input[type=tel],body.kwrap input[type=password],body.kwrap input[type=number],body.kwrap input[type=search],body.kwrap select,body.kwrap textarea{border-color:var(--rule) !important;border-radius:2px !important}
body.kwrap .kbutton,body.kwrap input[type=submit],body.kwrap input[type=button],body.kwrap button[type=submit],body.kwrap button[type=button],body.kwrap .kaddtocart,body.kwrap a.kbutton{border-radius:2px !important}

/* ---------- cards: white, hairline frame, picture over a rule, name and price below ---------- */
body.kwrap .kprodlist:not(.kgridslide),body.kwrap .kprodlist.kgridslide,body.kwrap .usn-best .kprodlist{gap:16px !important}
body.kwrap .kprodlistitem{border:1px solid var(--line) !important;border-radius:2px !important;background:#fff !important;transition:border-color .12s !important}
body.kwrap .kprodlistitem:hover{border-color:var(--navy) !important}
body.kwrap .kprodlistitemimage{background:#fff !important;border-radius:0 !important}
body.kwrap .kprodlistitem:hover .kprodlistitemimage{background:#fff !important}
body.kwrap .kprodlistitemwrap{padding:11px 14px 13px !important;border-top:1px solid #e8eaf1 !important}
body.kwrap .kprodlistitemname a{font-weight:500 !important}
body.kwrap .kprodlistitemprice{padding-top:6px !important}

/* ---------- product page ---------- */
body.kwrap .kprodshowleft .kbordered{background:#fff !important;border:1px solid var(--line) !important;border-radius:2px !important;padding:18px !important}
body.kwrap .kprodshowleft img{border-radius:0 !important}
body.kwrap .kmirrort{border-color:var(--rule) !important;border-radius:2px !important}
body.kwrap .kmirrorthead{background:#fff !important;color:var(--ink) !important;border-bottom-color:var(--line) !important}
body.kwrap .usn-gone{background:#fff !important;border-radius:2px !important}
/* shipping and returns: label on the left, one line on the right */
body.kwrap .usn-trust,body.kwrap .kprodshowright>.usn-trust{display:block !important;margin:18px 0 0 !important;padding:0 !important;border-top:1px solid var(--line) !important;font-size:13.5px !important;line-height:1.5 !important;color:var(--ink) !important}
body.kwrap .usn-trust li,body.kwrap .kprodshowright>.usn-trust li{display:grid !important;grid-template-columns:78px minmax(0,1fr) !important;column-gap:14px !important;align-items:baseline !important;margin:0 !important;padding:9px 0 !important;border-bottom:1px solid var(--line) !important}
body.kwrap .usn-trust li::before,body.kwrap .kprodshowright>.usn-trust li::before{display:none !important;content:none !important}
body.kwrap .usn-trust b{font-size:11.5px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--mute) !important}
body.kwrap .usn-trust span{color:var(--ink) !important}

/* ---------- home page ---------- */
body.kwrap #ktitle:has(+.usn-hero){font:600 12.5px/1 "IBM Plex Sans",system-ui,sans-serif !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--navy) !important;margin:6px 0 12px !important}
body.kwrap .usn-hero{max-width:780px !important;margin:0 0 12px !important;font-family:var(--serif) !important;font-size:36px !important;line-height:1.18 !important;font-weight:500 !important;letter-spacing:-.01em !important;color:var(--ink) !important}
body.kwrap .usn-home{display:flex !important;flex-direction:column !important}
body.kwrap .usn-home>*{order:2 !important}
body.kwrap .usn-home>.usn-best{order:1 !important}
body.kwrap .usn-home>section.usn-po{order:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:"head btn" "text btn" !important;column-gap:32px !important;align-items:center !important;margin:28px 0 0 !important;padding:20px 26px !important;background:#fff !important;border:1px solid var(--rule) !important;border-radius:2px !important;color:var(--ink) !important}
body.kwrap .usn-home>.usn-contact{order:4 !important}
body.kwrap .usn-po h3{grid-area:head !important;margin:0 0 4px !important;font-size:19px !important;color:var(--ink) !important}
body.kwrap .usn-po p{grid-area:text !important;margin:0 !important;max-width:760px !important;font-size:14.5px !important;line-height:1.55 !important;color:var(--mute) !important}
body.kwrap .usn-po p a{color:var(--navy) !important;font-weight:600 !important}
body.kwrap .usn-po a.usn-po-btn{grid-area:btn !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:44px !important;padding:0 22px !important;background:var(--navy) !important;color:#fff !important;border-radius:2px !important;font-weight:600 !important;font-size:14.5px !important;text-decoration:none !important;white-space:nowrap !important}
body.kwrap .usn-po a.usn-po-btn:hover{background:var(--navy2) !important;color:#fff !important}
body.kwrap .usn-family-image,body.kwrap .usn-family-image img{border-radius:2px !important}
body.kwrap .usn-family-image{border:1px solid var(--line) !important}

/* ---------- header and category bar (wide screens) ---------- */
@media (min-width:960px){
 html.usn-stuck body.kwrap #kskin_flex::before{box-shadow:none !important;border-bottom-color:var(--line) !important}
 body.kwrap #kskin_flex::after{background:var(--navy) !important;border-bottom:0 !important}
 body.kwrap #ecom_skinwidget_categories{position:relative !important;z-index:2 !important}
 body.kwrap #ecom_skinwidget_categories ul{gap:0 6px !important}
 body.kwrap #ecom_skinwidget_categories li a{padding:13px 12px 10px !important;border-bottom:3px solid transparent !important;font-size:14px !important;font-weight:500 !important;color:#fff !important}
 body.kwrap #ecom_skinwidget_categories li:first-child a{padding-left:0 !important}
 body.kwrap #ecom_skinwidget_categories li a:hover{color:#fff !important;border-bottom-color:rgba(255,255,255,.55) !important}
 body.kwrap #ecom_skinwidget_categories li.usn-here>a{color:#fff !important;font-weight:600 !important;border-bottom-color:#fff !important}
 body.kwrap #ecom--minisearch input[type=text]{height:42px !important;min-height:42px !important;padding:0 56px 0 14px !important;border:1px solid var(--rule) !important;border-radius:2px !important;background:#fff !important;font-size:14.5px !important}
 body.kwrap #ecom--minisearch input[type=text]:focus{background:#fff !important;border-color:var(--navy) !important;box-shadow:0 0 0 1px var(--navy) !important}
 body.kwrap #ecom--minisearch input[type=submit]{top:0 !important;right:0 !important;width:48px !important;height:42px !important;border-radius:0 2px 2px 0 !important;background-size:19px !important}
 body.kwrap #kskin_maininner>#kskin_maincontent{padding:26px 0 56px !important}
}
/* cart: plain words and a small square count, no pill */
body.kwrap #ecom_skinwidget_minicart a.usn-cartlink,body.kwrap .usn-cartlink{padding:6px 0 !important;border:0 !important;border-radius:0 !important;background:none !important;gap:8px !important;color:var(--ink) !important;font-size:14px !important;font-weight:600 !important}
body.kwrap #ecom_skinwidget_minicart a.usn-cartlink:hover{border:0 !important;color:var(--navy) !important;text-decoration:underline !important}
body.kwrap .usn-cartn{border-radius:2px !important;min-width:20px !important;height:20px !important}

/* ---------- footer ---------- */
body.kwrap #kskin_foot{background:var(--navy2) !important;border-top:0 !important;margin-top:48px !important;color:#b7bfdc !important}
body.kwrap #kskin_footwidgets,body.kwrap #kskin_footcopy,body.kwrap .kthemeinvert{color:#8f99c0 !important}
body.kwrap #kskin_foot p,body.kwrap #kskin_foot a{color:#b7bfdc !important}
body.kwrap #kskin_foot a:hover{color:#fff !important}
body.kwrap .usn-footer-nav-title{color:#fff !important}
body.kwrap #kskin_foot .usn-contact-foot a,body.kwrap #kskin_foot .usn-contact-foot{color:#fff !important}
body.kwrap #kskin_foot .usn-footer-nav a:hover{color:#fff !important}

/* ---------- phones and tablets ---------- */
/* the Order Lookup link: the header's login box is shown for it alone */
body.kwrap #core_skinwidget_miniacctlogin--CONTENT .kwidget_padmax{visibility:hidden !important;animation:usnShow 0s 1.5s forwards !important}
html.usn-acct body.kwrap #core_skinwidget_miniacctlogin--CONTENT .kwidget_padmax{visibility:visible !important;animation:none !important}
@media (max-width:959px){
 body.kwrap #kskin_flex{grid-template-columns:minmax(0,1fr) auto auto !important}
 body.kwrap #kskin_headwidgets{display:flex !important;grid-column:2 !important;grid-row:1 !important;align-items:center !important;justify-content:flex-end !important;margin:0 20px 0 0 !important;padding:0 !important;width:auto !important;max-width:none !important;background:none !important}
 body.kwrap #kskin_topbarinnerl,body.kwrap #USNMODERNSTYLE{display:none !important}
 body.kwrap #kskin_uslogin,body.kwrap #kwidgetgroup_HEADER,body.kwrap #core_skinwidget_miniacctlogin,body.kwrap #core_skinwidget_miniacctlogin .kwidget_box,body.kwrap #core_skinwidget_miniacctlogin .kwidget_boxcontent,body.kwrap #core_skinwidget_miniacctlogin .kwidget_padmax{display:block !important;margin:0 !important;padding:0 !important;width:auto !important;background:none !important;border:0 !important}
 body.kwrap #core_skinwidget_miniacctlogin .kwidget_boxicon,body.kwrap #core_skinwidget_miniacctlogin .kwidget_boxtext{display:none !important}
 body.kwrap #kskin_uslogin a{display:inline-block !important;margin:0 !important;padding:8px 0 !important;font-size:14px !important;font-weight:500 !important;color:var(--ink) !important;text-decoration:none !important;white-space:nowrap !important;border:0 !important}
 body.kwrap #kskin_maininner #ecom_skinwidget_minicart{grid-column:3 !important}
 body.kwrap #ecom--minisearch input[type=text]{border:1px solid var(--rule) !important;border-radius:2px !important;background:#fff !important;height:44px !important}
 body.kwrap #ecom--minisearch input[type=text]:focus{background:#fff !important;box-shadow:0 0 0 1px var(--navy) !important}
 body.kwrap #ecom--minisearch input[type=submit]{top:0 !important;right:0 !important;width:48px !important;height:44px !important;border-radius:0 2px 2px 0 !important;background-size:19px !important}
 body.kwrap #kskin_maininner #ecom_skinwidget_categories{background:var(--navy) !important;border-bottom:0 !important;-webkit-mask-image:none !important;mask-image:none !important}
 body.kwrap #ecom_skinwidget_categories li a{padding:12px 0 9px !important;border-bottom:3px solid transparent !important;color:#fff !important}
 body.kwrap #ecom_skinwidget_categories li.usn-here>a{color:#fff !important;border-bottom-color:#fff !important}
 body.kwrap #kskin_maininner #ecom_skinwidget_minisearch{margin:0 0 0 !important;padding:0 0 12px !important}
 body.kwrap .usn-hero{font-size:27px !important}
  body.kwrap .usn-home>section.usn-po{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"head" "text" "btn" !important;padding:18px 18px !important;row-gap:2px !important}
 body.kwrap .usn-po a.usn-po-btn{margin-top:14px !important;width:100% !important}
 body.kwrap #ktitle,body.kwrap .kcatshowname{font-size:26px !important}
 body.kwrap .kprodshowname,body.kwrap .kprodshowright>.kprodshowname{font-size:25px !important}
}

/* options box: white, no grey fill (the saved skin fills it, so these need the page-level selector) */
body.kwrap #kcontent #ecom--addcart .kmirrort,body.kwrap #kcontent #ecom--addcart .kmirrortrow,body.kwrap #kcontent #ecom--addcart .kmirrorthead{background:#fff !important}
body.kwrap #kcontent #ecom--addcart .kmirrorthead{color:var(--ink) !important}
@media (max-width:599px){
 body.kwrap .kmirrortcell{grid-template-columns:minmax(0,1fr) !important;row-gap:6px !important}
 body.kwrap .kmirrortcell>*,body.kwrap .kmirrortcell>:first-child{grid-column:1 !important;grid-row:auto !important}
}


/* footer: a small label over each group, one faint divider */
body.kwrap #kwidgetgroup_FOOTER{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,2fr) !important;gap:28px 72px !important;justify-content:stretch !important}
body.kwrap #core_skinwidget_companyinfo--CONTENT::before{content:"Contact" !important;display:block !important;margin:0 0 10px !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8f99c0 !important}
body.kwrap #core_skinwidget_companyinfo--CONTENT p{margin:0 0 6px !important}
body.kwrap #kskin_foot .usn-footer-nav{border-left:0 !important;padding-left:0 !important;gap:10px 24px !important}
body.kwrap #kskin_foot .usn-footer-nav-title{margin:0 0 2px !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8f99c0 !important}
@media (max-width:759px){body.kwrap #kwidgetgroup_FOOTER{grid-template-columns:minmax(0,1fr) !important}}

@media (min-width:760px) and (max-width:959px){
 body.kwrap .usn-best .kprodlistitem:nth-child(4){display:flex !important}
}
/* an option's question: the whole width of its column (the price-row grid was catching it and squeezing the words into 104 px) */
body.kwrap .kmirrortcell>.klearfix:first-child{display:flex !important;grid-template-columns:none !important;width:auto !important}
body.kwrap #kcontent #ecom--addcart .kmirrort{border:1px solid var(--line) !important}

/* home page, trimmed: the grey line under the headline and the two small text blocks stay in the page (for Google) but are not shown */
body.kwrap .usn-sub,body.kwrap .usn-footer-grid{display:none !important}

/* a short line of facts under a product's name on the cards */
body.kwrap .usn-spec{margin:3px 0 0 !important;font-size:12.5px !important;line-height:1.4 !important;color:var(--mute) !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
body.kwrap .kprodlistitemname{min-height:0 !important}

/* category page header: a light band with the way back, the title, how many products, and the description */
body.kwrap{--band:#f3f5f9}
body.kwrap #kskin_maincontent:has(.kcatshow){padding-top:0 !important}
body.kwrap #kskin_maininner>#kskin_maincontent:has(.kcatshow){padding-top:0 !important}
body.kwrap #kskin_maincontent:has(.kcatshow) #kwidgetgroup_LOCATION{padding:16px 0 0 !important;background:var(--band) !important;box-shadow:0 0 0 100vmax var(--band) !important;clip-path:inset(0 -100vmax) !important}
body.kwrap #kskin_maincontent:has(.kcatshow) #ecom_skinwidget_breadcrumbs .kwidget_padmax{margin:0 !important}
body.kwrap .kcatshow{position:relative !important;margin:0 0 26px !important;padding:6px 0 22px !important;background:var(--band) !important;box-shadow:0 0 0 100vmax var(--band) !important;clip-path:inset(0 -100vmax) !important}
body.kwrap .kcatshowname{display:inline-block !important;margin:0 14px 4px 0 !important}
body.kwrap .usn-count{display:inline-block !important;margin-left:14px !important;font-size:14px !important;color:var(--mute) !important;vertical-align:baseline !important}
body.kwrap .kcatshowdesc{max-width:780px !important;margin:6px 0 0 !important}
@media (min-width:960px){body.kwrap #kcontent:has(.kcatshow) .kprodsort{top:2px !important}}
@media (max-width:959px){body.kwrap #kskin_maininner>#kskin_maincontent:has(.kcatshow){padding-top:0 !important}}

/* "Added to your cart" */
html.usn-lock{overflow:hidden !important}
body.kwrap .usn-added{position:fixed !important;inset:0 !important;z-index:100 !important;display:flex !important;align-items:flex-start !important;justify-content:center !important;padding:12vh 16px 16px !important}
body.kwrap .usn-added-bg{position:absolute !important;inset:0 !important;background:rgba(20,24,42,.5) !important}
body.kwrap .usn-added-box{position:relative !important;width:100% !important;max-width:460px !important;background:#fff !important;border-radius:2px !important;padding:24px 24px 22px !important;box-shadow:0 14px 44px rgba(20,24,42,.3) !important}
body.kwrap .usn-added-box h2{margin:0 0 16px !important;font-family:var(--serif) !important;font-size:21px !important;font-weight:600 !important;letter-spacing:0 !important;line-height:1.2 !important;color:var(--ink) !important}
body.kwrap .usn-added .usn-added-x{position:absolute !important;top:10px !important;right:10px !important;width:36px !important;height:36px !important;min-height:0 !important;padding:0 !important;background:none !important;color:var(--mute) !important;font-size:26px !important;font-weight:400 !important;line-height:1 !important;border-radius:2px !important}
body.kwrap .usn-added .usn-added-x:hover{background:none !important;color:var(--ink) !important}
body.kwrap .usn-added-item{display:flex !important;gap:14px !important;align-items:center !important;padding:14px 0 !important;border-top:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important}
body.kwrap .usn-added-item img{flex:none !important;width:72px !important;height:72px !important;object-fit:contain !important;border:1px solid var(--line) !important;padding:4px !important;background:#fff !important}
body.kwrap .usn-added-name{font-size:15px !important;font-weight:600 !important;line-height:1.35 !important;color:var(--ink) !important}
body.kwrap .usn-added-det{margin-top:3px !important;font-size:13.5px !important;line-height:1.4 !important;color:var(--mute) !important}
body.kwrap .usn-added-n{margin:14px 0 18px !important;font-size:14px !important;color:var(--mute) !important}
body.kwrap .usn-added-btns{display:flex !important;gap:10px !important}
body.kwrap .usn-added .usn-added-keep,body.kwrap .usn-added a.usn-added-go{flex:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:46px !important;padding:0 16px !important;border-radius:2px !important;font-size:15px !important;font-weight:600 !important;text-decoration:none !important;cursor:pointer !important}
body.kwrap .usn-added .usn-added-keep{background:#fff !important;color:var(--navy) !important;border:1px solid var(--navy) !important}
body.kwrap .usn-added .usn-added-keep:hover{background:#eef0f7 !important;color:var(--navy) !important}
body.kwrap .usn-added a.usn-added-go{background:var(--navy) !important;color:#fff !important;border:1px solid var(--navy) !important}
body.kwrap .usn-added a.usn-added-go:hover{background:var(--navy2) !important;color:#fff !important}
@media (max-width:479px){body.kwrap .usn-added{padding-top:8vh !important}body.kwrap .usn-added-btns{flex-direction:column-reverse !important}}

/* category pages: the long description sits under the products, in quiet type; the band above holds only the title, count and sort */
body.kwrap .kcatshow{padding:4px 0 16px !important;margin:0 0 22px !important}
body.kwrap .usn-about{order:9 !important;margin:48px 0 0 !important;padding:20px 0 0 !important;border-top:1px solid var(--line) !important;max-width:860px !important}
body.kwrap .usn-about .kcatshowdesc{margin:0 !important;max-width:none !important;font-size:14px !important;line-height:1.6 !important;color:var(--mute) !important}
@media (min-width:960px){body.kwrap #kcontent:has(.kcatlist>.kcatlistitem:not(.usn-off)) .usn-about{grid-column:2 !important}}

/* cards: price on the left, a small "Add to cart" on the right for items with nothing to choose first (the old site's own quick-add); items with options keep only the price and open their page */
body.kwrap .kprodlistitemwrap{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-rows:auto auto 1fr !important;grid-template-areas:"name name" "spec spec" "price add" !important;column-gap:8px !important;align-content:stretch !important}
body.kwrap .kprodlistitemwrap>.kprodlistitemname{grid-area:name !important}
body.kwrap .kprodlistitemwrap>.usn-spec{grid-area:spec !important}
body.kwrap .kprodlistitemwrap>.kprodlistitemprice{grid-area:price !important;align-self:end !important;margin:0 !important}
body.kwrap .kprodlistitemwrap>.kprodlistitemform{grid-area:add !important;align-self:end !important;display:block !important;position:relative !important;z-index:2 !important;margin:0 !important;padding:6px 0 0 !important;width:auto !important}
body.kwrap .kprodlistitemform a.kbutton{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:auto !important;min-height:32px !important;margin:0 !important;padding:0 12px !important;border:1px solid var(--navy) !important;background:#fff !important;color:var(--navy) !important;border-radius:2px !important;font-size:0 !important;line-height:1 !important;text-decoration:none !important;box-shadow:none !important}
body.kwrap .kprodlistitemform a.kbutton::after{content:"Options" !important;font-size:13px !important;font-weight:600 !important}
body.kwrap .kprodlistitemform a.kaddtocart::after{content:"Add to cart" !important}
body.kwrap .kprodlistitemform a.kbutton:hover{background:var(--navy) !important;color:#fff !important}
@media (max-width:959px){
 body.kwrap .kprodlistitemwrap{grid-template-areas:"name name" "spec spec" "price price" "add add" !important}
 body.kwrap .kprodlistitemwrap>.kprodlistitemform{padding-top:8px !important}
 body.kwrap .kprodlistitemform a.kbutton{width:100% !important;min-height:36px !important}
}
body.kwrap .kprodlistitem:has(.kstockout) .kprodlistitemform,body.kwrap .kprodlistitem:not(:has(.kpricepay)) .kprodlistitemform{display:none !important}


/* ======================================================================================================
   Fixes from the four-way review (10/21): sideways scroll, keyboard focus, phone bar edge, contrast,
   leftovers of the old skin, lead time on cards, phone product page and tap sizes
   ====================================================================================================== */
/* belt and braces: nothing may scroll sideways (the full-width bands are drawn with shadows, which add no width) */
@supports (overflow:clip){html{overflow-x:clip !important}}

/* keyboard focus: a visible ring everywhere (the saved skin switched it off) */
body.kwrap :focus-visible{outline:2px solid var(--navy) !important;outline-offset:2px !important}
body.kwrap #ecom_skinwidget_categories :focus-visible{outline-color:#fff !important;outline-offset:-2px !important}
body.kwrap #kskin_foot :focus-visible{outline-color:#b7bfdc !important}
body.kwrap .usn-top :focus-visible{outline-offset:1px !important}

/* links inside running text are underlined (colour alone is not enough) */
body.kwrap #kcontent p a,body.kwrap .kprodshowdesc a,body.kwrap .usn-trust a,body.kwrap .usn-about a{text-decoration:underline !important;text-underline-offset:2px !important}
body.kwrap .usn-po a.usn-po-btn{text-decoration:none !important}

/* the old skin's leftovers in the buy box (its rules are id-level and !important) */
body.kwrap #kcontent #ecom--addcart .kaddtocart,body.kwrap #kcontent #ecom--addcart input.kaddcartquantity,body.kwrap #kcontent #ecom--addcart .kmirrort,body.kwrap #kcontent #ecom--addcart select,body.kwrap #kcontent #ecom--addcart textarea{border-radius:2px !important}
body.kwrap #kcontent #ecom--addcart .kpricelabel,body.kwrap #kcontent #ecom--addcart .kpriceinfoleft,body.kwrap #kcontent #ecom--addcart .kmirrortleg{color:var(--ink) !important}
body.kwrap #kcontent #ecom--addcart .kpriceinfoleft{color:var(--mute) !important}
body.kwrap #kcontent #ecom--addcart .kmirrorthead{font-size:12px !important}
body.kwrap #kcontent .kprodshowdesc{max-width:70ch !important}
body.kwrap #kcontent .kpriceinforight{line-height:1.4 !important}

/* cards: "Ships in up to 4 weeks" in plain grey where the item is made or ordered to order; the button label sits in the middle */
body.kwrap .kprodlistitem .kstockin.usn-lead{display:block !important;font-size:0 !important;line-height:1 !important;margin:2px 0 0 !important}
body.kwrap .kprodlistitem .kstockin.usn-lead::after{content:"Ships in up to 4 weeks" !important;font-size:12.5px !important;font-weight:500 !important;line-height:1.3 !important;color:var(--mute) !important}
body.kwrap .kstockin.usn-lead{color:var(--ink) !important}
body.kwrap .kprodlistitemprice{flex-wrap:wrap !important}
body.kwrap .kprodlistitemform a.kbutton{gap:0 !important}
body.kwrap .kprodlistitemprice .kpricelistsmall:has(.usn-lead){flex-basis:100% !important}

/* wide screens: the category bar is a little slimmer, so the products carry more of the weight */
@media (min-width:960px){
 body.kwrap #ecom_skinwidget_categories li a{padding:10px 12px 8px !important}
}

/* phones and tablets */
@media (max-width:959px){
 body.kwrap #kskin_maininner #ecom_skinwidget_categories{width:calc(100% + var(--pad) * 2) !important}
 /* product page: title first, a smaller picture, the way back on one line, so the price and buy button come up the screen */
 body.kwrap .kprodshowright>.kprodshowname{order:-1 !important}
 body.kwrap .kprodshowleft img{max-height:230px !important}
 body.kwrap .kprodshow{gap:8px !important}
 body.kwrap .kprodshowleft>.klearfix{margin-bottom:0 !important}
 body.kwrap .kprodshowright>#ecom--addcart,body.kwrap .kprodshowright>form#ecom--addcart{margin-top:0 !important}
 body.kwrap .kprodshowright>.kprodshowname{margin:0 0 4px !important}
 body.kwrap #ecom_skinwidget_breadcrumbs .kwidget_padmax{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
 /* cards: three lines for a name, a little less padding */
 body.kwrap .kprodlistitemname{-webkit-line-clamp:3 !important}
 /* tap sizes and no zoom-in on focus */
 body.kwrap .kprodlistitemform a.kbutton{min-height:40px !important}
 body.kwrap #kskin_uslogin a,body.kwrap #ecom_skinwidget_minicart a.usn-cartlink{padding:12px 0 !important}
 body.kwrap #core_skinwidget_account li a,body.kwrap #kskin_foot a{padding-top:10px !important;padding-bottom:10px !important}
 body.kwrap #ecom_skinwidget_breadcrumbs a{display:inline-block !important;padding:10px 0 !important}
 body.kwrap #kcatlist .kcatlistitemname a,body.kwrap .kcatlistitemname a{padding:10px 0 !important}
 body.kwrap .kmirrortcell input[type=radio],body.kwrap .kmirrortcell input[type=checkbox]{width:22px !important;height:22px !important}
 body.kwrap #kcontent input[type=text],body.kwrap #kcontent input[type=email],body.kwrap #kcontent input[type=tel],body.kwrap #kcontent input[type=number],body.kwrap #kcontent select,body.kwrap #kcontent textarea{font-size:16px !important}
 body.kwrap .usn-added .usn-added-x{width:44px !important;height:44px !important}
}
@media (max-width:599px){
 body.kwrap .kprodlistitemwrap{padding:10px 10px 12px !important}
}

/* phones: the buy bar fixed to the bottom while the real button is out of view */
body.kwrap .usn-sticky{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:60 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;padding:10px 16px calc(10px + env(safe-area-inset-bottom)) !important;background:#fff !important;border-top:1px solid var(--line) !important}
body.kwrap .usn-sticky[hidden]{display:none !important}
body.kwrap .usn-sticky-p{display:flex !important;flex-direction:column !important;line-height:1.2 !important}
body.kwrap .usn-sticky-p span{font-size:11.5px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--mute) !important}
body.kwrap .usn-sticky-p b{font-size:19px !important;font-weight:600 !important;color:var(--ink) !important}
body.kwrap .usn-sticky button{flex:1 !important;max-width:260px !important;min-height:46px !important;padding:0 18px !important;border:0 !important;border-radius:2px !important;background:var(--navy) !important;color:#fff !important;font-size:15.5px !important;font-weight:600 !important}
html.usn-has-bar body.kwrap{padding-bottom:76px !important}

/* the note for institutions on the Contact page */
body.kwrap .usn-inst-note{max-width:820px !important;margin:0 0 20px !important;padding:14px 18px !important;border:1px solid var(--rule) !important;border-radius:2px !important;background:#fff !important;font-size:14.5px !important;line-height:1.6 !important;color:var(--ink) !important}

/* Contact page: the old skin's rounded, grey-headed boxes become the same hairline boxes as everywhere else */
body.kwrap #kcontent #core--contact .kmirrort,body.kwrap #kcontent #core--contact .kmirrortrow{border-radius:2px !important;background:#fff !important}
body.kwrap #kcontent #core--contact .kmirrort{border:1px solid var(--line) !important;box-shadow:none !important}
body.kwrap #kcontent #core--contact .kmirrorthead{background:#fff !important;border-radius:0 !important;font-size:12px !important;border-bottom:1px solid var(--line) !important}
body.kwrap #kcontent #core--contact input[type=text],body.kwrap #kcontent #core--contact input[type=email],body.kwrap #kcontent #core--contact input[type=tel],body.kwrap #kcontent #core--contact input:not([type=checkbox]):not([type=hidden]):not([type=submit]),body.kwrap #kcontent #core--contact textarea{border:1px solid var(--rule) !important;border-radius:2px !important}


/* ======================================================================================================
   Phones and tablets: no sideways swiping in the header. Tablets (600 to 959 px) show every category link, wrapped
   onto two rows; phones (under 600 px) keep them behind one "Shop by category" bar.
   ====================================================================================================== */
body.kwrap .usn-navcb,body.kwrap .usn-navlabel{display:none !important}
@media (max-width:959px){
 body.kwrap #kskin_col3 #ecom_skinwidget_categories .kwidget_boxcontent>ul{flex-wrap:wrap !important;overflow:visible !important;gap:0 24px !important;padding:0 var(--pad) !important}
 body.kwrap #ecom_skinwidget_categories li{flex:none !important}
}
@media (max-width:599px){
 body.kwrap .usn-navlabel{display:flex !important;align-items:center !important;justify-content:space-between !important;min-height:48px !important;padding:0 var(--pad) !important;font-size:15px !important;font-weight:600 !important;color:#fff !important;cursor:pointer !important}
 body.kwrap .usn-navlabel::after{content:"" !important;flex:none !important;width:8px !important;height:8px !important;margin:-4px 2px 0 0 !important;border-right:2px solid #fff !important;border-bottom:2px solid #fff !important;transform:rotate(45deg) !important;transition:transform .15s !important}
 body.kwrap .usn-navcb{display:block !important;position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;opacity:0 !important;pointer-events:none !important}
 body.kwrap .usn-navcb:checked+.usn-navlabel::after{transform:rotate(-135deg) !important;margin-top:4px !important}
 body.kwrap .usn-navcb:focus-visible+.usn-navlabel{outline:2px solid #fff !important;outline-offset:-4px !important}
 body.kwrap #kskin_col3 #ecom_skinwidget_categories .kwidget_boxcontent>ul{display:none !important;padding:0 var(--pad) 8px !important}
 body.kwrap #kskin_col3 #ecom_skinwidget_categories .usn-navcb:checked~ul{display:block !important}
 body.kwrap #ecom_skinwidget_categories li{display:block !important;border-top:1px solid rgba(255,255,255,.16) !important}
 body.kwrap #ecom_skinwidget_categories li a{display:block !important;padding:14px 0 !important;border:0 !important;font-size:15px !important}
 body.kwrap #ecom_skinwidget_categories li.usn-here>a{font-weight:700 !important;border:0 !important}
}