/* ===== 2.28.0 / 2.29.0 wide layout (body.sr-wide) — see the notes at sr_wide_on() and the v2.29.0 block ===== */
body.sr-wide{ --sr-gut:clamp(16px, 2.2vw, 44px); }
body.sr-wide .sr-ic{ display:inline-block; vertical-align:middle; flex:0 0 auto; }
/* product photos fitted by their own outline (see trimAll in sr_wide_js) */
body.sr-wide .sr-trimmed{ position:relative !important; overflow:hidden !important; }
body.sr-wide .sr-trimmed > img{ position:absolute !important; max-width:none !important; max-height:none !important; }
body.sr-wide.admin-bar .sr-side-help, body.sr-wide.admin-bar .sr-mship-card, body.sr-wide.admin-bar .sr-mship-rail-in{ top:150px !important; }
body.sr-wide.admin-bar .sr-page h2[id]{ scroll-margin-top:150px; }

/* ---- 2.29.0 EDGE TO EDGE: no width cap, a 16–44 px gutter (≥1200 px windows) ---- */
@media (min-width:1200px){
	body.sr-wide #header, body.sr-wide #footer{ --theme-normal-container-max-width:100%; --theme-container-width:calc(100% - (2 * var(--sr-gut))); }
	body.sr-wide #header .ct-container, body.sr-wide #footer .ct-container{ width:calc(100% - (2 * var(--sr-gut))) !important; max-width:none !important; }
	body.sr-wide .sr-topbar-in{ max-width:none; }
	body.sr-wide .sr-grid-block, body.sr-wide .sr-tiles, body.sr-wide .sr-hero-grid, body.sr-wide ul.sr-trustbar{ max-width:none !important; }
	/* homepage (77797) containers: full width + gutter */
	body.sr-wide .elementor-77797 > .e-con.e-parent{ --padding-left:var(--sr-gut) !important; --padding-right:var(--sr-gut) !important; padding-left:var(--sr-gut) !important; padding-right:var(--sr-gut) !important; }
	body.sr-wide .elementor-77797 > .e-con.e-parent > .e-con-inner{ max-width:none !important; width:100% !important; }
	body.sr-wide .elementor-77797 .elementor-element-521790c8 .sr-hero-grid{ margin:0; }
	/* /deals/, /membership/ and other .sr-page pages */
	body.sr-wide .sr-page-wide{ max-width:none !important; padding-left:var(--sr-gut) !important; padding-right:var(--sr-gut) !important; }
	/* shop / category / brand / search template 66576 */
	body.sr-wide .elementor-66576 .elementor-element-5ce661b0 > .e-con-inner{ max-width:none !important; width:100% !important; margin-left:0 !important; margin-right:0 !important; } /* Blocksy sizes boxed Elementor containers to its own container width (95%) */
	body.sr-wide .elementor-66576 .elementor-element-5ce661b0{ padding-left:var(--sr-gut) !important; padding-right:var(--sr-gut) !important; }
	body.sr-wide .elementor-66576 .elementor-element-4123aa9{ max-width:none !important; width:100% !important; padding-left:var(--sr-gut) !important; padding-right:var(--sr-gut) !important; box-sizing:border-box; }
	body.sr-wide .elementor-66576 .elementor-element-4123aa9 > .elementor-container{ max-width:none !important; width:100% !important; margin-left:0 !important; margin-right:0 !important; }
	body.sr-wide .elementor-66576 .elementor-element-8c31dc0{ width:360px !important; max-width:360px !important; flex:0 0 360px !important; }
	body.sr-wide .elementor-66576 .elementor-element-8332bc1{ width:auto !important; max-width:none !important; flex:1 1 0 !important; min-width:0; }
	/* product pages */
	body.sr-wide.single-product main article{ max-width:none !important; width:100% !important; padding-left:var(--sr-gut) !important; padding-right:var(--sr-gut) !important; box-shadow:none !important; border:0 !important; }
	body.sr-wide .elementor-66562 .elementor-element-0692acd > .elementor-container{ max-width:none !important; }
	body.sr-wide .elementor-66562 .elementor-element-0692acd .elementor-element-e2a5c14, body.sr-wide .elementor-66562 .elementor-element-0692acd .woocommerce-product-gallery{ max-width:820px !important; }
	body.sr-wide .elementor-66562 .elementor-element-0692acd .elementor-element-6ebdd6a > .elementor-widget-wrap{ max-width:760px; }
	body.sr-wide .sr-pdp-extras, body.sr-wide.single-product form.cart{ max-width:700px; }
	body.sr-wide .sr-crumb, body.sr-wide .sr-pdp-below, body.sr-wide .sr-pdx{ max-width:none !important; }
}
/* very wide product pages: photo | title, price, button | the ship-to-FFL box in its own column (Amazon / Bud's buy box) */
@media (min-width:1700px){
	body.sr-wide .elementor-66562 .elementor-element-0692acd .elementor-element-dad6534{ width:42% !important; }
	body.sr-wide .elementor-66562 .elementor-element-0692acd .elementor-element-6ebdd6a{ width:58% !important; }
	body.sr-wide .elementor-66562 .elementor-element-0692acd .elementor-element-6ebdd6a > .elementor-widget-wrap{ max-width:none; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,460px); column-gap:36px; align-content:start; align-items:start; }
	body.sr-wide .elementor-66562 .elementor-element-6ebdd6a > .elementor-widget-wrap > *{ grid-column:1; min-width:0; width:auto !important; max-width:none !important; }
	body.sr-wide .elementor-66562 .elementor-element-6ebdd6a > .elementor-widget-wrap > #sr-pdp-extras{ grid-column:2; grid-row:1 / span 30; margin-top:6px; position:sticky; top:112px; align-self:start; } /* 2.40.0: the buy box stays in view too */
	body.sr-wide.admin-bar .elementor-66562 .elementor-element-6ebdd6a > .elementor-widget-wrap > #sr-pdp-extras{ top:144px; }
	body.sr-wide .elementor-66562 .elementor-element-6ebdd6a > .elementor-widget-wrap > #sr-pdp-extras .sr-buybox-row{ grid-template-columns:118px 1fr; }
}

/* ---- trust bar (homepage, under the hero) ---- */
body.sr-wide ul.sr-trustbar{ list-style:none; margin:14px auto 0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#fff; border:1px solid #dfe4ec; border-radius:10px; overflow:hidden; }
body.sr-wide ul.sr-trustbar > li{ margin:0 !important; padding:0 !important; border-left:1px solid #e6eaf1; min-width:0; list-style:none; display:flex; }
body.sr-wide ul.sr-trustbar > li:first-child{ border-left:0; }
body.sr-wide .sr-tb-in{ flex:1 1 auto; display:flex; align-items:center; gap:14px; padding:15px 20px; min-width:0; text-decoration:none !important; color:inherit; }
body.sr-wide .sr-trustbar .sr-ic{ width:34px; height:34px; color:var(--sr-gold); stroke-width:1.7; }
body.sr-wide .sr-tb-txt{ min-width:0; }
body.sr-wide .sr-tb-t{ display:block; font-size:16.5px; font-weight:700; color:var(--sr-navy); line-height:1.25; }
body.sr-wide .sr-tb-s{ display:block; font-size:14.5px; color:#4d5d6d; line-height:1.35; margin-top:2px; }
body.sr-wide a.sr-tb-in .sr-tb-s{ color:var(--sr-navy); font-weight:700; text-decoration:underline; text-underline-offset:3px; }
body.sr-wide a.sr-tb-in:hover .sr-tb-s, body.sr-wide a.sr-tb-in:focus-visible .sr-tb-s{ color:var(--sr-gold); }
@media (min-width:768px) and (max-width:1199px){ body.sr-wide .sr-tb-in{ padding:13px 14px; gap:10px; } body.sr-wide .sr-trustbar .sr-ic{ width:28px; height:28px; } body.sr-wide .sr-tb-t{ font-size:15px; } body.sr-wide .sr-tb-s{ font-size:13px; } }
@media (max-width:767px){
	body.sr-wide ul.sr-trustbar{ grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:10px !important; }
	body.sr-wide ul.sr-trustbar > li:nth-child(3){ border-left:0; }
	body.sr-wide ul.sr-trustbar > li:nth-child(n+3){ border-top:1px solid #e6eaf1; }
	body.sr-wide .sr-tb-in{ padding:11px 10px; gap:9px; align-items:flex-start; }
	body.sr-wide .sr-trustbar .sr-ic{ width:24px; height:24px; }
	body.sr-wide .sr-tb-t{ font-size:13.5px; }
	body.sr-wide .sr-tb-s{ font-size:12.5px; }
}
body.sr-wide .elementor-77797 .elementor-element-337090f2{ display:none !important; } /* the old strip near the bottom: folded into the bar */
/* ---- homepage rows: less padding; 7 / 6 / 5 / 4 across ---- */
@media (min-width:768px){
	body.sr-wide .elementor-77797 > .e-con.e-parent:not(.elementor-element-521790c8){ --padding-top:30px !important; --padding-bottom:30px !important; padding-top:30px !important; padding-bottom:30px !important; }
}
@media (min-width:1800px){ body.sr-wide .elementor-77797 .sr-pc-grid{ grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px; } }
@media (min-width:1500px) and (max-width:1799px){ body.sr-wide .elementor-77797 .sr-pc-grid{ grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; } body.sr-wide .elementor-77797 .sr-pc-grid .sr-pc:nth-child(n+7){ display:none; } }
@media (min-width:1200px) and (max-width:1499px){ body.sr-wide .elementor-77797 .sr-pc-grid .sr-pc:nth-child(n+6){ display:none; } }
/* ---- hero tiles: price labels. 2.33.0 (Josh 10/2: "doesn't feel sharp like a gun site should … expensive and well put
   together, like Daniel Defense and FN"): a square navy label with a gold caption, no rotated yellow sticker ---- */
body.sr-wide .sr-hero-sticker{ position:absolute; z-index:3; top:18px; right:18px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; min-width:0; padding:9px 13px 10px; border-radius:2px; background:var(--sr-ink); color:#fff; text-align:left; line-height:1.1; box-shadow:none; transform:none; pointer-events:none; }
body.sr-wide .sr-hero-sticker small{ display:block; order:0; font-family:var(--sr-ff-label); font-size:10.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--sr-cta); }
body.sr-wide .sr-hero-sticker b{ display:block; order:1; font-family:var(--sr-ff-label); font-size:19px; font-weight:600; letter-spacing:.01em; color:#fff; }
body.sr-wide .sr-hero-deal .sr-hero-sticker{ top:14px; right:14px; }
body.sr-wide .sr-hero-sup .sr-hero-img img{ max-height:none; width:100%; }
@media (max-width:767px){ body.sr-wide .sr-hero-sticker{ top:8px; right:8px; padding:6px 8px 7px; gap:2px; } body.sr-wide .sr-hero-sticker small{ font-size:8.5px; letter-spacing:.12em; } body.sr-wide .sr-hero-sticker b{ font-size:13.5px; } body.sr-wide .sr-hero-sup .sr-hero-sticker{ display:none; } }
/* the four tiles: square corners; the membership tile is navy (it was the loud yellow block) */
body.sr-wide .sr-hero-tile{ border-radius:2px; }
body.sr-wide .sr-hero-light{ background:#f4f5f7; border-color:#e3e6ec; }
body.sr-wide .sr-hero-yellow{ background:var(--sr-ink); color:#fff; }
body.sr-wide .sr-hero-yellow::after{ display:none !important; }
body.sr-wide .sr-hero-yellow .sr-hero-tag{ color:var(--sr-cta); }
body.sr-wide .sr-hero-yellow .sr-hero-cta{ border-bottom-color:var(--sr-cta); }
body.sr-wide .sr-hero-tag{ font-family:var(--sr-ff-label); font-weight:600; letter-spacing:.16em; }
body.sr-wide .sr-hero-light .sr-hero-tag, body.sr-wide .sr-hero-kicker{ color:var(--sr-gold-d); }
body.sr-wide .sr-hero-cta{ font-family:var(--sr-ff-label); font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; border-bottom-width:2px; }
body.sr-wide .sr-hero-glint{ display:none !important; }
body.sr-wide .sr-now{ background-image:linear-gradient(transparent 58%, rgba(219,180,44,.55) 58%); }
@media (max-width:767px){ body.sr-wide .sr-hero-cta{ font-size:11px; letter-spacing:.07em; } }
/* ---- THE CATEGORY CARD (2.32.0: one look for every link to a category — homepage, /deals/, category pages, ☰ menu, desktop
   drop-downs; Josh 10/2: "stick with a standard"). 2.33.0 SHARP (Josh 10/2: "they don't feel sharp like a gun site should …
   expensive and well put together, like Daniel Defense and FN Firearms"): the product photo on a light-grey well, the name in
   navy capitals on a white caption, a thin gold arrow; square corners and a hairline border — no rims, bases, lifts or yellow
   circles. With a mouse: the border goes navy, a gold line runs under the caption and the arrow steps right; the category
   you're on keeps the gold line ("You're here"). The whole card is the link (a <button> in the menu where it opens the
   types). .sr-panels-c / the menu / the drop-downs / the category row are the compact size. ---- */
body.sr-wide .sr-panels{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
body.sr-wide .sr-panel{ position:relative; display:flex !important; flex-direction:column; align-items:stretch; min-width:0; width:100%; height:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; border-radius:2px !important; overflow:hidden; background:#fff !important; border:1px solid var(--sr-line) !important; box-shadow:none !important; text-decoration:none !important; color:var(--sr-navy) !important; font:inherit; font-size:16px !important; line-height:1.2 !important; letter-spacing:0 !important; text-transform:none !important; text-align:left !important; cursor:pointer; box-sizing:border-box; transition:border-color .2s ease; }
body.sr-wide .sr-panel-img{ position:relative; display:flex; align-items:center; justify-content:center; flex:0 0 auto; height:196px; padding:16px 24px; box-sizing:border-box; background:#f3f4f6; }
body.sr-wide .sr-panel-img img{ display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; mix-blend-mode:multiply; transition:transform .35s cubic-bezier(.2,.8,.2,1); }
body.sr-wide .sr-panel-ph{ display:flex; align-items:center; justify-content:center; width:64%; height:64%; color:#b7bfcc; }
body.sr-wide .sr-panel-ph .sr-dicon, body.sr-wide nav.sr-deptbar .sr-panel-ph .sr-dicon{ display:block; width:100%; height:100%; max-height:56px; color:inherit; }
body.sr-wide .sr-panel-bar{ position:relative; margin-top:auto; flex:1 0 auto; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 14px 14px 18px; background:#fff; border-top:1px solid #e8ebf0; min-height:62px; box-sizing:border-box; }
body.sr-wide .sr-panel-bar::after{ content:""; position:absolute; left:-1px; right:-1px; bottom:0; height:3px; background:var(--sr-cta); transform:scaleX(0); transform-origin:left center; transition:transform .25s ease; }
body.sr-wide .sr-panel-txt{ min-width:0; }
body.sr-wide .sr-panel-name{ display:block; color:var(--sr-navy); font-family:var(--sr-ff-label); font-size:15px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; line-height:1.3; hyphens:manual; -webkit-hyphens:manual; overflow-wrap:break-word; }
body.sr-wide .sr-panel-meta{ display:block; color:#69728a; font-size:13px; font-weight:500; line-height:1.35; margin-top:4px; letter-spacing:.01em; }
body.sr-wide .sr-panel-go{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:0; background:none; color:var(--sr-gold-d); font-size:0; line-height:0; transition:transform .2s ease, color .2s ease; }
body.sr-wide .sr-panel-go .sr-ic{ width:20px; height:20px; stroke-width:2; }
@media (hover:hover) and (pointer:fine){
	body.sr-wide .sr-panel:hover{ border-color:var(--sr-navy) !important; }
	body.sr-wide .sr-panel:hover .sr-panel-bar::after{ transform:scaleX(1); }
	body.sr-wide .sr-panel:hover .sr-panel-go{ transform:translateX(3px); color:var(--sr-navy); }
	body.sr-wide .sr-panel:hover .sr-panel-img img{ transform:scale(1.04); }
}
body.sr-wide .sr-panel:active{ border-color:var(--sr-navy) !important; }
body.sr-wide .sr-panel.is-current .sr-panel-bar::after{ transform:scaleX(1); }
body.sr-wide .sr-panel.is-current .sr-panel-meta{ color:var(--sr-gold-d); font-weight:700; text-transform:uppercase; letter-spacing:.1em; font-size:11px; }
body.sr-wide .sr-panel:focus-visible{ outline:2px solid var(--sr-navy) !important; outline-offset:2px; }
body.sr-wide .sr-depts-block .sr-grid-head{ margin-bottom:16px; }
@media (min-width:1700px){ body.sr-wide .sr-panel-img{ height:230px; } body.sr-wide .sr-panel-name{ font-size:16px; } body.sr-wide .sr-panel-meta{ font-size:14px; } }
@media (max-width:1199px){
	body.sr-wide .sr-panels{ gap:12px; }
	body.sr-wide .sr-panel-img{ height:150px; padding:12px 16px; }
	body.sr-wide .sr-panel-bar{ padding:12px 12px 12px 14px; min-height:56px; }
	body.sr-wide .sr-panel-name{ font-size:14px; }
	body.sr-wide .sr-panel-meta{ font-size:12.5px; }
}
@media (max-width:767px){
	body.sr-wide .sr-panels{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
	body.sr-wide .sr-panel-img{ height:118px; padding:10px 12px; }
	body.sr-wide .sr-panel-bar{ padding:10px 8px 10px 12px; min-height:50px; gap:6px; }
	body.sr-wide .sr-panel-name{ font-size:12.5px; letter-spacing:.06em; }
	body.sr-wide .sr-panel-meta{ font-size:12px; }
	body.sr-wide .sr-panel-go{ width:18px; height:18px; }
	body.sr-wide .sr-panel-go .sr-ic{ width:17px; height:17px; }
}
/* compact cards: category rows, the ☰ menu, the desktop drop-downs */
body.sr-wide .sr-catrow .sr-panel-img, body.sr-wide .sr-mnav .sr-panel-img, body.sr-wide nav.sr-deptbar .sr-panel-img{ height:100px; padding:10px 12px; }
body.sr-wide .sr-catrow .sr-panel-bar, body.sr-wide .sr-mnav .sr-panel-bar, body.sr-wide nav.sr-deptbar .sr-panel-bar{ min-height:46px; padding:9px 8px 9px 12px; gap:6px; }
body.sr-wide .sr-catrow .sr-panel-name, body.sr-wide .sr-mnav .sr-panel-name, body.sr-wide nav.sr-deptbar .sr-panel-name{ font-size:12px; letter-spacing:.06em; line-height:1.3; }
body.sr-wide .sr-catrow .sr-panel-meta, body.sr-wide .sr-mnav .sr-panel-meta, body.sr-wide nav.sr-deptbar .sr-panel-meta{ font-size:10.5px; }
body.sr-wide .sr-catrow .sr-panel-go, body.sr-wide .sr-mnav .sr-panel-go, body.sr-wide nav.sr-deptbar .sr-panel-go{ width:16px; height:16px; }
body.sr-wide .sr-catrow .sr-panel-go .sr-ic, body.sr-wide .sr-mnav .sr-panel-go .sr-ic, body.sr-wide nav.sr-deptbar .sr-panel-go .sr-ic{ width:15px; height:15px; }
@media (prefers-reduced-motion:reduce){ body.sr-wide .sr-panel, body.sr-wide .sr-panel-img img, body.sr-wide .sr-panel-go, body.sr-wide .sr-panel-bar::after{ transition:none; } body.sr-wide .sr-panel:hover .sr-panel-img img, body.sr-wide .sr-panel:hover .sr-panel-go{ transform:none; } }

/* ---- HEADER. 2.33.0 (Josh 10/2: the header + strip "does not match or feel the same as the rest of the site … not sharp
   like a gun site should … the feel you see in the Sherman & Rose logo", like Daniel Defense / FN): a solid white logo row
   everywhere (the shop / category / brand / search template drew it see-through over a white-to-navy diagonal band), 92 px
   instead of 130 (the logo is the same size — its PNG is two-thirds empty margin, cropped with object-fit), the search box
   square with a navy Search button, Membership / Contact Us / Cart / Account as navy capitals with thin gold-brown icons and
   a gold underline (no grey pill buttons), the gold "$0 tax stamp" pill gone from the row (it rides on the strip's
   Suppressors link). Phones: the same white row, 64 px — ☰ + logo on the left, search / account / cart on the right (Noah
   10/2: "most of our competitors have the menu on the left with the cart and account buttons on the right"). The buttons the
   department strip already covers stay hidden — Home (the logo is the home link), Deals and Shop (the strip), My account (the
   account button); "Shop" comes back while the strip is scrolled out of view (html.sr-strip-off, set by stripWatch()). ---- */
body.sr-wide{ --sr-hrow-d:92px; --sr-hrow-m:64px; }
body.sr-wide #header [data-transparent-row="yes"]{ background-color:#fff !important; background-image:none !important; }
@media (min-width:1000px){
	body.sr-wide #header [data-device="desktop"] .ct-container{ width:calc(100% - (2 * var(--sr-gut))) !important; max-width:none !important; }
	body.sr-wide #header [data-device="desktop"] [data-row="middle"]{ --height:var(--sr-hrow-d); }
	/* the logo row's own drop-downs (Contact Us, Shop) and the search suggestions open over the strip below it: the row is on top
	   while the mouse or the keyboard is in it */
	body.sr-wide #header [data-device="desktop"] [data-row="middle"]{ z-index:21; }
	body.sr-wide #header [data-device="desktop"] [data-row="middle"]:hover, body.sr-wide #header [data-device="desktop"] [data-row="middle"]:focus-within{ z-index:23; }
	body.sr-wide #header nav.sr-deptbar-d{ z-index:22; }
	body.sr-wide #header [data-device="desktop"] [data-sticky*="yes"] [data-row="middle"]{ box-shadow:0 1px 0 #e3e7ee, 0 10px 22px -16px rgba(0,6,46,.45); }
	body.sr-wide #header [data-device="desktop"] [data-id="logo"] .site-logo-container{ --logo-max-height:var(--sr-hrow-d); }
	body.sr-wide #header [data-device="desktop"] [data-id="logo"] .site-logo-container img{ width:250px !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover; object-position:50% 50%; }
	body.sr-wide #header [data-device="desktop"] [data-row="middle"] > .ct-container{ grid-template-columns:auto minmax(0,1fr) auto !important; column-gap:28px; }
	body.sr-wide #header [data-device="desktop"] [data-row="middle"] [data-column="middle"]{ min-width:0; justify-content:flex-start; }
	body.sr-wide #header [data-device="desktop"] [data-row="middle"] [data-column="middle"] > [data-items]{ display:flex; align-items:center; gap:14px; width:100%; min-width:0; }
	body.sr-wide #header [data-device="desktop"] [data-row="middle"] [data-column="end"] > [data-items]{ gap:4px; }
	body.sr-wide #header [data-device="desktop"] [data-row="middle"] [data-column="end"] > [data-items] > *{ margin-left:0 !important; margin-right:0 !important; }
	body.sr-wide #header [data-device="desktop"] [data-row="middle"] [data-column="middle"] nav[data-id="menu"]{ flex:0 0 auto; margin:0 !important; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu{ gap:2px; align-items:center; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li{ display:flex; align-items:center; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-66135, body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-146765, body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-70394, body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-43197{ display:none !important; }
	html.sr-strip-off body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-70394{ display:flex !important; }
	/* Membership, Contact Us (and Shop in the sticky row): navy capitals, a thin icon, a gold underline */
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li > a.ct-menu-link{ display:inline-flex !important; align-items:center; gap:8px; height:44px !important; min-height:44px; padding:0 12px !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; color:var(--sr-navy) !important; font-family:var(--sr-ff-label) !important; font-size:12.5px !important; font-weight:600 !important; line-height:1 !important; letter-spacing:.1em !important; text-transform:uppercase !important; white-space:nowrap; text-decoration:underline !important; text-decoration-thickness:2px !important; text-underline-offset:8px; text-decoration-color:transparent !important; transition:text-decoration-color .2s ease, color .2s ease; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li > a.ct-menu-link::before{ content:""; display:none; flex:0 0 auto; position:static !important; inset:auto !important; opacity:1 !important; transform:none !important; width:17px !important; height:17px !important; margin:0 !important; border-radius:0 !important; background-color:var(--sr-gold-d) !important; transition:none !important; -webkit-mask-image:var(--sr-mi); mask-image:var(--sr-mi); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li > a.ct-menu-link .ct-toggle-dropdown-desktop{ display:inline-flex; align-items:center; margin:0 0 0 1px; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li > a.ct-menu-link .ct-toggle-dropdown-desktop svg{ width:9px; height:9px; fill:currentColor; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li:hover > a.ct-menu-link, body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li > a.ct-menu-link:focus-visible, body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.current-menu-item > a.ct-menu-link, body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.current-menu-ancestor > a.ct-menu-link{ text-decoration-color:var(--sr-cta) !important; color:var(--sr-navy) !important; background:none !important; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li > a.ct-menu-link:focus-visible{ outline:2px solid var(--sr-navy); outline-offset:2px; }
	/* 2.33.12 (Josh 10/3: "contact us when you hover over you cannot see the words, but if you put your mouse over the about us
	   or transfers inside of it, you can"): these rules gave the items navy text but never set the panel colour, so Blocksy's
	   own near-black dropdown (#111518) stayed behind them — navy on black, readable only on the hovered row (#f5f6f8). The
	   panel is white now, its row dividers a light hairline (Blocksy drew faint white dashes for a dark panel). Every desktop
	   dropdown: Shop and its Guns / Gear & Carry / Outdoors fly-outs, and Contact Us. */
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] .sub-menu{ --dropdown-divider:1px solid #eef1f5; background:#fff !important; background-color:#fff !important; border-radius:0 !important; padding:8px 0; border-top:2px solid var(--sr-cta); box-shadow:0 18px 36px -14px rgba(0,6,46,.35), 0 0 0 1px #e3e7ee; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] .sub-menu a.ct-menu-link{ padding:11px 20px !important; font-family:var(--sr-ff-label); font-size:13.5px !important; font-weight:500; letter-spacing:.01em; color:var(--sr-navy) !important; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] .sub-menu a.ct-menu-link:hover{ background:#f5f6f8; color:var(--sr-navy) !important; box-shadow:inset 3px 0 0 var(--sr-cta); }
	/* Cart / Login (or My account): navy capitals beside a navy icon, no box; the count in gold */
	body.sr-wide #header [data-device="desktop"] [data-id="cart"] a.ct-cart-item, body.sr-wide #header [data-device="desktop"] [data-id="account"] .ct-account-item{ display:inline-flex !important; align-items:center; justify-content:center; gap:9px; width:auto !important; height:44px !important; min-width:44px; padding:0 10px !important; border:0 !important; border-radius:0 !important; background:none !important; color:var(--sr-navy) !important; font-family:var(--sr-ff-label); font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; line-height:1; text-decoration:underline !important; text-decoration-thickness:2px !important; text-underline-offset:8px; text-decoration-color:transparent !important; box-sizing:border-box; cursor:pointer; transition:text-decoration-color .2s ease; }
	body.sr-wide #header [data-device="desktop"] [data-id="cart"] a.ct-cart-item:hover, body.sr-wide #header [data-device="desktop"] [data-id="account"] .ct-account-item:hover{ background:none !important; color:var(--sr-navy) !important; text-decoration-color:var(--sr-cta) !important; }
	body.sr-wide #header [data-device="desktop"] [data-id="cart"] a.ct-cart-item svg, body.sr-wide #header [data-device="desktop"] [data-id="account"] .ct-account-item svg{ width:20px !important; height:20px !important; fill:currentColor; }
	body.sr-wide #header [data-device="desktop"] [data-id="cart"] a.ct-cart-item::after{ content:"Cart"; }
	body.sr-wide #header [data-device="desktop"] [data-id="account"] .ct-account-item .ct-media-container img{ width:24px !important; height:24px !important; border-radius:50%; }
	body.sr-wide #header [data-device="desktop"] [data-id="account"] .ct-account-item{ flex-direction:row-reverse; }
	body.sr-wide #header [data-device="desktop"] [data-id="account"] .ct-account-item .ct-label{ display:inline !important; position:static !important; width:auto !important; height:auto !important; clip:auto !important; clip-path:none !important; overflow:visible !important; opacity:1 !important; visibility:visible !important; margin:0 !important; font-size:12.5px; font-weight:600; text-transform:uppercase !important; letter-spacing:.1em; color:inherit !important; }
	body.sr-wide #header [data-device="desktop"] .ct-dynamic-count-cart{ background:var(--sr-cta) !important; color:var(--sr-navy) !important; font-family:var(--sr-ff-label); font-weight:600; font-size:10px !important; letter-spacing:0; }
	/* the $0 pill: on the strip now */
	body.sr-wide #header [data-device="desktop"] [data-id="button"]{ display:none !important; }
	/* the search box: FiboSearch's own form (suggestions included), as wide as the row allows; square, a navy Search button */
	body.sr-wide #header [data-device="desktop"] .sr-hsearch{ flex:1 1 auto; min-width:200px; max-width:760px; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch .dgwt-wcas-search-wrapp{ max-width:none !important; min-width:0 !important; width:100% !important; margin:0 !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch .dgwt-wcas-sf-wrapp{ background:transparent !important; padding:0 !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch input.dgwt-wcas-search-input{ height:44px !important; padding:0 112px 0 44px !important; border:1px solid #c5ccd8 !important; border-radius:2px !important; background:#fff !important; color:var(--sr-navy) !important; font-size:15px !important; box-shadow:none !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch input.dgwt-wcas-search-input:focus{ border-color:var(--sr-navy) !important; box-shadow:0 0 0 3px rgba(219,180,44,.35) !important; outline:0 !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch input.dgwt-wcas-search-input::placeholder{ color:#6b7385 !important; opacity:1; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch .dgwt-wcas-sf-wrapp::before{ content:""; position:absolute; z-index:1; left:15px; top:50%; width:18px; height:18px; margin-top:-9px; background-color:#6b7385; pointer-events:none; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 20.5 20.5'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 20.5 20.5'/%3E%3C/svg%3E") center / contain no-repeat; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch button.dgwt-wcas-search-submit{ position:absolute !important; top:4px !important; right:4px !important; left:auto !important; bottom:auto !important; transform:none !important; width:auto !important; min-width:0 !important; height:36px !important; padding:0 16px !important; margin:0 !important; border:0 !important; border-radius:1px !important; background:var(--sr-ink) !important; color:#fff !important; font-family:var(--sr-ff-label) !important; font-size:11.5px !important; font-weight:600 !important; line-height:1 !important; letter-spacing:.14em !important; text-transform:uppercase !important; display:inline-flex !important; align-items:center; justify-content:center; gap:7px; opacity:1 !important; box-shadow:none !important; transition:background .15s ease, color .15s ease; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch button.dgwt-wcas-search-submit svg{ position:static !important; width:14px !important; height:14px !important; fill:currentColor !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch button.dgwt-wcas-search-submit svg path{ fill:currentColor !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch button.dgwt-wcas-search-submit::after{ content:"Search"; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch button.dgwt-wcas-search-submit::before{ display:none !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch button.dgwt-wcas-search-submit:hover{ background:var(--sr-cta) !important; color:var(--sr-navy) !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch .dgwt-wcas-preloader{ right:112px !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch .dgwt-wcas-voice-search{ display:none !important; }
	/* the icon-only search is not needed next to the box */
	body.sr-wide #header [data-device="desktop"] [data-row="middle"] [data-column="end"] [data-id="search"]{ display:none !important; }
	/* the homepage hero's search box would be the second one on screen */
	body.sr-wide .sr-hero-main.sr-hero-hs .sr-hero-search{ display:none !important; }
}
@media (min-width:1000px) and (max-width:1499px){
	body.sr-wide #header [data-device="desktop"] [data-row="middle"] > .ct-container{ column-gap:18px; }
	body.sr-wide #header [data-device="desktop"] [data-id="cart"] a.ct-cart-item::after{ content:none; display:none; }
	body.sr-wide #header [data-device="desktop"] [data-id="account"] .ct-account-item .ct-label{ display:none !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch input.dgwt-wcas-search-input{ padding-right:52px !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch button.dgwt-wcas-search-submit{ padding:0 12px !important; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch button.dgwt-wcas-search-submit::after{ content:none; }
	body.sr-wide #header [data-device="desktop"] .sr-hsearch .dgwt-wcas-preloader{ right:52px !important; }
}
@media (min-width:1000px) and (max-width:1299px){
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li > a.ct-menu-link{ padding:0 8px !important; letter-spacing:.07em !important; gap:6px; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li > a.ct-menu-link::before{ width:15px !important; height:15px !important; }
}
@media (min-width:1000px) and (max-width:1199px){
	body.sr-wide #header [data-device="desktop"] [data-id="logo"] .site-logo-container img{ width:212px !important; }
	body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li > a.ct-menu-link::before{ display:none !important; }
}
/* phones and tablets (Blocksy's ☰ header below 1000 px): one white 64 px row — ☰ "Menu" + logo | search, account, cart */
@media (max-width:999.98px){
	body.sr-wide #header [data-device="mobile"] [data-row="middle"]{ --height:var(--sr-hrow-m); box-shadow:inset 0 -1px 0 #e6e9ef; }
	body.sr-wide #header [data-device="mobile"] [data-row="middle"] > .ct-container{ position:relative; }
	body.sr-wide #header [data-device="mobile"] [data-id="logo"] .site-logo-container{ --logo-max-height:52px; }
	body.sr-wide #header [data-device="mobile"] [data-id="logo"] .site-logo-container img{ width:168px !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover; object-position:50% 50%; }
	body.sr-wide #header [data-device="mobile"] [data-column="start"] > [data-items]{ display:flex; align-items:center; gap:4px; flex-wrap:nowrap; }
	body.sr-wide #header [data-device="mobile"] [data-column="end"] > [data-items]{ display:flex; align-items:center; gap:0; flex-wrap:nowrap; }
	body.sr-wide #header [data-device="mobile"] [data-column="end"] > [data-items] > *{ margin:0 !important; }
	/* ☰ first (moved there by sr_mhdr_inject(); where it wasn't, it's placed on the left over the row) */
	body.sr-wide #header [data-device="mobile"] [data-id="trigger"]{ display:inline-flex !important; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:44px; height:48px; margin:0 0 0 -8px !important; padding:0 !important; color:var(--sr-navy) !important; --theme-icon-color:var(--sr-navy); --theme-icon-hover-color:var(--sr-navy); }
	body.sr-wide #header [data-device="mobile"] [data-id="trigger"] .ct-icon{ width:21px !important; height:15px !important; }
	body.sr-wide #header [data-device="mobile"] [data-id="trigger"] .ct-icon rect{ height:1.8px; }
	body.sr-wide #header [data-device="mobile"] [data-id="trigger"] .ct-label{ display:none !important; }
	body.sr-wide #header [data-device="mobile"] [data-id="trigger"]::after{ content:"Menu"; font-family:var(--sr-ff-label); font-size:9px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--sr-navy); line-height:1; }
	body.sr-wide #header [data-device="mobile"] [data-id="trigger"]:not([data-sr-moved]){ position:absolute; left:-8px; top:50%; transform:translateY(-50%); margin:0 !important; z-index:2; } /* 2.33.30: same spot as the moved ☰ (it ran 12 px into the logo) */
	body.sr-wide #header [data-device="mobile"] [data-row="middle"]:has([data-id="trigger"]:not([data-sr-moved])) [data-column="start"]{ padding-left:50px; }
	/* search, account, cart: navy line icons in 40 × 44 px buttons */
	body.sr-wide #header [data-device="mobile"] [data-column="end"] [data-id="search"] .dgwt-wcas-search-icon, body.sr-wide #header [data-device="mobile"] a.sr-hacct, body.sr-wide #header [data-device="mobile"] [data-id="cart"] a.ct-cart-item{ display:inline-flex !important; align-items:center; justify-content:center; width:40px !important; height:44px !important; padding:0 !important; color:var(--sr-navy) !important; --theme-icon-color:var(--sr-navy); }
	body.sr-wide #header [data-device="mobile"] [data-column="end"] [data-id="search"], body.sr-wide #header [data-device="mobile"] [data-column="end"] [data-id="search"] .dgwt-wcas-search-wrapp{ width:40px !important; min-width:40px !important; max-width:40px !important; } /* 2.33.1: FiboSearch's icon layout caps its box at 20 px — the 40 px button ran over the account button */
	body.sr-wide #header [data-device="mobile"] [data-column="end"] [data-id="search"] .dgwt-wcas-search-icon svg{ width:20px !important; height:20px !important; fill:currentColor !important; }
	body.sr-wide #header [data-device="mobile"] [data-column="end"] [data-id="search"] .dgwt-wcas-search-icon svg path{ fill:currentColor !important; }
	body.sr-wide #header [data-device="mobile"] a.sr-hacct svg{ width:21px; height:21px; }
	body.sr-wide #header [data-device="mobile"] [data-id="cart"] a.ct-cart-item svg{ width:20px !important; height:20px !important; fill:currentColor !important; }
	body.sr-wide #header [data-device="mobile"] .ct-dynamic-count-cart{ background:var(--sr-cta) !important; color:var(--sr-navy) !important; font-weight:700; }
	/* the category template's band: just the row's height, white (it held the see-through header open over a diagonal gradient) */
	body.sr-wide .elementor-66576 .elementor-element-16f2b670{ height:var(--sr-hrow-m) !important; }
}
@media (max-width:379px){ body.sr-wide #header [data-device="mobile"] [data-id="logo"] .site-logo-container img{ width:146px !important; } body.sr-wide #header [data-device="mobile"] [data-column="end"] [data-id="search"] .dgwt-wcas-search-icon, body.sr-wide #header [data-device="mobile"] a.sr-hacct, body.sr-wide #header [data-device="mobile"] [data-id="cart"] a.ct-cart-item{ width:36px !important; } }
/* the category template (shop / category / brand / search) band behind the see-through header: white, exactly the header's
   height (row + strip from 1000 px), its spacers gone — no diagonal white-to-navy gradient, no dark edge under the strip
   (Josh 10/2: "that top bar you made cuts over the others and does not blend well, making it tacky on the shopping sections") */
body.sr-wide .elementor-66576 .elementor-element-16f2b670{ background:#fff !important; background-image:none !important; min-height:0 !important; --min-height:0px; padding:0 !important; border:0 !important; }
body.sr-wide .elementor-66576 .elementor-element-16f2b670 > .e-con-inner, body.sr-wide .elementor-66576 .elementor-element-16f2b670 > .elementor-background-overlay{ display:none !important; }
@media (min-width:1000px){ body.sr-wide .elementor-66576 .elementor-element-16f2b670{ height:calc(var(--sr-hrow-d) + var(--sr-db-h)) !important; } }
/* scrolling: the strip goes UNDER the sticky header (Blocksy's sticky element is z-index 5; the strip is 20) */
body.sr-wide #header .ct-sticky-container > [data-sticky]{ z-index:30; }

/* ---- DEPARTMENT STRIP (inside the header under the logo row, desktop only; scrolls away, the sticky header stays its usual
   height). 2.33.0: a slim logo-navy bar of capitals — no icons, no yellow Deals block, no separators; a gold line under the
   department you're on / pointing at; Deals in gold; "$0 tax stamp" as a small gold tag beside Suppressors (it poked up into
   the logo row before). ---- */
body.sr-wide{ --sr-db-h:46px; }
@media (min-width:1300px){ body.sr-wide{ --sr-db-h:48px; } }
body.sr-wide nav.sr-deptbar{ position:relative; z-index:20; background:var(--sr-ink); box-shadow:none; }
body.sr-wide nav.sr-deptbar ul.sr-db-list{ list-style:none; margin:0 !important; padding:0 var(--sr-gut) !important; display:flex; align-items:stretch; justify-content:center; gap:0; }
body.sr-wide nav.sr-deptbar li.sr-db-item{ position:static; display:flex; align-items:stretch; margin:0 !important; padding:0 3px; list-style:none; flex:0 1 auto; border:0; background:none; }
body.sr-wide nav.sr-deptbar a.sr-db-link{ position:relative; flex:0 0 auto; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:8px; height:var(--sr-db-h); padding:0 4px 0 12px; box-sizing:border-box; color:#fff !important; text-decoration:none !important; font-family:var(--sr-ff-label); font-size:12.5px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; line-height:1; white-space:nowrap; text-align:center; transition:color .15s ease; }
body.sr-wide nav.sr-deptbar li.sr-db-solo a.sr-db-link{ padding-right:12px; }
body.sr-wide nav.sr-deptbar a.sr-db-link::after{ content:""; position:absolute; left:12px; right:4px; bottom:0; height:3px; background:var(--sr-cta); transform:scaleX(0); transform-origin:center; transition:transform .2s ease; }
body.sr-wide nav.sr-deptbar li.sr-db-solo a.sr-db-link::after{ right:12px; }
body.sr-wide nav.sr-deptbar a.sr-db-link .sr-dicon{ display:none !important; } /* 2.33.0: no icons on the strip (an old cached strip still has them) */
body.sr-wide nav.sr-deptbar .sr-db-label{ display:block; white-space:nowrap; }
body.sr-wide nav.sr-deptbar .sr-db-tag{ display:inline-block; position:static; padding:3px 6px 2px; border:1px solid rgba(219,180,44,.7); border-radius:0; background:none; color:var(--sr-cta); font-family:var(--sr-ff-label); font-size:9.5px; font-weight:600; letter-spacing:.1em; line-height:1.15; text-transform:uppercase; white-space:nowrap; box-shadow:none; transform:none; pointer-events:none; }
body.sr-wide nav.sr-deptbar button.sr-db-open{ flex:0 0 auto; width:22px; height:auto; margin:0 !important; padding:0 6px 0 0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:rgba(255,255,255,.6) !important; display:flex; align-items:center; justify-content:center; cursor:pointer; min-height:0; box-shadow:none !important; font-size:0; }
body.sr-wide nav.sr-deptbar .sr-dchev{ width:11px; height:11px; transition:transform .2s ease; }
body.sr-wide nav.sr-deptbar li.sr-db-item:hover a.sr-db-link::after, body.sr-wide nav.sr-deptbar li.sr-db-item.is-open a.sr-db-link::after, body.sr-wide nav.sr-deptbar li.sr-db-item.is-current a.sr-db-link::after{ transform:scaleX(1); }
body.sr-wide nav.sr-deptbar li.sr-db-item:hover button.sr-db-open, body.sr-wide nav.sr-deptbar li.sr-db-item.is-open button.sr-db-open{ color:#fff !important; }
body.sr-wide nav.sr-deptbar li.sr-db-item.is-open .sr-dchev{ transform:rotate(180deg); }
body.sr-wide nav.sr-deptbar li.sr-db-item.is-hot a.sr-db-link{ color:var(--sr-cta) !important; }
body.sr-wide nav.sr-deptbar a.sr-db-link:focus-visible, body.sr-wide nav.sr-deptbar button.sr-db-open:focus-visible{ outline:2px solid var(--sr-cta); outline-offset:-4px; }
@media (min-width:1700px){ body.sr-wide nav.sr-deptbar li.sr-db-item{ padding:0 8px; } body.sr-wide nav.sr-deptbar a.sr-db-link{ font-size:13px; } }
@media (min-width:1000px) and (max-width:1365px){ body.sr-wide nav.sr-deptbar li.sr-db-item{ padding:0; } body.sr-wide nav.sr-deptbar a.sr-db-link{ letter-spacing:.08em; padding-left:10px; } body.sr-wide nav.sr-deptbar a.sr-db-link::after{ left:10px; } }
@media (min-width:1000px) and (max-width:1199px){ body.sr-wide nav.sr-deptbar a.sr-db-link{ font-size:11.5px; letter-spacing:.06em; padding-left:8px; gap:6px; } body.sr-wide nav.sr-deptbar a.sr-db-link::after{ left:8px; } body.sr-wide nav.sr-deptbar button.sr-db-open{ width:18px; padding-right:4px !important; } body.sr-wide nav.sr-deptbar .sr-db-tag{ display:none; } }
/* the drop-down: a white panel under the strip — the department on the left (its name, "Shop all"), its types as category
   cards beside it in one or two rows (2.33.0, JT 10/2: it ran past the bottom of a smaller screen, "so it looks like there
   might be more options but nothing when you scroll"; it now fits a 1366 × 650 window) */
body.sr-wide nav.sr-deptbar .sr-dd{ position:absolute; left:0; right:0; top:100%; z-index:60; background:#fff; border-top:0; box-shadow:0 22px 40px -18px rgba(0,6,46,.42), 0 1px 0 #e3e7ee; text-align:left; }
body.sr-wide nav.sr-deptbar .sr-dd[hidden]{ display:none !important; }
body.sr-wide nav.sr-deptbar .sr-dd-in{ display:grid; grid-template-columns:230px minmax(0,1fr); column-gap:32px; align-items:stretch; padding:22px var(--sr-gut) 24px; }
body.sr-wide nav.sr-deptbar .sr-dd-side{ display:flex; flex-direction:column; align-items:flex-start; padding:2px 28px 2px 0; border-right:1px solid #e6e9ef; min-width:0; }
body.sr-wide nav.sr-deptbar p.sr-dd-eyebrow{ margin:0 0 8px !important; font-family:var(--sr-ff-label); font-size:10.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--sr-gold-d); line-height:1.2; }
body.sr-wide nav.sr-deptbar p.sr-dd-title{ display:block; margin:0 0 18px !important; font-family:Lora,Georgia,serif; font-size:27px; font-weight:600; color:var(--sr-navy); line-height:1.15; }
body.sr-wide nav.sr-deptbar p.sr-dd-title .sr-dicon{ display:none; }
body.sr-wide nav.sr-deptbar a.sr-dd-all{ display:inline-flex; align-items:center; gap:8px; width:auto; margin-top:0; padding:12px 16px; border:0; border-radius:1px; background:var(--sr-ink); color:#fff !important; font-family:var(--sr-ff-label); font-size:11.5px; font-weight:600; letter-spacing:.13em; line-height:1.1; text-transform:uppercase; text-decoration:none !important; white-space:nowrap; transition:background .15s ease, color .15s ease; }
body.sr-wide nav.sr-deptbar a.sr-dd-all:hover, body.sr-wide nav.sr-deptbar a.sr-dd-all:focus-visible{ background:var(--sr-cta); color:var(--sr-navy) !important; }
body.sr-wide nav.sr-deptbar .sr-dright{ width:14px; height:14px; flex:0 0 auto; }
/* the cards: --c1 (≥1300 px) / --c2 (1000–1299) columns come from the markup (all in one row, or two even rows) */
body.sr-wide nav.sr-deptbar ul.sr-dd-grid{ list-style:none; margin:0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(var(--c2,4),minmax(0,176px)); justify-content:start; gap:12px; min-width:0; }
body.sr-wide nav.sr-deptbar ul.sr-dd-grid li{ display:flex; margin:0 !important; padding:0; list-style:none; min-width:0; }
@media (min-width:1300px){ body.sr-wide nav.sr-deptbar ul.sr-dd-grid{ grid-template-columns:repeat(var(--c1,6),minmax(0,176px)); } }
body.sr-wide nav.sr-deptbar .sr-dd .sr-panel-img{ height:88px; padding:8px 10px; }
body.sr-wide nav.sr-deptbar .sr-dd .sr-panel-bar{ min-height:44px; padding:9px 10px 9px 12px; }
body.sr-wide nav.sr-deptbar .sr-dd .sr-panel-go{ display:none; } /* the whole card is the link; the arrow would squeeze "DERRINGERS" onto two lines */
/* All departments: its groups as text columns */
body.sr-wide nav.sr-deptbar .sr-dd-cols{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:4px 32px; align-content:start; }
body.sr-wide nav.sr-deptbar .sr-dd-col p.sr-dd-colh{ margin:0 0 6px !important; padding:0 0 8px; border-bottom:1px solid #e6e9ef; font-family:var(--sr-ff-label); font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--sr-gold-d); }
body.sr-wide nav.sr-deptbar .sr-dd-col p.sr-dd-colh a{ color:inherit !important; text-decoration:none !important; }
body.sr-wide nav.sr-deptbar .sr-dd-col p.sr-dd-colh a:hover{ color:var(--sr-navy) !important; }
body.sr-wide nav.sr-deptbar .sr-dd-col ul{ list-style:none; margin:0 0 14px !important; padding:0 !important; }
body.sr-wide nav.sr-deptbar .sr-dd-col li{ margin:0 !important; padding:0; list-style:none; }
body.sr-wide nav.sr-deptbar .sr-dd-col li a{ display:block; padding:6px 0; margin:0; border-radius:0; font-size:14.5px; font-weight:500; color:var(--sr-navy) !important; text-decoration:none !important; }
body.sr-wide nav.sr-deptbar .sr-dd-col li a:hover{ background:none; color:var(--sr-navy) !important; text-decoration:underline !important; text-decoration-color:var(--sr-cta) !important; text-decoration-thickness:2px !important; text-underline-offset:5px; }
@media (min-width:1000px) and (max-width:1299px){ body.sr-wide nav.sr-deptbar .sr-dd-in{ grid-template-columns:172px minmax(0,1fr); column-gap:22px; padding-top:18px; padding-bottom:20px; } body.sr-wide nav.sr-deptbar .sr-dd-side{ padding-right:18px; } body.sr-wide nav.sr-deptbar p.sr-dd-title{ font-size:23px; } body.sr-wide nav.sr-deptbar a.sr-dd-all{ padding:11px 12px; letter-spacing:.09em; white-space:normal; } body.sr-wide nav.sr-deptbar .sr-dd .sr-panel-bar{ padding:9px 8px 9px 10px; } body.sr-wide nav.sr-deptbar .sr-dd .sr-panel-name{ font-size:11.5px; letter-spacing:.04em; } }
/* the strip is the desktop header's only (Blocksy shows that header from 1000 px). 2.30.4 (Josh 10/2): where the header turns
   into the ☰ one (below 1000 px) there's no row of departments — the menu has them; a phone row in an old cached page stays
   hidden */
body.sr-wide #header [data-device="mobile"] nav.sr-deptbar{ display:none !important; }

/* ---- PHONE / TABLET MENU: our screens inside Blocksy's drawer (#offcanvas.sr-mnav-on; Blocksy's list is the no-JS fallback).
   2.33.0 SHARP: it slides in from the LEFT (mnav() sets data-behaviour="left-side"; the ☰ is on the left now); a flat logo-navy
   panel — hairline rows of capitals with a gold chevron, outlined tiles, the category cards, square corners; no raised 3D
   tiles, gold medallions, gradients or pop-in bounce any more ---- */
body.sr-wide #offcanvas.sr-mnav-on .ct-panel-inner{ background:var(--sr-ink) !important; }
body.sr-wide #offcanvas.sr-mnav-on [data-id="offcanvas-logo"], body.sr-wide #offcanvas.sr-mnav-on nav.mobile-menu{ display:none !important; }
body.sr-wide #offcanvas.sr-mnav-on .ct-panel-content[data-device="mobile"] .ct-panel-content-inner{ padding:0 16px 28px !important; display:block !important; }
body.sr-wide #offcanvas.sr-mnav-on .ct-panel-actions{ padding:8px 8px 6px 16px !important; justify-content:flex-end !important; }
body.sr-wide #offcanvas.sr-mnav-on .ct-toggle-close{ display:inline-flex !important; align-items:center; gap:8px; width:auto !important; height:44px !important; padding:0 10px !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#fff !important; --theme-icon-color:#fff; opacity:1 !important; box-shadow:none !important; flex-direction:row-reverse; }
body.sr-wide #offcanvas.sr-mnav-on .ct-toggle-close svg{ width:12px !important; height:12px !important; fill:currentColor !important; }
body.sr-wide #offcanvas.sr-mnav-on .ct-toggle-close::after{ content:"Close"; font-family:var(--sr-ff-label); font-size:11.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; line-height:1; }
body.sr-wide #offcanvas.sr-mnav-on .ct-toggle-close:active{ color:var(--sr-cta) !important; }
body.sr-wide .sr-mnav{ container-type:inline-size; color:#fff; font-size:16px; line-height:1.3; text-align:left; --mn-line:rgba(255,255,255,.13); --mn-sub:#a9b3c9; }
body.sr-wide .sr-mnav, body.sr-wide .sr-mnav *, body.sr-wide .sr-mnav *::before, body.sr-wide .sr-mnav *::after{ box-sizing:border-box; }
body.sr-wide .sr-mnav[hidden], body.sr-wide .sr-mnav-screen[hidden]{ display:none !important; }
body.sr-wide .sr-mnav ul{ list-style:none !important; margin:0 !important; padding:0 !important; }
body.sr-wide .sr-mnav li{ margin:0 !important; padding:0 !important; list-style:none !important; }
body.sr-wide .sr-mnav li::before, body.sr-wide .sr-mnav li::marker{ content:none !important; }
body.sr-wide .sr-mnav a, body.sr-wide .sr-mnav button{ font-family:inherit; text-decoration:none !important; -webkit-tap-highlight-color:rgba(219,180,44,.2); text-transform:none; letter-spacing:0; }
body.sr-wide .sr-mnav .sr-li{ width:20px; height:20px; flex:0 0 auto; stroke-width:1.8; }
body.sr-wide .sr-mnav .sr-mnav-chev{ width:16px; height:16px; margin-left:auto; flex:0 0 auto; color:var(--sr-cta); opacity:1; stroke-width:2.2; }
/* search */
body.sr-wide .sr-mnav-search{ margin:0 0 16px; }
body.sr-wide .sr-mnav-search .dgwt-wcas-search-wrapp{ max-width:none !important; min-width:0 !important; width:100% !important; margin:0 !important; }
body.sr-wide .sr-mnav-search .dgwt-wcas-sf-wrapp{ background:transparent !important; padding:0 !important; }
body.sr-wide .sr-mnav-search input.dgwt-wcas-search-input{ height:48px !important; border:0 !important; border-radius:2px !important; background:#fff !important; color:var(--sr-navy) !important; font-size:16px !important; }
body.sr-wide .sr-mnav-search input.dgwt-wcas-search-input::placeholder{ color:#6b7385 !important; opacity:1; }
body.sr-wide .sr-mnav-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{ top:50% !important; bottom:auto !important; transform:translateY(-50%) !important; }
/* 2.30.2 the empty box's magnifier: FiboSearch's "pirx" style puts it 23 px in, made for a 10 px frame that isn't here */
body.sr-wide .sr-mnav-search .dgwt-wcas-search-wrapp:not(.dgwt-wcas-search-filled) .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{ left:7px !important; right:auto !important; }
body.sr-wide .sr-mnav-search .dgwt-wcas-search-wrapp:not(.dgwt-wcas-search-filled) input.dgwt-wcas-search-input{ padding-left:48px !important; }
/* 2.30.2 floating page buttons (the accessibility widget) would cover the open menu's corner — hidden until it closes
   (html.sr-mnav-open, set by mnav()) */
html.sr-mnav-open body.sr-wide #ea11y-root{ visibility:hidden !important; }
/* Deals + Membership: two outlined tiles */
body.sr-wide .sr-mnav-tiles{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 24px; }
body.sr-wide a.sr-mnav-tile{ position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:3px; min-height:88px; padding:13px 14px 12px; border-radius:2px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.03); box-shadow:none; color:#fff !important; transition:border-color .15s ease, background .15s ease; }
body.sr-wide a.sr-mnav-tile .sr-li{ width:20px; height:20px; padding:0; margin:0 0 8px; border:0; border-radius:0; background:none; color:var(--sr-cta); }
body.sr-wide .sr-mnav-tt{ font-family:var(--sr-ff-label); font-size:13px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; line-height:1.2; }
body.sr-wide .sr-mnav-ts{ font-size:12.5px; line-height:1.3; color:var(--mn-sub); }
body.sr-wide a.sr-mnav-tile.is-hot{ background:rgba(219,180,44,.08); border-color:rgba(219,180,44,.75); color:#fff !important; }
body.sr-wide a.sr-mnav-tile.is-hot .sr-mnav-tt{ color:var(--sr-cta); }
body.sr-wide a.sr-mnav-tile.is-hot .sr-li{ color:var(--sr-cta); background:none; border:0; }
body.sr-wide a.sr-mnav-tile.is-hot .sr-mnav-ts{ color:var(--mn-sub); }
body.sr-wide p.sr-mnav-h{ margin:0 0 12px !important; font-family:var(--sr-ff-label); font-size:10.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--sr-cta); }
/* departments: the site's category card with a real product photo; "All departments" is a row */
body.sr-wide ul.sr-mnav-depts{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 26px !important; }
body.sr-wide ul.sr-mnav-depts > li{ display:flex; min-width:0; }
body.sr-wide ul.sr-mnav-depts > li.sr-mnav-wide{ grid-column:1 / -1; }
body.sr-wide .sr-mnav .sr-panel{ border-color:transparent !important; box-shadow:none !important; }
body.sr-wide .sr-mnav .sr-panel-bar{ border-top-color:#e8ebf0; }
body.sr-wide .sr-mnav .sr-panel-ph{ color:#9aa3b5; }
body.sr-wide .sr-mnav .sr-panel.is-current{ border-color:var(--sr-cta) !important; }
body.sr-wide .sr-mnav-tag{ position:absolute; z-index:2; top:0; left:0; padding:4px 7px 3px; border-radius:0; background:var(--sr-ink); color:var(--sr-cta); font-family:var(--sr-ff-label); font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; line-height:1.3; white-space:nowrap; transform:none; box-shadow:none; pointer-events:none; }
/* rows: Home, My account, Contact Us … and the lists the screens hold — hairline rows of capitals */
body.sr-wide ul.sr-mnav-rows, body.sr-wide ul.sr-mnav-list{ display:block !important; border-top:1px solid var(--mn-line) !important; }
body.sr-wide ul.sr-mnav-rows{ margin:0 0 24px !important; }
body.sr-wide ul.sr-mnav-depts > li.sr-mnav-wide .sr-mnav-row{ border-top:1px solid var(--mn-line) !important; margin-top:6px !important; }
body.sr-wide .sr-mnav-row, body.sr-wide .sr-mnav-item{ display:flex !important; align-items:center; gap:14px; width:100%; min-height:54px; height:auto !important; margin:0 !important; padding:10px 4px !important; border:0 !important; border-bottom:1px solid var(--mn-line) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#fff !important; text-align:left; cursor:pointer; transition:color .15s ease, background .15s ease; }
body.sr-wide .sr-mnav-row{ font-family:var(--sr-ff-label) !important; font-size:13px !important; font-weight:600 !important; letter-spacing:.12em !important; text-transform:uppercase !important; }
body.sr-wide .sr-mnav-row > .sr-li:first-child{ width:19px; height:19px; padding:0; border:0; border-radius:0; background:none; color:var(--sr-cta); }
body.sr-wide .sr-mnav-row .sr-mnav-chev, body.sr-wide .sr-mnav-item .sr-mnav-chev{ width:16px; height:16px; padding:0; border:0; border-radius:0; background:none; color:var(--sr-cta); opacity:.9; }
body.sr-wide .sr-mnav-row:active, body.sr-wide .sr-mnav-item:active{ background:rgba(255,255,255,.05) !important; }
body.sr-wide .sr-mnav-rl{ min-width:0; }
body.sr-wide.logged-in .sr-mnav-if-out, body.sr-wide:not(.logged-in) .sr-mnav-if-in{ display:none; }
body.sr-wide .sr-mnav-in{ display:flex; flex-direction:column; min-width:0; }
body.sr-wide .sr-mnav-n{ font-size:16px; font-weight:600; line-height:1.25; }
body.sr-wide .sr-mnav-c{ font-size:13px; font-weight:500; color:var(--mn-sub); margin-top:2px; }
body.sr-wide .sr-mnav-row.is-current, body.sr-wide .sr-mnav-item.is-current{ color:var(--sr-cta) !important; }
body.sr-wide .sr-mnav-row.is-current .sr-mnav-c, body.sr-wide .sr-mnav-item.is-current .sr-mnav-c{ color:var(--sr-cta); }
@media (hover:hover) and (pointer:fine){
	body.sr-wide a.sr-mnav-tile:hover{ border-color:var(--sr-cta); }
	body.sr-wide .sr-mnav-row:hover, body.sr-wide .sr-mnav-item:hover{ background:rgba(255,255,255,.04) !important; }
	body.sr-wide .sr-mnav .sr-panel:hover{ border-color:var(--sr-cta) !important; }
	body.sr-wide .sr-mnav-back:hover{ color:#fff !important; }
}
body.sr-wide .sr-mnav a:focus-visible, body.sr-wide .sr-mnav button:focus-visible{ outline:2px solid var(--sr-cta) !important; outline-offset:2px; }
/* call */
body.sr-wide a.sr-mnav-call{ display:flex; align-items:center; gap:14px; min-height:60px; padding:10px 16px; border-radius:2px; border:1px solid rgba(219,180,44,.6); background:transparent; color:#fff !important; box-shadow:none; transition:border-color .15s ease, background .15s ease; }
body.sr-wide a.sr-mnav-call .sr-li{ width:20px; height:20px; padding:0; border-radius:0; color:var(--sr-cta); background:none; }
body.sr-wide a.sr-mnav-call:active{ background:rgba(219,180,44,.08); }
body.sr-wide a.sr-mnav-call b{ display:block; font-family:var(--sr-ff-label); font-size:13.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
body.sr-wide a.sr-mnav-call small{ display:block; font-size:12.5px; color:var(--mn-sub); margin-top:2px; }
body.sr-wide .sr-mnav-screen .sr-mnav-list + .sr-mnav-call{ margin-top:22px; }
/* the screens a button opens */
body.sr-wide .sr-mnav-back{ display:flex !important; align-items:center; gap:8px; width:100%; min-height:48px; margin:0 0 18px !important; padding:6px 2px !important; border:0 !important; border-bottom:1px solid var(--mn-line) !important; border-radius:0 !important; background:transparent !important; color:#c9d0de !important; font-family:var(--sr-ff-label) !important; font-size:11.5px !important; font-weight:600 !important; letter-spacing:.14em !important; text-transform:uppercase !important; text-align:left; cursor:pointer; box-shadow:none !important; height:auto !important; }
body.sr-wide .sr-mnav-back .sr-li{ width:16px; height:16px; color:var(--sr-cta); stroke-width:2.2; }
body.sr-wide p.sr-mnav-title{ display:flex; align-items:center; gap:10px; margin:0 0 14px !important; font-family:Lora,Georgia,serif; font-size:26px; font-weight:600; line-height:1.15; color:#fff; }
body.sr-wide p.sr-mnav-title .sr-li{ color:var(--sr-cta); }
body.sr-wide a.sr-mnav-all{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:50px; margin:0 0 18px; padding:0 14px 0 16px; border-radius:2px; border:0; background:var(--sr-cta); color:var(--sr-navy) !important; font-family:var(--sr-ff-label); font-size:12.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; box-shadow:none; transition:background .15s ease; }
body.sr-wide a.sr-mnav-all .sr-mnav-chev{ width:16px; height:16px; padding:0; border-radius:0; background:none; color:var(--sr-navy); }
body.sr-wide a.sr-mnav-all:active{ background:#e8c95c; }
/* a department's types: the same category cards */
body.sr-wide ul.sr-mnav-types{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
body.sr-wide ul.sr-mnav-types > li{ display:flex; min-width:0; }
/* screens slide in (a short, plain slide — 2.33.0: no pop-in bounce) */
@keyframes srMnavR{ from{ transform:translateX(18px); opacity:0; } to{ transform:none; opacity:1; } }
@keyframes srMnavL{ from{ transform:translateX(-18px); opacity:0; } to{ transform:none; opacity:1; } }
body.sr-wide .sr-mnav-screen.sr-in-r{ animation:srMnavR .2s ease-out both; }
body.sr-wide .sr-mnav-screen.sr-in-l{ animation:srMnavL .2s ease-out both; }
@media (prefers-reduced-motion:reduce){ body.sr-wide .sr-mnav-screen.sr-in-r, body.sr-wide .sr-mnav-screen.sr-in-l{ animation:none !important; } body.sr-wide .sr-mnav a, body.sr-wide .sr-mnav button{ transition:none !important; } }
@container (min-width:460px){ body.sr-wide ul.sr-mnav-depts, body.sr-wide ul.sr-mnav-types{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
/* FiboSearch's phone search screen opens over the drawer */
body.sr-wide .dgwt-wcas-overlay-mobile{ z-index:1000010 !important; }

/* ---- product page ---- */
/* 2.30.0 no repeats under the title: the Category line (the breadcrumb says it) and the template's three empty spacers
   (98cfb57 / 21f1729 / 09d91ba, 31 px of gap under the summary line); the brand line stays */
body.sr-wide.single-product .elementor-66562 .elementor-element-98cfb57, body.sr-wide.single-product .elementor-66562 .elementor-element-21f1729, body.sr-wide.single-product .elementor-66562 .elementor-element-09d91ba{ display:none !important; }
body.sr-wide.single-product .elementor-66562 .product_meta > .posted_in:has(> a[href*="/product-category/"]){ display:none !important; }
body.sr-wide.single-product .elementor-66562 .elementor-element-01e8cea{ margin-top:6px; }
/* summary line + part numbers under the title (Bud's) */
body.sr-wide .sr-pdp-sub{ margin:-2px 0 14px; }
body.sr-wide .sr-pdp-sub p{ margin:0 !important; }
body.sr-wide .sr-pdp-sum{ font-size:16.5px; font-weight:600; color:var(--sr-navy2); line-height:1.45; }
body.sr-wide .sr-pdp-ids{ margin-top:3px !important; font-size:13.5px; color:#5b6577; line-height:1.4; }
/* 2.30.2 the brand leads that line (a link to the brand's page); the theme's "Brand:" line under it goes while ours shows */
body.sr-wide .sr-pdp-ids a.sr-pdp-brand{ color:var(--sr-navy) !important; font-weight:700; text-decoration:underline !important; text-underline-offset:2px; }
body.sr-wide.single-product:has(#sr-pdp-sub:not([hidden]) .sr-pdp-brand) .elementor-66562 .product_meta > .posted_in:has(> a[href*="/brand/"]){ display:none !important; }
/* 2.30.2 the question bar under the details folds behind the help card's "Send us a question" (pdpAsk() opens it) */
body.sr-wide .sr-pdp-qa.sr-qa-fold:not(.is-on){ display:none !important; }
body.sr-wide .sr-pdp-qa.sr-qa-fold.is-on .sr-qa-toggle{ display:none !important; } /* the form's own heading says it */
body.sr-wide .sr-pdp-qa.sr-qa-fold.is-on .sr-qa-body{ margin-top:0; }
/* the open bar (where it still shows) said "Ask us →" turned on its side: it says Close */
body.sr-wide .sr-qa-toggle.is-open span{ transform:none !important; font-size:0 !important; }
body.sr-wide .sr-qa-toggle.is-open span::after{ content:"Close"; font-size:15px; }
/* 2.30.2 the trust row's phone number calls */
body.sr-wide .sr-trust-row a.sr-trust-tel{ color:inherit !important; font-weight:600; text-decoration:underline !important; text-underline-offset:2px; white-space:nowrap; }
/* details beside "Goes with it" + the two cards */
body.sr-wide .sr-pdx{ margin:0 auto; }
body.sr-wide .sr-pdx-aside{ margin:30px auto 0; max-width:880px; container-type:inline-size; }
body.sr-wide .sr-pdx-gw .sr-grid-head{ margin:0 0 12px; }
body.sr-wide .sr-pdx-gw .sr-grid-head .sr-h2{ font-size:24px; }
body.sr-wide .sr-pdx-gw .sr-pc-grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
body.sr-wide .sr-pdx-gw .sr-pc{ padding:12px; }
body.sr-wide .sr-pdx-gw .sr-pc img{ height:118px; margin-bottom:8px; }
body.sr-wide .sr-pdx-gw .sr-pc-title{ font-size:13.5px; min-height:36px; margin-bottom:6px; }
body.sr-wide .sr-pdx-gw .sr-pc-price{ font-size:16px; }
body.sr-wide .sr-pdx-gw .sr-pc-ship{ display:none; }
body.sr-wide .sr-pdx-gw .sr-pc-btn{ margin-top:10px; padding:10px 8px; font-size:14px; }
body.sr-wide .sr-pdx-gw .sr-deal-badge{ top:8px; left:8px; font-size:11px; padding:3px 7px; }
body.sr-wide .sr-pdx-cards{ display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin-top:18px; } /* 2.30.0: the help card only ("Buy with confidence" repeated the checks under the buy box) */
body.sr-wide .sr-pdx-nolist .sr-pdx-cards{ margin-top:0; }
body.sr-wide .sr-pdx-card{ border:1px solid var(--sr-border); border-radius:10px; padding:18px 20px; background:#fff; min-width:0; }
body.sr-wide .sr-pdx-trust{ background:#f7f9fc; }
body.sr-wide .sr-pdx .sr-pdx-h{ font-family:Lora,Georgia,serif !important; font-size:20px !important; font-weight:600 !important; line-height:1.25 !important; color:var(--sr-navy) !important; margin:0 0 12px !important; padding:0 !important; text-transform:none !important; letter-spacing:0 !important; }
body.sr-wide .sr-pdx-trust ul{ list-style:none !important; margin:0 !important; padding:0 !important; display:grid; gap:12px; }
body.sr-wide .sr-pdx-trust li{ margin:0 !important; padding:0 !important; list-style:none; }
body.sr-wide .sr-pdx-trust li, body.sr-wide .sr-pdx-trust li > a{ display:flex; gap:12px; align-items:flex-start; }
body.sr-wide .sr-pdx-trust li > a{ text-decoration:none !important; color:inherit; }
body.sr-wide .sr-pdx-trust .sr-ic{ width:26px; height:26px; color:var(--sr-gold); margin-top:1px; stroke-width:1.8; }
body.sr-wide .sr-pdx-trust strong{ display:block; color:var(--sr-navy); font-size:15px; line-height:1.3; }
body.sr-wide .sr-pdx-trust strong + span{ display:block; color:#4d5d6d; font-size:14px; line-height:1.4; }
body.sr-wide .sr-pdx-trust a strong + span{ color:var(--sr-navy); font-weight:700; font-size:15px; text-decoration:underline; text-underline-offset:3px; }
body.sr-wide .sr-pdx-help p{ margin:0 0 14px !important; color:#4d5d6d; font-size:15px; line-height:1.5; }
/* 2.46.0 recently viewed: compact rows — photo, two-line name, price, stock */
body.sr-wide .sr-pdx-rv{ margin-top:18px; padding:16px 18px 6px; }
body.sr-wide .sr-pdx-nolist .sr-pdx-rv{ margin-top:0; }
body.sr-wide .sr-pdx-nolist .sr-pdx-rv:not([hidden]) + .sr-pdx-cards{ margin-top:18px; }
body.sr-wide .sr-pdx-rv[hidden]{ display:none; }
body.sr-wide .sr-pdx-rv .sr-pdx-h{ margin-bottom:6px !important; }
body.sr-wide .sr-rv-list{ display:grid; grid-template-columns:minmax(0,1fr); }
body.sr-wide .sr-rv-item{ padding:10px 0; border-top:1px solid #eef1f5; }
body.sr-wide .sr-rv-link{ display:grid; grid-template-columns:72px minmax(0,1fr); column-gap:12px; align-items:center; text-decoration:none !important; color:var(--sr-navy) !important; }
body.sr-wide .sr-rv-act{ display:block; padding-left:84px; }
body.sr-wide .sr-rv-act:empty{ display:none; }
body.sr-wide .sr-rv-item:first-child{ border-top:0; }
body.sr-wide .sr-rv-img{ display:flex; align-items:center; justify-content:center; width:72px; height:64px; background:#f7f8fa; border-radius:4px; overflow:hidden; }
body.sr-wide .sr-rv-img img{ display:block; width:auto; height:auto; max-width:68px; max-height:60px; object-fit:contain; mix-blend-mode:multiply; } /* 2.46.3: the whole photo, never a crop */
body.sr-wide .sr-rv-txt{ min-width:0; }
body.sr-wide .sr-rv-name{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13.5px; font-weight:600; line-height:1.3; color:var(--sr-navy); }
body.sr-wide .sr-rv-price{ display:block; margin-top:3px; font-size:14px; font-weight:700; color:var(--sr-navy); }
body.sr-wide .sr-rv-price del{ color:#8a93a6; font-weight:400; margin-right:6px; }
body.sr-wide .sr-rv-price ins{ text-decoration:none; color:#b42318; }
body.sr-wide .sr-rv-price .wcsatt-sub-options, body.sr-wide .sr-rv-price .wcsatt-sub-discount, body.sr-wide .sr-rv-price .sr-msrp-save, body.sr-wide .sr-rv-price .sr-card-member{ display:none; }
body.sr-wide .sr-rv-stock{ display:block; margin-top:2px; font-size:12px; color:#1f7a3a; }
body.sr-wide .sr-rv-stock.sr-rv-oos{ color:#8a93a6; }
@media (hover:hover){ body.sr-wide .sr-rv-link:hover .sr-rv-name{ text-decoration:underline; text-underline-offset:3px; } }
@media (min-width:600px) and (max-width:1199px){ body.sr-wide .sr-rv-list{ grid-template-columns:1fr 1fr; column-gap:28px; } body.sr-wide .sr-rv-item:nth-child(2){ border-top:0; } }
@media (max-width:767px){ body.sr-wide .sr-rv-item:nth-child(n+5){ display:none; } }
body.sr-wide .sr-pdx-help-btns{ display:flex; flex-direction:column; gap:10px; }
body.sr-wide .sr-pdx-help-btns .sr-btn{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:13px 16px; font-size:13px; text-align:center; }
body.sr-wide .sr-pdx-help-btns .sr-ic{ width:19px; height:19px; }
@container (max-width:520px){
	.sr-pdx-gw .sr-pc-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
	.sr-pdx-cards{ grid-template-columns:1fr !important; }
}
@media (min-width:1200px){
	body.sr-wide .sr-pdx{ display:grid; grid-template-columns:minmax(0,1fr) 360px; column-gap:40px; align-items:start; }
	body.sr-wide .sr-pdx > .sr-pd, body.sr-wide .woocommerce-tabs .sr-pdx > .sr-pd{ max-width:none !important; margin:0 !important; }
	body.sr-wide .sr-pdx-aside{ margin:6px 0 0; max-width:none; }
	/* 2.40.0: short details — everything across, in rows */
	body.sr-wide .sr-pdx.sr-pdx-stack{ display:block; }
	body.sr-wide .sr-pdx-stack .sr-pdx-aside{ margin:28px 0 0; max-width:none; align-self:auto; }
	body.sr-wide .sr-pdx-stack .sr-pdx-gw .sr-pc-grid{ grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
	body.sr-wide .sr-pdx-stack .sr-pdx-cards{ position:static; margin-top:22px; }
	body.sr-wide .sr-pdx-rvon .sr-pdx-gw .sr-pc:nth-child(n+4){ display:none; } /* 2.46.1: a column opened for "Recently viewed" beside a short spec sheet keeps one row of deals ("See all" has the rest) */
	body.sr-wide .sr-pdx-stack .sr-pdx-rv{ margin-top:28px; padding:16px 22px 8px; }
	body.sr-wide .sr-pdx-stack .sr-rv-list{ grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:32px; }
	body.sr-wide .sr-pdx-stack .sr-rv-item:nth-child(-n+3){ border-top:0; }
	body.sr-wide .sr-pdx-stack .sr-pdx-help{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:28px; padding:18px 24px; }
	body.sr-wide .sr-pdx-stack .sr-pdx-help .sr-pdx-h{ margin:0 0 4px !important; }
	body.sr-wide .sr-pdx-stack .sr-pdx-help p{ margin:0 !important; }
	body.sr-wide .sr-pdx-stack .sr-pdx-help-btns{ flex-direction:row; gap:12px; }
	body.sr-wide .sr-pdx-stack .sr-pdx-help-btns .sr-btn{ width:auto; padding:12px 20px; }
}
@media (min-width:1200px) and (max-width:1499px){ body.sr-wide .sr-pdx-stack .sr-pdx-gw .sr-pc-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (min-width:1500px){ body.sr-wide .sr-pdx{ grid-template-columns:minmax(0,900px) minmax(0,1fr); column-gap:44px; } }
@media (min-width:1800px){ body.sr-wide .sr-pdx{ grid-template-columns:minmax(0,1020px) minmax(0,1fr); column-gap:52px; } }
@media (min-width:1200px) and (min-height:820px){
	/* 2.30.2 the column runs the full height of the details and the help card travels down it (it stopped after "Goes with it",
	   leaving the right side blank beside the long spec sheets) */
	body.sr-wide .sr-pdx-aside{ align-self:stretch; }
	body.sr-wide .sr-pdx-cards{ position:sticky; top:120px; }
	body.sr-wide.admin-bar .sr-pdx-cards{ top:150px; }
}
@media (max-width:767px){
	body.sr-wide .sr-pdx-aside{ margin-top:22px; }
	body.sr-wide .sr-pdx-gw .sr-pc-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px; }
	body.sr-wide .sr-pdx-gw .sr-pc:nth-child(n+5){ display:none; }
	body.sr-wide .sr-pdx-cards{ grid-template-columns:1fr; }
	body.sr-wide .sr-pdp-sum{ font-size:15px; }
	body.sr-wide .sr-pdp-ids{ font-size:12.5px; }
}
/* under the details: reviews beside videos, the steps across */
body.sr-wide .sr-pdb-pair{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:start; margin:0 0 10px; }
body.sr-wide .sr-pdb-pair > .sr-rv, body.sr-wide .sr-pdb-pair > .sr-yt{ margin-top:26px; }
@media (max-width:1024px){ body.sr-wide .sr-pdb-pair{ grid-template-columns:1fr; gap:0; } }
@media (min-width:768px){
	body.sr-wide .sr-pdp-steps .sr-steps-compact .sr-steps-list{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
	body.sr-wide .sr-pdp-steps .sr-steps-compact .sr-steps-list li{ height:100%; }
}
/* add-to-cart bar once the main button has scrolled away (tablets and desktops; phones keep the 2.9.2 bar) */
body.sr-wide .sr-buybar{ position:fixed; left:0; right:0; bottom:0; z-index:99990; background:#fff; border-top:1px solid #dfe4ec; box-shadow:0 -8px 24px rgba(16,26,51,.14); transform:translateY(115%); transition:transform .25s ease; visibility:hidden; }
body.sr-wide .sr-buybar.is-visible{ transform:none; visibility:visible; }
body.sr-wide .sr-buybar-in{ margin:0 auto; padding:10px calc(var(--sr-gut) + 60px) 10px calc(var(--sr-gut) + 50px); display:flex; align-items:center; gap:16px; box-sizing:border-box; }
body.sr-wide .sr-buybar img{ flex:0 0 auto; width:56px; height:56px; object-fit:contain; border:1px solid var(--sr-border); border-radius:8px; background:#fff; }
body.sr-wide .sr-buybar-txt{ flex:1 1 auto; min-width:0; }
body.sr-wide .sr-buybar-name{ display:block; font-weight:700; color:var(--sr-navy); font-size:16px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.sr-wide .sr-buybar-stock{ display:block; font-size:13.5px; color:var(--sr-instock); font-weight:600; line-height:1.3; }
body.sr-wide .sr-buybar-stock.is-low{ color:var(--sr-low); }
body.sr-wide .sr-buybar-price{ flex:0 0 auto; font-size:22px; font-weight:800; color:var(--sr-navy); }
body.sr-wide .sr-buybar .sr-btn{ flex:0 0 auto; width:auto; padding:14px 30px; font-size:13.5px; }
body.sr-wide.sr-has-buybar{ padding-bottom:78px; }
@media (max-width:1024px){ body.sr-wide .sr-buybar-in{ padding:10px 80px 10px 74px; gap:12px; } body.sr-wide .sr-buybar-name{ font-size:15px; } body.sr-wide .sr-buybar-price{ font-size:19px; } }
@media (prefers-reduced-motion:reduce){ body.sr-wide .sr-buybar{ transition:none; } }

/* ---- /deals/: top deals beside the hero copy, panels over the rows, 6 / 5 / 4 / 3 / 2 across ---- */
body.sr-wide .sr-page h2[id]{ scroll-margin-top:120px; }
body.sr-wide .sr-dspots{ display:grid; grid-template-columns:repeat(var(--sr-dsn,1),minmax(0,1fr)); gap:16px; }
body.sr-wide .sr-dspot{ background:#fff; color:var(--sr-navy); border-radius:12px; padding:16px 18px 14px; box-shadow:0 20px 44px rgba(0,0,0,.30); text-align:left; display:flex; flex-direction:column; gap:8px; min-width:0; }
body.sr-wide .sr-hero > .sr-dspots{ max-width:520px; margin:26px auto 0; }
body.sr-wide .sr-dspots .sr-dspot-2, body.sr-wide .sr-dspots .sr-dspot-3{ display:none; }
body.sr-wide .sr-dspot-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.sr-wide .sr-dspot-tag{ display:inline-block; background:var(--sr-navy); color:#fff; font-size:13px; font-weight:700; padding:6px 11px; border-radius:5px; line-height:1.2; }
body.sr-wide .sr-dspot-pct{ display:inline-block; background:var(--sr-cta); color:var(--sr-cta-text); font-size:15px; font-weight:800; padding:6px 11px; border-radius:5px; line-height:1.2; white-space:nowrap; }
body.sr-wide a.sr-dspot-img{ display:flex; align-items:center; justify-content:center; height:200px; padding:6px 10px; }
body.sr-wide a.sr-dspot-img img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
body.sr-wide a.sr-dspot-name{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:16px; font-weight:700; line-height:1.35; color:var(--sr-navy) !important; text-decoration:none !important; min-height:2.7em; }
body.sr-wide a.sr-dspot-name:hover{ text-decoration:underline !important; }
body.sr-wide .sr-dspot-price{ font-size:26px; font-weight:800; color:var(--sr-navy); line-height:1.2; }
body.sr-wide .sr-dspot-price .amount{ color:var(--sr-navy); }
body.sr-wide .sr-dspot-price .sr-msrp del, body.sr-wide .sr-dspot-price .sr-msrp del .amount{ font-size:16px !important; font-weight:400; color:var(--sr-muted) !important; }
body.sr-wide .sr-dspot-price .sr-msrp-save{ font-size:15px; }
body.sr-wide .sr-dspot-price .sr-card-member, body.sr-wide .sr-dspot-price .sr-card-save{ font-size:14px; font-weight:600; }
body.sr-wide .sr-dspot-btns{ display:flex; gap:10px; margin-top:auto; }
body.sr-wide .sr-dspot-btns .sr-btn{ flex:1 1 0; width:auto; text-align:center; padding:14px 8px; font-size:12.5px; letter-spacing:.08em; white-space:nowrap; }
body.sr-wide .sr-hero .sr-dspot .sr-btn-outline{ border-color:var(--sr-navy); color:var(--sr-navy) !important; }
body.sr-wide .sr-hero .sr-dspot .sr-btn-outline:hover{ background:var(--sr-navy); color:#fff !important; }
body.sr-wide .sr-dspot .added_to_cart{ display:block; text-align:center; font-size:14px; color:var(--sr-navy2); text-decoration:underline; }
body.sr-wide .sr-dspot-ship{ margin:0 !important; font-size:13.5px; color:#5b6577; }
@media (min-width:1100px){
	body.sr-wide .sr-deals-hero.sr-has-spot{ display:grid; grid-template-columns:minmax(360px,560px) minmax(0,1fr); column-gap:48px; align-items:center; text-align:left; padding:40px var(--sr-gut) 40px; }
	body.sr-wide .sr-deals-hero.sr-has-spot > div:not(.sr-dspots){ grid-column:1; grid-row:1; max-width:560px; margin:0; }
	body.sr-wide .sr-deals-hero.sr-has-spot > .sr-dspots{ grid-column:2; grid-row:1; max-width:none; margin:0; justify-self:end; width:100%; }
	body.sr-wide .sr-deals-hero.sr-has-spot .sr-lede{ margin-left:0; }
	body.sr-wide .sr-deals-hero.sr-has-spot .sr-btn-row{ justify-content:flex-start; }
}
@media (min-width:1350px){ body.sr-wide .sr-dspots-2, body.sr-wide .sr-dspots-3{ --sr-dsn:2; } body.sr-wide .sr-dspots .sr-dspot-2{ display:flex; } }
@media (min-width:1800px){ body.sr-wide .sr-dspots-3{ --sr-dsn:3; } body.sr-wide .sr-dspots .sr-dspot-3{ display:flex; } }
body.sr-wide .sr-deals-panels{ margin:0 0 38px; }
body.sr-wide .sr-deals-panels .sr-h2{ margin-top:0; }
@media (min-width:1700px){ body.sr-wide .sr-page .sr-pc-grid{ grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; } }
@media (min-width:1440px) and (max-width:1699px){ body.sr-wide .sr-page .sr-pc-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; } body.sr-wide .sr-page .sr-l12 .sr-pc:nth-child(n+11), body.sr-wide .sr-page .sr-l18 .sr-pc:nth-child(n+16){ display:none; } }
@media (min-width:1025px) and (max-width:1439px){ body.sr-wide .sr-page .sr-l12 .sr-pc:nth-child(n+9), body.sr-wide .sr-page .sr-l18 .sr-pc:nth-child(n+13){ display:none; } }
@media (min-width:768px) and (max-width:1024px){ body.sr-wide .sr-page .sr-l12 .sr-pc:nth-child(n+10), body.sr-wide .sr-page .sr-l18 .sr-pc:nth-child(n+16){ display:none; } }
@media (max-width:767px){ body.sr-wide .sr-page .sr-l12 .sr-pc:nth-child(n+9), body.sr-wide .sr-page .sr-l18 .sr-pc:nth-child(n+13){ display:none; } body.sr-wide .sr-dspot-price{ font-size:23px; } body.sr-wide a.sr-dspot-img{ height:170px; } }

/* ---- /membership/: "On this page" | the read | calculator + join (3 columns ≥1500, 2 columns ≥1200) ---- */
body.sr-wide .sr-mship-join{ display:flex; flex-direction:column; gap:10px; margin:16px 0 0; }
body.sr-wide .sr-mship-join .sr-btn{ width:100%; text-align:center; }
body.sr-wide .sr-mship-note{ margin:10px 0 0 !important; font-size:13.5px; color:#5b6577; line-height:1.45; }
body.sr-wide .sr-mship-call{ display:flex; align-items:center; gap:8px; margin:8px 0 0 !important; font-size:15px; color:var(--sr-navy); }
body.sr-wide .sr-mship-call .sr-ic{ width:20px; height:20px; color:var(--sr-gold); }
body.sr-wide .sr-mship-call a{ font-weight:700; color:var(--sr-navy) !important; }
body.sr-wide .sr-mship-aside .sr-calc{ margin:0; }
body.sr-wide .sr-mship-aside{ margin:0 0 34px; }
body.sr-wide nav.sr-mship-rail{ display:none; }
body.sr-wide p.sr-mship-rail-h{ margin:0 0 10px !important; font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#5b6577; }
body.sr-wide nav.sr-mship-rail ul{ list-style:none; margin:0 !important; padding:0 !important; display:grid; gap:8px; }
body.sr-wide nav.sr-mship-rail li{ margin:0 !important; padding:0; list-style:none; }
body.sr-wide nav.sr-mship-rail a{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 14px; border:1.5px solid #dfe4ec; border-radius:10px; background:#f7f9fc; color:var(--sr-navy) !important; font-size:15px; font-weight:700; line-height:1.3; text-decoration:none !important; transition:background .15s ease, color .15s ease, border-color .15s ease; }
body.sr-wide nav.sr-mship-rail a::after{ content:""; flex:0 0 auto; width:8px; height:8px; border-right:2.4px solid currentColor; border-bottom:2.4px solid currentColor; transform:rotate(-45deg); margin-right:3px; }
body.sr-wide nav.sr-mship-rail a:hover, body.sr-wide nav.sr-mship-rail a.is-here{ background:var(--sr-navy); border-color:var(--sr-navy); color:#fff !important; }
@media (min-width:1200px){
	body.sr-wide .sr-page.sr-page-join{ max-width:none; padding-left:var(--sr-gut); padding-right:var(--sr-gut); display:grid; grid-template-columns:minmax(0,1fr) 400px; column-gap:52px; align-items:start; }
	body.sr-wide .sr-page-join > *{ grid-column:1; min-width:0; }
	body.sr-wide .sr-page-join > .sr-mship-aside{ grid-column:2; grid-row:1 / span 80; align-self:stretch; margin:0; }
	body.sr-wide .sr-page-join .sr-calc{ padding:20px 20px 16px; }
	body.sr-wide .sr-page-join .sr-calc .sr-calc-chip{ padding:0 12px !important; font-size:13.5px !important; }
	body.sr-wide .sr-page-join .sr-calc .sr-calc-val{ font-size:26px; }
}
@media (min-width:1500px){
	body.sr-wide .sr-page.sr-page-join{ grid-template-columns:260px minmax(0,1fr) 400px; }
	body.sr-wide .sr-page-join > *{ grid-column:2; }
	body.sr-wide .sr-page-join > nav.sr-mship-rail{ display:block; grid-column:1; grid-row:1 / span 80; align-self:stretch; }
	body.sr-wide .sr-page-join > .sr-mship-aside{ grid-column:3; }
}
@media (min-width:1200px) and (min-height:800px){ body.sr-wide .sr-mship-card, body.sr-wide .sr-mship-rail-in{ position:sticky; top:118px; } }

/* ---- category pages: the types as category cards in one sideways row (2.32.0) + a help card under the filters ---- */
body.sr-wide nav.sr-catrow{ position:relative; width:100%; max-width:none; margin:10px 0 6px; padding:0; box-sizing:border-box; }
body.sr-wide .sr-catrow-in{ position:relative; display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; padding:2px 2px 12px; scroll-snap-type:x proximity; scrollbar-width:none; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
body.sr-wide .sr-catrow-in::-webkit-scrollbar{ display:none; }
body.sr-wide .sr-catrow-in > .sr-panel{ flex:0 0 200px; width:200px; height:auto !important; scroll-snap-align:start; }
body.sr-wide .sr-catrow-in > .sr-panel:first-child{ margin-left:auto !important; } /* centred while they all fit, from the left once they scroll */
body.sr-wide .sr-catrow-in > .sr-panel:last-child{ margin-right:auto !important; }
body.sr-wide .sr-catrow-in > .sr-panel:hover{ transform:none; }
body.sr-wide button.sr-catrow-btn{ display:none; position:absolute; z-index:3; top:calc(50% - 26px); width:40px; height:40px; margin:0 !important; padding:0 !important; border:1px solid var(--sr-line) !important; border-radius:0 !important; background:#fff !important; color:var(--sr-navy) !important; box-shadow:0 10px 22px -12px rgba(0,6,46,.5) !important; cursor:pointer; align-items:center; justify-content:center; min-height:0 !important; transition:background .15s ease, color .15s ease, border-color .15s ease; }
body.sr-wide button.sr-catrow-btn .sr-ic{ width:18px; height:18px; stroke-width:2.2; }
body.sr-wide button.sr-catrow-btn.is-prev{ left:-6px; } body.sr-wide button.sr-catrow-btn.is-prev .sr-ic{ transform:scaleX(-1); }
body.sr-wide button.sr-catrow-btn.is-next{ right:-6px; }
body.sr-wide button.sr-catrow-btn:hover{ background:var(--sr-ink) !important; border-color:var(--sr-ink) !important; color:#fff !important; }
body.sr-wide button.sr-catrow-btn:disabled{ opacity:0; pointer-events:none; }
@media (hover:hover) and (pointer:fine){ body.sr-wide nav.sr-catrow.sr-catrow-more button.sr-catrow-btn{ display:inline-flex; } }
@media (min-width:1700px){ body.sr-wide .sr-catrow-in > .sr-panel{ flex-basis:220px; width:220px; } }
@media (max-width:767px){ body.sr-wide nav.sr-catrow{ margin:6px 0 2px; } body.sr-wide .sr-catrow-in{ gap:10px; } body.sr-wide .sr-catrow-in > .sr-panel{ flex-basis:42%; width:42%; } body.sr-wide .sr-catrow .sr-panel-img{ height:88px; } body.sr-wide .sr-catrow .sr-panel-name{ font-size:14.5px; } }
body.sr-wide .sr-side-help{ position:sticky; top:118px; width:100%; margin:24px 0 0; padding:18px; border:1px solid var(--sr-border); border-radius:10px; background:#f7f9fc; box-sizing:border-box; }
body.sr-wide .sr-side-help .sr-sh-h{ font-family:Lora,Georgia,serif; font-size:19px; font-weight:600; color:var(--sr-navy); margin:0 0 6px !important; line-height:1.25; }
body.sr-wide .sr-side-help .sr-sh-p{ font-size:14.5px; color:#4d5d6d; margin:0 0 12px !important; line-height:1.5; }
body.sr-wide .sr-side-help .sr-sh-call{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:13px 12px; font-size:13.5px; text-align:center; }
body.sr-wide .sr-side-help .sr-sh-call .sr-ic{ width:19px; height:19px; }
body.sr-wide .sr-side-help a.sr-sh-mem{ display:block; margin-top:12px; padding:12px 14px; border-radius:8px; background:var(--sr-navy); color:#fff !important; text-decoration:none !important; }
body.sr-wide .sr-side-help a.sr-sh-mem strong{ display:block; font-size:15px; line-height:1.3; color:#fff; }
body.sr-wide .sr-side-help a.sr-sh-mem span{ display:inline-flex; align-items:center; gap:2px; color:var(--sr-cta); font-weight:700; font-size:14px; margin-top:3px; }
body.sr-wide .sr-side-help a.sr-sh-mem .sr-ic{ width:16px; height:16px; stroke-width:2.6; }
body.sr-wide .sr-side-help a.sr-sh-mem:hover strong{ text-decoration:underline; }
@media (max-width:1024px){ body.sr-wide .sr-side-help{ display:none; } }
/* ---- 2.33.0 SHARP, SITEWIDE (Josh 10/2: "expensive and well put together … the feel you see in the Sherman & Rose logo"):
   ONE gold — the logo's (#DBB42C, the theme palette's own gold) — for every button, badge and accent, with navy text (it was the
   brighter #ffca12); buttons in spaced capitals with square corners; cards, boxes and fields at 2 px corners with hairline
   borders instead of 8–16 px rounded corners and soft shadows. Round things that are round on purpose (avatars, the play
   button, numbered dots) stay round. ---- */
/* the theme's own buttons and fields (cart, checkout, account pages): the same 2 px corners */
body.sr-wide{ --theme-button-border-radius:2px; --theme-form-field-border-radius:2px; }
/* the top bar */
body.sr-wide .sr-topbar{ background:var(--sr-ink); color:#d9deea; font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-family:var(--sr-ff-label); font-weight:500; }
body.sr-wide .sr-topbar strong{ font-weight:600; }
body.sr-wide .sr-topbar-link{ color:var(--sr-cta) !important; font-weight:600; }
/* buttons (.sr-btn and the product cards' buttons: the main stylesheet) — WooCommerce's own */
body.sr-wide .jet-woo-products a.button, body.sr-wide .jet-woo-products button.button, body.sr-wide ul.products li.product a.button, body.sr-wide ul.products li.product button.button, body.sr-wide.single-product form.cart .single_add_to_cart_button, body.sr-wide .sr-buybar .sr-btn, body.sr-wide .woocommerce a.checkout-button, body.sr-wide .woocommerce #place_order, body.sr-wide .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body.sr-wide .elementor-66576 .elementor-element-8c31dc0 .apply-filters__button{ border-radius:2px !important; font-family:var(--sr-ff-label) !important; font-weight:600 !important; letter-spacing:.1em !important; text-transform:uppercase !important; }
body.sr-wide .jet-woo-products a.button, body.sr-wide .jet-woo-products button.button, body.sr-wide ul.products li.product a.button, body.sr-wide ul.products li.product button.button{ font-size:12px !important; }
/* product cards (category grids, homepage rows, related items): square, a hairline; the border goes navy under the mouse */
body.sr-wide .elementor-element-8332bc1 div.jet-woo-products-wrapper ul.products.columns-4 > li.product, body.sr-wide .elementor-77797 .elementor-element-650b3602 ul.products.columns-4 > li.product, body.sr-wide .elementor-66562 .elementor-element-e191728 .jet-woo-products__inner-box.jet-woo-products__inner-box{ border-radius:2px !important; box-shadow:none !important; border-color:var(--sr-line) !important; }
@media (hover:hover) and (pointer:fine){ body.sr-wide .elementor-element-8332bc1 div.jet-woo-products-wrapper ul.products.columns-4 > li.product:hover, body.sr-wide .elementor-77797 .elementor-element-650b3602 ul.products.columns-4 > li.product:hover, body.sr-wide .elementor-66562 .elementor-element-e191728 .jet-woo-products__inner-box.jet-woo-products__inner-box:hover{ border-color:var(--sr-navy) !important; box-shadow:none !important; transform:none !important; } }
body.sr-wide .sr-pc{ border-radius:2px; box-shadow:none; }
body.sr-wide .sr-deal-badge{ border-radius:0; font-family:var(--sr-ff-label); font-weight:600; font-size:11px; letter-spacing:.08em; text-transform:uppercase; padding:4px 8px 3px; }
body.sr-wide .sr-badge{ border-radius:0; }
/* the shop pages' filter column, sort box, phone filter button */
body.sr-wide .elementor-66576 .elementor-element-8c31dc0 > .elementor-widget-wrap{ border-radius:2px; }
body.sr-wide .elementor-66576 select.jet-sorting-select, body.sr-wide .sr-filter-toggle, body.sr-wide .elementor-66576 .elementor-widget-jet-smart-filters-rating > .elementor-widget-container, body.sr-wide .elementor-66576 .elementor-widget-jet-smart-filters-rating label.sr-rv-row{ border-radius:2px !important; }
body.sr-wide .elementor-66576 .elementor-widget-jet-smart-filters-rating .jet-rating-star__input:checked + label.sr-rv-row, body.sr-wide .elementor-66576 .elementor-widget-jet-smart-filters-rating .jet-rating-star__input.is-checked + label.sr-rv-row{ background:#faf5e4; box-shadow:inset 0 0 0 1.5px var(--sr-cta); }
body.sr-wide .sr-subcats a{ border-radius:2px; }
body.sr-wide .sr-subcats a.sr-subcat-cur{ background:#faf5e4; }
/* boxes, panels and fields */
body.sr-wide .sr-tile, body.sr-wide .sr-hero-search, body.sr-wide .sr-rv, body.sr-wide .sr-yt-item iframe, body.sr-wide .sr-callout, body.sr-wide .sr-steps-list li, body.sr-wide .sr-track, body.sr-wide .sr-faq details, body.sr-wide .sr-contact-card, body.sr-wide .sr-map, body.sr-wide .sr-form-wrap, body.sr-wide .sr-form-done, body.sr-wide .sr-form-err, body.sr-wide .sr-buybox, body.sr-wide .sr-goeswith-list li a, body.sr-wide .sr-qa-toggle, body.sr-wide .sr-plan, body.sr-wide .sr-calc, body.sr-wide .sr-calc .sr-calc-row, body.sr-wide .sr-co-member, body.sr-wide .sr-co-block, body.sr-wide .sr-attest, body.sr-wide .sr-credit-box, body.sr-wide .sr-cart-offer, body.sr-wide .sr-side-help, body.sr-wide .sr-pdx-card, body.sr-wide .sr-dspot, body.sr-wide ul.sr-trustbar, body.sr-wide nav.sr-mship-rail a, body.sr-wide .sr-buybar img, body.sr-wide .sr-side-help a.sr-sh-mem, body.sr-wide .sr-dspot-tag, body.sr-wide .sr-dspot-pct{ border-radius:2px !important; }
body.sr-wide .sr-form input[type=text], body.sr-wide .sr-form input[type=email], body.sr-wide .sr-form input[type=tel], body.sr-wide .sr-form textarea, body.sr-wide .sr-form select, body.sr-wide .sr-hero-search input.dgwt-wcas-search-input{ border-radius:2px !important; }
body.sr-wide .sr-plan-badge, body.sr-wide .sr-calc .sr-calc-chip, body.sr-wide .sr-calc .sr-calc-tab{ border-radius:2px !important; }
body.sr-wide .sr-pd .sr-pd-key, body.sr-wide .sr-pd dl.sr-pd-dl, body.sr-wide .sr-pd-limits ul, body.sr-wide .sr-pd-media img, body.sr-wide .sr-pd-video iframe{ border-radius:2px !important; }
body.sr-wide .sr-plan-badge{ font-family:var(--sr-ff-label); font-weight:600; letter-spacing:.12em; }
body.sr-wide .sr-cart-offer{ background:#faf6e8; border-color:#ead9a0; }
body.sr-wide .sr-yt-btn{ border-radius:2px; }
body.sr-wide .elementor-77797 .elementor-element-7db81f64 .elementor-flip-box, body.sr-wide .elementor-77797 .elementor-element-2d6999c2 img, body.sr-wide .elementor-77797 .elementor-element-650b3602 .elementor-accordion .elementor-accordion-item{ border-radius:2px !important; }
body.sr-wide .elementor-77797 .elementor-element-521790c8 .elementor-widget-text-editor a:hover{ color:var(--sr-cta) !important; }
/* the age check and the first-order offer: square, the same gold */
body.sr-wide .sr-agegate-card, body.sr-wide .sr-offer-card{ border-radius:2px !important; }
body.sr-wide .sr-agegate-btn, body.sr-wide .sr-agegate-leave, body.sr-wide .sr-agegate-head{ border-radius:2px !important; }
body.sr-wide .sr-agegate-btn{ font-family:var(--sr-ff-label); font-weight:600; letter-spacing:.12em; text-transform:uppercase; font-size:13px; }
body.sr-wide .sr-agegate-yes{ background:var(--sr-cta) !important; border-color:var(--sr-cta) !important; color:var(--sr-navy) !important; }
body.sr-wide .sr-agegate-yes:hover{ background:var(--sr-ink) !important; border-color:var(--sr-ink) !important; color:#fff !important; }
@media (max-width:767px){ body.sr-wide .sr-topbar{ font-size:11px; letter-spacing:.08em; } }
/* the homepage's Heritage Membership band (Elementor 4610ffb8, a full-width #ffca12 block): warm ivory with the navy type and
   buttons it already had — the logo's colours, and set apart from the navy Suppressors band under it */
body.sr-wide .elementor-77797 .elementor-element-4610ffb8{ background-color:#f6f1e3 !important; background-image:none !important; --background-color:#f6f1e3; border-top:1px solid #e9dfc2; border-bottom:1px solid #e9dfc2; }
body.sr-wide .elementor-77797 .elementor-element-4d0f09c5, body.sr-wide .elementor-77797 .elementor-element-31038163, body.sr-wide .elementor-77797 .elementor-element-3b6fedbd{ border-radius:2px !important; background-color:var(--sr-ink) !important; }
body.sr-wide .elementor-77797 .elementor-element-460a426f .elementor-heading-title, body.sr-wide .elementor-77797 .elementor-element-671d5262 .elementor-heading-title, body.sr-wide .elementor-77797 .elementor-element-6495ddda .elementor-heading-title{ color:var(--sr-cta) !important; }
/* Elementor's own buttons (the membership band, the contact page …): the same square capitals as ours */
body.sr-wide .elementor-button{ border-radius:2px !important; font-family:var(--sr-ff-label) !important; font-weight:600 !important; font-size:13px !important; letter-spacing:.11em !important; text-transform:uppercase !important; }@media (min-width:1000px){body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-66135 > a.ct-menu-link::before{display:inline-block;--sr-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");}body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-146765 > a.ct-menu-link::before{display:inline-block;--sr-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5'/%3E%3C/svg%3E");}body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-66136 > a.ct-menu-link::before{display:inline-block;--sr-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");}body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-70394 > a.ct-menu-link::before{display:inline-block;--sr-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10a4 4 0 0 1-8 0M3.103 6.034h17.794'/%3E%3Cpath d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z'/%3E%3C/svg%3E");}body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-43197 > a.ct-menu-link::before{display:inline-block;--sr-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");}body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.menu-item-68236 > a.ct-menu-link::before{display:inline-block;--sr-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E");}body.sr-wide #header [data-device="desktop"] nav[data-id="menu"] > ul.menu > li.more-items-container > a.ct-menu-link::before{display:inline-block;--sr-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E");}}