/* Stinger page bundle */

/* 1. Kill the "Home" page title on the front page */
.home .entry-title,
.home .ast-archive-title,
.home header.entry-header,
.page-id-17 .entry-title,
.page-id-17 header.entry-header { display:none !important; }

/* 2. Header: black bar, gold accents. Gold was overpowering the hero. */
.ast-primary-header-bar,
.ast-header-break-point .ast-primary-header-bar,
.main-header-bar,
#masthead .ast-primary-header-bar {
  background-color:#111111 !important;
  border-bottom:3px solid #F1C329 !important;
}
.main-header-bar .site-title a,
.ast-site-title-wrap .site-title a,
.site-title a { color:#ffffff !important; }
#ast-desktop-header .main-header-menu > .menu-item > .menu-link,
.main-header-menu .menu-link,
.ast-header-break-point .main-header-menu .menu-link {
  color:#ffffff !important; font-weight:600 !important; letter-spacing:.2px;
}
#ast-desktop-header .main-header-menu > .menu-item:hover > .menu-link,
.main-header-menu .menu-item:hover > .menu-link { color:#F1C329 !important; }
.main-header-menu .sub-menu { background:#1a1a1a !important; border-top:2px solid #F1C329; }
.main-header-menu .sub-menu .menu-link { color:#ffffff !important; }
.main-header-menu .sub-menu .menu-item:hover > .menu-link { color:#F1C329 !important; background:#000 !important; }
.ast-button-wrap .menu-toggle { background:#F1C329 !important; color:#111 !important; }

/* 3. Product images: force one consistent square, white, contained.
      Source photos come from several manufacturers at different crops. */
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img,
ul.products li.product .woocommerce-LoopProduct-link img {
  aspect-ratio:1/1 !important;
  object-fit:contain !important;
  background:#ffffff !important;
  padding:10px;
  width:100% !important;
  height:auto !important;
}

/* 4. Equal-height cards so buttons line up */
.woocommerce ul.products { align-items:stretch !important; }
.woocommerce ul.products li.product {
  display:flex !important; flex-direction:column !important;
  background:#fff; border:1px solid #e8e8e8; border-radius:6px;
  padding:12px !important; transition:box-shadow .15s ease, transform .15s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow:0 6px 18px rgba(0,0,0,.12); transform:translateY(-2px);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height:3em; font-size:15px !important; line-height:1.35 !important;
  font-weight:700 !important; margin-bottom:4px !important;
}
.woocommerce ul.products li.product .price {
  color:#C01C23 !important; font-weight:700 !important; margin-bottom:10px !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
  margin-top:auto !important; width:100%; text-align:center;
  background:#C01C23 !important; color:#fff !important;
  border-radius:4px !important; font-weight:700 !important;
}
.woocommerce ul.products li.product .button:hover { background:#111111 !important; }

/* Astra sets header bg on these; must override explicitly */
header.site-header,
.site-primary-header-wrap,
.ast-builder-grid-row-container.site-header-focus-item,
#masthead .site-primary-header-wrap {
  background-color:#111111 !important;
}
header.site-header { border-bottom:3px solid #F1C329 !important; }
.site-primary-header-wrap { background-image:none !important; }
button.menu-toggle.main-header-menu-toggle { background-color:#F1C329 !important; color:#111 !important; }


/* --- Product image normalization -------------------------------- */
/* Source photos come from many manufacturers with different crops and
   different amounts of whitespace. Fix the frame, contain the subject,
   and pad uniformly so every tile reads the same. */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product > a:first-of-type { display:block; }

.woocommerce ul.products li.product img,
.woocommerce ul.products li.product a img {
  display:block !important;
  width:100% !important;
  height:210px !important;
  max-height:210px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#ffffff !important;
  padding:14px !important;
  margin:0 0 10px 0 !important;
  border-radius:4px;
  box-sizing:border-box !important;
}

/* --- Card structure: true equal heights, buttons pinned bottom --- */
.woocommerce ul.products { display:grid !important; gap:18px !important; }
@media (min-width:1024px){ .woocommerce ul.products.columns-4 { grid-template-columns:repeat(4,1fr) !important; } }
@media (min-width:768px) and (max-width:1023px){ .woocommerce ul.products { grid-template-columns:repeat(3,1fr) !important; } }
@media (max-width:767px){ .woocommerce ul.products { grid-template-columns:repeat(2,1fr) !important; } }

.woocommerce ul.products li.product {
  width:auto !important; margin:0 !important; float:none !important;
  display:flex !important; flex-direction:column !important; height:100% !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height:2.7em !important; display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.woocommerce ul.products li.product .price { margin-bottom:12px !important; }
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart { margin-top:auto !important; }
.woocommerce ul.products li.product .star-rating { display:none !important; }


/* --- Mobile fixes ------------------------------------------------ */
.home h1.entry-title,
.home .entry-header .entry-title,
body.home .entry-title,
body.page.home h1.entry-title,
.home article > .entry-header,
.home .ast-container > article > header { display:none !important; }

@media (max-width:900px){
  [style*="original.jpeg"]{
    background-position:center center, center center !important;
    background-size:cover, cover !important;
    min-height:340px !important;
    padding:56px 20px 60px !important;
  }
  [style*="original.jpeg"] h1{ font-size:30px !important; line-height:1.15 !important; }
  [style*="original.jpeg"] p{ font-size:10px !important; letter-spacing:2px !important; }
  .woocommerce ul.products li.product img,
  .woocommerce ul.products li.product a img{
    height:150px !important; max-height:150px !important; padding:8px !important;
  }
  .woocommerce ul.products li.product{ padding:8px !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:13px !important; min-height:2.6em !important;
  }
  .woocommerce ul.products li.product .button{ font-size:12px !important; padding:10px 8px !important; }
  .woocommerce ul.products{ gap:12px !important; }
}


/* --- Mobile menu legibility -------------------------------------- */
/* The header restyle forced menu links to white, which is right on the
   black desktop bar but invisible in Astra's light mobile panel.
   Make the mobile panel dark so white text works, and force contrast. */
@media (max-width:921px){
  .ast-mobile-popup-drawer .ast-mobile-popup-inner,
  .ast-mobile-popup-content,
  .ast-mobile-header-wrap .ast-below-header-bar,
  #ast-mobile-header .main-header-menu,
  #ast-mobile-header .main-navigation,
  .ast-header-break-point .main-header-menu,
  .ast-header-break-point #ast-mobile-header,
  .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
    background-color:#111111 !important;
  }
  .ast-header-break-point .main-header-menu .menu-link,
  .ast-mobile-popup-content .menu-link,
  #ast-mobile-header .menu-link,
  .ast-header-break-point .main-header-menu .sub-menu .menu-link {
    color:#ffffff !important;
    background-color:transparent !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    font-size:16px !important;
    padding:14px 20px !important;
  }
  .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link,
  .ast-header-break-point .main-header-menu .current-menu-item > .menu-link {
    color:#F1C329 !important;
  }
  /* Sub-menu items indented and slightly dimmer so hierarchy reads */
  .ast-header-break-point .main-header-menu .sub-menu { background:#000000 !important; }
  .ast-header-break-point .main-header-menu .sub-menu .menu-link {
    padding-left:36px !important; font-size:15px !important; color:#e8e8e8 !important;
  }
  /* Expand arrows and close button must be visible on dark */
  .ast-header-break-point .ast-menu-toggle,
  .ast-mobile-popup-drawer .menu-toggle-close,
  .ast-mobile-popup-header .menu-toggle-close { color:#F1C329 !important; }
  .ast-header-break-point .ast-menu-toggle .ast-icon svg { fill:#F1C329 !important; }
}


.sas-photo-note{font-size:12px;line-height:1.35;color:#5a5a5a;margin:4px 0 6px;}.sas-photo-note--pdp{font-size:13px;color:#444;}
html body.sas-d6-plain.sas-r3-dept.sas-r3-dept.sas-r3-dept .woocommerce-products-header{background-image:linear-gradient(90deg,#17171b 0,#222228 100%)!important}html body.sas-d6-plain .woocommerce-products-header{--nl-band:linear-gradient(90deg,#17171b 0,#222228 100%)!important;--nl-band-d:linear-gradient(90deg,#17171b 0,#222228 100%)!important}
.sas-oos.sas-oos-order{background:#F6FAF7;border-color:#CBE2D2;}.sas-oos.sas-oos-order h2{color:#14532D;}.sas-oos.sas-oos-order .sas-alts li{border-top-color:#CBE2D2;}.sas-card-oos{color:#3F6C4F;}

@media (max-width:921px){

/* 1. alignwide sets margin -20px to break a block out of the content column.
      The cart and checkout blocks cannot grow - their width stays at the
      column width - so the negative left margin just slides them 20px left,
      putting the address fields against the bezel and leaving 40px bald on
      the right. Measured: main 20..355, the block 0..335. */
.wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-checkout.alignwide{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* 2. The sort box is sized to its longest label to the pixel - 197px box,
      182px of text, 7.5px of padding each side - so the arrow the browser
      paints inside it lands on the closing bracket. The width is intrinsic,
      so right padding widens the control rather than clipping the label.
      Measured after: 216px wide, left edge 140, the toggle beside it ends
      at 128. */
.woocommerce-ordering select.orderby,
.woocommerce-ordering select{
  padding-right:26px;
  background-position:right 8px center;
  max-width:100%;
}

}


@media (max-width:600px){

/* footer department and policy links: were 19px tall */
.sas-footer-col ul li a{
  display:flex;
  align-items:center;
  min-height:44px;
}

/* Inline phone numbers sit inside a sentence, so the hit area is grown with
   an overlay instead of padding and the text around them does not move. */
.sas-footer-call,
.sas-pick-note a[href^="tel"],
.stinger-pickup-note a[href^="tel"]{
  position:relative;
  display:inline-block;
}
.sas-footer-call::after,
.sas-pick-note a[href^="tel"]::after,
.stinger-pickup-note a[href^="tel"]::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:44px;
  transform:translateY(-50%);
}

/* home hero buttons: were 42px */
.sas-hero-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
}

/* header logo link: was 42.9px */
a.custom-logo-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
}

/* the size list on a product page: was 23.8px, and it is the control that
   picks the size he came for */
a.sas-dg-opt{
  display:flex;
  align-items:center;
  min-height:44px;
}

/* archive size box was 40px, its hint link 35.5px */
#st-sf-archive{
  min-height:44px;
}
.st-sf-hint a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
}

/* cart: remove was 24x24, the steppers 30x40, the field 45x40.
   HEIGHT ONLY on remove. The cart line item is a grid whose right-hand price
   column is sized to what is left over, and the middle column grows to its
   widest child. Widening the steppers to 44 AND the remove button to 44
   together pushed the row past 335px: window.innerWidth went 375 -> 386, the
   page scrolled sideways and the line price rendered as $863.4 with the 8 cut
   off. Measured, and caught on the before/after screenshots. Either one alone
   fits; both do not. The steppers win because changing 1 tire to 4 is the
   move that matters, and a 24x44 remove button still clears the WCAG 2.5.8
   minimum. Putting quantity on its own row would buy both - that is a cart
   layout change and it is Omar to call. */
.wc-block-cart-item__remove-link{
  min-height:44px;
}
/* WooCommerce sets width:30px AND min-width:30px on these with a higher
   specificity than a bare class, so the floor has to be declared important
   and the 107px fixed wrapper has to be released or the buttons cannot grow. */
.wc-block-components-quantity-selector{
  width:auto !important;
}
.wc-block-components-quantity-selector__button{
  width:44px !important;
  min-width:44px !important;
  min-height:44px;
}
.wc-block-components-quantity-selector__input{
  min-height:44px;
}
/* 2026-09-13 audit round 4: the above was only tested against "$863.4". A
   4-digit line total ($2,879.96, a homepage wheel set) clipped to "$2,879.9"
   and a quantity of 12 read "1:" at 375px - the row grid measured
   80+132+34+62.9 = 357px in a 335px box. Narrow screens get a flexible middle
   column; the steppers stay 44px wide. Buttons looked disabled at opacity .6. */
@media (max-width:400px){
  table.wc-block-cart-items .wc-block-cart-items__row{
    grid-template-columns:64px minmax(0,1fr) 0 auto !important;
  }
  table.wc-block-cart-items .wc-block-cart-item__image{
    padding-right:10px !important;
  }
}
.wc-block-components-quantity-selector__button{
  opacity:1 !important;
}
.wc-block-components-quantity-selector__button:disabled{
  opacity:.4 !important;
}
.wc-block-components-quantity-selector__input{
  padding:0 !important;
  min-width:40px !important;
  text-align:center !important;
}
/* NOT the cart line-item title. Giving a.wc-block-components-product-name
   inline-flex to reach 44px widened its intrinsic width from 171px to 202px,
   which pushed the line-item price column past the right edge and clipped
   the total to $863.4 at 375px. Caught on the before/after screenshots.
   It is 36.4px, it is 7.6px short, and the product image beside it already
   goes to the same place. Not worth a clipped price. */

/* cart and checkout: coupon panel, address toggle, log-in prompt */
.wc-block-components-panel__button,
.wc-block-components-address-form__address_2-toggle{
  display:flex;
  align-items:center;
  min-height:44px;
}
.wc-block-checkout__login-prompt{
  display:inline-flex;
  align-items:center;
  min-height:44px;
}

/* product page: the category link under the title. Measured 2026-09-19 at
   375px on a phone user-agent, on the real DOM: the link paints 184.4 x 18.0
   and its effective hit area is 41px tall, 3px short. Grown with an overlay
   and NOT with min-height, because min-height here pushes the price and the
   add-to-cart button 26px down the first screen, which costs more than the
   3px buys. Nothing above it is a link (the title is an h1) and nothing
   below it is either, so the overlay steals no other target. */
.single-product-category a{
  position:relative;
  display:inline-block;
}
.single-product-category a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:44px;
  transform:translateY(-50%);
}

/* checkout tick boxes and their labels: were 20px tall */
.wc-block-components-checkbox{
  min-height:44px;
}
.wc-block-components-checkbox label{
  display:flex;
  align-items:center;
  min-height:44px;
}

}

#colophon .site-below-footer-wrap{display:none!important;}

/* ------------------------------------------------------------------- *
   THE CASCADE. Three native selects, stacked on a phone, one row from
   700px up. No custom dropdown: a native select opens the phone picker
   the customer already knows, needs no script to open, and cannot be
   half-hydrated while a man in a parking lot is tapping at it.

   Sizes are the ones the rest of the store already uses - 48px tall,
   which is the 44px AA floor plus four, and 16px text, which is the
   size below which iOS zooms the whole page on focus.

   The Additional CSS box paints every BUTTON red with the important
   flag, which is what turned the old year list into twenty red calls to
   action. A select is not a button, so nothing here fights that - but
   background and colour are marked anyway because Astra sets both on
   select, and this block renders last in wp_head so nothing more is
   needed.
 * ------------------------------------------------------------------- */
.sas-picker--cas{max-width:760px;margin:0 auto;}
/* THE CRUMB STRIP, KEPT AND NOT SHOWN. Snippet 153 reads the vehicle
   out of it, so it stays in the DOM - but the three selects are now on
   screen showing the same three words, and the hidden attribute alone
   does not hide it: the rule snippet 120 still emits sets display flex
   on this class, and a display declaration beats the UA rule that backs
   the hidden attribute. Seen live at 375px after the first deploy, not
   reasoned about. */
.sas-picker--cas .sas-pick-crumbs{display:none!important;}
.sas-picker--cas .sas-cas{
  display:grid; grid-template-columns:1fr; gap:8px;
  max-width:560px; margin:0 auto;
}
.sas-picker--cas .sas-cas-s{
  width:100%; min-height:48px; box-sizing:border-box;
  font-size:16px; font-weight:700; line-height:1.2; letter-spacing:.01em;
  color:#111111!important; background-color:#FFFFFF!important;
  border:0!important; border-radius:5px;
  padding:12px 40px 12px 14px;
  text-overflow:ellipsis;
}
.sas-picker--cas .sas-cas-s:disabled{
  color:#6B6B73!important; background-color:#E6E6EA!important;
  opacity:1;
}
.sas-picker--cas .sas-cas-s:focus-visible{
  outline:3px solid #F1C329; outline-offset:2px;
}
.sas-picker--cas .sas-cas-note{margin:10px 0 0;}
.sas-picker--cas .sas-pick-step[data-for="size"]{margin:16px 0 0;}
/* One row of three once there is room for it. 700px, not 922px: at 768
   three 180px selects still read comfortably, and the hero is centred. */
@media (min-width:700px){
  .sas-picker--cas .sas-cas{grid-template-columns:repeat(3,1fr); gap:12px;}
}


/* WHEEL (#1) - phone: chooser above quantity and Add to cart (116 orders the summary under 601 px) */
body.single-product div.product .summary > .sas-r6-ch{order:5}
body.single-product div.product .summary > .sas-r6-fitsz,body.single-product div.product .summary > .sas-r6-tires{order:6}
body.single-product div.product .summary > .sas-r6-fitsz{margin:0 0 12px}
body.single-product div.product .summary > a.sas-r6-tires{margin:0 0 10px}
body.single-product div.product .summary:has(> .sas-r6-ch) > .sas-wg{display:none!important}
.sas-s2-bolt .sas-r6-sz{white-space:nowrap}
@media (min-width:601px){body.single-product #primary{margin-top:24px!important}
body.single-product div.product .summary > .woocommerce-breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px!important}}
/* WHEEL (#1) - wider screens: the same order, so Add to cart is in the first screen */
@media (min-width:601px){
body.sas-s2-wheel div.product .summary{display:flex!important;flex-direction:column}
body.sas-s2-wheel div.product .summary > *{order:20}
body.sas-s2-wheel div.product .summary > .woocommerce-breadcrumb{order:0}
body.sas-s2-wheel div.product .summary > .nl-pdp-br{order:1}
body.sas-s2-wheel div.product .summary > .product_title{order:2}
body.sas-s2-wheel div.product .summary > .price,body.sas-s2-wheel div.product .summary > .sas-set4-single,body.sas-s2-wheel div.product .summary > .sas-fitans-box,body.sas-s2-wheel div.product .summary > .sas-cf--pdp{order:3}
body.sas-s2-wheel.single-product div.product .summary > .sas-r5-cf{order:3!important}
body.sas-s2-wheel div.product .summary > #payment-method-message,body.sas-s2-wheel div.product .summary > .StripeElement,body.sas-s2-wheel div.product .summary > .ast-stock-detail,body.sas-s2-wheel div.product .summary > .stock{order:4}
body.sas-s2-wheel div.product .summary > .sas-r6-ch,body.sas-s2-wheel div.product .summary > .sas-wg{order:5}
body.sas-s2-wheel div.product .summary > .stinger-wheel-warn{order:7}
body.sas-s2-wheel div.product .summary > .stinger-wheel-warn:not(.sas-dbl){display:contents}
body.sas-s2-wheel div.product .summary > .stinger-wheel-warn:not(.sas-dbl) > *{order:7}
body.sas-s2-wheel div.product .summary > .stinger-wheel-warn:not(.sas-dbl) > p{order:7;margin:0 0 12px!important;padding:10px 14px;border:1px solid #d8d2c4;border-left:4px solid #c8102e;background:#fbf9f4;border-radius:3px;line-height:1.45}
body.sas-s2-wheel div.product .summary > .stinger-wheel-warn:not(.sas-dbl) > .swr{order:5}
body.sas-s2-wheel div.product .summary > form.cart{order:6}
body.sas-s2-wheel div.product .summary > .sas-r6-fitsz,body.sas-s2-wheel div.product .summary > .sas-r6-tires{order:7}
body.sas-s2-wheel.single-product div.product .summary > .sas-r5-ask{order:9!important}
body.sas-s2-wheel div.product .summary > .sas-r6-ch{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px 28px;margin:6px 0 12px}
body.sas-s2-wheel .sas-r6-ch > *{flex:0 1 auto;max-width:100%;min-width:0}
body.sas-s2-wheel .sas-r6-ch > .sas-r6-ch-row:first-child{flex-basis:100%}
body.sas-s2-wheel .sas-r6-fin{width:84px;padding:4px}
body.sas-s2-wheel .sas-r6-fin.is-here{padding:3px}
body.sas-s2-wheel .sas-r6-fin img{width:40px;height:40px}
body.sas-s2-wheel .sas-r6-ch-l{margin-bottom:4px!important}
body.sas-s2-wheel div.product .summary > .woocommerce-product-details__short-description{order:7}
body.sas-s2-wheel div.product .summary > .price{margin-bottom:0!important}
body.sas-s2-wheel div.product .summary > .ast-stock-detail{margin:0 0 4px!important}
body.sas-s2-wheel div.product .summary > .sas-r5-cf{margin:8px 0}
body.sas-s2-wheel div.product .summary > .sas-fitans-box{margin:6px 0 8px}
body.sas-s2-wheel div.product .summary > .sas-set4-single{margin-bottom:2px!important}
body.sas-s2-wheel div.product .summary > .nl-pdp-br{margin-bottom:2px!important}
body.sas-s2-wheel div.product .summary > .product_title{margin-bottom:4px!important}
body.sas-s2-wheel div.product .summary > .stinger-wheel-warn:not(.sas-dbl) > .swr{padding:8px 12px}
}
/* BARS (#2) - the vehicle bar scrolls away on product pages */
body.single-product #sas-cv-bar{position:relative!important;top:auto!important}
@media (max-width:899px){
body.single-product.sas-s2-hdc #nl-hd #sas-r4-ps{display:none!important}
body.single-product .sas-r4-bb:not([hidden]){padding:4px 10px calc(4px + env(safe-area-inset-bottom))!important;gap:10px}
body.single-product .sas-r4-bb .sas-r4-bb-btn{min-height:44px!important;height:44px!important;padding-top:0!important;padding-bottom:0!important}
}
/* ONEFIT (#3) - one fit box: 159 line + the round 5 answer + Check my vehicle */
body.sas-s2-onefit #sas-cv-bar.sas-cv-bar--add,body.sas-s2-wheel:has(.sas-r5-cf-add) #sas-cv-bar.sas-cv-bar--add{display:none!important}
body.sas-s2-fiton .sas-dg .sas-dg-warn{display:none!important}
body.single-product div.product .summary > .sas-s2-fit{order:3!important}
.sas-s2-fit{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;box-sizing:border-box;max-width:560px;margin:8px 0 14px;padding:10px 12px;border:1px solid #D6D6D1;border-left:4px solid #15803D;border-radius:8px;background:#EEF8F1}
.sas-s2-fit:has(.sas-cf--part),.sas-s2-fit:has(.sas-cf--cond),.sas-s2-fit[data-s=dt],.sas-s2-fit[data-s=cond]{border-left-color:#B45309;background:#FFF8E6}
.sas-s2-fit[data-s=check]{border-left-color:#6B7280;background:#F7F7F5}
.sas-s2-fit > .sas-cf--pdp,body.sas-nl-live.single-product .sas-s2-fit > .sas-cf--pdp{flex:1 1 auto;margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:15px!important;line-height:1.35}
body .sas-s2-fit[data-s=fit] > .sas-cf--pdp,body .sas-s2-fit[data-s=dt] > .sas-cf--pdp,body .sas-s2-fit[data-s=cond] > .sas-cf--pdp{display:none!important}
.sas-s2-fit > .sas-r5-cf{flex:1 1 auto;margin:0!important;max-width:none}
.sas-s2-fit[data-s=add] > .sas-r5-cf{flex:0 0 auto}
.sas-s2-fit > .sas-r5-cf:not(.sas-r5-cf--check){display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:0!important;border:0!important;background:none!important}
body .sas-s2-fit[data-s=fit] > .sas-r5-cf > span,body .sas-s2-fit[data-s=dt] > .sas-r5-cf > span,body .sas-s2-fit[data-s=cond] > .sas-r5-cf > span{display:none!important}
.sas-s2-fit > .sas-r5-cf--check{padding:0!important;border:0!important;background:none!important}
.sas-s2-fit .sas-r5-cf b{font-size:15px}
.sas-s2-fit .sas-s2-chk{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-height:40px!important;padding:0 16px!important;border:0!important;border-radius:6px!important;background:#111!important;color:#fff!important;font:700 14px/1 Inter,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;cursor:pointer}
.sas-s2-fit .sas-s2-chk:hover{background:#C01C23!important}
/* TIREFIT (#8) */
.sas-s2-tfit[hidden]{display:none!important}
.sas-s2-tfit{display:flex;align-items:center;gap:6px;box-sizing:border-box;max-width:560px;margin:6px 0 12px!important;padding:8px 12px;border:1px solid #D6D6D1;border-left:4px solid #6B7280;border-radius:8px;background:#F7F7F5;color:#3F3F46;font-size:15px;font-weight:600;line-height:1.3}
.sas-s2-tfit.is-yes{border-left-color:#15803D;background:#EEF8F1;color:#14532D}
.sas-s2-tfit svg{flex:none}
.sas-s2-tfit b{font-weight:700;white-space:nowrap}
body.single-product div.product .summary > .sas-s2-tfit{order:5!important}
/* CARDS (#7) - phones: no Compare, no pinned empty space, chips 12 px or more */
@media (max-width:699px){
ul.products li.product .sas-r4-cmpbox{display:none!important}
ul.products li.product .astra-shop-summary-wrap > .price{margin-top:6px!important}
ul.products li.product .astra-shop-summary-wrap > .button,ul.products li.product .astra-shop-summary-wrap > .sas-wc-q,ul.products li.product .astra-shop-summary-wrap > .added_to_cart{margin-top:10px!important}
}
/* CARDS (#7) - every width: no card text under 12 px (chips, captions, "each", "from", brand, part number) */
html body ul.products li.product .sas-dg-cap{font-size:12px!important;line-height:1.25!important;white-space:normal!important}
html body.sas-nl-live ul.products li.product .astra-shop-summary-wrap > .price small,html body.sas-nl-live ul.products li.product .astra-shop-summary-wrap > .price .sas-ea,html body.sas-nl-live ul.products li.product .astra-shop-summary-wrap > .price .sas-dg-pre,html body.sas-nl-live ul.products li.product .astra-shop-summary-wrap > .price .sas-dg-ea,html body ul.products li.product .sas-ea,html body.sas-nl-live ul.products li.product .nl-br,html body.sas-nl-live ul.products li.product .nl-pn{font-size:12px!important}
/* TYPE (#15) - product pages: nothing under 12 px, odd sizes folded onto one scale */
body.single-product .sas-ea,body.single-product .sas-dg-pre,body.single-product .sas-dg-ea,body.single-product .sas-dg-cap,body.single-product .sas-r6-fin small,body.single-product .sas-r6-sz small,body.single-product .sas-r6-fz small,body.single-product .sas-r4-trust small,body.single-product .sas-wg-warn,body.single-product .sas-wg-warn strong,body.single-product .sas-dg-warn,body.single-product .sas-dg-warn strong,body.single-product .sas-r5-ask-m,body.single-product .nl-pdp-br{font-size:12px!important}
body.single-product .sas-wg-opt,body.single-product .sas-dg-opt,body.single-product .sas-r2-l2,body.single-product .sas-r2-set,body.single-product .sas-wg-size,body.single-product .stinger-wheel-warn p,body.single-product .stinger-wheel-warn p *,body.single-product .product_meta,body.single-product .product_meta *,body.single-product .sas-r5-cf-add small{font-size:13px!important}
body.single-product .sas-r2-l1,body.single-product .sas-r5-ask-p,body.single-product .sas-wg-h,body.single-product .summary .woocommerce-breadcrumb,body.single-product .summary .woocommerce-breadcrumb a,body.single-product .woocommerce-product-attributes th,body.single-product .woocommerce-product-attributes td,body.single-product .woocommerce-product-attributes td p{font-size:14px!important}
body.single-product .woocommerce-product-details__short-description,body.single-product .woocommerce-product-details__short-description p,body.single-product .ast-stock-detail,body.single-product .ast-stock-detail span,body.single-product .sas-r6-tires,body.single-product .sas-dg-h,body.single-product .stinger-ld-note,body.single-product .stinger-ld-note strong{font-size:15px!important}
body.single-product div.product form.cart .single_add_to_cart_button{font-size:18px!important}
@media (min-width:601px){body.single-product div.product .summary > .product_title{font-size:36px!important;line-height:1.02!important}}
/* ALSOREQ - the bold "Also requires" line (lift_required_line.py) sits right under the price (Omar 10-15 23:46).
   Only a page whose short description holds that line is touched; the price keeps its place (order 2 ties with the
   title, which comes first in the page), the line takes order 2 right after it, the fit box (order 3) follows. */
body.single-product div.product .summary:has(.stinger-also-requires) > .price{order:2!important}
body.single-product div.product .summary > .woocommerce-product-details__short-description:has(.stinger-also-requires){order:2!important;margin:0 0 10px!important}
body.single-product .woocommerce-product-details__short-description .stinger-also-requires{font-weight:700;margin:0}

/* Homepage layout: short, shop-first. */
.sas-home{display:flex;flex-direction:column}
.sas-home>.hm-hero{order:1}
.sas-home>#hm-pick{order:2}
.sas-home>#packages{order:3}
.sas-home>.hm-intro{order:4}
.sas-home>.hm-depts{order:5!important}
.sas-home>.hm-dark{order:6!important}
.sas-home>.hm-shelf{order:7!important}
.sas-home>#sas-r5-auth{order:8!important}
.sas-home>.hm-ship{order:9!important}
.sas-home>.sas-r2-pay{order:10!important}
.sas-home>.hm-sets{display:none}
.sas-home .hm-intro .hm-lede,.sas-home .hm-intro .hm-who{display:none}
.sas-home .hm-intro{padding:12px 16px}
.sas-home .hm-depts .hm-sub,.sas-home .hm-shelf .hm-sub,.sas-home #sas-r5-auth .hm-sub{display:none}
.sas-home #packages{padding:20px 16px;background:#fff;border-bottom:1px solid #DADCE2}
@media (max-width:699px){
  .sas-home .hm-dept-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
  .sas-home .hm-dept-ph img{max-height:92px;object-fit:contain}
  .sas-home .hm-dept-name{font-size:13px;line-height:1.1}
  .sas-home .hm-sec{padding-top:22px;padding-bottom:22px}
  .sas-home #sas-r5-auth .sas-r5-auth-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sas-home #sas-r5-auth .sas-r5-auth-g span{display:none}
}
.sas-home .hm-ship ol,.sas-home .hm-ship .hm-fine,.sas-home .hm-ship .hm-call{display:none}
.sas-home .hm-ship{padding:16px 0}
.sas-home .hm-ship h2{font-size:22px;margin:0 0 6px}
.sas-home .hm-ship .sas-v4-ship{margin:0;font-size:14px;line-height:1.45;color:#e2e2e8}
.sas-home .hm-ship .sas-v4-ship a{color:#FFD23F}


/* ------------------------------------------------------------------ *
 * 1. The drawer is a panel, not a slab of white across the hero.
 * ------------------------------------------------------------------ *
 * No media query on purpose: #ast-mobile-header is display:none above
 * the Astra breakpoint, so scoping to that id IS the phone scope, and
 * it survives the breakpoint being changed in the customizer.
 *
 * z-index 1200 is ordered inside #masthead, which already carries
 * position:relative; z-index:99 and is therefore a real stacking
 * context. That is what stops the panel interleaving with the hero. The
 * hero is not moved, resized or restyled - it is covered, and uncovered
 * again. */
#ast-mobile-header .ast-mobile-header-content{
  left:0;right:0;width:100%;
  background:#111111;
  border-top:3px solid #C01C23;
  box-shadow:0 20px 44px rgba(0,0,0,.62);
  z-index:1200;
}
/* The scroll cap applies only while it is open, so it cannot fight the
   height animation Astra runs on the way there. 72vh, a fraction and not
   a pixel count, so it holds on a 667px phone as well as an 812px one.
   Measured with the Accessories group open: 674px of content, 582px box. */
body.ast-main-header-nav-open #ast-mobile-header .ast-mobile-header-content{
  max-height:72vh;overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

/* ------------------------------------------------------------------ *
 * 2. One item per row. A column, not a wrapped desktop bar.
 * ------------------------------------------------------------------ */
#ast-mobile-header .ast-builder-menu-mobile,
#ast-mobile-header .ast-main-header-bar-alignment,
#ast-mobile-header .main-header-bar-navigation{width:100%;}
#ast-mobile-header .sas-nav{
  flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;
  padding:4px 0 10px;
}
#ast-mobile-header .sas-nav > li{width:100%;border-bottom:1px solid #26262B;}
#ast-mobile-header .sas-nav > li:last-child{border-bottom:0;}
/* 53px, comfortably over the 44px floor, and the whole 375px is the target. */
#ast-mobile-header .sas-nav > li > a,
#ast-mobile-header .sas-nav .sas-nav-details > summary{
  min-height:52px;padding:14px 20px;font-size:17px;
}
#ast-mobile-header .sas-nav .sas-nav-details > summary{
  justify-content:space-between;
}
#ast-mobile-header .sas-nav .sas-subnav{
  margin:0 0 8px 20px;padding:2px 0 2px 14px;
  border-left:2px solid rgba(241,195,41,.55);
}
#ast-mobile-header .sas-nav .sas-subnav a{
  min-height:46px;padding:12px 14px;color:#EDEDF0;
}
#ast-mobile-header .sas-nav-call{padding:12px 20px 4px;border-bottom:0;}
#ast-mobile-header .sas-callbtn{display:block;text-align:center;}

/* ------------------------------------------------------------------ *
 * 3. Astra default blue, rgb(4,107,210), off four controls.
 * ------------------------------------------------------------------ *
 * The hamburger and the close X are the ONLY route to the menu on a
 * phone, and both were drawn in blue on the #F1C329 button - about
 * 3.3:1. #111 on that gold is about 12.6:1. */
.menu-toggle .mobile-menu-toggle-icon svg,
.menu-toggle .ahfb-svg-iconset svg,
.menu-toggle svg{fill:#111111!important;color:#111111!important;}

/* Back-to-top was a 31.5px blue square - under the 44px tap floor as
   well as the wrong colour. Its position is left exactly where it was. */
#ast-scroll-top{
  background:#C01C23!important;color:#ffffff!important;
  width:44px!important;height:44px!important;
  line-height:44px!important;border-radius:4px!important;
}
#ast-scroll-top:hover,#ast-scroll-top:focus{
  background:#F1C329!important;color:#111111!important;
}

/* Pagination: nine blue-bordered squares and a blue current page on
   /product-category/tires/, the deepest archive on the store. */
.woocommerce-pagination .page-numbers li a.page-numbers,
.woocommerce-pagination .page-numbers li span.page-numbers{
  border-color:#E4E4E7!important;color:#111111!important;
}
.woocommerce-pagination .page-numbers li span.page-numbers.current,
.woocommerce-pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:focus{
  background:#C01C23!important;border-color:#C01C23!important;
  color:#ffffff!important;
}


/* ============================================================
   STINGER SHOP — FINAL SITE CSS (matches approved blueprint)
   Paste into: Appearance > Customize > Additional CSS
   REPLACE everything currently in that box with this file.
   ============================================================ */

/* ---- HEADER: gold nav bar like main site ---- */
.site-header, .main-header-bar, .ast-primary-header-bar {
  background-color: #111111 !important;
}
.site-header .ast-container { background-color: transparent !important; }
.site-title a, .site-header .ast-site-identity a, .site-description {
  color: #111111 !important;
  font-weight: 800;
}
.custom-logo, .site-logo-img img {
  max-height: 72px !important;
  width: auto !important;
}

/* ---- NAV TABS: black text, red pill on active AND hover ---- */
.main-header-menu a, .ast-builder-menu a {
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 4px;
  transition: background .15s ease, color .15s ease;
}
.main-header-menu li a:hover, .ast-builder-menu li a:hover {
  background: #C01C23 !important;
  color: #ffffff !important;
}
.main-header-menu .current-menu-item > a,
.main-header-menu .current_page_item > a,
.ast-builder-menu .current-menu-item > a,
.ast-builder-menu .current_page_item > a {
  background: #C01C23 !important;
  color: #ffffff !important;
}
.ast-header-woo-cart .ast-cart-menu-wrap, .site-header .ast-icon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ---- BUTTONS: red with white text, black+gold on hover ---- */
.button, button, input[type="submit"], .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #payment #place_order, .wc-block-components-button {
  background-color: #C01C23 !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}
.button:hover, button:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce #payment #place_order:hover,
.wc-block-components-button:hover {
  background-color: #111111 !important;
  color: #F1C329 !important;
}

/* ---- LINKS + PRICES: Stinger red ---- */
a { color: #C01C23; }
a:hover { color: #111111; }
.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.wc-block-components-product-price, .wc-block-grid__product-price {
  color: #C01C23 !important;
  font-weight: 700 !important;
}

/* ---- PRODUCT CARDS ---- */
.woocommerce ul.products li.product, .wc-block-grid__product {
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 12px;
  transition: box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #111111;
  font-weight: 700;
}
.woocommerce span.onsale {
  background-color: #C01C23 !important;
  color: #ffffff !important;
}

/* ---- HEADINGS ---- */
h1, h2, h3, h4 { color: #111111; }
.stinger-hero h1, .st-act-t, .st-cat-name, .stinger-cred h2 { color: inherit; }

/* ---- FOOTER: black with gold links ---- */
.site-footer, .ast-footer-copyright, footer.site-footer,
.footer-adv, .ast-builder-footer-grid-columns, .site-below-footer-wrap, .site-primary-footer-wrap {
  background-color: #111111 !important;
  color: #ffffff !important;
}
.site-footer a { color: #F1C329 !important; }
.site-footer a:hover { color: #ffffff !important; }
.site-footer .widget-title, .site-footer h2, .site-footer h3, .site-footer h4 {
  color: #F1C329 !important;
}

/* ---- MISC ---- */
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a { color: #888; }
.woocommerce .star-rating span::before { color: #F1C329; }
.woocommerce-message, .woocommerce-info { border-top-color: #F1C329 !important; }

/* ---- HIDE extra pages from header nav (footer links unaffected) ---- */
.main-header-menu li:has(a[href*="about"]),
.main-header-menu li:has(a[href*="returns"]),
.main-header-menu li:has(a[href*="privacy"]),
.main-header-menu li:has(a[href*="terms"]),
.main-header-menu li:has(a[href*="my-account"]),
.main-header-menu li:has(a[href*="checkout"]),
.main-header-menu li:has(a[href*="sample-page"]),
.ast-builder-menu li:has(a[href*="about"]),
.ast-builder-menu li:has(a[href*="returns"]),
.ast-builder-menu li:has(a[href*="privacy"]),
.ast-builder-menu li:has(a[href*="terms"]),
.ast-builder-menu li:has(a[href*="my-account"]),
.ast-builder-menu li:has(a[href*="checkout"]),
.ast-builder-menu li:has(a[href*="sample-page"]) {
  display: none !important;
}
/* Cart icon: black on gold, red count badge */
.ast-header-woo-cart .ast-cart-menu-wrap .count,
.ast-site-header-cart .cart-container .count {
  color: #111111 !important;
}
.ast-header-woo-cart .ast-cart-menu-wrap .count:after,
.ast-site-header-cart .count {
  background: #C01C23 !important;
  color: #ffffff !important;
}
.ast-site-header-cart a { color: #111111 !important; }
.ast-site-header-cart a:hover { color: #C01C23 !important; }


/* PHONE CHROME. Padding only. Nothing hidden, no tap target shrunk.
   Measured on the ancestor chain of the VISIBLE .stinger-topbar - the first
   .ast-above-header-bar in the DOM is a hidden duplicate and reports 0. */
@media (max-width:781px){
  /* 18.24px of widget margin under the last row of the top bar, with
     nothing beneath it to separate. The bar measured 75.2px, the topbar
     inside it 56px. Phone, address and Hablamos Espanol are untouched and
     snippet 161 keeps its 44px minimum tap height. */
  .ast-above-header-bar .widget{ margin-bottom:0!important; }
  .ast-above-header-bar .stinger-topbar{
    padding-top:3px!important; padding-bottom:3px!important; }

  /* 29px of padding round a 46px logo, inside an 80px minimum. 66px holds
     the logo and the 44px CART button. The logo is not resized. */
  .ast-primary-header-bar{ min-height:66px!important; }
  .ast-primary-header-bar .site-branding{
    padding-top:8px!important; padding-bottom:8px!important; }

  /* 20px of wrapper padding round a 48px input, in a 69px box. The input
     keeps its 48px height and its 16px text, so iOS does not zoom. */
  .sas-searchbar .sas-searchbar-in{
    padding-top:4px!important; padding-bottom:4px!important; }
}


#sas-cv-bar.sas-vb{display:flex;align-items:center;gap:8px;min-height:46px;box-sizing:border-box;margin:0;padding:4px 8px 4px 16px;background:#F1C329!important;color:#111!important;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.25;border:0;border-bottom:3px solid #C01C23;box-shadow:none;cursor:pointer}
html body #sas-cv-bar.sas-vb{background:#F1C329!important;color:#111!important;border-bottom:3px solid #C01C23}
#sas-cv-bar.sas-vb[hidden]{display:none!important}
#sas-cv-bar.sas-vb .sas-vb-l{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#26272B}
#sas-cv-bar.sas-vb .sas-vb-v{color:#111!important;font-weight:800;text-decoration:underline;text-underline-offset:3px}
#sas-cv-bar.sas-vb .sas-cv-change{flex:0 0 auto;min-height:44px;margin:0;padding:6px 16px!important;border:0!important;border-radius:5px!important;background:#111!important;color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
@media (min-width:700px){#sas-cv-bar.sas-vb{justify-content:center}#sas-cv-bar.sas-vb .sas-vb-l{flex:0 1 auto}}


body.sas3-frame{--s3-ink:#0d0d0f;--s3-char:#17181b;--s3-steel:#24262b;--s3-mute:#6b6f76;--s3-line:#e4e4e0;--s3-paper:#f3f3f0;--s3-red:#c8161e;--s3-red2:#e0262e;--s3-yel:#f2c230;--s3-fit:#17a35a;--s3-d:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--s3-t:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

/* header: menu, search | logo | phone, cart - one black row; the search row opens from the button */
html body.sas3-frame .sas-r2-strip{display:none!important}
@media (max-width:899px){
html body.sas3-frame #nl-hd.nl-hd{display:grid!important;grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;grid-template-rows:54px auto;align-items:center;column-gap:2px;height:auto!important;min-height:54px;padding:0 6px!important;background:var(--s3-ink)!important;border-bottom:0!important;box-shadow:none!important;position:sticky;top:0;z-index:999}
html body.sas3-frame #nl-hd > *{grid-row:1}
html body.sas3-frame #nl-hd .nl-menu{grid-column:1;justify-self:center}
html body.sas3-frame #nl-hd .nl-menu .nl-cond{display:none!important}
html body.sas3-frame #nl-hd button[data-nl-focus]{display:grid!important;place-items:center;grid-column:2;justify-self:center}
html body.sas3-frame #nl-hd .nl-logo{grid-column:3;justify-self:center;display:flex;align-items:center;justify-content:center;min-width:0;margin:0!important;padding:0!important}
html body.sas3-frame #nl-hd .nl-logo img{height:30px!important;width:auto!important;max-width:150px;object-fit:contain}
html body.sas3-frame #nl-hd .nl-tel{grid-column:4;justify-self:center}
html body.sas3-frame #nl-hd .nl-tel span{display:none!important}
html body.sas3-frame #nl-hd .nl-cart{grid-column:5;justify-self:center}
html body.sas3-frame #nl-hd .nl-acct,html body.sas3-frame #nl-hd #sas-r3-hs{display:none!important}
html body.sas3-frame #nl-hd .nl-btn{width:44px;height:44px;min-width:44px;padding:0!important;margin:0!important;background:transparent!important;border:0!important;color:#fff!important;display:grid;place-items:center}
html body.sas3-frame #nl-hd .nl-btn svg{width:22px;height:22px}
html body.sas3-frame #nl-hd .nl-cart-n{position:absolute;top:4px;right:2px;min-width:16px;height:16px;border-radius:8px;background:var(--s3-red2);color:#fff;font:700 10px/16px var(--s3-t);text-align:center;padding:0 4px}
html body.sas3-frame #nl-hd #sas-r4-ps{grid-row:2;grid-column:1/-1;display:none!important;margin:0 4px 10px!important;width:auto!important}
html body.sas3-frame #nl-hd.sas3-so #sas-r4-ps{display:flex!important}
html body.sas3-frame #nl-hd #sas-r4-ps input[type=search]{height:44px!important;border-radius:4px 0 0 4px!important;font-size:16px!important}
html body.sas3-frame #nl-hd #sas-r4-ps button{height:44px!important;border-radius:0 4px 4px 0!important;background:var(--s3-red)!important}
}

/* the vehicle bar: steel with a green check, or red "Add your vehicle" */
html body.sas3-frame #sas-cv-bar.sas-vb{display:flex!important;align-items:center;gap:10px;min-height:52px;margin:0;padding:8px 12px!important;background:var(--s3-steel)!important;color:#fff!important;border:0!important;border-top:1px solid #2f3238!important;font-family:var(--s3-t);position:relative!important;top:auto!important;z-index:20;box-shadow:none!important;justify-content:flex-start}
html body.sas3-frame.sas-vp-page #sas-cv-bar{display:none!important}
html body.sas3-frame #sas-cv-bar.sas-vb.sas-cv-bar--add{background:var(--s3-red)!important;border-top-color:var(--s3-red)!important}
html body.sas3-frame #sas-cv-bar .sas-vb-ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--s3-fit);color:#fff}
html body.sas3-frame #sas-cv-bar .sas-vb-ic svg{width:17px;height:17px}
html body.sas3-frame #sas-cv-bar.sas-cv-bar--add .sas-vb-ic{background:#fff;color:var(--s3-red)}
html body.sas3-frame #sas-cv-bar .sas-vb-l{flex:1 1 auto;min-width:0;color:#fff!important;white-space:normal;overflow:hidden}
html body.sas3-frame #sas-cv-bar .sas-vb-l small{display:block;font:600 10px/1.2 var(--s3-t);letter-spacing:.12em;text-transform:uppercase;color:#9da2aa}
html body.sas3-frame #sas-cv-bar.sas-cv-bar--add .sas-vb-l small{color:#ffd9da}
html body.sas3-frame #sas-cv-bar .sas-vb-v,html body.sas3-frame #sas-cv-bar .sas-vb-l b{display:block;font:800 19px/1.05 var(--s3-d)!important;text-transform:none;color:#fff!important;text-decoration:none!important;white-space:normal;overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:.01em}
html body.sas3-frame #sas-cv-bar .sas-cv-change{flex:none;min-height:40px!important;padding:0 12px!important;background:transparent!important;color:#fff!important;border:1px solid #4a4e56!important;border-radius:4px!important;font:600 12.5px/1 var(--s3-t)!important;text-transform:none!important}
html body.sas3-frame #sas-cv-bar.sas-cv-bar--add .sas-cv-change{background:#fff!important;color:var(--s3-ink)!important;border-color:#fff!important;font-weight:700!important}
html body.sas3-frame .nl-tip{display:none!important}

/* the ONE product card: photo on light grey, black price tag on the corner, brand, clean name, one fit line, stock dot */
html body.sas3-frame ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 10px!important;margin:0 0 16px!important;padding:0!important}
html body.sas3-frame ul.products::before,html body.sas3-frame ul.products::after{display:none!important}
@media (min-width:900px){html body.sas3-frame ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px 16px!important}}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product{display:flex!important;flex-direction:column!important;align-items:stretch;position:relative!important;isolation:isolate;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;text-align:left!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product::before{content:"";position:absolute;left:0;top:0;width:100%;aspect-ratio:1/1;background:var(--s3-paper);border-radius:6px;z-index:-1}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .astra-shop-thumbnail-wrap,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .astra-shop-summary-wrap,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product a.ast-loop-product__link{display:contents!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product *{order:8}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .astra-shop-thumbnail-wrap > a > img,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .astra-shop-thumbnail-wrap > img{order:1;display:block!important;position:relative;z-index:1;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:contain!important;padding:7%!important;margin:0!important;mix-blend-mode:multiply;background:transparent!important;border:0!important;border-radius:6px;box-shadow:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-dg-gal{order:1;position:relative;z-index:1;aspect-ratio:1/1;width:100%;background:var(--s3-paper)!important;border-radius:6px;overflow:hidden;margin:0!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-dg-track{height:100%!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-dg-slide{height:100%!important;display:flex!important;align-items:center;justify-content:center}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-dg-gal img{width:100%!important;height:100%!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-dg-gal img{mix-blend-mode:multiply;object-fit:contain!important;padding:7%;background:transparent!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-dg-cap,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-dg-more,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .ast-on-card-button,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .ast-woo-product-category,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r4-cmpbox,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .nl-pn,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .nl-veh,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .star-rating,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .onsale{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-dg-nav{z-index:3}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product h2.woocommerce-loop-product__title{order:2;display:block!important;margin:10px 0 0!important;padding:0!important;font:700 14px/1.22 var(--s3-t)!important;color:var(--s3-ink)!important;text-transform:none!important;letter-spacing:0!important;min-height:0!important;height:auto!important;overflow:visible!important;-webkit-line-clamp:unset!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product h2 .nl-br{display:block!important;font:700 10.5px/1 var(--s3-t)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--s3-mute)!important;margin:0 0 5px!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product h2 .nl-nm{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:700 14px/1.22 var(--s3-t)!important;color:var(--s3-ink)!important;text-transform:none!important;letter-spacing:0!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product h2 .sas-r2-nm{display:block!important;-webkit-line-clamp:unset}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product h2 .sas-r2-l1{display:block;font:700 14px/1.22 var(--s3-t)}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product h2 .sas-r2-l2{display:block;font:500 12px/1.3 var(--s3-t);color:var(--s3-mute);margin-top:3px}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price{order:0;position:absolute!important;left:0;top:0;z-index:4;display:block!important;margin:0!important;padding:7px 9px 6px!important;background:var(--s3-ink)!important;color:#fff!important;border-radius:6px 0 6px 0;font:800 19px/1 var(--s3-d)!important;letter-spacing:.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .amount,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .amount *,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price ins,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price bdi{color:#fff!important;font:inherit!important;text-decoration:none!important;background:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price del{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price ins{text-decoration:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-ea,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price small{font:600 10px/1 var(--s3-t)!important;color:#b9bcc2!important;margin-left:3px}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-set4,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-r2-set{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price:has(.sas-mc){display:contents!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-dg-range{font-size:0!important;color:#fff!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price:has(.sas-mc) .sas-dg-range{order:0;position:absolute!important;left:0;top:0;z-index:4;display:block!important;padding:7px 9px 6px!important;background:var(--s3-ink)!important;border-radius:6px 0 6px 0;white-space:nowrap}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-dg-pre{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-dg-ea{font:600 10px/1 var(--s3-t)!important;color:#b9bcc2!important;margin-left:3px}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-mc{order:3;display:block!important;position:static!important;margin:6px 0 0!important;padding:0!important;background:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-mc-l{display:block;font:500 12px/1.3 var(--s3-t)!important;color:var(--s3-mute)!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-fitans{order:3;display:block!important;position:relative!important;margin:6px 0 0!important;padding:0 0 0 19px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:600 12px/1.25 var(--s3-t)!important;color:#8a5a00!important;text-transform:none!important;letter-spacing:0!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-fitans.is-fit{color:var(--s3-fit)!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-fitans::before{content:"";position:absolute;left:0;top:1px;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E") center/14px no-repeat}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product:has(.sas-fitans) .sas-cf{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-dg-range::before{content:"From ";font-size:10px;font:600 10px/1 var(--s3-t);color:#b9bcc2;margin-right:2px}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-dg-range > .amount{font:800 19px/1 var(--s3-d)!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .price .sas-dg-range > .amount ~ .amount{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-cf,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb{order:3;display:block;margin:6px 0 0!important;padding:0 0 0 19px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:600 12px/1.25 var(--s3-t)!important;color:var(--s3-mute)!important;text-transform:none!important;letter-spacing:0!important;white-space:normal!important;inset:auto!important;transform:none!important;max-width:none!important;width:auto!important;min-height:0!important;position:relative!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-cf::before,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb::before{content:"";position:absolute;left:0;top:1px;width:14px;height:14px;background:currentColor;-webkit-mask:var(--s3-ico) center/14px no-repeat;mask:var(--s3-ico) center/14px no-repeat;--s3-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 11v5M12 8h.01%22/%3E%3C/svg%3E")}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-cf--yes,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb.is-fit,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb.is-dt{color:var(--s3-fit)!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-cf--yes::before,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb.is-fit::before,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb.is-dt::before{--s3-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E")}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb.is-check,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb.is-cond{color:#8a5a00!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-cf.sas-vp-merged{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb.is-cond{color:var(--s3-fit)!important;padding-left:0!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb.is-cond::before{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-cf,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-fitans{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r5-fb + .sas-cf,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-cf.sas-vp-merged{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r3-in{order:4;display:flex!important;align-items:center;gap:5px;margin:5px 0 0!important;font:500 11.5px/1.2 var(--s3-t)!important;color:var(--s3-mute)!important;background:none!important;padding:0!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r3-in i{width:7px;height:7px;border-radius:50%;background:var(--s3-fit)!important;display:inline-block;flex:none}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r3-in.is-order{color:#92400e!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .sas-r3-in.is-order i{background:#d97706!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product a.button,html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product .added_to_cart{display:none!important}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product a.button.add_to_cart_button[data-quantity="4"]{order:6;display:flex!important;align-items:center;justify-content:center;height:40px;margin:10px 0 0!important;padding:0 8px!important;border:1.5px solid var(--s3-ink)!important;border-radius:4px!important;background:#fff!important;color:var(--s3-ink)!important;font:800 15px/1 var(--s3-d)!important;text-transform:uppercase!important;letter-spacing:.04em!important;box-shadow:none!important;width:100%}
html body.sas3-frame.sas3-frame.sas3-frame ul.products li.product.product a.button.add_to_cart_button[data-quantity="4"].added{background:var(--s3-ink)!important;color:#fff!important}

/* recently viewed: always after the results on a listing page, photos on light grey, never a blank box */
html body.sas3-frame #page .ast-woocommerce-container > .sas-r4-rv{order:99!important;margin:24px 0 0!important}
html body.sas3-frame .sas-r4-rv .sas-r4-rv-h{font:800 22px/1 var(--s3-d)!important;text-transform:uppercase;color:var(--s3-ink)!important}
html body.sas3-frame .sas-r4-rv .sas-r4-rv-c img{background:var(--s3-paper)!important;border-radius:6px!important;object-fit:contain!important}
html body.sas3-frame .sas-r4-rv .sas-r4-rv-c img.sas3-noimg{visibility:hidden!important}
/* sticky black action bar wherever there is a price (product pages) */
.sas3-ab{display:none}
html body.sas3-frame .sas3-ab{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(13,13,15,.97);color:#fff;border-top:1px solid #2b2d33;transform:translateY(110%);transition:transform .2s ease;font-family:var(--s3-t)}
html body.sas3-frame .sas3-ab.is-on{transform:none}
html body.sas3-frame .sas3-ab .p{flex:1;min-width:0}
html body.sas3-frame .sas3-ab .p b{display:block;font:800 24px/1 var(--s3-d);color:#fff}
html body.sas3-frame .sas3-ab .p small{display:block;font-size:11px;line-height:1.3;color:#a8acb3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.sas3-frame .sas3-ab button{flex:none;height:48px;padding:0 18px;border:0;border-radius:4px;background:var(--s3-red);color:#fff;font:800 17px/1 var(--s3-d);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
html body.sas3-frame.sas3-ab-on{padding-bottom:72px}
@media (min-width:900px){html body.sas3-frame .sas3-ab{display:none!important}html body.sas3-frame.sas3-ab-on{padding-bottom:0}}

/* footer: help first, black, folding links */
.sas3-hb{display:none}
html body.sas3-frame .sas3-hb{display:block;margin:0;border:0;background:var(--s3-ink);color:#c9ccd1;padding:28px 16px 6px;font-family:var(--s3-t)}
html body.sas3-frame .sas3-hb .k{display:flex;align-items:center;gap:8px;margin:0;font:700 11px/1 var(--s3-t);letter-spacing:.16em;text-transform:uppercase;color:var(--s3-yel)}
html body.sas3-frame .sas3-hb .k::before{content:"";width:18px;height:2px;background:currentColor}
html body.sas3-frame .sas3-hb h2{margin:8px 0 14px;font:800 30px/.95 var(--s3-d);text-transform:uppercase;color:#fff;letter-spacing:.005em}
html body.sas3-frame .sas3-hb .hc{display:grid;gap:8px}
html body.sas3-frame .sas3-hb .hc a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #2b2d33;border-radius:8px;background:var(--s3-char);color:#fff!important;text-decoration:none!important;min-height:64px}
html body.sas3-frame .sas3-hb .hc .ic{width:38px;height:38px;border-radius:50%;background:var(--s3-red);color:#fff;display:grid;place-items:center;flex:none}
html body.sas3-frame .sas3-hb .hc .ic svg{width:18px;height:18px}
html body.sas3-frame .sas3-hb .hc b{display:block;font:800 18px/1 var(--s3-d);text-transform:uppercase;color:#fff}
html body.sas3-frame .sas3-hb .hc span span{display:block;font-size:12.5px;color:#a8acb3;margin-top:4px}
html body.sas3-frame .sas3-hb .hc > a > svg{margin-left:auto;color:#6b6f76;width:16px;height:16px;flex:none}
html body.sas3-frame .sas3-hb .brand{margin:26px 0 0}
html body.sas3-frame .sas3-hb .brand img{height:34px;width:auto;display:block}
html body.sas3-frame .sas3-hb .brand p{margin:8px 0 0;font-size:13px;color:#c9ccd1}
html body.sas3-frame .sas-footer{background:var(--s3-ink)!important;color:#c9ccd1!important;padding:6px 16px 22px!important;margin:0!important;border:0!important;font-family:var(--s3-t)}
html body.sas3-frame .sas-footer a{color:#e4e5e7!important}
html body.sas3-frame .sas-footer h2{color:#fff!important}
html body.sas3-frame .sas-r3-visit,html body.sas3-frame #colophon .stinger-crosslink{display:none!important}
html body.sas3-frame .sas-r3-ft{display:block!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html body.sas3-frame .sas-r3-pay,html body.sas3-frame .sas-r3-su{padding:0!important;margin:18px 0 0!important;border:0!important;background:transparent!important}
html body.sas3-frame .sas-r3-pay h2{display:none!important}
html body.sas3-frame .sas-r3-pay ul{display:flex!important;flex-wrap:wrap;gap:5px;margin:0!important;padding:0!important;list-style:none}
html body.sas3-frame .sas-r3-pay li{margin:0!important;padding:3px 4px!important;border:1px solid #3a3d44;border-radius:3px;background:#fff;line-height:0}
html body.sas3-frame .sas-r3-pay li img{height:20px!important;width:auto!important}
html body.sas3-frame .sas-r3-pay p{font-size:11.5px!important;color:#8d9198!important;margin:8px 0 0!important}
html body.sas3-frame .sas-r3-su h2{font:800 19px/1 var(--s3-d)!important;text-transform:uppercase;color:#fff!important;margin:0 0 10px!important}
html body.sas3-frame .sas-r3-su form{display:flex!important;gap:8px}
html body.sas3-frame .sas-r3-su input[type=email]{flex:1;min-width:0;height:46px!important;background:var(--s3-char)!important;border:1px solid #3a3d44!important;border-radius:4px!important;color:#fff!important;padding:0 12px!important;font-size:16px!important}
html body.sas3-frame .sas-r3-su button{height:46px!important;padding:0 16px!important;border:0!important;border-radius:4px!important;background:var(--s3-red)!important;color:#fff!important;font:800 16px/1 var(--s3-d)!important;text-transform:uppercase;letter-spacing:.04em}
html body.sas3-frame .sas-r3-su-fine{font-size:11.5px!important;color:#8d9198!important}
html body.sas3-frame .sas-footer-end{border:0!important;margin:16px 0 0!important;padding:0!important;background:transparent!important}
html body.sas3-frame .sas-footer-end p{font-size:11.5px!important;line-height:1.55!important;color:#8d9198!important;text-align:left!important;margin:0!important}
html body.sas3-frame .sas-footer-end strong{color:#c9ccd1}
@media (max-width:899px){
html body.sas3-frame .sas-footer-cols{display:block!important;margin:0!important;padding:0!important;border-top:1px solid #2b2d33}
html body.sas3-frame .sas-footer-col{margin:0!important;padding:0!important;border-bottom:1px solid #2b2d33;width:auto!important}
html body.sas3-frame .sas-footer-col h2{display:flex!important;justify-content:space-between;align-items:center;margin:0!important;padding:0!important;min-height:50px;font:800 17px/1 var(--s3-d)!important;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}
html body.sas3-frame .sas-footer-col h2::after{content:"+";font:400 24px/1 var(--s3-t);color:#fff}
html body.sas3-frame .sas-footer-col.is-open h2::after{content:"\2212"}
html body.sas3-frame .sas-footer-col ul{display:none!important;margin:0 0 10px!important;padding:0!important;list-style:none}
html body.sas3-frame .sas-footer-col.is-open ul{display:block!important}
html body.sas3-frame .sas-footer-col li{margin:0!important;padding:0!important}
html body.sas3-frame .sas-footer-col li a{display:flex;align-items:center;min-height:44px;font-size:14px}
}


html body.sas3-home .sas-home{display:flex!important;flex-direction:column!important;background:#fff}
html body.sas3-home .sas-home > *{order:9!important}
html body.sas3-home .sas-home > .hm-hero{order:1!important}
html body.sas3-home .sas-home > .hm-pick{order:2!important}
html body.sas3-home .sas-home > .sas3-trust{order:3!important}
html body.sas3-home .sas-home > .hm-depts{order:4!important}
html body.sas3-home .sas-home > #packages{order:5!important}
html body.sas3-home .sas-home > .hm-jobs{order:6!important;display:block!important}
html body.sas3-home .sas-home > .sas3-how{order:7!important}
html body.sas3-home .sas-home > .sas-r2-brands{order:8!important}
html body.sas3-home .sas-home > .hm-intro,html body.sas3-home .sas-home > .hm-shelf,html body.sas3-home .sas-home > .sas-r2-pay,html body.sas3-home .sas-home > .hm-ship,html body.sas3-home .sas-home > .sas-r5-auth,html body.sas3-home .sas-home > .hm-sets{display:none!important}
/* hero: the truck photo full width, the promise on it */
html body.sas3-home .hm-hero{position:relative!important;margin:0!important;padding:0!important;background:var(--s3-ink)!important;overflow:hidden;min-height:470px;display:block!important}
html body.sas3-home .hm-hero .hm-hero-ph,html body.sas3-home .hm-hero .hm-hero-ph img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;max-width:none!important;border-radius:0!important}
html body.sas3-home .hm-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,.86) 100%);z-index:1}
html body.sas3-home .hm-hero .hm-hero-tx{position:relative!important;z-index:2;padding:230px 16px 20px!important;margin:0!important;background:none!important;max-width:none!important}
html body.sas3-home .hm-hero .hm-eyebrow{font:700 11px/1.2 var(--s3-t)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--s3-yel)!important;margin:0!important}
html body.sas3-home .hm-hero .hm-h1{font:800 50px/.9 var(--s3-d)!important;text-transform:uppercase;color:#fff!important;margin:6px 0 0!important;letter-spacing:.005em!important;text-wrap:balance}
html body.sas3-home .hm-hero .hm-h1 span{color:var(--s3-red2)!important}
html body.sas3-home .sas3-hero-p{margin:10px 0 0;color:#d6d8dc;font:400 14px/1.45 var(--s3-t);max-width:32em}
@media (min-width:900px){html body.sas3-home .hm-hero{min-height:520px}html body.sas3-home .hm-hero .hm-hero-tx{padding:260px 48px 40px!important;max-width:900px!important}html body.sas3-home .hm-hero .hm-h1{font-size:72px!important}}
/* picker on black with the red tab */
html body.sas3-home .hm-pick{background:var(--s3-ink)!important;margin:0!important;padding:28px 16px 18px!important}
html body.sas3-home .hm-pick-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 auto!important;max-width:640px;border-radius:0!important}
html body.sas3-home .hm-pick-tab{display:inline-block!important;background:var(--s3-red)!important;color:#fff!important;font:800 15px/1 var(--s3-d)!important;letter-spacing:.06em;text-transform:uppercase;padding:9px 14px!important;margin:0 0 14px 6px!important;transform:skewX(-12deg);clip-path:none!important;border-radius:0!important;width:auto!important;height:auto!important}
html body.sas3-home .hm-pick-body{padding:0!important;background:transparent!important;border:0!important}
html body.sas3-home .hm-pick .sas-pick-lead{color:#c9ccd1!important;font:500 13.5px/1.4 var(--s3-t)!important;margin:0 0 10px!important}
html body.sas3-home .hm-pick select.sas-cas-s{height:48px!important;border-radius:4px!important;font:600 15px/1 var(--s3-t)!important;margin:0 0 8px!important}
html body.sas3-home .hm-pick select.sas-cas-s:disabled{background-color:#2a2c31!important;color:#7d8189!important;border-color:#2a2c31!important}
html body.sas3-home .hm-pick .sas-pick-note{color:#a8acb3!important;font-size:12.5px!important}
/* trust row */
html body.sas3-home .sas3-trust{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2b2d33;font-family:var(--s3-t)}
html body.sas3-home .sas3-trust > div{background:var(--s3-char);color:#fff;padding:12px;display:flex;gap:9px;align-items:flex-start}
html body.sas3-home .sas3-trust svg{color:var(--s3-yel);width:18px;height:18px;margin-top:1px;flex:none}
html body.sas3-home .sas3-trust b{display:block;font:700 12.5px/1.2 var(--s3-t);color:#fff}
html body.sas3-home .sas3-trust b a{color:#fff!important;text-decoration:underline;text-underline-offset:2px}
html body.sas3-home .sas3-trust span span{display:block;font-size:11.5px;line-height:1.35;color:#a8acb3;margin-top:2px}
@media (min-width:900px){html body.sas3-home .sas3-trust{grid-template-columns:repeat(4,1fr)}}
/* section heads: red rule eyebrow + big title */
html body.sas3-home .hm-depts,html body.sas3-home .hm-jobs,html body.sas3-home .sas-r2-brands{margin:0!important;padding:28px 16px!important;border:0!important}
html body.sas3-home .hm-depts{background:#fff!important}
html body.sas3-home .hm-depts .hm-in,html body.sas3-home .hm-jobs .hm-in,html body.sas3-home .sas-r2-brands .hm-in{padding:0!important;margin:0 auto!important;max-width:1200px}
html body.sas3-home .hm-h2{font:800 30px/.95 var(--s3-d)!important;text-transform:uppercase;margin:0 0 14px!important;color:var(--s3-ink)!important;letter-spacing:0!important}
html body.sas3-home .hm-h2 span{color:inherit!important}
html body.sas3-home .hm-h2::before{display:block;font:700 11px/1 var(--s3-t);letter-spacing:.16em;color:var(--s3-red);margin:0 0 8px;content:"\2014  Shop"}
html body.sas3-home .hm-jobs .hm-h2::before{content:"\2014  What are you working on"}
html body.sas3-home .sas-r2-brands .hm-h2::before{content:"\2014  Brands"}
/* department photo tiles */
html body.sas3-home .hm-dept-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}
@media (min-width:900px){html body.sas3-home .hm-dept-row{grid-template-columns:repeat(4,1fr)!important}}
html body.sas3-home a.hm-dept{position:relative!important;display:block!important;aspect-ratio:1/1.05;border-radius:6px!important;overflow:hidden;background:var(--s3-paper)!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;isolation:isolate;text-decoration:none!important;min-height:0!important;height:auto!important}
html body.sas3-home a.hm-dept .hm-dept-ph{position:absolute!important;inset:8% 8% 26%!important;display:block!important;background:none!important;border:0!important;margin:0!important;padding:0!important;height:auto!important;width:auto!important}
html body.sas3-home a.hm-dept .hm-dept-ph img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:multiply;border:0!important}
html body.sas3-home a.hm-dept .hm-dept-name{position:absolute!important;left:10px;right:10px;bottom:24px;font:800 19px/.95 var(--s3-d)!important;text-transform:uppercase;color:var(--s3-ink)!important;border:0!important;padding:0!important;margin:0!important;background:none!important}
html body.sas3-home a.hm-dept .hm-dept-n{position:absolute!important;left:10px;bottom:9px;font:500 11px/1 var(--s3-t)!important;color:var(--s3-mute)!important;padding:0!important;margin:0!important}
html body.sas3-home .hm-depts .hm-more{display:flex!important;flex-wrap:wrap;gap:6px;margin:12px 0 0!important;font:600 12.5px/1 var(--s3-t)!important;color:var(--s3-mute)!important;align-items:center}
html body.sas3-home .hm-depts .hm-more a{display:inline-flex!important;align-items:center;min-height:36px;padding:0 12px!important;border:1px solid var(--s3-line)!important;border-radius:30px!important;background:#fff!important;color:var(--s3-ink)!important;text-decoration:none!important;margin:0!important}
/* package band: photo with the promise when no vehicle; the vehicle packages on black once one is saved */
html body.sas3-home #packages.sas-vpk{position:relative!important;margin:0!important;padding:170px 16px 22px!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;background:var(--s3-ink) url("https://stingerusa.com/wp-content/uploads/2026/09/stinger-job-wheels.webp") center/cover no-repeat!important;max-width:none!important;isolation:isolate}
html body.sas3-home #packages.sas-vpk::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.88) 100%);z-index:-1}
html body.sas3-home #packages.sas-vpk:has(.sas-vpk-grid){padding:28px 16px!important;background:var(--s3-ink)!important}
html body.sas3-home #packages .sas-vpk-h{font:800 42px/.92 var(--s3-d)!important;text-transform:none;color:#fff!important;margin:0!important;letter-spacing:.005em!important}
html body.sas3-home #packages:has(.sas-vpk-grid) .sas-vpk-h{font-size:30px!important}
html body.sas3-home #packages .sas-vpk-sub{color:#d6d8dc!important;font:400 14px/1.45 var(--s3-t)!important;margin:8px 0 0!important;max-width:34em}
html body.sas3-home #packages .sas-vpk-btn{margin-top:14px!important;height:48px!important;padding:0 20px!important;border:0!important;border-radius:4px!important;background:var(--s3-red)!important;color:#fff!important;font:800 17px/1 var(--s3-d)!important;text-transform:uppercase;letter-spacing:.04em}
html body.sas3-home #packages .sas-vpk-card{background:#fff!important;color:var(--s3-ink)!important;border-radius:8px!important}
/* shop by job: photos in a row that scrolls sideways */
html body.sas3-home .hm-jobs{background:var(--s3-paper)!important;color:var(--s3-ink)!important}
html body.sas3-home .hm-jobs .hm-sub{display:none!important}
html body.sas3-home .hm-job-grid{display:flex!important;gap:10px!important;overflow-x:auto;margin:0 -16px!important;padding:0 16px 4px!important;scrollbar-width:none;scroll-snap-type:x mandatory}
html body.sas3-home .hm-job-grid::-webkit-scrollbar{display:none}
html body.sas3-home a.hm-job{flex:0 0 150px!important;position:relative!important;height:190px!important;border-radius:6px!important;overflow:hidden;background:#111!important;display:block!important;scroll-snap-align:start;margin:0!important;padding:0!important;border:0!important;text-decoration:none!important}
html body.sas3-home a.hm-job .hm-job-ph,html body.sas3-home a.hm-job .hm-job-ph img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;opacity:.9;aspect-ratio:auto!important}
html body.sas3-home a.hm-job::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}
html body.sas3-home a.hm-job .hm-job-tx{position:absolute!important;left:10px;right:10px;bottom:10px;z-index:2;background:none!important;padding:0!important}
html body.sas3-home a.hm-job .hm-job-name{display:block;font:800 22px/.95 var(--s3-d)!important;text-transform:uppercase;color:#fff!important}
html body.sas3-home a.hm-job .hm-job-sub{display:block;font:500 11px/1.3 var(--s3-t)!important;color:#d6d8dc!important;margin-top:4px}
/* how it works, on black */
html body.sas3-home .sas3-how{background:var(--s3-ink);color:#fff;padding:28px 16px;font-family:var(--s3-t)}
html body.sas3-home .sas3-how .k{display:flex;align-items:center;gap:8px;margin:0;font:700 11px/1 var(--s3-t);letter-spacing:.16em;text-transform:uppercase;color:var(--s3-yel)}
html body.sas3-home .sas3-how .k::before{content:"";width:18px;height:2px;background:currentColor}
html body.sas3-home .sas3-how h2{margin:8px 0 16px;font:800 30px/.95 var(--s3-d);text-transform:uppercase;color:#fff}
html body.sas3-home .sas3-how .steps{display:grid;gap:14px}
html body.sas3-home .sas3-how .steps > div{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
html body.sas3-home .sas3-how i{font:800 40px/.8 var(--s3-d);font-style:normal;color:var(--s3-red2)}
html body.sas3-home .sas3-how b{display:block;font:800 19px/1 var(--s3-d);text-transform:uppercase;color:#fff}
html body.sas3-home .sas3-how span span{display:block;font-size:13px;line-height:1.4;color:#b9bcc2;margin-top:3px}
/* brands: logos on black tiles in a light grid */
html body.sas3-home .sas-r2-brands{background:#fff!important;color:var(--s3-ink)!important}
html body.sas3-home .sas-r2-logos{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1px!important;background:var(--s3-line)!important;border:1px solid var(--s3-line)!important}
html body.sas3-home a.sas-r2-logo{background:var(--s3-ink)!important;border:0!important;border-radius:0!important;display:grid!important;place-items:center;min-height:64px;padding:12px!important;margin:0!important}
html body.sas3-home .sas-r4-br-more{display:inline-block!important;margin-top:12px!important;color:var(--s3-red)!important;font:600 12.5px/1 var(--s3-t)!important;border-bottom:1.5px solid currentColor;padding-bottom:3px}


html body.sas3-menu #nl-drawer{display:flex!important;flex-direction:column;width:100%!important;max-width:480px!important;background:var(--s3-ink)!important;color:#fff!important;padding:0 0 24px!important;font-family:var(--s3-t)}
html body.sas3-menu #nl-drawer > *{order:20}
html body.sas3-menu #nl-drawer > .nl-dr-hd{order:1;display:flex!important;align-items:center;justify-content:space-between;padding:8px 8px 8px 14px!important;margin:0!important;background:transparent!important;border:0!important;min-height:56px}
html body.sas3-menu #nl-drawer > .nl-dr-hd > b{display:none!important}
html body.sas3-menu #nl-drawer .sas3-mlogo{height:30px;width:auto;display:block}
html body.sas3-menu #nl-drawer .nl-dr-hd .nl-btn{color:#fff!important;background:transparent!important;border:0!important;width:44px;height:44px}
html body.sas3-menu #nl-drawer > .nl-dr-sec:has(.nl-search){order:2;padding:0 14px!important;margin:0!important;border:0!important}
html body.sas3-menu #nl-drawer > .nl-dr-sec:has(.nl-search) .nl-dr-h{display:none!important}
html body.sas3-menu #nl-drawer .nl-search input{height:46px!important;border-radius:4px 0 0 4px!important;background:#fff!important;color:var(--s3-ink)!important;font-size:16px!important;border:0!important}
html body.sas3-menu #nl-drawer .nl-search button{height:46px!important;border-radius:0 4px 4px 0!important;background:var(--s3-red)!important;color:#fff!important;border:0!important}
html body.sas3-menu #nl-drawer > .nl-dr-sec:has(.nl-truckbtn){order:3;padding:14px 14px 0!important;margin:0!important;border:0!important}
html body.sas3-menu #nl-drawer .nl-truckbtn{position:relative!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;min-height:120px;padding:14px 92px 14px 14px!important;border:0!important;border-radius:8px!important;overflow:hidden;text-align:left;background:#26282d!important;color:#fff!important;isolation:isolate;box-shadow:none!important}
html body.sas3-menu #nl-drawer.is-open .nl-truckbtn{background:#26282d url("https://stingerusa.com/wp-content/uploads/2026/09/stinger-banner-home-phone-1.webp") center/cover no-repeat!important}
html body.sas3-menu #nl-drawer .nl-truckbtn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.35));z-index:-1}
html body.sas3-menu #nl-drawer .nl-truckbtn .nl-pick-tab{display:block!important;background:none!important;transform:none!important;padding:0!important;margin:0!important;font:700 10.5px/1 var(--s3-t)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--s3-yel)!important;clip-path:none!important}
html body.sas3-menu #nl-drawer .nl-truckbtn .nl-truck-l{display:block!important;margin:5px 0 0!important;padding:0!important;text-indent:0!important;background:none!important;font:800 24px/1 var(--s3-d)!important;text-transform:none;color:#fff!important}
html body.sas3-menu #nl-drawer .nl-truckbtn > b{position:absolute!important;right:14px;bottom:14px;display:flex!important;align-items:center;height:40px;padding:0 18px!important;border-radius:4px;background:var(--s3-red)!important;color:#fff!important;font:800 15px/1 var(--s3-d)!important;text-transform:uppercase;letter-spacing:.04em}
html body.sas3-menu #nl-drawer > .nl-dr-sec:has(.nl-da-list){order:4;padding:16px 14px 0!important;margin:0!important;border:0!important}
html body.sas3-menu #nl-drawer .nl-dr-h{font:700 11px/1 var(--s3-t)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--s3-yel)!important;margin:0 0 6px!important}
html body.sas3-menu #nl-drawer .nl-da{border:0!important;border-bottom:1px solid #26282d!important;margin:0!important;background:transparent!important}
html body.sas3-menu #nl-drawer .nl-da-row,html body.sas3-menu #nl-drawer .sas3-mrow{display:grid!important;grid-template-columns:1fr 58px;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:8px 0!important;min-height:74px;background:transparent!important;border:0!important;color:#fff!important;text-decoration:none!important;list-style:none;cursor:pointer}
html body.sas3-menu #nl-drawer .nl-da-row::-webkit-details-marker{display:none}
html body.sas3-menu #nl-drawer .nl-da-row::after{display:none!important}
html body.sas3-menu #nl-drawer .nl-da-row .ph,html body.sas3-menu #nl-drawer .sas3-mrow .ph{grid-column:2;grid-row:1/3;width:58px!important;height:58px!important;border-radius:6px!important;background:var(--s3-paper)!important;display:grid!important;place-items:center;overflow:hidden;margin:0!important;isolation:isolate}
html body.sas3-menu #nl-drawer .nl-da-row .ph img,html body.sas3-menu #nl-drawer .sas3-mrow .ph img{width:86%!important;height:86%!important;object-fit:contain;mix-blend-mode:multiply}
html body.sas3-menu #nl-drawer .nl-da-row .ph img:not([src]){visibility:hidden}
html body.sas3-menu #nl-drawer .nl-dd-t,html body.sas3-menu #nl-drawer .sas3-mrow b{grid-column:1;grid-row:1;align-self:end;font:800 26px/1 var(--s3-d)!important;text-transform:uppercase!important;color:#fff!important;letter-spacing:.005em}
html body.sas3-menu #nl-drawer .nl-da-row small,html body.sas3-menu #nl-drawer .sas3-mrow small{grid-column:1;grid-row:2;align-self:start;font:500 11.5px/1.3 var(--s3-t)!important;color:#8d9198!important;margin:3px 0 0!important}
html body.sas3-menu #nl-drawer .nl-da[open] .nl-da-row .nl-dd-t{color:var(--s3-yel)!important}
html body.sas3-menu #nl-drawer .nl-da-p{padding:0 0 12px!important;background:transparent!important;border:0!important}
html body.sas3-menu #nl-drawer .nl-da-p a{display:flex!important;justify-content:space-between;align-items:center;min-height:44px;padding:0 4px!important;color:#e4e5e7!important;font:600 14px/1.2 var(--s3-t)!important;border:0!important;border-bottom:1px solid #1d1f23!important;background:transparent!important;text-decoration:none!important}
html body.sas3-menu #nl-drawer .nl-da-p a small{color:#8d9198!important;font-weight:500!important}
html body.sas3-menu #nl-drawer .nl-da-p a.nl-da-all{color:#fff!important;font-weight:700!important}
html body.sas3-menu #nl-drawer .sas3-mrow{border-bottom:1px solid #26282d!important}
html body.sas3-menu #nl-drawer .sas-r4-br-dr{display:inline-flex!important;align-items:center;min-height:40px;margin:12px 0 0!important;padding:0 14px!important;border:1px solid #3a3d44!important;border-radius:30px!important;color:#fff!important;background:transparent!important;font:600 13px/1 var(--s3-t)!important;text-decoration:none!important}
html body.sas3-menu #nl-drawer .sas3-mhelp{order:5;padding:18px 14px 0}
html body.sas3-menu #nl-drawer .sas3-mhelp .h{font:700 11px/1 var(--s3-t);letter-spacing:.16em;text-transform:uppercase;color:var(--s3-yel);margin:0 0 8px}
html body.sas3-menu #nl-drawer .sas3-mhelp .g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html body.sas3-menu #nl-drawer .sas3-mhelp a{display:block;border:1px solid #2b2d33;border-radius:6px;padding:12px;color:#fff!important;text-decoration:none!important;min-height:44px}
html body.sas3-menu #nl-drawer .sas3-mhelp a.w{grid-column:1/-1}
html body.sas3-menu #nl-drawer .sas3-mhelp a svg{color:var(--s3-yel);width:20px;height:20px;fill:none!important;stroke:currentColor!important}
html body.sas3-menu #nl-drawer .sas3-mhelp b{display:block;font:800 18px/1.05 var(--s3-d);text-transform:uppercase;margin-top:6px;color:#fff}
html body.sas3-menu #nl-drawer .sas3-mhelp span{display:block;font-size:11.5px;color:#8d9198;margin-top:2px}
html body.sas3-menu #nl-drawer > .nl-dr-acct,html body.sas3-menu #nl-drawer > .nl-call,html body.sas3-menu #nl-drawer > .nl-dr-foot{display:none!important}

html body #nl-drawer .sp-ok{color:#4ade80!important;font-weight:600!important}
html body #nl-drawer .sp-none{color:#8d9198!important}
html body #nl-drawer details.nl-da.sp-none>summary{opacity:.55}
html body #nl-drawer .sp-grp{margin:14px 0 4px!important;padding:0!important;font:700 11px/1 Inter,system-ui,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#f1c230!important}
html body #nl-drawer .nl-da-p a small.sp-ok{color:#4ade80!important}
html body #nl-drawer .nl-da-p a small.sp-none{color:#6b6f76!important}
html body #nl-drawer .nl-da-p a small:empty{display:none}
html body #nl-drawer .sp-all{border-bottom:1px solid #26282d}
html body #nl-drawer.sp-counted .nl-dr-sec:has(.nl-da-list) > .nl-dr-h{display:none!important}
html body #nl-drawer .sas3-mrow.sp-all b{font-size:21px!important;line-height:1.1!important}
html body #nl-drawer .sas3-mrow.sp-all{grid-template-columns:1fr!important}
html body.sas3-menu #nl-drawer .nl-da-row small.sp-ok,html body.sas3-menu #nl-drawer .sas3-mrow small.sp-ok,html body.sas3-menu #nl-drawer .nl-da-p a small.sp-ok{color:#4ade80!important;font-weight:600!important}
html body.sas3-menu #nl-drawer .nl-da-row small.sp-none,html body.sas3-menu #nl-drawer .nl-da-p a small.sp-none{color:#6b6f76!important}