@charset "utf-8";

.gbbRemoveCartItemConfirmationMainContainer { position: fixed; inset: 0px; background-color: rgba(24, 24, 24, 0.8); z-index: 1000000000; }

.gbbRemoveCartItemConfirmationContainerModal { position: fixed; z-index: 1000000000; transform: translate(0px, -50%); background: rgb(255, 255, 255); border-radius: 5px; text-align: center; padding: 10px; max-height: 95vh; left: 5vw; right: 5vw; top: 50vh; }

.gbbRemoveCartItemConfirmationContainerModal { display: grid; gap: 10px; }

.gbbCartPageCartProductsContainerHeader { display: grid; justify-content: space-between; align-items: center; }

.gbbCartPageCartProductsContainerHeaderLabel { justify-self: start; font-size: 16px; font-weight: bold; }

.gbbCartPageCartProductsModalClose { justify-self: end; padding: 12px 10px; font-weight: bold; transform: rotate(45deg); font-size: 35px; position: absolute; top: -8px; right: 0px; color: rgb(178, 181, 185); cursor: pointer; user-select: none; }

.gbbCartPageCartModalProductsContainer { display: grid; grid-auto-flow: column; gap: 5px; overflow-y: auto; max-height: 70vh; }

.gbbCartPageCartModalProductsContainer { grid-auto-flow: row; }

.gbbCartPageCartModalProductContainer { display: grid; grid-auto-flow: column; gap: 10px; position: relative; padding: 5px; }

.gbbCartPageCartModalProductContainer { grid-template-columns: 0.5fr 3fr; }

.gbbCartPageCartProductImageContainer { display: grid; width: 80px; height: 80px; border: 1px solid rgb(207, 201, 201); overflow: hidden; object-fit: contain; }

.gbbCartPageCartModalProductImage { width: 100%; height: 100%; }

.gbbCartPageCartModalProductTextContainer { font-size: 14px; display: grid; grid-template-columns: 1fr 0.2fr; justify-content: space-between; align-items: start; gap: 10px; }

.gbbCartPageCartModalProductTitle { width: 100%; text-align: left; }

.gbbCartModalProductTitleQty { display: grid; justify-content: start; width: unset; }

.gbbCartPageCartModalProductQuantity { justify-self: start; }

.gbbCartPageCartModalProductPriceQtyContainer { display: grid; grid-template-columns: 1fr 2fr; gap: 5px; }

.gbbCartPageCartModalProductPrice { font-weight: bold; }

.gbbUnavailableProductsModalFooter { display: grid; gap: 10px; }

.gbbCartPageProductsModalFooterBackBtn, .gbbCartPageProductsModalFooterRemoveBtn { padding: 10px; text-align: center; border-radius: 5px; font-size: 16px; cursor: pointer; width: 100%; font-weight: 500; background: black; color: white; border: none; }

.gbbCartPageProductsModalFooter { display: grid; gap: 10px; grid-auto-flow: column; }

.gbbDisabled { pointer-events: none; opacity: 0.2; }

.gbbExtBundlesHTMLContainer { width: 100%; }

.gbbExtBundleHTMLContainer { height: fit-content; display: grid; grid-template-columns: 1fr 4fr 1.2fr; margin: 20px 0px; padding: 10px; border-radius: 5px; }

.gbbExtBundleHTMLContainer { border: 1px solid rgb(188, 188, 188); }

.gbbExtBundleHTMLContainerSideCart { grid-template-columns: 2fr 4fr 1fr; }

.gbbExtBundleImageContainer { width: 80%; }

.gbbExtBundleImage { width: 100%; object-fit: contain; border-radius: 4px; }

.gbbExtBundleTextContainer { padding: 10px; }

.gbbExtBundleTitle { display: grid; grid-template-columns: auto 1fr; gap: 4px; }

.gbbExtSideCartBundleTitle { grid-template-rows: 1fr 1fr; grid-template-columns: auto; gap: 0px; }

.dbbExtBundleId { display: grid; grid-template-columns: auto 1fr; gap: 4px; }

.gbbExtBundleTitleLabel, .gbbExtBundleIdLabel, .gbbExtBundleContentsTextLabel { font-weight: 800; }

.gbbExtPriceAndRemoveContainer { text-align: right; padding: 10px; }

.gbbExtPriceContainer { display: grid; grid-template-columns: 1fr auto; gap: 5px; }

.gbbExtBundleOriginalPriceContainer { text-decoration: line-through; font-size: smaller; }

.gbbExtBundleDiscountedPrice { font-weight: 900; }

.gbbExtNoDiscountPrice { grid-template-columns: 1fr; }

.gbbExtBundleRemoveContainerButton { display: flex; float: right; }

.gbbExtBundleRemoveButton { color: red; cursor: pointer; width: fit-content; }

@media (min-width: 1023px) {
  .gbbCartPageProductsModalFooter { grid-template-columns: 1fr 1fr; }
  .gbbRemoveCartItemConfirmationContainerModal { left: 30vw; right: 30vw; }
}

.gbbExtBundleUpsellContainer:not(:empty) { display: grid; margin: 5% 0px; border-radius: 5px; gap: 5px; }

.gbbExtBundleRedirectButton { display: grid; justify-content: center; align-items: center; cursor: pointer; width: 100%; border: 2px solid gray; border-radius: 5px; min-height: 45px; text-align: center; overflow-wrap: break-word; word-break: break-word; white-space: normal; padding-inline: 10px; }

.gbbExtHide { display: none; }

.gbbOfferWidgetFieldSet { border-radius: 5px; border: 1.5px solid rgba(0, 0, 0, 0.28); padding: 10px; text-align: left; }

.gbbOfferWidgetTitle { color: black; font-weight: 600; overflow-wrap: break-word; word-break: break-word; white-space: normal; }

.gbbOfferWidgetBody { display: flex; justify-content: space-between; align-items: center; gap: 10px; }

.gbbOfferWidgetBody .gbbOfferWidgetDetailsSec .gbbOfferWidgetImg { height: 50px; width: 50px; min-width: 50px; min-height: 50px; border-radius: 5px; object-fit: cover; }

.gbbOfferWidgetBody .gbbOfferWidgetDetailsSec { display: flex; align-items: center; gap: 10px; }

.gbbOfferWidgetBody .gbbOfferWidgetDetailsSec .gbbOfferWidgetDescription { font-size: 12px; text-align: left; overflow-wrap: break-word; word-break: break-word; white-space: normal; }

.gbbOfferWidgetBody .gbbOfferWidgetBtnSec .gbbOfferWidgetRedirectBtn { background: none; outline: none; border: none; padding: 5px; border-radius: 5px; cursor: pointer; overflow: hidden; width: 100px; font-size: 10px; display: flex; justify-content: center; align-items: center; text-align: center; min-height: 30px; overflow-wrap: break-word; word-break: break-word; white-space: normal; }

.gbbSpinnerLoaderContainer { display: flex; justify-content: center; align-items: center; }

.gbbSpinnerLoader { width: 12px; height: 12px; border-width: 2px; border-style: solid; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: 0.5s linear 0s infinite normal none running spinnerLoaderRoatation; }

.gbbExtBundleRedirectButton .gbbSpinnerLoader { width: 20px; height: 20px; }

.gbbExtProductCardPrice--hidden { visibility: hidden !important; }

@keyframes spinnerLoaderRoatation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}