.grid-child.container-component.row-fluid {
	margin: 0 auto;
}

hr {
    margin:18px 0 0 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

.pairs-bar {
    background-color:#262626;
    padding:5px 15px;
    border: 1px solid #000;
}

.pairs-bar-container {
    width:100%;
    display:grid;
    grid-template-columns: auto auto auto auto ;
    grid-column-gap: 15px;
    grid-template-areas: 'pbic pbit pbip pbiw';
    margin:0 auto;
}

.pairs-item.coil  { grid-area: pbic ; }
.pairs-item.torsion  { grid-area: pbit ; }
.pairs-item.price  { grid-area: pbip ; }
.pairs-item.warning  { grid-area: pbiw ; }

.pairs-item { 
    color:#fff;
    text-align: center;
}

.pairs-item.warning {text-shadow: -0.5px 0 #ff0000,0 0.5px #ff0000,0.5px 0 #ff0000,0 -0.5px #ff0000;}

.front-rear {
    width: 100%;
    margin: 50px auto;
    display:grid;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px) ;
    grid-column-gap: 20px ;
    grid-template-areas:
    'FH RH'
    'FC RC';
}

.front-header { grid-area: FH ;}
.front-content { grid-area: FC ; }
.rear-header { grid-area: RH ; }
.rear-content { grid-area: RC ; }
#notice { grid-area: BN ;
    display:flex;
    justify-content:space-around;
    align-items:center;
    margin-top:20px;
    font-size: 6vw;
    background:#ff0000;
}
#notice::before,
#notice::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f062";
    color:#fff;
}
#notice > p {
    display:flex;
    align-items:center;
    color:#fff;
    margin:0;
}
.front-content, .rear-content {
    border-left:3pt solid #262626;
    border-right:3pt solid #262626;
    border-bottom:3pt solid #262626;
    background:#fff;
}

.front-header, .rear-header { 
    height:60px;
    background-color:#009da5;
    /*display:grid;*/
    grid-template-columns: auto auto auto auto ;
    grid-template-areas: 'PH QH SH PRH';
    font-size: 1.25vw;
    line-height:1.2;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	align-items:center;
	justify-content:center;
}

.position-header { grid-area: PH ;}
.qty-header { grid-area: QH ;}
.sku-header { grid-area: SH ;}
.price-header { grid-area: PRH ;}

.position-header, .qty-header, .sku-header, .price-header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    height: 100%;
    font-size: 32px;
}


.part-table {
    display:grid;
    grid-template-columns: calc(20% - 8.333px) calc(30% - 8.333px) calc(20% - 8.333px) calc(5% - 8.333px) calc(25% - 8.333px) ;
    grid-template-rows: auto auto ;
    grid-column-gap: 10px ;
    grid-row-gap: 5px ;
    grid-template-areas:
    'pi pd ps pq pc'
    'pi pd ps pq bc';
}


.part-image { grid-area: pi ;}
.part-description, .part-description-wide { grid-area: pd ;}
.part-qty { grid-area: pq ;}
.part-sku { grid-area: ps ;}
.part-price { grid-area: pc ;}
.button-container { grid-area: bc ;padding:0!important;}

.part-image {
    display: flex !important;
	align-items: center;
	justify-content: center;
}

.part-sku {
    display:grid;
    grid-template-columns: 100% ;
    grid-template-rows: auto auto;
    grid-row-gap: 5%;
    grid-template-areas:
    'skun'
    'skuc';
}
.stock-container {grid-area:skuc;
}
.part-sku-container {grid-area:skun;
    display:grid;
    grid-template-columns:100%;
    grid-template-areas:'skuh' 'skup';
}
.sku-heading {grid-area:skuh;}
.sku-heading {grid-area:skuh;}
.part-image a img {
    width:150px;
    max-width:90%;
}

.part-image a {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.part-description a, .part-description-wide a {
    color:#000 !important;
    transform:none;
}

.part-description, .part-description-wide {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
}

.part-description a p, .part-description-wide a p {
    margin:0 !important;
}

.part-price {
    display:grid!important;
    grid-template-columns: auto auto ;
	grid-column-gap: 8px;
    grid-template-areas:'partprice partpack'
}

.shoppers_price, .retailer_price { grid-area: partprice ;
    color:#000;
}

.shoppers_price, .retailer_price, .part-pack {
	color: #000;
	font-weight: 600;
	font-size: 1.2vw;
	align-items:center;
}


.shoppers_price, .retailer_price {
	justify-content:flex-end;
	text-align: right;
    vertical-align: middle;
    margin: auto 0;
    padding: 10px 0;
}

.part-pack { grid-area: partpack ;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
}

.part-qty {
    display:grid;
    grid-template-columns: 100% ;
    grid-template-rows: 30% 40% 30% ;
    grid-template-areas: 'qxcp' 'qxcb' 'qxcm' ;
}

.quant_xc_plus { grid-area: qxcp ; }
.quantity-box { grid-area: qxcb ; }
.quant_xc_minus { grid-area: qxcm ;}

.quantity-plus, .quantity-box, .quantity-minus {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width:100% !important;
    text-align:center;
}

.quantity-box {
    height: 100% !important;
	color: #555 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	margin:0px !important;
	border:1pt solid #000 !important;
}

span.quantity-controls {
    width:100%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0;
}

.input.quantity-input {
    background-color:transparent!important;
    border:none!important;
}
.sku-heading, .multi-stock-label, .sku-part-number, .stock-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.multi_color {
	height: 100%;
	width: 100%;
    display: grid;
	grid-template-columns: 20% 20% 20% 20% 20% ;
	grid-template-rows: 40% 30% 30% ;
	grid-template-areas:
	'msl msl msl msl msl'
	'RKH BRH SYH MBH ADH'
	'RK BR SY MB AD'
	;    
}

.multi-stock-label {grid-area: msl ;
    margin:0 !important;
}

#RKH {grid-area:RKH;}
#BRH {grid-area:BRH;}
#SYH {grid-area:SYH;}
#MBH {grid-area:MBH;}
#ADH {grid-area:ADH;}

#RK, #RK2 {grid-area:RK;}
#BR, #BR2 {grid-area:BR;}
#SY, #SY2 {grid-area:SY;}
#MB, #MB2 {grid-area:MB;}
#AD, #AD2 {grid-area:AD;}

#RK, #BR, #SY, #MB, #AD, #RKH, #BRH, #SYH, #MBH, #ADH {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width:100%;
}
#RKH, #BRH, #SYH, #MBH, #ADH {
    color:#000;
    font-size:11pt;
}
/*
#RKH2 {grid-area:RKH2;}
#BRH2 {grid-area:BRH2;}
#SYH2 {grid-area:SYH2;}
#MBH2 {grid-area:MBH2;}
#ADH2 {grid-area:ADH2;}

#RK2 {grid-area:RK2;}
#BR2 {grid-area:BR2;}
#SY2 {grid-area:SY2;}
#MB2 {grid-area:MB2;}
#AD2 {grid-area:AD2;}
*/
#RK2, #BR2, #SY2, #MB2, #AD2, #RKH2, #BRH2, #SYH2, #MBH2, #ADH2 {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width:100%;
}
#RKH2, #BRH2, #SYH2, #MBH2, #ADH2 {
    color:#000;
    font-size:11pt;
}
.sku-heading, .multi-stock-label {
    background-color:#d5d5d5;
    font-weight:600;
    color:#000;
    font-size:16px;
}
.sku-part-number {
    font-size:18px;
    line-height:18px;
    margin-top: 3px;
}
.part-sku-container {
    font-weight:600;
}
.part-description, .part-description-wide {
    font-size:18px;
}
.addtocart-bar {
    display: grid;
	height: 100%;
	width:100%;
}
.addtocart-bar.single {
	grid-template-columns: 100% !important;
	grid-template-areas: 'cbtn';
}
.addtocart-bar.double {
	grid-template-columns: 49% 49% !important;
	grid-template-areas: 'dbtn cbtn';
    grid-column-gap:2% !important;
}
.fav-button { grid-area: dbtn ; }
.addtocart-button { grid-area: cbtn ;
    background-color:#fff!important;
}
.addtocart-bar .clearfix { display:none;}

.product .part-table:nth-child(even) {background: green}
.product .part-table:nth-child(even) {background: #FFF}

.cart-button, .fav-button {
    width:100%;
    display: flex !important;
    align-items: center;
    /*justify-content: center;*/
    height:100%;
    min-height:50px;
}

.fav-button:hover {
    background-color:red;
}

.fav-button a, .cart-button button {
    color: #6e6e6e;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border:none;
}
.fa-shopping-cart {
    font-size: 18px!important;
}
.fav-button:hover a {
    color:#fff;
}

.fa-shopping-cart {
    font-size:1.2vw;
}
.quantity-input {
    border:none!important;
}
.red_note, .black_note {
    align-items: center;
    justify-content: center;
	text-align: center;
	padding:4px;
	background-color: #fff;
}

.black_note {
    border-top:2px solid black;
    border-bottom:2px solid black;
}
.red_note {
    border-top:2px solid red;
    border-bottom:2px solid red;
}
 .vehicle_category_subheading + .red_note,
 .vehicle_category_subheading + .red_note + .red_note,
 .vehicle_category_subheading + .red_note + .red_note + .red_note {
    margin-bottom: 0;
}
.note-img {
    height:20px;
    width:auto;
    padding-right:10px;
}

.vehicle-info, .vehicle-info > p {
    	font-size: 24px;
    	line-height: 1.3;
    }

@media only screen and (min-width: 601px) and (max-width: 1333px) {
    .vehicle-info, .vehicle-info > p {
    	font-size: 1.8vw;
    }
    .shoppers_price, .retailer_price, .part-pack {
    	font-size: 3vw;
    }
}

@media only screen and (max-width: 600px) {

    .front-rear {
    	grid-template-columns: 50% 50%;
    	grid-column-gap: 0.5vw;
    	grid-template-areas:
    		'FH RH'
    		'FC FC'
    		'RC RC'
    		'BN BN';
    }
    .part-description, .part-description-wide {
    	justify-content: center;
    	text-align: center;
    }
    .part-table {
    	grid-template-columns: 95% ;
    	grid-template-rows: auto auto auto auto auto;
    	grid-template-areas: 'pi' 'pd' 'ps' 'pc' 'pq' 'bc';
    	grid-row-gap:20px;
    	margin:0 auto;
    	justify-content:center;
    }
    .part-sku {
    	display: grid;
    	grid-template-columns: calc(50% - 2.5px) calc(50% - 2.5px);
    	grid-template-rows: max-content;
    	grid-column-gap:5px;
    	grid-template-areas:
    		'skun skuc';
    }
    .part-qty {
    	grid-template-columns:  30% 40% 30% ;
    	grid-template-rows: 100% ;
    	grid-template-areas:
    		'qxcm qxcb qxcp';
    }
    .shoppers_price, .retailer_price, .part-pack {
    	font-size: 7.5vw;
    }
    .fa-shopping-cart {
	    font-size: 7vw;
    }
    .addtocart-bar {
        width:95%;
        margin:0 auto;
    }
    .sku-heading, .multi-stock-label {
    height: 25px;
    }
    .greencolor:after, .redcolor:after {
    font-size: 18px!important;
    }
}
.category-heading {
    display:grid;
    grid-template-columns: calc(100% - 30px) 30px ;
    grid-template-areas: 'ha hp';
    border-top: 2pt solid #fff;
}
.vehicle_category_heading { grid-area: ha ;}
.category-heading.heading-accordion:after { grid-area: hp ;}

.vehicle_category_heading {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #4d4d4d;
    padding: 15px 5px;
    text-align: center;
}
.vehicle_category_heading h3 {
    margin:0!important;
    padding:0;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.category-heading:hover {
    cursor:pointer;
}
.heading-panel {
    display:none;
}

.vehicle_category_subheading, .vehicle_category_subheading > p {
    align-items: center;
    justify-content: center;
	background-color: #d5d5d5;
    font-size: 20px;
    font-weight: 700;
    padding: 12px 5px;
    text-align: center;
}
.vehicle_category_subheading {
    margin:0;
}
.category-subheading {
    grid-template-columns:100%;
    grid-template-areas: 'sha1' 'sha2' 'sha3' 'sha4' 'sha5';
}
.category-subheading::nth-child(1) {grid-area:para1;}
.category-subheading::nth-child(1) {grid-area:para2;}
.category-subheading::nth-child(1) {grid-area:para3;}
.category-subheading::nth-child(1) {grid-area:para4;}
.category-subheading::nth-child(1) {grid-area:para5;}

.category-subheading.subheading-accordion {
  cursor: pointer;
}

.subheading-accordion.active, .category-subheading.subheading-accordion:hover {
  background-color: #d5d5d5;
}

.category-heading.heading-accordion:after, .category-subheading.subheading-accordion:after {
  content: '\002B';
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: larger;
}
.category-heading.heading-accordion:after {
  background:#262626;
}
.category-subheading.subheading-accordion:after {
  background:#4d4d4d;
}
.category-subheading.subheading-accordion.active:after, .category-heading.heading-accordion.active:after {
  content: "\2212";
}

.subheading-panel {
  display: none;
  background-color: white;
  overflow: hidden;
  transition: 1s;
}

.category-subheading.subheading-accordion {
    display:grid;
    grid-template-columns: calc(100% - 30px) 30px ;
    grid-template-areas:
    'sha1 shp'
    'sha2 shp'
    'sha3 shp'
    'sha4 shp'
    'sha5 shp'
    ;
}

.vehicle_category_subheading:nth-child(1) { grid-area: sha1 ;}
.vehicle_category_subheading:nth-child(2) { grid-area: sha2 ;}
.vehicle_category_subheading:nth-child(3) { grid-area: sha3 ;}
.vehicle_category_subheading:nth-child(4) { grid-area: sha4 ;}
.vehicle_category_subheading:nth-child(5) { grid-area: sha5 ;}
.category-subheading.subheading-accordion:after { grid-area: shp ;}


.plus-stock08 .fa.fa-plus {
font-size: 10px;
}

.redcolor, .greencolor {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	width: 20%;
	line-height: 18px;
}

.stock-container > .multi_color.retail .greencolor:after, .stock-container > .multi_color.retail .redcolor:after {
    font-family: "Font Awesome 6 Free";
	font-weight:900;
	font-size:1vw;
}
.stock-container > .multi_color.distributor .greencolor, .stock-container > .multi_color.distributor .redcolor {
	font-weight:600;
	font-size:14px;
}
.stock-container > .multi_color.retail .greencolor:after {
	color:green;
	content: "\f00c";
}
.stock-container > .multi_color.retail .redcolor:after {
	color:red;
	content: "\f00d";
}

.stock-container > .multi_color.distributor .greencolor {
	color:green;
}
.stock-container > .multi_color.distributor .redcolor {
	color:red;
}

.table-02 .fixed {
    width: 43.4%;
}
.checked {
    background: green;
    color:white;
}
a.disabled {
   pointer-events: none;
   cursor: default;
}
a.spqcls {
    color: #fff;
}
.tooltip-rotate .tooltip { 
	transform: rotate(90deg) !important; 
	top: 0px !important;  
	left: 48px !important;
	font-size: 8px !important;
}
.header-warning-container {
    margin-bottom: 20px;
}
.header-warning-container.inline {
    border: 1.5pt solid #000;
    width: calc(100% - 25px);
    padding: 10px;
    margin-bottom: 20px;
}
.header-warning-container.inline .header-warning-wrapper {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-column-gap:20px;
    width: auto;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.header-warning-container.inline .header-warning-icon {
    width:75px;
    height:auto;
}
.header-warning-container.inline .header-warning-text {
    width:auto;
    color:#000;
}
.body-warning-accordion {
    background:red;
    padding:15px 5px;
    text-align:center;
    font-size:24px;
    color:#fff;
    margin-bottom:15px;
    font-weight: 600;
}
.body-warning-accordion:after {
    content:" - PLEASE READ! (Click Here)";
}
.body-warning-panel {
    display:none;
    grid-template-columns: 100%;
    margin-bottom: 30px;
    width: 100%;
}

.body-warning-panel .red-lines {
    color:red;
    border-top:1pt solid red;
    border-bottom:1pt solid red;
    text-align:center;
    padding-bottom: 3px;
    font-size:20px;
}
.body-warning-caution img, .body-warning-stop img {
    width:100%;
    max-width:80px;
    margin: 0 auto;
}
.body-warning-caution, .body-warning-stop {
    display:grid;
    grid-template-columns: max-content auto;
    grid-column-gap:2.5%;
    align-items:flex-start;
    padding: 20px 0;
}

.body-warning-caution {
    grid-template-areas:'bwic bwbc';
}

.body-warning-stop {
    grid-template-areas:'bwis bwbs';
}
.body-warning-image.caution {grid-area:bwic;}
.body-warning-bullets.caution {grid-area:bwbc;}

.body-warning-image.stop {grid-area:bwis;}
.body-warning-bullets.stop {grid-area:bwbs;}

.bullet-text {
    display: flex;
    font-size: 20px;
    line-height: 1.2;
    align-items: center;
}

.body-warning-bullets.caution, .body-warning-bullets.stop {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
    grid-column-gap:2%;
    align-items: flex-start;
    margin: auto 0;
}
.body-warning-bullet {
    display:grid;
    grid-template-columns: min-content auto;
    grid-column-gap: 10px;
}
.body-warning-bullet .bullet-point {
    font-size:20px;
}
.body-warning-image {
    padding:15px;
}
.red-block {
    background-color:red;
    color:#fff;
    text-align:center;
    padding:5px;
    font-weight:700;
}
.warning-points {
    display:grid;
    grid-template-columns:calc(10% - 11.25px) calc(30% - 11.25px) calc(30% - 11.25px) calc(30% - 11.25px);
    grid-column-gap:15px;
    grid-template-areas:'I1 b1 b2 b3';
    margin:15px 0;
    align-items:center;
}

#content > section.body-warning.suspension-warnings > div > div.body-warning-panel > div:nth-child > ul:nth-child(1) {grid-area:I1;}
#content > section.body-warning.suspension-warnings > div > div.body-warning-panel > div:nth-child > ul:nth-child(2) {grid-area:b1;}
#content > section.body-warning.suspension-warnings > div > div.body-warning-panel > div:nth-child > ul:nth-child(3) {grid-area:b2;}
#content > section.body-warning.suspension-warnings > div > div.body-warning-panel > div:nth-child > ul:nth-child(4) {grid-area:b3;}

hr {
    margin: 0!important;
    border: 0;
    border-top: 1px solid #262626;
    border-bottom: 1px solid #fff;
}

.front-rear-notice {
    background-color:red;
    height:100px;
    color:#fff;
    text-align:center;
    font-weight:600;
}

.form_dos
{margin:0px}
.modal-content
{
    position:relative;
}
.btn-default {
    background: #000;
    color: #fbdd12;
}
.button{
    display: inline-block !important;
}
    .gototdos_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.gototdos_modal .modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.gototdos_modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.gototdos_modal .close:hover,
.gototdos_modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.quote_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.quote_modal .modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */


.quote_modal .close:hover,
.quote_modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.gototdos_modal .modal-content, .quote_modal .modal-content {
    max-width: 500px;
    border-radius: 0;
    padding: 40px 20px !important;
}
.gototdos_modal button {
    padding: 11px 0px !important;
    font-size: 14px !important;
    width: 49%;
    text-align: center !important;
}
/*
.quote_modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}*/
.gototdos_modal span.close, .quote_modal span.close {
    position: absolute;
    top: -13px;
    right: -14px;
    background: #000;
    width: 30px;
    height: 30px;
    font-size: 21px !important;
    align-items: center;
    display: flex;
    margin: 0 auto;
    text-align: center;
    padding: 8px;
    border-radius: 30px;
    opacity: 1;
    color: #fff !important;
}
.quote_modal p {
    text-align: center;
    font-size: 18px;
    color: #000;
}
button.gototdos_modal_btn.suspension {
    background: #333;
    color: #fff;
    border: none;
    width: 100%;
    transition: all 0.2s linear;
    font-size: 18px;
    line-height: 15px;
    font-weight: 600;
    height:100%;
    padding:0;
    font-family: 'Barlow Semi Condensed';
}

button.gototdos_modal_btn.suspension:hover {
    background: #fbdd12;
    color: #000;
}

.heading-panel form:nth-child(even) {
    background-color:#f5f5f5;
}
.heading-panel form {
    margin:0;
    padding:15px 0;
    border-bottom:1px solid #ccc;
}

.fav-button {
    display:none!important;
}

.quantity-box a,
.quantity-box input,
.cart-summary .quantity-input {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0!important;
    height: 100%;
    width: 100%!important;
}
.public-note .red_note,
.category-subheading .red_note {
    margin-top:0;
}
.public-note .red_note,
.category-subheading .red_note {
    margin-bottom:5px;
}
.public-note .red_note:nth-last-child(1) {
    margin-bottom:20px;
}
.category-subheading .vehicle_category_subheading + .red_note {
    margin-bottom:0;
}
@media only screen and (max-width:767px) {
    main#content {
        margin-left:15px!important;
        margin-right:15px!important;
    }
}
@media only screen and (max-width: 600px) {
    .body-warning-bullets, .body-warning-bullets {
        grid-template-columns: 100%;
    }
    .body-warning-bullets.caution, .body-warning-bullets.stop {
        grid-template-columns:100%;
        grid-row-gap: 5px;
    }
    .body-warning-caution {
        grid-template-areas:'bwic' 'bwbc';
    }
    .body-warning-stop {
        grid-template-areas:'bwis' 'bwbs';
    }
    .body-warning-caution, .body-warning-stop {
        grid-template-columns: 100%;
        grid-row-gap: 0;
    }
    .body-warning-bullet {
        grid-template-columns: max-content minmax(10%, 91%);
    }
    .body-warning-image {
        text-align:center;
    }
}
@media only screen and (min-width:2000px) {
    .stock-container > .multi_color.retail .greencolor:after, .stock-container > .multi_color.retail .redcolor:after {
    	font-size:18px;
    }
}
@media screen and (min-width:767px) and (max-width: 1000px) {
    .part-table {
        width:calc(100% - 10px);
        display:grid;
        grid-template-columns: calc(50% - 5px) calc(50% - 5px) ;
        grid-template-rows: auto;
        grid-column-gap: 10px ;
        grid-row-gap: 20px ;
        grid-template-areas:
        'pi pd'
        'ps ps'
        'pc pc'
        'pq bc';
        margin:0 auto;
    }
    .part-sku {
        grid-template-columns: calc(50% - 5px) calc(50% - 5px);
        grid-column-gap: 10px ;
        grid-template-rows:auto!important;
        grid-template-areas:
            'skun skuc';
    }
    .part-qty {
        grid-template-columns: calc(33.333% - 5px) calc(33.333% - 5px) calc(33.333% - 5px)!important;
        grid-template-rows: 40px!important;
        grid-template-areas:
            'qxcp qxcb qxcm'!important;
        }
    .sku-heading {
        max-height:26.39px;
    }
    .shoppers_price, .retailer_price, .part-pack {
        font-size:25px;
    }
    .part-price {
        grid-template-columns: calc(50% - 4px) calc(50% - 4px)!important;
    }
}


@media only screen and (min-width: 1741px) {
    .shoppers_price, .retailer_price, .part-pack {
	    font-size: 24px;
    }
}
@media only screen and (min-width: 2000px) {
    
    .front-header, .rear-header { 
        font-size: 25px;
    }
}
@media only screen and (max-width: 600px) {
    
    .front-header, .rear-header { 
        grid-template-columns: 100% ;
        grid-template-areas: 'PH';
        font-size: 6vw;
        padding:20px 0;
        background-color:#ccc;
    }
    
    .qty-header {display:none;}
    .sku-header {display:none;}
    .price-header {display:none;}
    
    .front-header.active, .rear-header.active {
        background-color:#009da5 !important;
    }
    
    .tabcontent {
        display:none;
    }

}

/* Lightweight tooltip (no Bootstrap) */
/* Tooltip applies ONLY to the letter spans */

/* Letter targets */
.tip-letter { position: relative; display: inline-block; }

/* Simple body-level tooltip bubble (injected by JS) */
.tiny-tip {
  position: fixed;           /* stays above everything */
  left: 0; top: 0;
  transform: translate(-50%, -8px);
  background: #111; color: #fff;
  padding: 6px 8px; border-radius: 4px;
  font-size: 12px; line-height: 1.1; white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
  pointer-events: none; z-index: 2147483647;
  opacity: 0; transition: opacity .12s ease, transform .12s ease;
}
.tiny-tip[data-show="1"] { opacity: 1; transform: translate(-50%, -12px); }

/* Little arrow */
.tiny-tip::after {
  content: ""; position: absolute; left: 50%; bottom: -6px;
  transform: translateX(-50%);
  border: 6px solid transparent; border-top-color: #111;
}

/* Optional: keyboard focus ring for accessibility */
.tip-letter:focus { outline: 2px solid #2684ff; outline-offset: 2px; }