/* Fixes */
@media (min-width: 480px) and (max-width: 768px) {
  input.cssButton.submit_button.button.button_in_cart,
  input.cssButton.submit_button.button.button_in_cart:hover {
    width:auto;
  }
}

@media (min-width: 0px) and (max-width: 480px) {
  input.cssButton.submit_button.button.button_in_cart, .button_in_cart:hover {
    width:auto;
  }
}



#navMain ul {
    width: auto;
    float: none;
}

#navMain ul.back {
    gap: 0;
    align-items: baseline;
}

#navMain ul li {
	border-right: 0px solid #fff;
}

@media (max-width: 640px) {
  #navMain ul.back {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* or space-between */
    margin: 0;
    padding: 0;
  }

  #navMain ul.back > li {
    float: none;             /* override old float-based layout */
    display: inline-flex;
    align-items: center;
    margin: 0 0.5rem 0.25rem;
    list-style: none;
  }

  #navMain ul.back a {
    font-size: 0.9rem;
    white-space: nowrap;
  }
}

#navMain ul li a.navCartContentsIndicator {
	background: inherit;
	color: inherit;
}

.attrib-checkbox-row {
    display: flex;
    align-items: center;
    gap: 0.35em;        /* space between checkbox and text */
    margin-bottom: 0.25em;
}

.attrib-checkbox-row .attribsCheckbox {
    margin: 0;          /* remove extra label margin if any */
}

/*#productDescription,
#categoryDescription {
  font-size: 1.1em;
}*/

.centerColumn {
  font-size: 1.1em;
}

/* override responsive_default.css */
@media (max-width: 48em) {
  td.cartQuantity {
    padding: 5px 5px;
  }
  td.cartQuantity input[type="text"],
  td.cartQuantity input[type="number"] {
    width: 4ch;       /* room for ~4 digits */
    min-width: 3.5em; /* fallback if ch isn't great */
  }
}

@media (max-width: 48em) {
    #informationContentMobile {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
}


.cm-order-status-note {
  font-weight:bold;
  /*color:red;*/
}

input.submit_button,
input.cssButtonHover.button_continue_checkout.button_continue_checkoutHover {
  font-size:1.3em;
  border-radius:0.3em;
}

/* On the reviews page, don't pull the pager up */
#productReviewsDefaultListingTopLinks nav.pagination,
#productReviewsDefaultListingTopLinks ul.pagination,
#productReviewsDefaultListingBottomLinks nav.pagination,
#productReviewsDefaultListingBottomLinks ul.pagination,
#reviewsDefaultListingTopLinks nav.pagination,
#reviewsDefaultListingTopLinks ul.pagination,
#reviewsDefaultListingBottomLinks nav.pagination,
#reviewsDefaultListingBottomLinks ul.pagination {
    margin-top: 0.25em;
}

#reviewsDefaultListingTopLinks.navSplitPagesLinks,
#reviewsDefaultListingBottomLinks.navSplitPagesLinks {
    float: none;
}

#reviewsDefault .reviews-middle {
  width: auto;
}
@media (min-width: 0px) and (max-width: 480px) {
  #reviewsDefault .reviews-middle.group.back {
    text-align: left;
    width: 95%;
    margin: 0 auto 2rem;   /* center the block and add spacing below */
  }
  #reviewsDefault .reviews-wrapper {
    
  }
}

/********************************/
/* 2-column outer layout (what you already have) */
#advSearchDefault fieldset.floatingBox {
  float: left;
  width: 48%;
  box-sizing: border-box;
  margin: 0 1% 1rem 0;
}
/* Left vs right column */
#advSearchDefault fieldset.floatingBox.back {
  float: left;
}
#advSearchDefault fieldset.floatingBox.forward {
  float: right;
}
/* Flex layout inside each floatingBox */
#advSearchDefault fieldset.floatingBox {
  display: flex;
  flex-wrap: wrap;
}
/* Legend occupies full row */
#advSearchDefault fieldset.floatingBox > legend {
  flex: 0 0 100%;
  margin-bottom: 0.5rem;
}
/* CATEGORY fieldset: make the select full-width, checkbox underneath */
#advSearchDefault fieldset.floatingBox.back .floatLeft {
  flex: 0 0 100%;
  margin-bottom: 0.5rem;
}
#advSearchDefault #searchCategoryId {
  width: 100%;
}
/* Checkbox + label stay together on one line, under the select */
#advSearchDefault #inc-subcat,
#advSearchDefault label[for="inc-subcat"] {
  margin-top: 0.25rem;
}
#advSearchDefault #inc-subcat {
  margin-right: 0.25rem;
}

/* Inner price/date pairs as flex rows */
#advSearchDefault fieldset.floatingBox.back fieldset.floatLeft,
#advSearchDefault fieldset.floatingBox.forward fieldset.floatLeft {
  border: 0;
  padding: 0;
  margin: 0 1rem 0 0;
  display: flex;
  align-items: center; /* vertical alignment */
}

/* Give labels a consistent width so inputs line up */
#advSearchDefault fieldset.floatingBox.back fieldset.floatLeft > label,
#advSearchDefault fieldset.floatingBox.forward fieldset.floatLeft > label {
  min-width: 5.5rem; /* adjust to taste */
  margin-right: 0.25rem;
  text-align: right;
}
/********************************/


#contact_us_form .additional_info_label {
    display: none;
}

#contact_us_form #additional_info {
    display: none;
}

.buttonRowWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buttonRowWrap .buttonRow { float: none; }

/*
  Blog content wrapper:
  Use <div class="zc-blog-post">...</div> around migrated blog HTML so
  headings feel closer to the rest of the store without changing global
  product/category heading styles.
*/
.zc-blog-post h1,
.zc-blog-post h2,
.zc-blog-post h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #333;
  letter-spacing: 0;
}

.zc-blog-post h1 {
  font-size: 1.9em;
  line-height: 1.25;
  margin: 0 0 0.7em;
}

.zc-blog-post h2 {
  font-size: 1.45em;
  line-height: 1.3;
  margin: 1.4em 0 0.5em;
}

.zc-blog-post h3 {
  font-size: 1.2em;
  line-height: 1.35;
  margin: 1.2em 0 0.45em;
}

.zc-blog-post p,
.zc-blog-post li {
  line-height: 1.65;
}