/* Stinger page bundle */

.sas-wb{margin:0 0 8px;}
.sas-wb-h{font-size:14px;line-height:1.35;margin:0 0 6px;color:#4A4A52;}
.sas-wb-h b{color:#111;font-weight:800;}
.sas-wb-row{display:flex;gap:6px;}
.sas-wb-b{flex:1 1 0;min-height:46px;border:2px solid #26262B;background:#fff;
  border-radius:10px;padding:4px;cursor:pointer;display:flex;
  align-items:center;justify-content:center;gap:6px;font-family:inherit;
  color:#111;}
.sas-wb-b b{font-size:15px;font-weight:800;line-height:1.1;}
/* inherit, never a fixed grey: the store pins button colour from another
   style source, so these render red (black when selected) rather than the
   white this file asks for. A fixed grey sub-label was then grey on red -
   measured unreadable on the phone. */
.sas-wb-b span{font-size:12px;color:inherit;opacity:.82;}
.sas-wb-b--on{background:#F1C329;border-color:#111;}
.sas-wb--js .sas-wb-pats{display:none;}
.sas-wb--js .sas-wb-pats--on{display:flex;}
.sas-wb-pats{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 0;}
.sas-wb-p{display:flex;align-items:baseline;gap:6px;min-height:40px;
  padding:8px 11px;border:1px solid #D8D8DE;border-radius:9px;
  background:#FAFAFB;text-decoration:none;}
.sas-wb-p b{font-size:14px;font-weight:800;color:#111;}
.sas-wb-p span{font-size:12px;color:#6A6A72;}
.sas-wb-p:hover,.sas-wb-p:focus{border-color:#C01C23;background:#fff;}
.sas-wb-help{margin:2px 0 0;}
.sas-wb-help summary{font-size:13px;font-weight:700;color:#C01C23;
  cursor:pointer;padding:4px 0;}
.sas-wb-helpb p{font-size:13px;line-height:1.5;color:#4A4A52;margin:6px 0 0;}
.sas-wbs{margin:0 0 8px;font-size:15px;line-height:1.4;color:#26262B;}
.sas-wbs b{font-weight:800;}
.sas-wbs-a{font-size:14px;font-weight:700;color:#C01C23;
  text-decoration:underline;text-underline-offset:2px;margin-left:6px;}

/* THE CARD. */
.sas-ea{font-size:13px;font-weight:600;color:#6B6B73;margin-left:5px;
  white-space:nowrap;}
/* The caption lines are moved under the price by the footer script. Until it
   runs they are hidden where they sit, so nothing jumps. With JavaScript off
   neither rule applies and the card is exactly what it was. */
/* MEASURED, then written this long: snippet 157 pins these three lines with
   body.archive.tax-product_cat ul.products li.product .X {display:block},
   which outranks a short selector here - the first deploy of this file lost
   to it and the duplicate line stayed on screen. */
html.sas-wc-js body.archive.tax-product_cat.sas-wb-wheels ul.products
  li.product .astra-shop-thumbnail-wrap .sas-cf,
html.sas-wc-js body.archive.tax-product_cat.sas-wb-wheels ul.products
  li.product .astra-shop-thumbnail-wrap .sas-set4{display:none!important;}
body.sas-wb-wheels li.product .astra-shop-summary-wrap .sas-cf,
body.sas-wb-wheels li.product .astra-shop-summary-wrap .sas-set4{
  display:block;margin:2px 0 6px;}
/* Said once: the button on a model card names the same number this line
   does. */
body.archive.tax-product_cat.sas-wb-wheels ul.products li.product.sas-wcard-g
  .sas-wg-more{display:none!important;}
/* The Astra cart icon over the picture of a MODEL card (hidden until a mouse
   hovers) added one fitment without asking. The link filter below means to
   drop it, but Astra builds that icon itself and never passes it through
   that filter - measured on the tires cards, 2026-09-12. So it goes here. */
ul.products li.product.sas-wcard-g .ast-on-card-button{display:none!important;}
.sas-wc-q{display:flex;align-items:stretch;width:118px;margin:0 0 8px;
  border:1px solid #C9C9D1;border-radius:8px;overflow:hidden;background:#fff;}
.sas-wc-q .sas-wc-s{flex:0 0 38px;min-height:40px;padding:0;border:0;
  background:#F1F1F4!important;color:#111!important;font-size:20px;
  font-weight:700;line-height:1;cursor:pointer;font-family:inherit;
  border-radius:0!important;}
.sas-wc-n{flex:1 1 auto;display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:800;color:#111;}
.sas-wc-t{display:block;margin:8px 0 0;font-size:12px;line-height:1.35;
  color:#C01C23;text-decoration:underline;text-underline-offset:2px;}
.sas-wc-t:hover,.sas-wc-t:focus{color:#111;}

/* THE STRIP PAYS FOR ITSELF. The tire-size finder (snippet 130) is a TIRE
   control - measured on the live page, it is the box headed KNOW YOUR TIRE
   SIZE with 275/60R20 in it - and on a WHEELS archive it answers a question
   nobody there is asking. It cost 44px at 375px and 154px at 1440px, both
   directly above the first wheel. Wheels root only, and only while the strip
   is on screen; every tire page keeps it exactly as it is. */
body.sas-wb-panel .st-sf-tog,
body.sas-wb-panel form.st-sf,
body.sas-wb-set .st-sf-tog,
body.sas-wb-set form.st-sf{display:none!important;}
@media (min-width:768px){
  .sas-wb-h{font-size:15px;}
  .sas-wb-row{max-width:560px;}
}


/* ---- primary nav: five items, one call button, one grouped entry.
       Seven flat items wrapped onto two lines at 1718px - measured on the
       live header. flex-wrap stays as the safety net, not as the plan. ---- */
.sas-nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;list-style:none;
  margin:0;padding:0;position:relative;}
.sas-nav > li > a{display:block;padding:12px 14px;font-weight:700;font-size:16px;
  text-decoration:none;line-height:1.2;min-height:48px;box-sizing:border-box;}
/* Astra's own dropdowns stay dead. .sas-subnav is ours and is not one. */
.sas-nav .sub-menu,.sas-nav .children{display:none!important;}

/* ---- the grouped entry. Native <details>, no JavaScript, no hover. ---- */
.sas-nav-group{position:relative;}
/* #fff, and measured: a <summary> is not an <a>, so Astra's white header-link
   colour never reached it and it computed to #26262B on a #111 bar - contrast
   about 1.1:1, invisible on the desktop bar AND in the mobile drawer, both of
   which are #111. It is set to the same white Astra computes for its sibling
   links, so if the header ever goes light the whole nav moves together. */
.sas-nav-details > summary{display:flex;align-items:center;gap:7px;cursor:pointer;
  color:#fff;padding:12px 14px;font-weight:700;font-size:16px;line-height:1.2;
  min-height:48px;box-sizing:border-box;list-style:none;user-select:none;}
.sas-nav-details[open] > summary,.sas-nav-details > summary:hover{color:#F1C329;}
.sas-nav-details > summary::-webkit-details-marker{display:none;}
.sas-nav-details > summary:focus-visible{outline:2px solid #F1C329;outline-offset:-2px;}
.sas-nav-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;
  border-top:6px solid currentColor;opacity:.75;transition:transform .12s;}
.sas-nav-details[open] .sas-nav-caret{transform:rotate(180deg);}
.sas-subnav{list-style:none;margin:0;padding:6px 0;}
.sas-subnav li{margin:0;}
.sas-subnav a{display:block;padding:11px 16px;font-size:15px;font-weight:700;
  text-decoration:none;line-height:1.25;min-height:44px;box-sizing:border-box;}

/* Desktop (Astra shows this bar at >=922px): a panel under the summary.
   Below that width the same markup is inside the hamburger, where a panel
   that floats over the page would be wrong - so there it just pushes down. */
@media(min-width:922px){
  /* 300px, not 264: at 264 the longest label - "Headache Racks & Cab
     Protectors" - wrapped onto two lines in the panel. Measured, not eyeballed. */
  .sas-subnav{position:absolute;top:100%;left:0;z-index:120;min-width:320px;max-height:calc(100vh - 200px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #E4E4E7;border-radius:0 0 6px 6px;box-shadow:0 10px 26px rgba(0,0,0,.16);}
  /* !important, and it is not decoration. Astra colours every link in the
     header bar #ffffff, and it beat the plain `.sas-subnav a` rule on
     specificity: the panel rendered as an EMPTY WHITE BOX with five
     white-on-white links in it. Seen on screen, not inferred. */
  .sas-nav .sas-subnav a,.sas-nav .sas-subnav a:visited{
    color:#111!important;background:#fff!important;}
  /* The BACKGROUND is !important for the same reason the colour is, and it
     was not, and that is the bug Omar found by pointing his mouse at this
     menu on 2026-09-08. wp-custom-css carries

        .main-header-menu li a:hover{background:#C01C23!important;
                                     color:#ffffff!important}

     and this UL *is* `.main-header-menu`. In the important cascade the two
     rules are compared on specificity, so the pair SPLIT: our
     `.sas-nav .sas-subnav a:hover` (0,3,1) took the colour, and their
     `.main-header-menu li a:hover` (0,2,2) took the background, because ours
     was the only half not marked important. Measured on the live page:

        color rgb(192,28,35) on background rgb(192,28,35)  =  1.00 : 1

     Brand red on brand red - the row went solid red and the text vanished.
     Marking the background important keeps the pair together, whichever way
     the specificity falls. #C01C23 on #F7F7F8 measures 5.7:1. */
  .sas-nav .sas-subnav a:hover,.sas-nav .sas-subnav a:focus,
  .sas-nav .sas-subnav a:active{
    background:#F7F7F8!important;color:#C01C23!important;}
  /* Keyboard focus needs a mark of its own: :hover and :focus paint the same
     background here, so a tab stop with only that change is invisible to
     anyone driving the panel from the keyboard. */
  .sas-nav .sas-subnav a:focus-visible{
    outline:2px solid #C01C23;outline-offset:-2px;}
}
@media(max-width:921px){
  .sas-nav-group{width:100%;}
  .sas-subnav{padding-left:14px;border-left:2px solid rgba(241,195,41,.55);margin:0 0 6px 14px;}
}
.sas-callbtn{display:inline-block;background:#C01C23;color:#fff!important;border-radius:4px;
  padding:12px 16px;font-weight:800;text-decoration:none;min-height:48px;box-sizing:border-box;}
.sas-callbtn:hover{background:#F1C329;color:#111!important;}

/* ---- archives: no sidebar at this catalogue size ---- */
.woocommerce-page #secondary,.archive #secondary,.search #secondary{display:none!important;}
.woocommerce-page #primary,.archive #primary,.search #primary{width:100%!important;max-width:100%!important;}

/* ---- above the grid: H1, one stat line, chips. Nothing else. ---- */
.woocommerce-products-header{margin:0 0 6px!important;padding-bottom:0!important;}
.woocommerce-products-header__title{margin:0 0 4px!important;font-size:24px!important;line-height:1.2!important;}
.term-description,.woocommerce-products-header .taxonomy-description{display:none;}
.sas-archive-head{margin:0 0 10px;}
.sas-stat{margin:0 0 8px;color:#495057;font-size:15px;line-height:1.3;}
.sas-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;}
.sas-chip{display:inline-block;background:#fff;border:1px solid #E4E4E7;border-radius:999px;
  padding:7px 12px;font-size:14px;font-weight:700;color:#111;text-decoration:none;line-height:1.2;}
.sas-chip span{color:#6a6a72;font-weight:400;margin-left:6px;}
.sas-chip:hover{border-color:#C01C23;color:#C01C23;}
.sas-toggle{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;
  color:#26262B;text-decoration:none;padding:4px 0;}
.sas-toggle-box{width:16px;height:16px;border:2px solid #8a8a92;border-radius:3px;display:inline-block;}
.sas-toggle.is-on .sas-toggle-box{background:#1a7f37;border-color:#1a7f37;}
.sas-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;margin:0 0 10px;}
.woocommerce .sas-controls .woocommerce-ordering{margin:0!important;float:none!important;}
.woocommerce .sas-controls .woocommerce-ordering select{min-height:44px;font-size:15px;
  max-width:62vw;}

/* ---- the search box inside the empty state ---- */
.sas-empty-search{margin:0 0 18px;max-width:520px;}
.sas-empty .sas-search{display:flex;align-items:stretch;}
.sas-empty .sas-search input[type=search]{flex:1 1 auto;min-width:0;
min-height:48px;font-size:16px;padding:0 14px;color:#111;background:#fff;
border:2px solid #F1C329;border-right:0;border-radius:4px 0 0 4px;
-webkit-appearance:none;appearance:none;}
.sas-empty .sas-search button{flex:0 0 auto;min-height:48px;min-width:56px;
padding:0 18px;border:2px solid #F1C329;border-radius:0 4px 4px 0;
background:#C01C23;color:#fff;font-weight:700;font-size:15px;}

/* ---- the announcement, and the dead ends ---- */
.sas-note{background:#FFFBE9;border-left:3px solid #F1C329;padding:11px 14px;margin:0 0 14px;
  font-size:15px;color:#3b3b42;border-radius:0 6px 6px 0;line-height:1.5;}
.sas-empty{background:#fff;border:1px solid #E4E4E7;border-radius:6px;padding:22px 20px;margin:0 0 24px;}
.sas-empty h2{font-size:21px;margin:0 0 10px;color:#111;line-height:1.3;}
.sas-empty p{margin:0 0 12px;font-size:16px;line-height:1.55;}
.sas-routes{border-top:1px solid #E4E4E7;margin-top:18px;padding-top:16px;}
.sas-routes h3{font-size:15px;margin:0 0 10px;color:#495057;text-transform:uppercase;letter-spacing:.4px;}
.sas-routes-links{font-size:15px;}
.sas-call{font-weight:800;color:#C01C23;text-decoration:none;white-space:nowrap;}

/* ---- out of stock ---- */
.sas-oos{background:#FFF6F6;border:1px solid #F0C9CB;border-radius:6px;padding:18px 16px;margin:14px 0;}
.sas-oos h2{font-size:19px;margin:0 0 8px;color:#111;}
.sas-oos h3{font-size:15px;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.4px;color:#495057;}
.sas-alts{list-style:none;margin:0;padding:0;}
.sas-alts li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #F0C9CB;}
.sas-alts a{font-weight:700;color:#111;text-decoration:none;}
.sas-card-oos{display:block;font-size:14px;color:#8a5a00;font-weight:700;margin:4px 0;}

/* ---- vehicle with nothing that fits ---- */
.sas-nofit{background:#2a2a30;color:#f2f2f2;border-radius:6px;padding:16px 18px;margin:0 0 12px;}
.sas-nofit h3{color:#F1C329;font-size:17px;margin:0 0 8px;}
.sas-nofit p{margin:0 0 10px;font-size:15px;line-height:1.55;}
/* !important because of the tie described at .sas-footer-end a below: this
   panel is #2a2a30 and the global `a:hover{color:#111}` would otherwise put
   ink on it at about 1.4:1. Not rendered in this sweep - reaching this state
   needs a vehicle with no fitting product - so it is reasoned from the
   cascade, not measured on screen, unlike the footer one. */
.sas-nofit a{color:#F1C329!important;font-weight:700;}

/* ---- footer: three columns, ten links, ONE ending ---- */
.ast-footer-copyright{display:none!important;}
.sas-footer{background:#111;color:#d5d5da;padding:34px 18px 26px;}
.sas-footer-cols{max-width:1000px;margin:0 auto;display:grid;gap:26px;
  grid-template-columns:repeat(3,minmax(0,1fr));}
.sas-footer-col h2{font-size:13px;letter-spacing:.9px;text-transform:uppercase;
  color:#8a8a92;margin:0 0 10px;}
.sas-footer-col ul{list-style:none;margin:0;padding:0;}
.sas-footer-col li{margin:0 0 9px;}
.sas-footer-col a{color:#f2f2f2;text-decoration:none;font-size:15px;}
.sas-footer-col a:hover{color:#F1C329;text-decoration:underline;}
.sas-footer-end{max-width:1000px;margin:26px auto 0;padding-top:18px;
  border-top:1px solid #2c2c33;font-size:14px;color:#9a9aa2;}
/* !important, and it is the same class of bug as the Accessories panel above.
   The Customizer's Additional CSS ends with an unqualified

       a:hover { color: #111111; }

   written for links on white. `.sas-footer-end a` is (0,1,1) and `a:hover` is
   also (0,1,1) - a dead tie - and wp-custom-css is emitted AFTER this
   stylesheet, so the tie goes to ink. Measured live: the footer phone number
   went from #F1C329 on #111 (11.31:1) to #111 on #111 (1.00:1) the moment the
   mouse touched it. It is the number a customer calls to place an order. */
.sas-footer-end a{color:#F1C329!important;font-weight:700;text-decoration:none;}
.sas-footer-end a:hover,.sas-footer-end a:focus{text-decoration:underline;}

@media(max-width:600px){
  .woocommerce-products-header__title{font-size:21px!important;}
  .sas-stat{font-size:14px;}
  .sas-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
  .sas-nav > li > a{padding:12px 10px;font-size:15px;}
}

.sas-searchbar{background:#0b0b0c;border-bottom:1px solid rgba(241,195,41,.28);}.sas-searchbar-in{max-width:1200px;margin:0 auto;padding:10px 14px;}.sas-search{display:flex;align-items:stretch;gap:0;width:100%;}.sas-search-lbl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}.sas-search input[type=search]{flex:1 1 auto;min-width:0;min-height:48px;height:48px;font-size:16px;line-height:normal;padding:0 14px;color:#111;background:#fff;border:2px solid #F1C329;border-right:0;border-radius:4px 0 0 4px;-webkit-appearance:none;appearance:none;}.sas-search input[type=search]::placeholder{color:#6b6b73;opacity:1;}.sas-search input[type=search]:focus{outline:none;box-shadow:inset 0 0 0 2px rgba(192,28,35,.55);}.sas-search button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;height:48px;min-width:56px;padding:0 18px;cursor:pointer;border:2px solid #F1C329;border-radius:0 4px 4px 0;background:#C01C23!important;color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em;}.sas-search button:hover{background:#a5161c!important;}.sas-search button:focus-visible{outline:2px solid #F1C329;outline-offset:-4px;}@media (max-width:479px){.sas-search-btxt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}.sas-search button{padding:0 16px;}}body.woocommerce-checkout .sas-searchbar{display:none;}

.sas-hcart{display:inline-flex;align-items:center;justify-content:center;gap:7px;
box-sizing:border-box;min-width:44px;min-height:44px;padding:0 12px;border-radius:8px;
background:#F1C329;color:#111!important;border:0;position:relative;line-height:1;
font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
text-decoration:none!important;-webkit-tap-highlight-color:transparent;}
.sas-hcart:hover,.sas-hcart:focus{background:#fff;color:#111!important;}
.sas-hcart:focus-visible{outline:3px solid #fff;outline-offset:2px;}
.sas-hcart .sas-hcart-ico{flex:0 0 auto;}
.sas-hcart .sas-hcart-lbl{white-space:nowrap;}
.sas-hcart-n{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;
border-radius:999px;background:#C01C23;color:#fff;font-size:11.5px;font-weight:800;
line-height:20px;text-align:center;padding:0 5px;letter-spacing:0;
box-shadow:0 0 0 2px #0b0b0c;}

/* DESKTOP: right end of the dark top strip. The widget area becomes a row so
   the strip keeps its own centring and the cart takes the end of the line. */
#ast-mobile-header .sas-hcart-strip{display:none;}
#ast-desktop-header .ast-above-header-wrap .header-widget-area{display:flex;
align-items:center;gap:16px;}
#ast-desktop-header .ast-above-header-wrap .header-widget-area>section{flex:1 1 auto;
min-width:0;}
#ast-desktop-header .sas-hcart-strip{flex:0 0 auto;margin-left:auto;}

/* MOBILE: level with the hamburger, in the logo row.
   Measured 375px - bar y58 h80, button.menu-toggle x311 y75 44x44 - so
   right:74px bottom:19px puts the cart at y75..119 with a 10px gap. The slot
   is zero-height and sits on the bar bottom edge, so nothing moves. */
#ast-desktop-header .sas-hcart-slot{display:none;}
.sas-hcart-slot{position:relative;height:0;}
#ast-mobile-header .sas-hcart-slot .sas-hcart{position:absolute;right:74px;
bottom:19px;z-index:9;}
@media(max-width:359px){
#ast-mobile-header .sas-hcart-slot .sas-hcart{right:64px;padding:0;width:44px;}
#ast-mobile-header .sas-hcart-slot .sas-hcart .sas-hcart-lbl{display:none;}
}


.sas-wg-more{display:block;margin:.15rem 0 .35rem;font-size:.72rem;line-height:1.3;
  font-weight:600;letter-spacing:.02em;color:#8a6d00;text-transform:none}
/* The price range on a group card. At 375px in a two-column grid the two
   amounts do not fit on one line, so the range is allowed to wrap - but
   neither amount may ever break in half, which is the only part that would
   actually misread. A shade smaller than a single price so a wrapped range
   does not tower over the title. */
.sas-wg-range{font-size:.88em;line-height:1.3}
.sas-wg-range .woocommerce-Price-amount{white-space:nowrap}
/* Under 600px the product summary is a flex column with an explicit order on
   every known child and order 20 on everything else - the block that keeps the
   price in the first screen. An unlisted element therefore lands BELOW the add
   to cart button, which for a fitment picker is backwards: the size has to be
   chosen before the button, not after it. 5 is the stock line, 6 is the cart
   form, and equal orders fall back to document order, so 5 puts this directly
   above the form. The class is doubled to out-specify that block without an
   important flag and without depending on which snippet prints first. */
.single-product div.product .summary > .sas-wg.sas-wg{order:5}
.sas-wg{margin:0 0 1rem;padding:.85rem .9rem;border:1px solid #e2e2e2;
  border-left:4px solid #c8102e;border-radius:6px;background:#fafafa}
.sas-wg-h{margin:0 0 .3rem;font-size:.95rem;font-weight:700;line-height:1.25}
.sas-wg-warn{margin:0 0 .7rem;font-size:.82rem;line-height:1.45;color:#333}
.sas-wg-warn strong{white-space:nowrap}
/* CLASSIC III has 26 fitments, and at full height that pushed the add to cart
   button 660px down the phone. The heading and the bolt-pattern warning stay
   outside this box so they are never the part that scrolls away; only the list
   of sizes scrolls. */
.sas-wg-list{max-height:17rem;overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e6e6e6;
  border-radius:4px;padding:0 .55rem}
.sas-wg-row{display:flex;gap:.6rem;align-items:flex-start;
  padding:.45rem 0;border-top:1px solid #ececec}
.sas-wg-row:first-of-type{border-top:0}
.sas-wg-size{flex:0 0 4.2rem;font-weight:700;font-size:.86rem;padding-top:.25rem}
.sas-wg-opts{display:flex;flex-wrap:wrap;gap:.35rem}
.sas-wg-opt{display:inline-block;padding:.28rem .5rem;border:1px solid #ccc;
  border-radius:4px;background:#fff;font-size:.78rem;line-height:1.2;
  text-decoration:none;color:#1a1a1a;white-space:nowrap}
a.sas-wg-opt:hover,a.sas-wg-opt:focus{border-color:#c8102e;color:#c8102e}
.sas-wg-opt.is-here{background:#c8102e;border-color:#c8102e;color:#fff;font-weight:700}
@media (min-width:600px){.sas-wg-size{flex-basis:5rem}.sas-wg-opt{font-size:.82rem}}


.sas-dg-more{display:block;margin:.15rem 0 .35rem;font-size:.72rem;line-height:1.3;
  font-weight:600;letter-spacing:.02em;color:#8a6d00;text-transform:none}
/* The price range on a group card. At 375px in a two-column grid the two
   amounts do not fit on one line, so the range is allowed to wrap - but
   neither amount may ever break in half, which is the only part that would
   actually misread. A shade smaller than a single price so a wrapped range
   does not tower over the title. */
.sas-dg-range{font-size:.88em;line-height:1.3}
.sas-dg-range .woocommerce-Price-amount{white-space:nowrap}
/* The strip. aspect-ratio holds the box before any picture arrives, so nothing
   on the page moves as they load. */
.sas-dg-gal{position:relative;margin:0 0 .4rem}
.sas-dg-track{display:flex;overflow-x:auto;overflow-y:hidden;gap:0;
  scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  border-radius:4px;outline:none}
.sas-dg-track::-webkit-scrollbar{display:none}
/* The theme opens its own card link BEFORE this hook runs, so the parser force
   closes it at the first slide anchor and leaves an empty one behind as the
   first flex child of the strip. Measured in the browser, not guessed. It has
   no content, but an empty flex item is still a flex item, so it is taken out
   rather than left to grow later. The card title keeps its own link - checked
   live, the theme re-emits that separately. */
.sas-dg-track > a:not(.sas-dg-slide){display:none}
.sas-dg-slide{position:relative;flex:0 0 100%;scroll-snap-align:center;
  display:block;line-height:0;text-decoration:none}
.sas-dg-slide img{display:block;width:100%;height:auto;aspect-ratio:1/1;
  object-fit:contain;background:#fff}
.sas-dg-cap{position:absolute;left:.3rem;bottom:.3rem;max-width:calc(100% - .6rem);
  padding:.12rem .34rem;border-radius:3px;background:rgba(17,17,17,.78);
  color:#fff;font-size:.62rem;line-height:1.25;letter-spacing:.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sas-dg-dots{display:flex;justify-content:center;gap:.26rem;margin:.3rem 0 0;
  min-height:.5rem}
.sas-dg-dots i{width:.36rem;height:.36rem;border-radius:50%;background:#cfcfcf;
  transition:background .15s}
.sas-dg-dots i.on{background:#c8102e}
/* Arrows are for a mouse. They never replace the swipe, and they are hidden on
   touch-only screens rather than being the only way through. */
.sas-dg-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:1.7rem;height:1.7rem;padding:0;border:1px solid #dcdcdc;border-radius:50%;
  background:rgba(255,255,255,.94);color:#222;font-size:1.05rem;line-height:1;
  cursor:pointer;opacity:0;transition:opacity .15s}
.sas-dg-prev{left:.25rem}
.sas-dg-next{right:.25rem}
.sas-dg-gal:hover .sas-dg-nav,.sas-dg-nav:focus{opacity:1}
@media (hover:none){.sas-dg-nav{display:none}}
/* Under 600px the product summary is a flex column with an explicit order on
   every known child and order 20 on everything else. 5 is the stock line and 6
   the cart form, so 5 puts this directly above the button - the variant has to
   be chosen before the button, not after it. The class is doubled to
   out-specify that block without an important flag. */
.single-product div.product .summary > .sas-dg.sas-dg{order:5}
.sas-dg{margin:0 0 1rem;padding:.85rem .9rem;border:1px solid #e2e2e2;
  border-left:4px solid #c8102e;border-radius:6px;background:#fafafa}
.sas-dg.is-part{border-left-color:#8a6d00;background:#fffdf3}
.sas-dg-h{margin:0 0 .3rem;font-size:.95rem;font-weight:700;line-height:1.25}
.sas-dg-warn{margin:0 0 .7rem;font-size:.82rem;line-height:1.45;color:#333}
.sas-dg-warn strong{white-space:nowrap}
.sas-dg.sas-dg-nofit{padding:.6rem .8rem;border-left-color:#8a6d00;background:#fffdf3}
.sas-dg-nofit .sas-dg-warn{margin:0}
.sas-dg-nofit a{color:#c8102e;font-weight:700;white-space:nowrap}
/* A ninety-three item group at full height pushed the add to cart button off
   the phone entirely. The heading and the warning stay outside this box so
   they are never what scrolls away; only the list scrolls. */
.sas-dg-list{display:flex;flex-wrap:wrap;gap:.35rem;max-height:15rem;
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:#fff;border:1px solid #e6e6e6;border-radius:4px;padding:.5rem}
.sas-dg-opt{display:inline-block;padding:.28rem .5rem;border:1px solid #ccc;
  border-radius:4px;background:#fff;font-size:.78rem;line-height:1.2;
  text-decoration:none;color:#1a1a1a;white-space:nowrap}
a.sas-dg-opt:hover,a.sas-dg-opt:focus{border-color:#c8102e;color:#c8102e}
.sas-dg-opt.is-here{background:#c8102e;border-color:#c8102e;color:#fff;font-weight:700}
@media (min-width:600px){.sas-dg-opt{font-size:.82rem}}
/* ONE PRICE ON A TIRES CARD. The amount is full size - a single figure fits on
   one line at 375px where a range did not - and the two words round it are
   captions, not part of the number. Previously this existed only in the live
   snippet, appended by tires_archive_strip.py, so a redeploy from this file
   would have printed FROM and EACH at full price size. */
.sas-dg-range.sas-dg-one{font-size:1em}
.sas-dg-pre,.sas-dg-ea{font-size:.55em;font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;color:#6B6B73;white-space:nowrap}
.sas-dg-pre{margin-right:.3em}
.sas-dg-ea{margin-left:.3em;font-weight:500}
/* THE TIRES MODEL CARD, layout C: the size line and the chip row, printed
   inside .price directly above the amount. .price carries the theme price
   type (20px, bold), so the block resets its own type and every child sets
   its own. Chips are 26px tall with a 5px gap: over the WCAG 2.5.8 24px
   minimum, and deliberately under the 44px floor snippet 161 holds the
   product-page size list to - four 44px chips stacked in a 142px column
   would cost a whole card row on the first screen. The chip on the product
   page, where the size is actually chosen, keeps its 44px. */
/* contain:inline-size is load-bearing. Without it the chip row fed its
   max-content width into the two-column grid and the columns came out
   173px and 158px instead of 161.5px each - measured in Chromium at 375px
   by toggling this block. The summary is a stretched flex column, so the
   block still fills the card (141.5px measured). */
.sas-mc{display:block;margin:0 0 8px;font-size:0;line-height:0;font-weight:400;
  letter-spacing:0;text-transform:none;contain:inline-size}
.sas-mc-l{display:block;margin:0 0 5px;font-family:Barlow,-apple-system,sans-serif;
  font-size:12px;line-height:1.3;font-weight:600;color:#6B6B73;
  font-variant-numeric:tabular-nums}
.sas-mc-c{display:flex;flex-wrap:wrap;gap:5px}
.sas-sz{display:inline-flex;align-items:center;box-sizing:border-box;
  min-height:26px;max-width:100%;padding:0 6px;border:1px solid #cfcfd6;
  border-radius:3px;background:#fff;color:#26262B;
  font-family:Barlow,-apple-system,sans-serif;font-variant-numeric:tabular-nums;
  font-size:12px;line-height:1.2;font-weight:600;text-decoration:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.sas-sz:hover,a.sas-sz:focus{border-color:#C01C23;color:#C01C23}
.sas-sz.is-x{display:none}
.sas-sz-more{color:#C01C23;border-color:#e6c9cb;font-weight:700}
.sas-sz.is-mine{background:#F1C329;border-color:#F1C329;color:#111;font-weight:700}
/* ADD ONE SIZE TO CART - the card button after the vehicle script has found
   exactly one lit chip. The words are longer than ADD TO CART, so they get
   two tighter lines inside the SAME 44px box instead of a taller button: a
   taller button would push every card in the row down after the page had
   painted. The script measures, and puts CHOOSE SIZE back if it grew.
   The archive look (apply_archive_look.py) pins every card a.button padding,
   size and line-height with important at specificity 0,5,4, so this carries
   six classes and important too - measured: without them it rendered 53px. */
/* The hidden Astra cart icon on a model card added the survivor on hover. */
ul.products li.product.sas-dg-g .ast-on-card-button{display:none!important}
ul.products li.product .astra-shop-summary-wrap a.button.sas-mc-btn.sas-mc-buy{
  display:flex!important;align-items:center;justify-content:center;
  text-align:center;padding-top:6px!important;padding-bottom:6px!important;
  font-size:11px!important;line-height:13px!important;letter-spacing:0!important}
/* THE TEXAS WAREHOUSE BADGE lives here, in the deployer that owns this
   snippet, and
   not appended to the live copy afterwards. Two lanes appended it by hand -
   tires_archive_strip.py put it in, wheels_one_bar.py widened its gate - and
   then a correct redeploy from THIS file silently deleted both, because this
   file had never heard of it. Measured after that redeploy: the string
   sas-txwh appeared in zero of 157 live snippet bodies, and the tires
   archive went from 36 badges to 0.

   The corner costs no layout. As a block line it cost 29px on every card row
   and took the tires archive from 8,809px to 9,331px - a change that removed
   120px of chrome and gave 522px back. li.product is already
   position:relative (read off getComputedStyle, not assumed) and
   .sas-dg-cap already holds the bottom-left of the picture, so top-right is
   free.
   The yellow is one the store already uses. */
.sas-txwh{position:absolute;top:7px;right:7px;z-index:2;padding:2px 6px;
  border-radius:3px;background:#FFF3CC;color:#6B4E00;font-size:.58rem;
  font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  line-height:1.45;box-shadow:0 1px 2px rgba(17,17,17,.18)}

.product_cat-dually-wheels .sas-set4{display:none!important}

/* 1 */
.sas-r3-src{margin:6px 0 18px;font-size:13px;color:#52525B}
/* 3 */
.sas-r3-in{display:flex;align-items:center;gap:6px;margin:4px 0 2px;font-size:13px;font-weight:700;line-height:1.2;color:#15803D}
.sas-r3-in i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16A34A;flex:0 0 8px}
.sas-r3-in.is-order{color:#92400E}
.sas-r3-in.is-order i{background:#D97706}
/* 8 */
.sas-r3-ask{display:flex;gap:10px;align-items:flex-start;margin:12px 0 16px;padding:12px 14px;border:1px solid #E4E4E7;border-left:4px solid #16A34A;border-radius:6px;background:#F7FBF8;max-width:460px}
.sas-r3-ask svg{width:22px;height:22px;flex:0 0 22px;fill:#15803D;margin-top:2px}
.sas-r3-ask p{margin:0;font-size:15px;line-height:1.45;color:#18181B}
.sas-r3-ask a{color:#15803D;font-weight:700;text-decoration:underline}
.sas-r3-ask .sas-r3-num{white-space:nowrap}
.sas-r3-ask span{display:block;font-size:13px;color:#52525B}
/* 9 */
@media (max-width:782px){
 body.woocommerce-cart .wc-block-cart{padding-bottom:84px}
 body.woocommerce-cart .wc-block-cart__submit-container--sticky{transition:transform .2s ease}
 body.sas-r3-xs-on .wc-block-cart__submit-container--sticky{transform:translateY(110%)}
}
/* 5 */
.sas-r3-hs{display:none}
@media (min-width:900px){
 #nl-hd.sas-r3-hashs .sas-r3-hs{display:flex;flex:1 1 420px;min-width:260px;max-width:720px;margin:0 20px;height:42px;align-items:stretch;border-radius:6px;overflow:hidden;background:#fff;border:2px solid #fff}
 .sas-r3-hs input[type=search]{flex:1 1 auto;min-width:0;border:0;margin:0;padding:0 14px;font-size:15px;color:#18181B;background:#fff;border-radius:0;height:auto}
 .sas-r3-hs input[type=search]:focus{outline:none;box-shadow:inset 0 0 0 2px #F5C518}
 .sas-r3-hs button{flex:0 0 52px;border:0;margin:0;padding:0;border-radius:0;background:#D32F2F;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
 .sas-r3-hs button:hover{background:#B71C1C}
 #nl-hd.sas-r3-hashs [data-nl-focus=nl-q]{display:none}
}
/* 6 */
.sas-r3-ft{display:grid;grid-template-columns:1fr;gap:26px;max-width:1200px;margin:0 auto;padding:26px 16px 8px;border-top:1px solid rgba(255,255,255,.14);color:#E4E4E7}
.sas-r3-ft[hidden]{display:none}
.sas-r3-ft h2{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#A1A1AA}
.sas-r3-ft p{margin:0 0 10px;font-size:15px;line-height:1.5;color:#E4E4E7}
.sas-r3-ft a{color:#F5C518;text-decoration:none}
.sas-r3-ft a:hover{text-decoration:underline}
.sas-r3-soc{display:flex;gap:10px;list-style:none;margin:8px 0 0;padding:0}
.sas-r3-soc a{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1)}
.sas-r3-soc svg{width:22px;height:22px;fill:#fff}
.sas-r3-pay ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 10px;padding:0}
.sas-r3-pay li{display:flex;align-items:center;justify-content:center;width:58px;height:38px;background:#fff;border-radius:5px;padding:4px}
.sas-r3-pay img{max-width:100%;max-height:100%;width:auto;height:auto}
.sas-r3-pay p{font-size:13px;color:#A1A1AA}
.sas-r3-su form{display:flex;gap:8px;max-width:420px}
.sas-r3-su input[type=email]{flex:1 1 auto;min-width:0;height:46px;margin:0;padding:0 12px;border:0;border-radius:5px;font-size:16px;color:#18181B;background:#fff}
.sas-r3-su button{flex:0 0 auto;height:46px;margin:0;padding:0 18px;border:0;border-radius:5px;background:#D32F2F;color:#fff;font-weight:700;cursor:pointer}
.sas-r3-su .sas-r3-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sas-r3-su-fine{margin-top:8px!important;font-size:13px!important;color:#A1A1AA!important}
.sas-r3-su-msg{font-weight:700;color:#F5C518!important}
@media (min-width:800px){.sas-r3-ft{grid-template-columns:1.1fr 1.2fr 1.2fr;padding:30px 24px 10px}}
/* 7a */
body.sas-r3-oneveh #sas-cv-bar.sas-cv-bar--add{display:none}
/* 7b */
body.sas-r3-dept.sas-r3-dept.sas-r3-dept .woocommerce-products-header{position:relative;display:flex!important;align-items:flex-end;min-height:92px!important;margin:0 0 10px!important;padding:14px 16px!important;border-radius:6px;background-color:#111!important;background-size:cover!important;background-position:center right!important;background-repeat:no-repeat!important;color:#fff}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept .woocommerce-products-header .page-title,body.sas-r3-dept.sas-r3-dept.sas-r3-dept .woocommerce-products-header h1{margin:0!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.6)}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept .woocommerce-products-header .page-title *{color:#fff!important}
@media (min-width:700px){body.sas-r3-dept.sas-r3-dept.sas-r3-dept .woocommerce-products-header{min-height:160px!important;padding:22px 28px!important;border-radius:8px;background-position:center 55%!important}}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept-wheels .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.88) 0,rgba(10,10,12,.55) 60%,rgba(10,10,12,.2) 100%),url(/wp-content/uploads/2026/09/stinger-home-wheels-s.webp)!important}
@media (min-width:700px){body.sas-r3-dept.sas-r3-dept.sas-r3-dept-wheels .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.9) 0,rgba(10,10,12,.6) 40%,rgba(10,10,12,.05) 100%),url(/wp-content/uploads/2026/09/stinger-home-wheels-l.webp)!important}}
html body.sas-r3-dept.sas-r3-dept.sas-r3-dept-wheels .woocommerce-products-header{background-position:center 88%!important}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept-tires .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.88) 0,rgba(10,10,12,.55) 60%,rgba(10,10,12,.2) 100%),url(/wp-content/uploads/2026/09/stinger-home-beach-s.webp)!important}
@media (min-width:700px){body.sas-r3-dept.sas-r3-dept.sas-r3-dept-tires .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.9) 0,rgba(10,10,12,.6) 40%,rgba(10,10,12,.05) 100%),url(/wp-content/uploads/2026/09/stinger-home-beach-l.webp)!important}}
html body.sas-r3-dept.sas-r3-dept.sas-r3-dept-tires .woocommerce-products-header{background-position:center 75%!important}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept-suspension-air-springs .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.88) 0,rgba(10,10,12,.55) 60%,rgba(10,10,12,.2) 100%),url(/wp-content/uploads/2026/09/stinger-banner-suspension-air-springs-phone.webp)!important}
@media (min-width:700px){body.sas-r3-dept.sas-r3-dept.sas-r3-dept-suspension-air-springs .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.9) 0,rgba(10,10,12,.6) 40%,rgba(10,10,12,.05) 100%),url(/wp-content/uploads/2026/09/stinger-banner-suspension-air-springs-desk.webp)!important}}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept-exhaust .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.88) 0,rgba(10,10,12,.55) 60%,rgba(10,10,12,.2) 100%),url(/wp-content/uploads/2026/09/stinger-home-louder-s.webp)!important}
@media (min-width:700px){body.sas-r3-dept.sas-r3-dept.sas-r3-dept-exhaust .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.9) 0,rgba(10,10,12,.6) 40%,rgba(10,10,12,.05) 100%),url(/wp-content/uploads/2026/09/stinger-home-louder-l.webp)!important}}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept-truck-bed .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.88) 0,rgba(10,10,12,.55) 60%,rgba(10,10,12,.2) 100%),url(/wp-content/uploads/2026/09/stinger-banner-truck-bed-phone.webp)!important}
@media (min-width:700px){body.sas-r3-dept.sas-r3-dept.sas-r3-dept-truck-bed .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.9) 0,rgba(10,10,12,.6) 40%,rgba(10,10,12,.05) 100%),url(/wp-content/uploads/2026/09/stinger-banner-truck-bed-desk.webp)!important}}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept-towing-hitches .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.88) 0,rgba(10,10,12,.55) 60%,rgba(10,10,12,.2) 100%),url(/wp-content/uploads/2026/09/stinger-home-worn-s.webp)!important}
@media (min-width:700px){body.sas-r3-dept.sas-r3-dept.sas-r3-dept-towing-hitches .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.9) 0,rgba(10,10,12,.6) 40%,rgba(10,10,12,.05) 100%),url(/wp-content/uploads/2026/09/stinger-home-worn-l.webp)!important}}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept-commercial-fleet .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.88) 0,rgba(10,10,12,.55) 60%,rgba(10,10,12,.2) 100%),url(/wp-content/uploads/2026/09/stinger-banner-commercial-fleet-phone.webp)!important}
@media (min-width:700px){body.sas-r3-dept.sas-r3-dept.sas-r3-dept-commercial-fleet .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.9) 0,rgba(10,10,12,.6) 40%,rgba(10,10,12,.05) 100%),url(/wp-content/uploads/2026/09/stinger-banner-commercial-fleet-desk.webp)!important}}
body.sas-r3-dept.sas-r3-dept.sas-r3-dept-bumpers-steps-armor .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.88) 0,rgba(10,10,12,.55) 60%,rgba(10,10,12,.2) 100%),url(/wp-content/uploads/2026/09/stinger-banner-exterior-protection-phone.webp)!important}
@media (min-width:700px){body.sas-r3-dept.sas-r3-dept.sas-r3-dept-bumpers-steps-armor .woocommerce-products-header{background-image:linear-gradient(90deg,rgba(10,10,12,.9) 0,rgba(10,10,12,.6) 40%,rgba(10,10,12,.05) 100%),url(/wp-content/uploads/2026/09/stinger-banner-exterior-protection-desk.webp)!important}}
/* 11 */
.sas-r3-fd{margin:0 0 14px;border:2px solid #18181B;border-radius:8px;background:#fff}
.sas-r3-fd summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 44px 12px 14px;cursor:pointer;list-style:none;position:relative;min-height:44px;box-sizing:border-box}
.sas-r3-fd summary::-webkit-details-marker{display:none}
.sas-r3-fd summary::after{content:"+";position:absolute;right:14px;top:8px;font-size:24px;font-weight:700;color:#D32F2F}
.sas-r3-fd[open] summary::after{content:"\2212"}
.sas-r3-fd summary b{font-size:16px;color:#18181B}
.sas-r3-fd summary span{font-size:14px;color:#52525B}
.sas-r3-fp{padding:0 14px 14px}
.sas-r3-fq{display:flex;align-items:center;gap:8px;margin:6px 0 10px;font-weight:700;font-size:15px;color:#18181B}
.sas-r3-fq i{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#D32F2F;color:#fff;font-style:normal;font-size:13px;align-items:center;justify-content:center}
.sas-r3-fos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sas-r3-fo{min-height:48px;margin:0;padding:8px 10px;border:1px solid #D4D4D8;border-radius:6px;background:#F4F4F5;color:#18181B;font-size:14px;font-weight:700;line-height:1.25;text-align:left;cursor:pointer}
.sas-r3-fo.is-on{border-color:#D32F2F;background:#FDECEC;box-shadow:inset 0 0 0 1px #D32F2F}
.sas-r3-fv{display:grid;grid-template-columns:1fr;gap:8px}
.sas-r3-fv select{height:46px;margin:0;font-size:16px}
.sas-r3-fr{margin:10px 0 0;font-size:15px;line-height:1.45}
.sas-r3-fr a.sas-r3-go{display:inline-block;margin-top:6px;padding:11px 16px;border-radius:6px;background:#D32F2F;color:#fff;font-weight:700;text-decoration:none}
.sas-r3-fnote{margin:12px 0 0;font-size:13px;color:#52525B}
@media (min-width:700px){.sas-r3-fos{grid-template-columns:repeat(5,1fr)}.sas-r3-fv{grid-template-columns:repeat(3,1fr)}}


html.sas-tl-wait .sas-r6-tires,html.sas-tl-wait a.sas-wc-t{visibility:hidden;}
.sas-tl-call{display:block;margin:6px 0;font-size:14px;line-height:1.35;color:#26262B;}
.sas-tl-call a{color:#C01C23;font-weight:700;}