/* A/B testing - removing original html sections and replacing them with new html layout*/

.pdp__buy-box-upper-new {
  display: none;
}

.pdp__breadcrumb-section-new {
  display: none;
}

.pdp__product-price-new {
  display: none;
}

.pdp__qty-atc-new {
  display: none;
}

.pdp__vas-new {
  display: none;
}

.pdp__gcu-customize-new {
  display: none;
}

.pdp__description-new {
  display: none;
}

/* Design system changes for the Product Detail Page (PDP) overhaul v2 */
.pdp-ui-overhaul-v2 .btn-lg {
  padding: 10px 18px;
}

/* Container Overrides */
.pdp-ui-overhaul-v2 .container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding-left: clamp(0px, 5vw, 100px);
  padding-right: clamp(0px, 5vw, 100px);
  max-width: 2000px !important;
}

/* General Styling that needs .pdp-ui-overhaul-v2 */
.pdp__buy-box-upper-brand {
  font-family: var(--ff-rob, Roboto);
}

.pdp-ui-overhaul-v2 .pdp__buy-box-upper-sku {
  color: var(--sec-txt, #616161);
  font-family: var(--ff-rob, Roboto);
}

.pdp-ui-overhaul-v2 .pdp__buy-box-upper-sku a {
  font-family: var(--ff-rob, Roboto) !important;
}

.pdp-ui-overhaul-v2 .pdp__h1 {
  line-height: normal;
}

.pdp-ui-overhaul-v2 .product__info.pdp__buy-box-container {
  background-color: unset;
  border: unset;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
}

.pdp-ui-overhaul-v2 .product__box__upper {
  border-bottom: unset;
  padding: 0 0 12px 0;
}

.pdp-ui-overhaul-v2 .product__options--row-label {
  border-top: unset;
  padding: 0;
}

.pdp-ui-overhaul-v2 .product__options {
  padding: 0;
  display: flex;
  flex-direction: column;
}

main.pdp-ui-overhaul-v2.product .product__breadcrumb {
  margin: 0px 0px 28px 0px;
}

main.pdp-ui-overhaul-v2.product .product__options .product__options--row {
  margin-bottom: 28px;
}

.pdp-ui-overhaul-v2 .pdp__left-img-container {
  padding-right: 10%;
}

.pdp-ui-overhaul-v2 .product__options--row .form__label {
  color: #000;
}
.pdp-ui-overhaul-v2 .product__options--row .form__label {
  text-transform: uppercase;
  font-family: var(--ff-rob, Roboto);
  font-size: var(--fs-sm-d, 13px);
}

.pdp-ui-overhaul-v2 .product__options--row .pdp__options-label {
  margin-right: 3px;
}
.pdp-ui-overhaul-v2 .product__options--row .pdp__options-label::after {
  content: ":";
}

.pdp-ui-overhaul-v2 .product__options--row,
.pdp-ui-overhaul-v2 [data-target="#sizeChartModal"],
.pdp-ui-overhaul-v2 [data-target="#copyModal"] {
  display: inline-block;
  text-transform: capitalize;
}

.pdp-ui-overhaul-v2 .ul.choices li img,
.pdp-ui-overhaul-v2 ul.choices li.selected img  {
  width: 100%;
  height: 100%;
  margin: 0;
}

main.pdp-ui-overhaul-v2.product .product__options .product__options--color li.selected::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.pdp-ui-overhaul-v2 .product__options--row-label a {
  text-decoration: none !important;
}

main.pdp-ui-overhaul-v2.product .product__options .product__options--row .product__options--row-label {
  margin-bottom: 2px;
}

.pdp-ui-overhaul-v2 .form__checkbox {
  margin-bottom: 28px;
}

/* Options - pill buttons */
main.pdp-ui-overhaul-v2.product .product__options .product__options--boxes li {
  border-radius: 24px;
  padding: 9px 18px;
  min-width: 50px;
  line-height: 1;
  font-size: 14px;
  height: fit-content;
  border-color: #e3e3e3 !important;
  transition: .1s ease;
}

main.pdp-ui-overhaul-v2.product .product__options .product__options--boxes li:active {
    background: #000 !important;
    color: #fff;
}

main.pdp-ui-overhaul-v2.product .product__options .product__options--boxes li:hover {
  border-color: #000 !important;

}

main.pdp-ui-overhaul-v2.product .product__options .product__options--boxes li:active {
  background: #000 !important;
}

@media (max-width: 991px) {
  main.pdp-ui-overhaul-v2.product .product__options .product__options--boxes li {
    margin-bottom: 0px;
  }
}

main.pdp-ui-overhaul-v2.product .product__options .product__options--boxes li.selected {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  font-weight: 400;
}


/* Additional Styling */
main.pdp-ui-overhaul-v2.product .product__options .product__options--color li {
    border-radius: 20px
}

.pdp-ui-overhaul-v2 .btn {
    border-radius: 6px !important
}

.pdp-ui-overhaul-v2 .wishlist-box a {
    text-align: center;
}

main.pdp-ui-overhaul-v2.product .product__title--item {
    margin: 0
}

.pdp-ui-overhaul-v2 .product__qty .form__select {
    border-radius: 6px
}

.pdp-ui-overhaul-v2 .linebg {
    display: none
}

.pdp-ui-overhaul-v2 h1::not(.bv__rating-questions),
.pdp-ui-overhaul-v2 h2::not(.bv__rating-questions),
.pdp-ui-overhaul-v2 h3::not(.bv__rating-questions),
.pdp-ui-overhaul-v2 h4::not(.bv__rating-questions),
.pdp-ui-overhaul-v2 h5::not(.bv__rating-questions),
.pdp-ui-overhaul-v2 h6::not(.bv__rating-questions) {
    text-transform: capitalize
}

.pdp-ui-overhaul-v2 .product-item,
.pdp-ui-overhaul-v2 .product-item-cta {
    border: solid 1px #e3e3e3;
    border-radius: 6px;
}


/* Pricing and social proof */
.pdp-ui-overhaul-v2 .pdp__product-price-wrapper {
  margin-bottom: 28px;
}

.pdp-ui-overhaul-v2 .pdp__product-price-new {
  margin-bottom: 28px;
}

.pdp-ui-overhaul-v2 .prcspan {
    font-size: var(--fs-h4-d, 23px);
    margin-bottom: 0;
}

.pdp-ui-overhaul-v2 .old-price {
  color: var(--sec-txt, #616161);
  font-family: var(--ff-rob, Roboto);
  font-size: var(--fs-sm-d, 13px);
  font-style: normal;
  font-weight: var(--fw-reg, 400);
  text-decoration-line: line-through;
  margin: 0 !important;
}

main.pdp-ui-overhaul-v2.product .product__price {
    font-size: 24px;
    display: flex;
    align-items: flex-start;
    gap: 6px;

    font-family: Roboto;
    font-size: var(--fs-h4-d, 23px);
    font-style: normal;
    font-weight: var(--fw-bold, 700);
    line-height: 23px;
    text-transform: lowercase;
    margin-bottom: 3px;
}

main.pdp-ui-overhaul-v2 .product-price .discount,
main.pdp-ui-overhaul-v2 .product__price .youSave,
main.pdp-ui-overhaul-v2 .product__price.discounted .new-price {
  color: #FA0000 !important;
}


.pdp-ui-overhaul-v2 .soc-proof-inline-tags-pdp {
  height: 21.48px !important;
}

.pdp-ui-overhaul-v2 #socProofSale {
    font-size: 13px !important;
    color: var(--critical-critical-btn-bg, #FA0000);
    color: white;
    padding: 2px 12px;
    text-transform: uppercase;
    border-radius: 20px;
}

.pdp-ui-overhaul-v2 .soc-proof-divider {
      display: none;
}

.pdp-ui-overhaul-v2 .social-proof-badge {
    left: 12px;
    border-radius: 20px;
    padding: 2px 12px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: auto;
    font-weight: 500px !important;
    right: unset;
}

main.pdp-ui-overhaul-v2.product .product__title h1 {
    font-size: 26px;
    font-weight: 900;
}

.pdp-ui-overhaul-v2 .youSave {
  font-size: var(--fs-sm-d, 13px);
  font-weight: var(--fw-reg, 400);
  margin-left: 0;
}

/* Social proof */
.pdp-ui-overhaul-v2 .soc-proof-inline-tags {
  font-weight: unset;
  line-height: unset;
  height: unset;
}

.pdp-ui-overhaul-v2 .soc-proof-customizable,
.pdp-ui-overhaul-v2 .soc-proof-ships-free,
.pdp-ui-overhaul-v2 .soc-proof-final-sale,
.pdp-ui-overhaul-v2 .soc-proof-sale,
.pdp-ui-overhaul-v2 .soc-proof-clearance,
.pdp-ui-overhaul-v2 .soc-proof-new-arrival,
.pdp-ui-overhaul-v2 .soc-proof-only-at-galls,
.pdp-ui-overhaul-v2 .soc-proof-exclusive,
.pdp-ui-overhaul-v2 .soc-proof-top-rated,
.pdp-ui-overhaul-v2 .soc-proof-only-at-galls {
    border-radius: 20px;
    padding: 2px 12px !important;

    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    width: fit-content;
    text-transform: uppercase;
    text-wrap: nowrap;
}

.pdp-ui-overhaul-v2 .soc-proof-only-at-galls {
  border: 1px solid #e3e3e3;
}

.pdp-ui-overhaul-v2 .soc-proof-final-sale,
.pdp-ui-overhaul-v2 .soc-proof-sale {
  color: var(--white, #FFF);
  background: var(--base-critical-fill, #e51c00);
}

.pdp-ui-overhaul-v2 .soc-proof-clearance {
  color: #000;
  background: #FFEA00;
}

.pdp-ui-overhaul-v2 .soc-proof-top-rated {
  color: #fff;
  background: #000;
}

.pdp-ui-overhaul-v2 .soc-proof-only-at-galls {
  color: #000;
  background: #fff;
}




@media (min-width: 992px) {
    main.pdp-ui-overhaul-v2.product .product__header .right {
        width: 45%;
        border: solid 1px #e3e3e3;
        border-radius: 24px;
        box-shadow: 0px 6px 12px #0003;
        padding: 24px;
    }
}

@media (min-width: 1200px) {
    main.pdp-ui-overhaul-v2.product .product__header .right {
        width: 40%;
        padding: 24px;
    }
}

@media (min-width: 1400px) {
    main.pdp-ui-overhaul-v2.product .product__header .right {
        width: 35%;
        padding: 24px;
    }
}

main.pdp-ui-overhaul-v2.product .product__breadcrumb li:before {
    color: #000;
    padding: 0 6px;
}

.pdp-ui-overhaul-v2 .breadcrumb>li+li:before {
    content: "/";
}

main.pdp-ui-overhaul-v2.product .product__breadcrumb a {
    color: #005dac;
}

main.pdp-ui-overhaul-v2.product .product__breadcrumb>.active {
    color: #616161;
}

.pdp-ui-overhaul-v2 .social-proof-new-arrival {
    border-radius: 20px !important;
    padding: 2px 12px !important;
    font-size: 13px !important;
}


/* pdp qty, atc, wishlist */

/* pdp qty */
.pdp__qty-wrapper {
  position: relative;
  font-size: 18px;
  font-family: 'Roboto';
  background-color: #f5f7fa;
  border: 1px solid #f5f7fa;
  padding: 10px 12px;
  border-radius: 6px;
  font-weight: var(--fw-med, 500);
  line-height: normal;
  text-transform: capitalize;
  cursor: pointer;
}

.pdp__qty-label {
  pointer-events: none;
  display: flex;
  align-items: center;
  gap: 4px;
}

.pdp__qty-select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  padding: 10px 12px !important;
  cursor: pointer;
}

/* pdp atc */
main.pdp-ui-overhaul-v2.product .pdp__atc-base {
  display: block;
  font-family: 'roboto';
  font-size: 18px;
  font-style: normal;
  font-weight: var(--fw-med, 500);
  line-height: normal;
  text-transform: capitalize;
  padding-top: 10px;
  padding-bottom: 10px;
}

main.pdp-ui-overhaul-v2.product .pdp__atc-base:hover {
    background: linear-gradient(315deg, #000, #005dac);
}

/* pdp wishlist */
main.pdp-ui-overhaul-v2.product .pdp__wishlist {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

  padding: 10px;
  border-radius: 6px;
  border: 1px solid #000;
  cursor: pointer;
}

main.pdp-ui-overhaul-v2.product .pdp__wishlist a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

main.pdp-ui-overhaul-v2.product .product__options .product__options--color {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 1px;
  font-size: 0;
}

main.pdp-ui-overhaul-v2.product .product__options .product__options--size {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 0;
}

main.pdp-ui-overhaul-v2 .pdp__options-label-wrapper {
  display: flex !important;
  justify-content: space-between;
  gap: 12px;
  margin-right: auto;
}

main.pdp-ui-overhaul-v2 .pdp__options-label-wrapper > div {
  display: inline-block;
}
main.pdp-ui-overhaul-v2 .product #product__options--size2,
main.pdp-ui-overhaul-v2 #product__options--size { display: unset; }

main.pdp-ui-overhaul-v2.product .product__options .product__options--color a {
  font-size: 0;
}

/* image carousel */
main.pdp-ui-overhaul-v2.product .product__thumbnails .product__gallery--thumbnail:hover {
  opacity: 1;
}

main.pdp-ui-overhaul-v2.product .product__options .product__options--color li.selected {
  background-color: #EBEBEB;
  outline: solid 1px #000;
  border: solid 2px #fff; /* to ensure outline is seen on dark/black swatches */
}

/* VAS, GCU Invidual */
.pdp-ui-overhaul-v2 .pdp__customization-container {
  background: linear-gradient(90deg, var(--g-blue, rgba(0, 93, 172, 0.10)) 0%, var(--g-red, rgba(184, 32, 37, 0.10)) 100%);
  border-radius: 0.75rem;
}

.pdp-ui-overhaul-v2 .pdp__customize-btn {
  border-radius: 6px;
  background: linear-gradient(white, white) padding-box, /* Button background */ linear-gradient(90deg, var(--g-blue, #005DAC) 0%, var(--g-red, #B82025) 100%) border-box;
  border: 2px solid transparent;
}

.pdp-ui-overhaul-v2 .pdp__customize-btn span {
  background: linear-gradient(90deg, var(--g-blue, #005DAC) 0%, var(--g-red, #B82025) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pdp-ui-overhaul-v2 .pdp__vas-text {
  font-weight: 400;
  font-size: 13px;
}

/* Messages directly above add to cart button overrides to decrease padding*/
.pdp-ui-overhaul-v2 #samTranCanMesg {
  padding-bottom: unset !important;
  margin-bottom: 20px !important;
}

.pdp-ui-overhaul-v2 #stockMsg {
  min-height: unset !important;
}

/* Sezzle Widget */
.pdp-ui-overhaul-v2 .pdp__sezzle-widget {
  height: 19.33px;
}

/* simulate original behavior */
.product__options--row .form__label {
  margin-right: 1rem;
}

.product__options--row-label > div {
  display: inline-block;
}



/* image-text */
/* component 4: galls in news */
.abt__news {
  padding: 0;
  margin-bottom: 20px;
  margin-top: 50px;
}

@media (min-width: 768px) {
  .abt__news {
    margin-bottom: 40px;
    margin-top: 0;
  }
}

.abt__news-wrapper {
  gap: unset;
  padding: 0 20px;
}

@media (min-width: 768px) {
  .abt__news-wrapper {
    gap: 36px;
    padding: 0 80px;
  }
}

.abt__news-title {
  padding: 0;
  color: var(--Neutral-800, #1D2939);
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media(min-width: 768px) {
  .abt__news-title {
    padding: 28px 0;
  }
}

.abt__news-list {
  padding: 20px;
  gap: 46px;
  border-radius: 0;
  background: var(--default-bg, #F7F7F7);
}

@media (min-width: 768px) {
  .abt__news-list {
    border-radius: 12px;
  }
}

.abt__news-list-item {
  color: var(--IBM-Blue, #0530AD);
  font-family: Roboto !important;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration: underline !important;
  text-underline-position: from-font;
  font-weight: 500;
}

.abt__news-bullets svg {
  flex-shrink: 0;
}



.abt__news-text-column {
  flex: 1 1 70%;
}
.abt__news-image-column {
  flex: 1 1 30%;
}

.abt__news-image-column::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, 3%); /* Grey overlay with opacity */
  pointer-events: none; /* Allows clicks to pass through the overlay */
  z-index: 1000;
  will-change: opacity, transform; /* force the browser to handle it on the GPU to prevent delay on mobile swipe and Optimize performance for animation */
}

.abt__news-text-content {
  padding: 20px;
  border-radius: 0;
}

@media (min-width: 768px) {
  .abt__news-text-content {
    border-radius: 0px;
  }
}

.abt__news-text-content span {
  color: #000;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 130% */
}

.abt__news-bullets {
  gap: 46px;
}

@media (max-width: 768px) {
  .abt__news-text-column,
  .abt__news-image-column {
    flex: 1 1 100%;
  }
}

@media (min-width: 768px) {
  .abt__news-image-column img {
    border-radius: 12px;
  }
}

.abt__news-image {
  max-height: 296px;
}

/* tabbed content */
/* Remove previous tab styles */
.pdp-desc-tab-nav {
  display: flex;
  padding: 24px 0px;
  justify-content: center;
  align-items: flex-start;
  gap: 31px;
  border-top: 1px solid var(--default-border, #E3E3E3);
  border-bottom: 1px solid var(--default-border, #E3E3E3);
  background: #FFF;
  margin-bottom: 10px;
  padding: 12px 6px;
}

@media (min-width: 768px) {
  .pdp-desc-tab-nav {
    margin-bottom: 40px;
    padding: 24px 80px;
  }
}

.pdp-desc-tab-nav button {
  background: none;
  border: none;
  padding: 0;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  transition: color 0.2s ease;
  text-wrap: nowrap;
  padding: 0 15px;
}

/* Hover underline animation */
.pdp-desc-tab-nav button::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: #005dac; /* Galls Blue */
  transition: width 0.3s ease;
}

/* Expand underline on hover */
.pdp-desc-tab-nav button:hover::after {
  width: 100%;
}

.pdp-desc-tab-nav button::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: #005dac; /* Galls Blue */
  transition: width 0.3s ease;
}

.pdp-desc-tab-nav button:hover::after,
.pdp-desc-tab-nav button:focus::after,
.pdp-desc-tab-nav button:active::after {
  width: 100%;
}



.pdp-desc-section {
  margin-bottom: 20px;
}

.pdp-desc-accordion-header {
  width: 100%;
  background: #f2f2f2;
  border: none;
  padding: 12px;
  font-size: 1.1em;
  cursor: pointer;
  text-align: left;
  font-weight: bold;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}

.pdp-desc-accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding-left: 12px;
}

.pdp-desc-accordion-body.open {
  max-height: 1000px;
  padding-top: 10px;
}

.pdp-desc-accordion .ac-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: none;
  background: none;
  font-weight: bold;
  font-size: 1.1em;
  cursor: pointer;
}

/* Accordion library overrides */
.ac-trigger span {
  color: var(--pri-txt, #000);

  /* h4-d */
  font-family: var(--ff-rob-con, "Roboto Condensed");
  font-size: var(--fs-h4-d, 23px);
  font-style: normal;
  font-weight: var(--fw-bold, 700);
  line-height: normal;

  padding: 0 6px;
}

.ac {
  border: none;
}

.ac-panel {
  padding: 0 6px;
}

.ac-panel ul,
.ac-panel ol {
  padding-left: 20px;
}

@media (min-width: 768px) {
  .ac-panel {
    padding: 0 80px;
  }

  .ac-trigger span {
    padding: 0 80px;
  }
}

.ac-header {
  border-bottom: 1px solid var(--default-border, #E3E3E3);
}