/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/ui/modal/modal.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal_overlay__4UXSq {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2500;
}

.modal_modal__RCZrz {
  position: relative;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.modal_modalCloseButton__y_s5N {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.5rem;
  z-index: 10;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/comparison-modal/comparison.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.comparison_modalBody__2YCY3 {
  width: 100%;
  max-width: 28rem;
  padding: 1.5rem;
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.comparison_modalBody__2YCY3 .comparison_modalTitle__OaDmH {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem
}
.comparison_modalBody__2YCY3 .comparison_modalTitle__OaDmH span {
  font-weight: 700;
  color: #f90
}
.comparison_modalBody__2YCY3 .comparison_modalBtns__DBK94 {
  margin-top: 1rem;
  display: flex;
  gap: .5rem
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/ui/custom-button/button.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button_btnContainer__31_aQ {
  display: block;
  cursor: pointer;
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}@media (min-width: 768px) {.button_btnContainer__31_aQ {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}.button_btnContainer__31_aQ {
  font-size: 14px;
  width: 100%;
}
.button_btnContainer__31_aQ:disabled {
  cursor: not-allowed;
}

.button_btnPrimary__fMm3K {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 14px;
}

.button_viewDetails__vyWtG {
  background-color: #f5f5f5;
  color: #37aaf7;
  border-radius: 0;
  font-weight: 500;
  padding: 6px 12px;
  word-spacing: 5px;
  font-size: 0.8rem;
  line-height: 1.5;
  border: 1px solid transparent;
}

.button_secondary__M7IKK {
  color: white;
  background-color: #4398fe;
  padding: 12px 4px 10px;
  font-weight: 500;
  border-radius: 6px;
  font-size: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.button_btnLinkPrimary__qNLmI {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-size: 16px;
}

.button_comparisonBtn__28yVt {
  background-color: #ff9900;
  border-radius: 4px;
  color: #fff !important;
  font-size: 14px;
  margin: 0;
}

.button_addToCartBtn__4tExx {
  color: white;
  background-color: #4398fe;
  padding: 8px 4px;
  font-weight: 500;
  border-radius: 4px;
  font-size: 14px;
  width: 70%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.button_startFormSubmitBtn__KQBdq {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  margin-top: 20px;
  width: 98%;
  height: 44px;
  border-radius: 8px;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.button_startFormSubmitBtn__KQBdq:disabled {
  cursor: not-allowed;
  background-color: #999999;
}

.button_third__GcwVo {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color: white;
  background-color: #4398fe;
  position: relative;
  bottom: -73%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.button_forth__n8LoE {
  display: block;
  font-weight: 500;
  color: #4398fe;
}

.button_categoryGenre__pJc2l {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.375rem;
  border: 1px solid #4398fe;
  background-color: rgba(67, 151, 254, 0.1921568627);
  font-size: 114%;
  color: #333;
  padding: 0.375rem 0.75rem;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  height: 60px;
  width: 100%;
}
.button_categoryGenre__pJc2l:hover {
  color: #fff;
}
.button_categoryGenre__pJc2l::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #4398fe;
  z-index: -1;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
}
.button_categoryGenre__pJc2l:hover::before {
  width: 100%;
}

.button_sixth__IlkBs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 500;
}

@media (min-width: 768px) {.button_sixth__IlkBs {
    width: 25%;
  }
}

@media (min-width: 1024px) {.button_sixth__IlkBs {
    width: 10%;
  }
}

.button_sixth__IlkBs {
  color: #333;
  border: 1px solid #4398fe;
  border-radius: 0%;
}
.button_sixth__IlkBs:hover {
  background-color: #4398fe;
  color: #fff;
}

.button_outline__z6SZO {
  border: 2px solid #87298f;
  border-radius: 2px;
  color: #87298f;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
}
.button_outline__z6SZO:hover {
  background-color: #87298f;
  color: white;
}

.button_detailsOutline__OIrZD {
  width: fit-content;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 9px;
  padding-bottom: 9px;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  min-width: 150px;
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.button_detailsOutline__OIrZD:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button_detailBuyEbookSmall__xb_Cc {
  margin-left: 1rem;
  width: 100px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 151 215 / var(--tw-border-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(0 151 215 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.button_detailBuyEbookSmall__xb_Cc:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 151 215 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button_radiusNone__KY3Ub {
  border-radius: 2px;
  background-color: #4398fe;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  transition: background 0.8s;
}
.button_radiusNone__KY3Ub:hover {
  background-color: #6297d8 radial-gradient(circle, transparent 1%, #4398fe 0) 50%/15000%;
  color: white;
}

.button_confirmOrderBtn__aM7oj {
  color: white;
  background-color: #4398fe;
  padding: 10px 0px;
  margin-right: 5px;
  font-size: 128%;
  border-radius: 4px;
}
.button_confirmOrderBtn__aM7oj:disabled {
  cursor: not-allowed;
  opacity: 0.8;
}

.button_detailIconContainer__vxfDM {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #0097d7;
  border-radius: 4px;
  color: #0097d7;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
  color: white;
  max-width: 250px;
}
.button_detailIconContainer__vxfDM:disabled {
  cursor: not-allowed;
  background-color: #f1f1f1;
  color: #bbb;
}

.button_reviewIconBtn__pPii9 {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  font-size: 13px;
  transition: all 0.3s ease;
  color: #737373;
}

.button_followBtn__RIalX {
  padding: 5px 0;
  background-color: #0097d7;
  border-radius: 4px;
  color: #0097d7;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.3s ease;
  color: white;
}

.button_actionBtn__slKen {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.button_actionBtn__slKen:hover {
  --tw-text-opacity: 1;
  color: rgb(0 151 215 / var(--tw-text-opacity));
}

.button_actionBtn__slKen {
  color: #333;
  background-color: transparent;
  font-size: 16px;
}

.button_actionBtn__slKen:hover .button_icon__2lIOu svg,
.button_actionBtn__slKen:hover .button_icon__2lIOu path {
  stroke: #0097d7;
}

.button_actionlistitem__IkfkK {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  padding: 4px 10px;
}
.button_actionlistitem__IkfkK:hover {
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
}

.button_listCreateBtn__egd_r {
  background-color: #33c24d;
  background-position: 50%;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 6px -4px #a2a2a2;
  box-shadow: 0 3px 6px -4px #a2a2a2;
  color: #fff !important;
  display: inline-block;
  font-size: 135%;
  height: 50px;
  margin-left: 15px;
  vertical-align: middle;
  width: 200px;
}
.button_listCreateBtn__egd_r:hover {
  background-color: #289a3d;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/details-all-offers/detailsAllOffers.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.detailsAllOffers_offerContainer__NkM0J {
  margin-top: 12px;
  border: 1px solid #ffdccb;
  background-color: #fffcf6;
  color: #333;
  font-size: 13px;
  border-radius: 4px;
  position: relative;
  padding-bottom: 24px;
}
.detailsAllOffers_offerContainer__NkM0J .detailsAllOffers_offerItem__KV6Rx {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 14px;
}
.detailsAllOffers_offerContainer__NkM0J .detailsAllOffers_offerItem__KV6Rx img {
  height: 12px;
  width: 12px;
  filter: invert(42%) sepia(85%) saturate(3691%) hue-rotate(333deg) brightness(111%) contrast(105%);
}
.detailsAllOffers_offerContainer__NkM0J .detailsAllOffers_offerItem__KV6Rx:last-child {
  border: none;
}
.detailsAllOffers_offerContainer__NkM0J .detailsAllOffers_seeMoreButton__efif3 {
  position: absolute;
  bottom: 4px;
  font-size: 14px;
  left: 30px;
  cursor: pointer;
  color: #0397d3;
  display: flex;
  gap: 4px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/details-input-quantity/inputQuantity.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.inputQuantity_detailsInfoInputQuantity__Ewr7Q {
  margin-top: 0.75rem;
  display: flex;
  gap: 0.5rem;
  align-self: center;
}
.inputQuantity_detailsInfoInputQuantity__Ewr7Q button {
  background: transparent;
  border-radius: 50%;
  border: 1px solid #ccc;
  width: 28px;
  height: 28px;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  color: #666;
  line-height: 20px;
}
.inputQuantity_detailsInfoInputQuantity__Ewr7Q button:focus {
  outline: 1px solid #6898fe;
}
.inputQuantity_detailsInfoInputQuantity__Ewr7Q .inputQuantity_inputField__0kUIz {
  text-align: center;
  padding: 1px;
  display: block;
  width: 65px;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #e9ecef;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.inputQuantity_detailsInfoInputQuantity__Ewr7Q .inputQuantity_inputField__0kUIz:focus {
  outline: 1px solid #6898fe;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/ui/button/button.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button_btnContainer__nwWzy {
  display: block;
  cursor: pointer;
  border-radius: 9999px;
  text-align: center;
  padding: 10px 0px;
  font-size: 13px;
  width: 100%;
}

.button_viewDetails__GF_ZA {
  background-color: #f5f5f5;
  color: #37aaf7;
  border-radius: 0;
  font-weight: 500;
  padding: 6px 12px;
  word-spacing: 5px;
  font-size: 0.8rem;
  line-height: 1.5;
  border: 1px solid transparent;
}

.button_secondary__dbPhO {
  color: white;
  background-color: #4398fe;
  padding: 12px 4px 10px;
  font-weight: 500;
  border-radius: 6px;
  font-size: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.button_addToCartBtn__Y1CtS {
  color: white;
  background-color: #4398fe;
  padding: 8px 4px;
  font-weight: 500;
  border-radius: 4px;
  font-size: 14px;
  width: 70%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.button_third__WNDJb {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color: white;
  background-color: #4398fe;
  position: relative;
  bottom: -73%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.button_forth__B5g2y {
  display: block;
  font-weight: 500;
  color: #4398fe;
}

.button_categoryGenre__vpRoC {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.375rem;
  border: 1px solid #4398fe;
  background-color: rgba(67, 151, 254, 0.1921568627);
  font-size: 114%;
  color: #333;
  padding: 0.375rem 0.75rem;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  height: 60px;
}
.button_categoryGenre__vpRoC:hover {
  color: #fff;
}
.button_categoryGenre__vpRoC::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #4398fe;
  z-index: -1;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
}
.button_categoryGenre__vpRoC:hover::before {
  width: 100%;
}

.button_sixth__UpR1I {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 500;
}

@media (min-width: 768px) {

  .button_sixth__UpR1I {
    width: 25%;
  }
}

@media (min-width: 1024px) {

  .button_sixth__UpR1I {
    width: 10%;
  }
}

.button_sixth__UpR1I {
  color: #333;
  border: 1px solid #4398fe;
  border-radius: 0%;
}
.button_sixth__UpR1I:hover {
  background-color: #4398fe;
  color: #fff;
}

.button_outline__IZuFa {
  border: 2px solid #87298f;
  border-radius: 2px;
  color: #87298f;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
}
.button_outline__IZuFa:hover {
  background-color: #87298f;
  color: white;
}

.button_detailsOutline__7nd5t {
  max-width: fit-content;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: 1px solid #0097d7;
  border-radius: 4px;
  color: #0097d7;
  font-size: 16px;
  transition: all 0.3s ease;
}
.button_detailsOutline__7nd5t:hover {
  background-color: #0097d7;
  color: white;
}

.button_radiusNone__g4xgm {
  border-radius: 2px;
  background-color: #4398fe;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  transition: background 0.8s;
}
.button_radiusNone__g4xgm:hover {
  background-color: #6297d8 radial-gradient(circle, transparent 1%, #4398fe 0) 50%/15000%;
  color: white;
}

.button_seventh__j60W0 {
  width: 25%;
  color: white;
  background-color: #4398fe;
  padding: 10px 0px;
  margin-right: 5px;
  font-size: 128%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.button_detailIconContainer__Sep47 {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #0097d7;
  border-radius: 4px;
  color: #0097d7;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
  color: white;
}

.button_reviewIconBtn__X1BHA {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  font-size: 13px;
  transition: all 0.3s ease;
  color: #737373;
}
.button_reviewIconBtn__X1BHA:focus {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
}

.button_followBtn__E_ua1 {
  padding: 5px 0;
  background-color: #0097d7;
  border-radius: 4px;
  color: #0097d7;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.3s ease;
  color: white;
}

.button_actionBtn__lxzSQ {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.button_actionBtn__lxzSQ:hover {
  --tw-text-opacity: 1;
  color: rgb(0 151 215 / var(--tw-text-opacity));
}

.button_actionBtn__lxzSQ {
  color: #333;
  background-color: transparent;
  font-size: 16px;
}

.button_actionBtn__lxzSQ:hover .button_icon__Z862A svg,
.button_actionBtn__lxzSQ:hover .button_icon__Z862A path {
  stroke: #0097d7;
}

.button_actionlistitem__p4o6Y {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
  text-align: left;
  padding: 6px 12px;
}
.button_actionlistitem__p4o6Y:hover {
  background-color: #fff;
}

.button_createNewList__CtI_F {
  --tw-bg-opacity: 1;
  background-color: rgb(51 194 77 / var(--tw-bg-opacity));
  border-radius: 6px;
  padding: 12px 54px;
  color: white;
  font-size: 16px;
}

.button_deleteBtn__9HUtH {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  border: 1px solid #ff9900;
  border-radius: 6px;
  padding: 12px 6px;
  color: #ff9900;
  font-size: 16px;
  width: 30%;
  height: 46px;
}

.button_editUserList__USaGq {
  --tw-bg-opacity: 1;
  background-color: rgb(51 194 77 / var(--tw-bg-opacity));
  border-radius: 6px;
  padding: 12px 6px;
  color: white;
  font-size: 16px;
  height: 46px;
  width: 30%;
}

.button_quickView__0vA3W {
  background-color: #f5f5f5;
  color: #37aaf7;
  border-radius: 0;
  font-weight: 500;
  padding: 6px 12px;
  font-size: 0.8rem;
  line-height: 1.5;
  border: 1px solid transparent;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/single-review/singleReview.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.singleReview_singleReview__MOGoJ {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}@media (min-width: 1024px) {.singleReview_singleReview__MOGoJ {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}.singleReview_singleReview__MOGoJ {
  border-top: 1px solid #f1f1f1;
}
.singleReview_singleReview__MOGoJ.singleReview_singleReviewFirst__ZapGj {
  margin-top: 3.5rem;
  border-style: none;
}
@media (min-width: 1024px) {.singleReview_singleReview__MOGoJ.singleReview_singleReviewFirst__ZapGj {
    margin-top: 0px;
    border-width: 1px;
  }
}
.singleReview_singleReview__MOGoJ .singleReview_profileContainer__JO3Rm {
  display: flex;
  gap: 0.5rem;
}
.singleReview_singleReview__MOGoJ .singleReview_imageContainer__Cx1mP {
  border-radius: 9999px;
  width: 53px;
  height: 53px;
  border: 1px solid #f1f1f1;
  background-color: #f7f7f7;
  padding: 5px;
}
.singleReview_singleReview__MOGoJ .singleReview_imageContainer__Cx1mP img {
  border-radius: 9999px;
}
.singleReview_singleReview__MOGoJ .singleReview_name__SBSuW {
  font-size: 14px;
}
@media (min-width: 1024px) {.singleReview_singleReview__MOGoJ .singleReview_name__SBSuW {
    font-size: 16px;
  }
}
.singleReview_singleReview__MOGoJ .singleReview_name__SBSuW {
  color: black;
}
.singleReview_singleReview__MOGoJ .singleReview_nameAndDate__HkCOQ {
  color: #8f9495;
  font-size: 14px;
}
.singleReview_singleReview__MOGoJ .singleReview_ratingContiner__qmsir {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 15px;
}
@media (min-width: 1024px) {.singleReview_singleReview__MOGoJ .singleReview_ratingContiner__qmsir {
    font-size: 16px;
  }
}
.singleReview_singleReview__MOGoJ .singleReview_ratingContiner__qmsir {
  color: #33c24d;
}
.singleReview_singleReview__MOGoJ .singleReview_ratingContiner__qmsir img {
  width: 15px;
  height: 16px;
}
.singleReview_singleReview__MOGoJ .singleReview_reviewImageContainer__EKD_S {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  overflow: scroll;
}
.singleReview_singleReview__MOGoJ .singleReview_reviewImageContainer__EKD_S::-webkit-scrollbar {
  display: none;
}
.singleReview_singleReview__MOGoJ .singleReview_reviewLikeDislike__Z7Pep {
  font-size: 13px;
  color: #737373;
}
.singleReview_singleReview__MOGoJ .singleReview_btnContainer__ESTK1 {
  display: flex;
  gap: 0.5rem;
  padding-top: 0.5rem;
  width: 300px;
}
.singleReview_singleReview__MOGoJ .singleReview_reviewComment__gKQY8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #333;
  font-size: 18px;
}
.singleReview_singleReview__MOGoJ .singleReview_reviewComment__gKQY8 h2 {
  font-size: 15px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/details-review-container/detailsReviewContainer.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.detailsReviewContainer_selectWrapper__b3cjk{
  position: relative;
}
.detailsReviewContainer_selectWrapper__b3cjk .detailsReviewContainer_selectDropdown__H5Drg{
  position: absolute;
  right: 0px;
  top: -36px;
}
@media (min-width: 1024px){
  .detailsReviewContainer_selectWrapper__b3cjk .detailsReviewContainer_selectDropdown__H5Drg{
    top: 35px;
  }
}
.detailsReviewContainer_selectWrapper__b3cjk .detailsReviewContainer_selectDropdown__H5Drg select{
  width: 100%;
  appearance: none;
  border-radius: 0.25rem;
  background-color: transparent;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border: 1px solid #e8e8ea;
  color: #666;
  min-width: 170px;
  font-size: 14px;
}
.detailsReviewContainer_selectWrapper__b3cjk .detailsReviewContainer_selectDropdown__H5Drg select:focus {
  border: 1px solid #98baff;
}
.detailsReviewContainer_selectWrapper__b3cjk .detailsReviewContainer_selectDropdown__H5Drg select::-ms-expand {
  display: none;
}
.detailsReviewContainer_selectWrapper__b3cjk .detailsReviewContainer_selectDropdown__H5Drg::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  pointer-events: none;
  color: #666;
  font-size: 12px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/ques-ans-card/quesAnsCard.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.quesAnsCard_answerContainer__hnvxE {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #f1f1f1;
}
.quesAnsCard_answerContainer__hnvxE:last-child {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 0.75rem;
}
.quesAnsCard_answerContainer__hnvxE span {
  color: #b5b5b6;
}
.quesAnsCard_answerContainer__hnvxE span b {
  color: #333;
  font-weight: 500;
}
.quesAnsCard_answerContainer__hnvxE a {
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/input/Input.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Input_labelBody__z4vxG {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.125rem;
  transition: all 0.2s ease;
  z-index: 1;
  pointer-events: none;
  transition-property: top, transform, color, background-color, padding;
}

.Input_labelPrimary__tlK_M {
  color: #333;
}

.Input_labelSecondary__hw7oB {
  color: #525466;
  font-weight: 700;
  font-size: 1rem;
}

.Input_inputContainer__TTtot {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
}

.Input_inputBody__e5W0e {
  padding: 0.5rem;
  border: 1px solid #ccc;
  background-color: transparent;
  border-radius: 4px;
  width: 100%;
  outline: none;
  transition: all 0.2s ease;
  color: #333;
  background-color: white;
}
.Input_inputBody__e5W0e:focus {
  border: 1px solid #b3b3b3;
}
.Input_inputBody__e5W0e:focus + .Input_labelBody__z4vxG, .Input_inputBody__e5W0e:not(:placeholder-shown) + .Input_labelBody__z4vxG {
  top: -0.8rem;
  transform: translateY(0) scale(0.75);
  color: #5856d6;
  background: white;
  padding: 0 0.5rem;
  z-index: 2 !important;
  -webkit-transform: translateY(0) scale(0.75);
  -moz-transform: translateY(0) scale(0.75);
  -ms-transform: translateY(0) scale(0.75);
  -o-transform: translateY(0) scale(0.75);
}

.Input_inputBodySecondary__8IfqH {
  padding: 0.5rem;
  border: 1px solid #595959;
  background-color: transparent;
  border-radius: 4px;
  width: 100%;
  outline: none;
  transition: all 0.2s ease;
  color: #0b626f;
}
.Input_inputBodySecondary__8IfqH:focus + .Input_labelBody__z4vxG, .Input_inputBodySecondary__8IfqH:not(:placeholder-shown) + .Input_labelBody__z4vxG {
  top: -0.8rem;
  transform: translateY(0) scale(0.75);
  color: #ccd2d3;
  background: #071952;
  padding: 0 0.5rem;
  z-index: 2 !important;
  -webkit-transform: translateY(0) scale(0.75);
  -moz-transform: translateY(0) scale(0.75);
  -ms-transform: translateY(0) scale(0.75);
  -o-transform: translateY(0) scale(0.75);
}

.Input_inputFocus__EBe9o {
  border: 4px solid #088395;
}

.Input_radioContainer__LQgzk {
  display: flex;
  gap: 0.25rem;
  color: #333333;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/ui/card-container/cardContainer.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cardContainer_frontProductList__TP9Eo {
  position: relative;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  padding: 0.75rem;
}@media (min-width: 1024px) {.cardContainer_frontProductList__TP9Eo {
    margin-bottom: 1.25rem;
    padding: 1.25rem;
  }
}.cardContainer_frontProductList__TP9Eo {
  background-color: #ffffff;
}
.cardContainer_frontProductList__TP9Eo.cardContainer_superDealProductList__o_455 {
  position: relative;
  background: url("/nstatic/images/common/superdealbg.png") no-repeat;
  background-size: cover;
}
.cardContainer_frontProductList__TP9Eo.cardContainer_recentlySoldProductList__T7E40 {
  background-color: #ffffff;
  background-image: linear-gradient(rgba(252, 250, 238, 0.6), rgba(252, 250, 238, 0.6)), url("/nstatic/images/common/recentlysoldbg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.cardContainer_frontProductList__TP9Eo.cardContainer_justForYouProductList__uKSJx {
  background: #ffffeb;
}
.cardContainer_frontProductList__TP9Eo.cardContainer_reviewSectionContainer__TmIwS {
  margin-top: 0px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/ui/button/button.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button_btnContainer__VqRjb {
  display: block;
  border-radius: 9999px;
  text-align: center;
  padding: 10px 0px;
  font-size: 13px;
  width: 100%;
}

.button_affiliateLinkCreateBtn__SafIR, .button_affiliateLinkCopyBtn__RncFI {
  background-color: #0097d7;
  border: 1px solid #0097d7;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  transition: all 0.1s ease-in-out;
}
.button_affiliateLinkCreateBtn__SafIR:hover, .button_affiliateLinkCopyBtn__RncFI:hover {
  cursor: pointer;
  transform: scale(1.03);
}
.button_affiliateLinkCreateBtn__SafIR:focus, .button_affiliateLinkCopyBtn__RncFI:focus {
  outline: none;
}

.button_affiliateLinkCopyBtn__RncFI {
  background-color: #4069e5;
}

.button_detailsOutline__VwNFR {
  max-width: fit-content;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.button_detailsOutline__VwNFR:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  color: white;
}

.button_actionbtn__JocOI {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
}

.button_comparisonbtnOne__Myui7 {
  background-color: #f90;
  border-radius: 3px;
  box-shadow: 0 3px 6px -4px #a2a2a2;
  color: #fff !important;
  font-size: 14px;
  margin: 0;
}

.button_comparisonbtnTwo__4pJAL {
  background-color: #0097d7;
  border-radius: 3px;
  box-shadow: 0 3px 6px -4px #a2a2a2;
  color: #fff !important;
  font-size: 14px;
  margin: 0;
}

.button_userChoicebtn__FBdgU {
  height: 3rem;
  max-width: 160px;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

@media (max-width: 500px) {

  .button_userChoicebtn__FBdgU {
    max-width: 200px;
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.button_userChoicebtn__FBdgU {
  font-size: 14px;
  line-height: 16px;
}
.button_userChoicebtn__FBdgU:hover {
  border-color: #9fc4ff;
}

.button_userChoicebtnTwo__LNUDc {
  width: 600px;
}

@media (max-width: 500px) {

  .button_userChoicebtnTwo__LNUDc {
    width: 100%;
  }
}

.button_userChoicebtnTwo__LNUDc {
  background-color: #e9e9e9;
  border-radius: 30px;
  color: #333;
  font-size: 16px;
  height: 50px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.button_selected__AsS_v {
  background-color: #e8f3ff;
  border-color: #4398fe;
  color: #333;
}

.button_userChoicebtnThree__pCICS {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-radius: 30px;
  font-size: 16px;
  height: 50px;
}

.button_skipbtn__N4o8n {
  cursor: pointer;
  background-color: transparent;
  text-decoration: underline;
  width: fit-content;
  font-size: medium;
  color: #333;
}

.button_subCatagorybtns__cJ9ws {
  display: flex;
  height: 3rem;
  min-width: fit-content;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/q-and-a/qandA.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qandA_questionAnsContainer__PEGKm {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.qandA_questionAnsContainer__PEGKm .qandA_visiblePart__ceozO {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.qandA_questionAnsContainer__PEGKm .qandA_visiblePart__ceozO .qandA_titleAndSubTitle__ATUeU h2 {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .qandA_questionAnsContainer__PEGKm .qandA_visiblePart__ceozO .qandA_titleAndSubTitle__ATUeU h2 {
    font-size: 20px;
  }
}
.qandA_questionAnsContainer__PEGKm .qandA_visiblePart__ceozO .qandA_titleAndSubTitle__ATUeU h2 {
  color: #333333;
}
.qandA_questionAnsContainer__PEGKm .qandA_visiblePart__ceozO .qandA_titleAndSubTitle__ATUeU p {
  font-size: 14px;
}
@media (min-width: 1024px) {
  .qandA_questionAnsContainer__PEGKm .qandA_visiblePart__ceozO .qandA_titleAndSubTitle__ATUeU p {
    font-size: 16px;
  }
}
.qandA_questionAnsContainer__PEGKm .qandA_visiblePart__ceozO .qandA_titleAndSubTitle__ATUeU p {
  color: #495057;
}
.qandA_questionAnsContainer__PEGKm .qandA_formContainer__N40u9 {
  display: flex;
  flex-direction: column;
  margin-top: 0.75rem;
}
.qandA_questionAnsContainer__PEGKm .qandA_formContainer__N40u9 ::placeholder {
  font-weight: bolder;
  font-size: 16px;
}
.qandA_questionAnsContainer__PEGKm .qandA_formContainer__N40u9 textarea {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.qandA_questionAnsContainer__PEGKm .qandA_formContainer__N40u9 .qandA_btnContainer__nQhYm button {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  border-radius: 4px;
  margin-left: auto;
  display: block;
  font-size: 16px;
  transition: all 0.3s ease;
}
.qandA_questionAnsContainer__PEGKm .qandA_formContainer__N40u9 .qandA_btnContainer__nQhYm button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  color: white;
}

.qandA_answerContainer__66hGh {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #f1f1f1;
}
.qandA_answerContainer__66hGh span {
  color: #333;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/details-main-container/detailsMainContainer.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.detailsMainContainer_detailContainer__C3IBa {
  display: flex;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  box-shadow: 0px 4px 6px -3px #9c9c9c;
}

.detailsMainContainer_leftContainer__JLHfL {
  display: flex;
  gap: 2.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  flex-basis: 78%;
  background-color: white;
}

.detailsMainContainer_bookMainInfo__kqySF {
  grid-column: span 3 / span 3;
  font-size: 14px;
}
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_bookName__9g92k {
  font-size: 140%;
  color: #333;
}
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_authorName__cirX3,
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_subTitle__DvZy3 {
  margin-top: 0.75rem;
  color: #666;
  font-size: 110%;
}
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_authorName__cirX3 a,
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_subTitle__DvZy3 a {
  color: #0397d3;
}
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_category__0xfJD {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  color: #333;
  font-weight: 700;
}
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_category__0xfJD a {
  font-weight: 400;
  color: #0397d3;
}
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_category__0xfJD .detailsMainContainer_bestSellerBadge__TSef5 {
  color: #333;
  font-weight: normal;
}
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_category__0xfJD .detailsMainContainer_bestSellerBadge__TSef5 span {
  background: #ff9900;
  display: inline-block;
  color: white;
  padding: 0 3px 0 8px;
  border-radius: 2px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  margin-right: 11px;
  font-size: 90%;
}
.detailsMainContainer_bookMainInfo__kqySF .detailsMainContainer_category__0xfJD .detailsMainContainer_bestSellerBadge__TSef5 span::after {
  content: "";
  display: inline-block;
  width: 15px;
  position: absolute;
  left: 100%;
  margin-left: -2px;
  height: 24px;
  background: #ff9900;
  -webkit-clip-path: polygon(0 0, 100% 0%, 20% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 20% 100%, 0% 100%);
}

.detailsMainContainer_detailsContentRating___0zLM {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.detailsMainContainer_detailsBtnContainer__7uHRX {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  padding-right: 1rem;
}

.detailsMainContainer_shareInfo__HELm8 {
  display: flex;
  gap: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  font-size: 16px;
}

.detailsMainContainer_bookInfoVersion__XEfFx {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.detailsMainContainer_bookInfoVersion__XEfFx a {
  height: 50px;
  margin-left: 15px;
  padding: 5px 0;
  background-color: #f9f8f8;
  border: 1px solid #e0e0e0;
  border-top: 2px solid #e0e0e0;
  border-radius: 5px;
  flex-basis: 100%;
}
.detailsMainContainer_bookInfoVersion__XEfFx a.detailsMainContainer_active__7fwDZ {
  background-color: #edf4f7;
  border-color: #0397d3 #d5e3eb #d5e3eb #d5e3eb;
}
.detailsMainContainer_bookInfoVersion__XEfFx a.detailsMainContainer_active__7fwDZ .detailsMainContainer_circle__5IeRz {
  border-color: #90abb9;
}
.detailsMainContainer_bookInfoVersion__XEfFx a.detailsMainContainer_active__7fwDZ .detailsMainContainer_circle__5IeRz .detailsMainContainer_innerCircle__KJj5m {
  width: 8px;
  height: 8px;
  display: block;
  background-color: #0397d3;
  border-radius: 50%;
}
.detailsMainContainer_bookInfoVersion__XEfFx a:first-child {
  margin-left: 0;
}
.detailsMainContainer_bookInfoVersion__XEfFx a:hover {
  background-color: #edf4f7;
}
.detailsMainContainer_bookInfoVersion__XEfFx a .detailsMainContainer_circle__5IeRz {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  border: 2px solid #bfbfbf;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detailsMainContainer_bookInfoVersion__XEfFx a .detailsMainContainer_circle__5IeRz .detailsMainContainer_innerCircle__KJj5m {
  display: none;
}
.detailsMainContainer_bookInfoVersion__XEfFx a .detailsMainContainer_versionName__eabA3 {
  color: #666;
  font-size: 92.857%;
  font-weight: 700;
  margin-bottom: 2px;
}
.detailsMainContainer_bookInfoVersion__XEfFx a .detailsMainContainer_versionPrice__6gGT1 {
  margin-top: -4px;
  color: #333;
  font-size: 100%;
  font-weight: 700;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/details-main-container/ebook-section/ebookSection.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ebookSection_ebookButtonContainer__oNA_y {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  padding: 1.25rem;
  border: 1px solid #e7e7e7;
}
.ebookSection_ebookButtonContainer__oNA_y .ebookSection_ebookInfo__nXZBw p {
  color: gray;
  font-size: 100%;
  font-weight: 700;
}
.ebookSection_ebookButtonContainer__oNA_y .ebookSection_ebookInfo__nXZBw span {
  color: #333;
  font-size: 107%;
  font-weight: 500;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/ui/custom-button/button.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button_btnContainer__SbMxe {
  width: 100%;
  display: block;
  border-radius: 9999px;
  text-align: center;
  padding: 10px 0px;
  font-size: 13px;
}

.button_secondary__DS_0Y {
  font-weight: 600;
  border-radius: 4px;
  color: white;
  background-color: #4398fe;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.button_addToCart__GjPPR {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-weight: 500;
  border-radius: 4px;
  background-color: transparent;
}

.button_mobileViewBtn__OvBYc {
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-size: 100%;
  border-radius: 4px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-direction: row-reverse;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.button_third__LU4ib {
  font-size: 100%;
  border-radius: 4px;
  color: #4398fe;
  background-color: transparent;
  border: 1px solid #4398fe;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.button_fourth__a4bMr {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  font-size: 100%;
  border-radius: 4px;
  color: #4398fe;
  background-color: transparent;
  border: 1px solid #4398fe;
}

.button_fifth__npN_j {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  width: 20%;
  margin: 10px;
  cursor: pointer;
}

.button_test__qZuMx {
  color: white;
  background: rgba(0, 0, 0, 0.404);
}

.button_outline__6_YCX {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.button_outline__6_YCX:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  color: white;
}

.button_radiusNone__Zm8ci {
  border-radius: 4px;
  background-color: #4398fe;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  width: fit-content;
  padding: 10px 20px;
}

.button_bgWhIconBtn__71lUE {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #fff;
  border-radius: 4px;
  color: #0097d7;
  font-size: 16px;
  transition: all 0.3s ease;
  color: #464646;
}

.button_bgGrayIconBtn__wLAZF {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
  font-size: 15px;
  transition: all 0.3s ease;
  border: 1px solid #ddd;
  color: #464646;
}

.button_wishlistItem__5JjzY {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  padding: 4px 0;
}

.button_detailIconContainer__OGNkP {
  margin-top: 0.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
}
.button_detailIconContainer__OGNkP:disabled {
  background-color: #f1f1f1;
  color: #bbb;
  cursor: not-allowed;
}

.button_detailBuyEbookSmall__3TcR6 {
  margin-left: 1rem;
  width: 100px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 151 215 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(0 151 215 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.button_detailBuyEbookSmall__3TcR6:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 151 215 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button_actionbtn__cOrKG {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
}

.button_comparisonbtnOne__Cvk2l {
  background-color: #f90;
  border-radius: 3px;
  box-shadow: 0 3px 6px -4px #a2a2a2;
  color: #fff !important;
  font-size: 14px;
  margin: 0;
}

.button_comparisonbtnTwo__U6wOI {
  background-color: #0097d7;
  border-radius: 3px;
  box-shadow: 0 3px 6px -4px #a2a2a2;
  color: #fff !important;
  font-size: 14px;
  margin: 0;
}

.button_bgWhIconBtn__71lUE {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: #fff;
  border-radius: 4px;
  color: #0097d7;
  font-size: 16px;
  transition: all 0.3s ease;
  color: #464646;
}

.button_cartAddressBtn__vRMuk {
  background-color: #4398fe;
  border-radius: 6px;
  font-size: 20px;
  color: #fff;
}

.button_actionBtn__1FRVq {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #333;
  background-color: transparent;
}

.button_actionlistitem__v8itq {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
  text-align: left;
  padding: 6px 12px;
}
.button_actionlistitem__v8itq:hover {
  background-color: #fff;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/bookshelf-action/bookselfAction.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookselfAction_bookShelfContainer__goEfe {
    margin-top: 0px
}
@media (min-width: 1024px) {
    .bookselfAction_bookShelfContainer__goEfe {
        margin-top: 1rem
    }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/details-main-container/lookinside/lookInside.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.lookInside_lookInsideModalContainer__OR2XK {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  height: 80vh;
  width: 800px;
  padding: 40px 50px;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.5);
}
.lookInside_lookInsideModalContainer__OR2XK .lookInside_pagesArea__Edyia {
  background-color: #a9a9a9;
  width: 100%;
  padding: 5px;
  height: 100%;
}
.lookInside_lookInsideModalContainer__OR2XK .lookInside_pagesArea__Edyia .lookInside_pagesContainer__4UH3A {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.lookInside_lookInsideModalContainer__OR2XK .lookInside_pagesArea__Edyia .lookInside_pagesContainer__4UH3A li {
  margin-bottom: 15px;
}
.lookInside_lookInsideModalContainer__OR2XK .lookInside_pagesArea__Edyia .lookInside_pagesContainer__4UH3A li img {
  width: 100%;
}

.lookInside_lookInsideImageContainer__f5wrm,
.lookInside_withOutlookInsideImageContainer__BiSk_ {
  position: relative;
  display: inline-block;
  border: 1px solid #cdcdcd;
  padding: 41px 34px;
}
.lookInside_lookInsideImageContainer__f5wrm .lookInside_imageContainer__Dj2_D,
.lookInside_withOutlookInsideImageContainer__BiSk_ .lookInside_imageContainer__Dj2_D {
  background-color: #868484;
}
.lookInside_lookInsideImageContainer__f5wrm .lookInside_readMeImg__L23tu,
.lookInside_withOutlookInsideImageContainer__BiSk_ .lookInside_readMeImg__L23tu {
  position: absolute;
  top: 0.5rem;
  right: 1.5rem;
  height: 25px;
  width: 148px;
}
.lookInside_lookInsideImageContainer__f5wrm .lookInside_bookImage__0n7CI,
.lookInside_withOutlookInsideImageContainer__BiSk_ .lookInside_bookImage__0n7CI {
  width: 240px;
  height: 320px;
  transform-origin: 0 0 0;
}
.lookInside_lookInsideImageContainer__f5wrm .lookInside_productImage__HW_lB,
.lookInside_withOutlookInsideImageContainer__BiSk_ .lookInside_productImage__HW_lB {
  width: 240px;
  height: 240px;
  transform-origin: 0 0 0;
}

.lookInside_lookInsideImageContainer__f5wrm .lookInside_bookImage__0n7CI {
  cursor: pointer;
  transition: transform 0.5s ease 0s;
}
.lookInside_lookInsideImageContainer__f5wrm .lookInside_bookImage__0n7CI:hover {
  transform: rotateY(-20deg);
}

.lookInside_withOutlookInsideImageContainer__BiSk_ {
  cursor: auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/ui/tooltip/tooltip.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tooltip_tooltipContainer__m157f {
  position: relative;
  display: inline-block;
  cursor: pointer;
  /* Tooltip text */
  /* Show the tooltip on hover */
}
.tooltip_tooltipContainer__m157f .tooltip_tooltipText__JX1s9 {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  visibility: hidden;
  width: 150px;
  background-color: #fff;
  color: #333;
  text-align: center;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  padding: 8px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  /* Position above the element */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  font-size: 14px;
}
.tooltip_tooltipContainer__m157f .tooltip_tooltipText__JX1s9::after {
  content: "";
  position: absolute;
  top: 100%;
  /* Arrow points downward */
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #ccc transparent transparent transparent;
}
.tooltip_tooltipContainer__m157f:hover .tooltip_tooltipText__JX1s9 {
  visibility: visible;
  opacity: 1;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/ui/cusotom-link/customLink.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customLink_btnContainer__BGi4N {
  display: block;
  cursor: pointer;
  border-radius: 9999px;
  text-align: center;
  padding: 10px 0px;
  font-size: 13px;
  width: fit-content;
  margin-top: auto;
}

.customLink_btnPrimary__ASHI1 {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.customLink_btnPrimary__ASHI1:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.customLink_btnOutlinePrimary__RT_EK {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.customLink_btnOutlinePrimary__RT_EK:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  color: white;
}

.customLink_secondary__UtGW0 {
  color: white;
  background-color: #4398fe;
  padding: 5px 0;
  font-weight: 500;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.customLink_detailBuyEbookSmall__V7Q0f {
  margin-left: 1rem;
  width: 100px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 151 215 / var(--tw-border-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(0 151 215 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.customLink_detailBuyEbookSmall__V7Q0f:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 151 215 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.customLink_third__Z2Gfb {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color: white;
  background-color: #4398fe;
  position: relative;
  bottom: -73%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.customLink_forth__YrlYl {
  display: block;
  font-weight: 500;
  color: #4398fe;
}

.customLink_categoryGenre__lv0E_ {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 114%;
  padding: 0.375rem 0.75rem;
  transition: 0.8s;
  height: 60px;
  width: 100%;
}
.customLink_categoryGenre__lv0E_:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.customLink_sixth__ZK6zT {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 500;
}

@media (min-width: 768px) {

  .customLink_sixth__ZK6zT {
    width: 25%;
  }
}

@media (min-width: 1024px) {

  .customLink_sixth__ZK6zT {
    width: 10%;
  }
}

.customLink_sixth__ZK6zT {
  color: #333;
  border: 1px solid #4398fe;
  border-radius: 0%;
}
.customLink_sixth__ZK6zT:hover {
  background-color: #4398fe;
  color: #fff;
}

.customLink_outline__2U7VS {
  border: 2px solid #87298f;
  border-radius: 2px;
  color: #87298f;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
}
.customLink_outline__2U7VS:hover {
  background-color: #87298f;
  color: white;
}

.customLink_detailsOutline__6xsqa {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.customLink_detailsOutline__6xsqa:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  color: white;
}

.customLink_radiusNone__5OvgU {
  border-radius: 4px;
  background-color: #4398fe;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  width: fit-content;
  padding: 10px 20px;
  margin-top: 0;
}
.customLink_radiusNone__5OvgU:hover {
  color: white;
}

.customLink_seventh__A1ROS {
  width: 25%;
  color: white;
  background-color: #4398fe;
  padding: 10px 0px;
  margin-right: 5px;
  font-size: 128%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.customLink_detailIconContainer__J1Goh {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #0097d7;
  border-radius: 4px;
  color: #0097d7;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
  color: white;
}
.customLink_detailIconContainer__J1Goh:hover {
  color: #fff;
}

.customLink_reviewIconBtn__NS1MM {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  font-size: 13px;
  transition: all 0.3s ease;
  color: #737373;
}

.customLink_followBtn__9sYXB {
  padding: 5px 0;
  background-color: #0097d7;
  border-radius: 4px;
  color: #0097d7;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.3s ease;
  color: white;
}

.customLink_actionBtn__U5TmZ {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.customLink_actionBtn__U5TmZ:hover {
  --tw-text-opacity: 1;
  color: rgb(0 151 215 / var(--tw-text-opacity));
}

.customLink_actionBtn__U5TmZ {
  color: #333;
  background-color: transparent;
}

.customLink_actionBtn__U5TmZ:hover .customLink_icon__3xLlu svg,
.customLink_actionBtn__U5TmZ:hover .customLink_icon__3xLlu path {
  stroke: #0097d7;
}

.customLink_actionlistitem__lv5Pu {
  border-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: 4px 10px;
}
.customLink_actionlistitem__lv5Pu:hover {
  background-color: #fff;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/details-main-container/short-summery/shortSummery.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.shortSummery_shortSummeryContainer__CxMbD {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
}
.shortSummery_shortSummeryContainer__CxMbD .shortSummery_summeryText__CmvXc {
  display: inline;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/ui/rating-svg-icons/ratingSvgIcons.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ratingSvgIcons_reviewContiner__bPP_q {
  display: flex;
  padding-bottom: 0.5rem;
}
.ratingSvgIcons_reviewContiner__bPP_q svg {
  padding: 5px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/rate-review/rateReview.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rateReview_rateReview__iHDd8 {
  width: 100%;
}
.rateReview_rateReview__iHDd8 h3 {
  font-size: 18px;
  color: #333;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/details-review-header/detailsReviewHeader.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.detailsReviewHeader_sectionContainer__XnSY5 {
  margin-top: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_title__FiUQr {
  font-size: 20px;
  color: #333;
  font-weight: 500;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_ratingContainer__RsQEw {
  margin-top: 0.75rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_ratingContainer__RsQEw .detailsReviewHeader_grapContainer__pg5mX {
  display: flex;
  width: 100%;
  align-items: flex-end;
  gap: 1rem;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_ratingContainer__RsQEw .detailsReviewHeader_grapContainer__pg5mX .detailsReviewHeader_ratingSummary___aFy_ {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #333;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_ratingContainer__RsQEw .detailsReviewHeader_grapContainer__pg5mX .detailsReviewHeader_ratingSummary___aFy_ h3 {
  font-size: 36px;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_ratingContainer__RsQEw .detailsReviewHeader_grapContainer__pg5mX .detailsReviewHeader_ratingSummary___aFy_ p {
  padding-top: 0.5rem;
  color: #666;
  font-size: 14px;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_ratingContainer__RsQEw .detailsReviewHeader_grapContainer__pg5mX .detailsReviewHeader_ratingGraph__qQxgy .detailsReviewHeader_singleRating__UbIFe {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_ratingContainer__RsQEw .detailsReviewHeader_grapContainer__pg5mX .detailsReviewHeader_ratingGraph__qQxgy .detailsReviewHeader_singleRating__UbIFe .detailsReviewHeader_graphCounter__FGRtG {
  font-size: 13px;
  margin-left: 8px;
  color: #666666;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_ratingContainer__RsQEw .detailsReviewHeader_grapContainer__pg5mX .detailsReviewHeader_progressBarContainer__R41_1 {
  width: 230px;
  background-color: #e9ecef;
  border-radius: 20px;
  overflow: hidden;
  height: 8px;
}
.detailsReviewHeader_sectionContainer__XnSY5 .detailsReviewHeader_ratingContainer__RsQEw .detailsReviewHeader_grapContainer__pg5mX .detailsReviewHeader_progressBar__iEk4i {
  height: 100%;
  background-color: #f90;
  text-align: center;
  line-height: 30px;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  border-radius: 20px;
  transition: width 0.3s ease-in-out;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/title/Title.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Title_titleBody__iIFDi {
  font-size: 1rem;
  line-height: 1.5rem;
}

.Title_desktop__Qsyit {
  font-size: 22px;
  color: #333;
  font-weight: 700;
}

.Title_mobile__RFYW7 {
  font-size: 18px;
  color: #333;
  font-weight: 700;
}

.Title_desktopSubTitle__17Mfe {
  font-size: 18px;
  color: #333;
  font-weight: 600;
}

.Title_mobileSubTitle__vU4oM {
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/ui/frequent-buy-card/frequentBuyCard.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.frequentBuyCard_productContainer__w9X9b {
  margin-top: 0.5rem;
  display: inline-block;
}
.frequentBuyCard_productContainer__w9X9b .frequentBuyCard_checkboxAndImg__sNaSK {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.frequentBuyCard_productContainer__w9X9b .frequentBuyCard_nameAndPriceContainer__91PLL {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.5rem;
  color: #333;
  font-size: 18px;
}
.frequentBuyCard_productContainer__w9X9b .frequentBuyCard_nameAndPriceContainer__91PLL .frequentBuyCard_title__QBT9H {
  font-size: 16px;
}
.frequentBuyCard_productContainer__w9X9b .frequentBuyCard_nameAndPriceContainer__91PLL p {
  font-size: 14px;
}
.frequentBuyCard_productContainer__w9X9b .frequentBuyCard_nameAndPriceContainer__91PLL p del {
  color: #a0a0a0;
}
.frequentBuyCard_productContainer__w9X9b .frequentBuyCard_nameAndPriceContainer__91PLL p span {
  font-weight: 600;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/frequent-buy/frequentBuy.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.frequentBuy_frequentContainer__vFIrp {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_sectionTilte__R0Jd_ {
  font-size: 20px;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_cardContainer__DpddD {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_cardContainer__DpddD .frequentBuy_cardItem__nGUq1 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_cardContainer__DpddD .frequentBuy_cardItem__nGUq1 .frequentBuy_plusIcon__ptRMF {
  margin: 0 auto;
  height: 23px;
  width: 23px;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_cardContainer__DpddD .frequentBuy_cardItem__nGUq1 .frequentBuy_equalIcon__XwaTR {
  display: none;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_cardContainer__DpddD .frequentBuy_cardItem__nGUq1:last-child .frequentBuy_plusIcon__ptRMF {
  display: none;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_cardContainer__DpddD .frequentBuy_cardItem__nGUq1:last-child .frequentBuy_equalIcon__XwaTR {
  display: block;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_purchaseInfo__uS4bW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_purchaseInfo__uS4bW .frequentBuy_totalAmount__91nmj {
  font-size: 18px;
  color: #a0a0a0;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_purchaseInfo__uS4bW .frequentBuy_totalAmount__91nmj span {
  font-weight: 600;
  color: black;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_purchaseInfo__uS4bW .frequentBuy_saveAmount__5s7dW {
  color: #33c24d;
}
.frequentBuy_frequentContainer__vFIrp button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-weight: 500;
  transition: all 0.1s ease-in-out;
  font-size: 16px;
}
.frequentBuy_frequentContainer__vFIrp button svg {
  transition: fill 0.1s ease-in-out;
}
.frequentBuy_frequentContainer__vFIrp button:hover {
  background-color: #0097d7;
  color: #fff;
}
.frequentBuy_frequentContainer__vFIrp button:hover svg path {
  fill: white;
}
.frequentBuy_frequentContainer__vFIrp .frequentBuy_message__xEzHq {
  color: #33c24d;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/incorrect-reporting-form/incorrectReportingForm.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.incorrectReportingForm_sectonContainer__WTuSt {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}

.incorrectReportingForm_informationOutline__EvYds {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition: color 0.3s ease;
  color: #d64541;
}
.incorrectReportingForm_informationOutline__EvYds .incorrectReportingForm_icon__CZtDj {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: 1px solid #d64541;
  height: 20px;
  width: 20px;
}
.incorrectReportingForm_informationOutline__EvYds .incorrectReportingForm_text__6wNvQ {
  cursor: pointer;
}
.incorrectReportingForm_informationOutline__EvYds:hover {
  color: #0397d3;
}
.incorrectReportingForm_informationOutline__EvYds:hover .incorrectReportingForm_icon__CZtDj {
  border-color: #0397d3;
}
.incorrectReportingForm_informationOutline__EvYds:hover .incorrectReportingForm_text__6wNvQ {
  color: #0397d3;
}

.incorrectReportingForm_fromContainerOpen__QJA3y {
  display: flex;
  justify-content: center;
  max-height: 500px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.incorrectReportingForm_fromContainerOpenCls__ajEL1 {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.incorrectReportingForm_textareaContainer__20UFL {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.75rem;
  width: 525px;
  margin: 0 auto;
  text-align: justify;
  height: auto;
}
.incorrectReportingForm_textareaContainer__20UFL textarea {
  text-align: justify;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  border: 1px solid #ccc;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.incorrectReportingForm_textareaContainer__20UFL textarea:focus {
  border-color: #4287f5;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  color: #495057;
}
.incorrectReportingForm_textareaContainer__20UFL .incorrectReportingForm_btnContainer__87DO4 {
  display: flex;
  justify-content: flex-end;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/product-specification/productSpecification.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes productSpecification_fadeInUp__H5AE3 {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.productSpecification_tableContainer__nFaaE {
  margin-top: 1rem;
  width: 100%;
  text-align: left;
  opacity: 0;
  border-collapse: collapse;
  font-size: 16px;
  transform: translateY(10px);
  animation: productSpecification_fadeInUp__H5AE3 1s ease forwards;
}

.productSpecification_tableBody__z2UzC td:first-child {
  width: 20%;
  background-color: #f1f1f1;
}
.productSpecification_tableBody__z2UzC td {
  padding: 12px 15px;
  border: 1px solid #ddd;
}
.productSpecification_tableBody__z2UzC td a {
  color: #0397d3;
}

.productSpecification_tableHeader__l0cJa {
  background-color: #3498db;
  color: #fff;
  font-weight: bold;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/non-book-specification-summary/productSpecificationSummary.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.productSpecificationSummary_productSummary__UGm4k {
  padding-bottom: 1rem;
  padding-top: 0.5rem;
}
.productSpecificationSummary_productSummary__UGm4k .productSpecificationSummary_summeryText__i9ev4 {
  color: #333;
  word-spacing: 4px;
  text-align: justify;
  transition: color 0.3s ease, word-spacing 0.3s ease;
}

.productSpecificationSummary_lessSummery__QAUkq {
  max-height: 700px;
  overflow: hidden;
  position: relative;
}
.productSpecificationSummary_lessSummery__QAUkq::after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(83%, #ffffff));
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 6%, #ffffff 83%);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/product-specification-summary/productSpecificationSummary.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.productSpecificationSummary_sectionContainer__Eh1Ya {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  color: #333;
}
.productSpecificationSummary_sectionContainer__Eh1Ya .productSpecificationSummary_sectionTitle__Uz4oZ {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 500;
  font-size: 20px;
}

.productSpecificationSummary_navContainer__01_Q0 {
  position: relative;
  margin-top: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.productSpecificationSummary_navContainer__01_Q0 .productSpecificationSummary_btn__LyYiW {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-bottom: 2px solid;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  z-index: 10 !important;
  position: relative;
}
.productSpecificationSummary_navContainer__01_Q0 .productSpecificationSummary_btn__LyYiW:hover {
  border-top: 1px solid #e9ecef;
  border-left: 1px solid #e9ecef;
  border-right: 1px solid #dee2e6;
  color: #0397d3;
}
.productSpecificationSummary_navContainer__01_Q0 .productSpecificationSummary_activeBtn__71CwZ {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  cursor: pointer;
  color: #33c24d;
  position: relative;
  border-radius: 4px 4px 0 0;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 2px solid white;
  z-index: 10;
  box-shadow: inset 0 4px 0 0 #33c24d;
  -webkit-box-shadow: inset 0 4px 0 0 #33c24d;
}
.productSpecificationSummary_navContainer__01_Q0 .productSpecificationSummary_hr__r0thZ {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 8px;
  border: 1px solid #dee2e6;
}

.productSpecificationSummary_informationOutline__AkBW8 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  color: #d64541;
}
.productSpecificationSummary_informationOutline__AkBW8 .productSpecificationSummary_icon__SRFcK {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: 1px solid #d64541;
  height: 20px;
  width: 20px;
}
.productSpecificationSummary_informationOutline__AkBW8 .productSpecificationSummary_text__BfATz {
  cursor: pointer;
}

.productSpecificationSummary_content__x3O5P {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 3s ease, transform 3s ease;
}

.productSpecificationSummary_content__x3O5P.productSpecificationSummary_active__HN8eL {
  opacity: 1;
  transform: translateY(0);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/author-summary/authorSummary.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes authorSummary_fadeInUp__E67oE {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.authorSummary_sectionContainer__aCMrv {
  display: flex;
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  opacity: 0;
  transform: translateY(10px);
  animation: authorSummary_fadeInUp__E67oE 1s ease forwards;
}
.authorSummary_sectionContainer__aCMrv .authorSummary_authorImgAndBtnContainer__d1pLC {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 180px;
}
.authorSummary_sectionContainer__aCMrv .authorSummary_authorImgAndBtnContainer__d1pLC .authorSummary_imageContainer__yYBMH {
  border-radius: 9999px;
  height: 145px;
  width: 145px;
}
.authorSummary_sectionContainer__aCMrv .authorSummary_authorImgAndBtnContainer__d1pLC .authorSummary_imageContainer__yYBMH img {
  height: 100%;
  width: 100%;
  border-radius: 9999px;
}
.authorSummary_sectionContainer__aCMrv .authorSummary_authorImgAndBtnContainer__d1pLC .authorSummary_followingCount__oDtct {
  font-weight: bold;
}
.authorSummary_sectionContainer__aCMrv .authorSummary_textContainer__JYq4Q {
  padding-top: 20px;
}
.authorSummary_sectionContainer__aCMrv .authorSummary_textContainer__JYq4Q .authorSummary_title__is0W0 {
  font-size: 22px;
}
.authorSummary_sectionContainer__aCMrv .authorSummary_textContainer__JYq4Q .authorSummary_summeryText__4_f4T {
  margin-top: 12px;
  color: #333;
  word-spacing: 4px;
  text-align: justify;
  transition: color 0.3s ease, word-spacing 0.3s ease;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/common/ui/confirmation-modal/confirmationModal.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.confirmationModal_modal__y6Ne2 {
  padding: 2rem;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.confirmationModal_message__pTGQr {
  font-size: 1rem;
  margin: 1.5rem 0;
  color: #666;
  font-size: 15px;
}

.confirmationModal_actions__n60ZY {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
.confirmationModal_actions__n60ZY button {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
  color: white;
}
.confirmationModal_actions__n60ZY button:hover {
  opacity: 0.9;
}

.confirmationModal_cancelButton__QdjLQ {
  background-color: #737373;
}

.confirmationModal_confirmButton__5S6IY {
  background-color: #03a9ec;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/ui/popup-modal-header/popupModalHeader.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.popupModalHeader_popupheader__az7e_ {
  position: sticky;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #f1f1f1;
  z-index: 10
}
.popupModalHeader_popupheader__az7e_ .popupModalHeader_iconContainer__uuzpg {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  border-radius: 9999px;
  padding: 0.5rem;
  background-color: #ebebeb
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/ui/bottom-popup-modal/bottomPopupModal.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bottomPopupModal_bgOverlay__5AHUB {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5500;
  transition: background 0.3s ease-in-out
}

.bottomPopupModal_modalOpen__PR5qI {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  overflow: auto;
  transition: height 0.3s ease-in-out;
  z-index: 5000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2)
}

.bottomPopupModal_modalClose__VjTyy {
  position: fixed;
  bottom: 0px;
  left: 0px;
  height: 0px;
  width: 100%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 5000;
  transition: height 0.3s ease-in-out
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/product-summary/productSummary.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes productSummary_fadeInUp__Mq42N {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.productSummary_productSummary___LxuF {
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  opacity: 0; /* Start hidden */
  transform: translateY(10px); /* Initial position */
  animation: productSummary_fadeInUp__Mq42N 1s ease forwards; /* Apply animation */
}
.productSummary_productSummary___LxuF .productSummary_summeryText__Pd_tX {
  color: #333;
  word-spacing: 4px;
  text-align: justify;
  transition: color 0.3s ease, word-spacing 0.3s ease;
}

.productSummary_lessSummery__Lrb5w {
  max-height: 700px;
  overflow: hidden;
  position: relative;
}
.productSummary_lessSummery__Lrb5w::after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(83%, #ffffff));
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 6%, #ffffff 83%);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/recent-view/recent.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.recent_recentViewContainer__Fvr3j {
  background-color: #ffffff;
  margin-bottom: 20px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 20px;
}

.recent_sliderContainer__unQcz {
  position: relative;
  display: flex;
  align-items: center;
}

.recent_sliderButton___c0ek {
  background-color: #fff;
  color: #fff;
  border: none;
  padding: 25px 10px;
  cursor: pointer;
  box-shadow: 2px 0px 8px -2px rgba(0, 0, 0, 0.3);
}

.recent_imagesContainer__IYABq {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 1.25rem;
  overflow-y: hidden;
  overflow-x: scroll;
  scroll-behavior: smooth;
  width: 100%;
}
.recent_imagesContainer__IYABq::-webkit-scrollbar {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/details-main-container/price-details/priceDetails.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.priceDetails_priceAndDiscount__IyqCY {
  margin-top: 0.75rem;
  font-weight: 700;
  font-size: 20px;
}
.priceDetails_priceAndDiscount__IyqCY del {
  color: #737373;
}
.priceDetails_priceAndDiscount__IyqCY span {
  color: #333;
}
.priceDetails_priceAndDiscount__IyqCY .priceDetails_discountPrice__ri9oe {
  font-weight: normal;
  font-size: 13px;
  color: #33c24d;
  margin-left: 5px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/details-book-container/book-category/bookCategory.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookCategory_category__giRM1 {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  color: #333;
  font-weight: 700;
}
.bookCategory_category__giRM1 a {
  font-weight: 400;
  color: #0397d3;
}
.bookCategory_category__giRM1 .bookCategory_bestSellerBadge__a4OH4 {
  color: #333;
  font-weight: normal;
}
.bookCategory_category__giRM1 .bookCategory_bestSellerBadge__a4OH4 span {
  background: #ff9900;
  display: inline-block;
  color: white;
  padding: 0 3px 0 8px;
  border-radius: 2px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  margin-right: 11px;
  font-size: 90%;
}
.bookCategory_category__giRM1 .bookCategory_bestSellerBadge__a4OH4 span::after {
  content: "";
  display: inline-block;
  width: 15px;
  position: absolute;
  left: 100%;
  margin-left: -2px;
  height: 24px;
  background: #ff9900;
  -webkit-clip-path: polygon(0 0, 100% 0%, 20% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 20% 100%, 0% 100%);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/details-book-container/book-title-author/bookTitle.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookTitle_bookName__B4CEH {
  font-size: 140%;
  color: #333;
}

.bookTitle_authorName__HoSND,
.bookTitle_subTitle__TCqgN {
  margin-top: 0.75rem;
  color: #666;
  font-size: 110%;
}
.bookTitle_authorName__HoSND a,
.bookTitle_subTitle__TCqgN a {
  color: #0397d3;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/details-main-container/short-specification/ShortSpecification.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ShortSpecification_shortSpecificationContainer__UFuQh {
  margin-top: 0.75rem;
  display: flex;
  align-items: flex-start;
  gap: 1.5rem
}
.ShortSpecification_shortSpecificationContainer__UFuQh li {
  --tw-text-opacity: 1;
  color: rgb(108 117 125 / var(--tw-text-opacity));
  list-style-type: disc
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/ui/vertical-carousel/verticalCarouse.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.verticalCarouse_rightContainer__L3WMc {
  position: relative;
  overflow: hidden;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  color: #333;
  background-color: #f6f6f6;
  flex-basis: 22%;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_title__mqMvL {
  padding: 10px 0;
  font-size: 20px;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_sliderWrapper__GrXee {
  overflow: hidden;
  width: 12.5rem;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_slider___hwEc {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_slide__dRJWM {
  flex: 0 0 110%;
  display: flex;
  flex-direction: column;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_productLink__B364o {
  width: 100%;
  display: flex;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_productLink__B364o .verticalCarouse_info__vBg8_ h1,
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_productLink__B364o .verticalCarouse_info__vBg8_ p {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_productLink__B364o .verticalCarouse_info__vBg8_ .verticalCarouse_author__QeYny {
  font-size: 12px;
  color: #666666;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_productLink__B364o .verticalCarouse_info__vBg8_ .verticalCarouse_ratingContainer__q4dPB {
  display: flex;
  font-size: 12px;
  align-items: center;
  gap: 4px;
  color: #666666;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_productLink__B364o .verticalCarouse_info__vBg8_ .verticalCarouse_productPrice__2BtPm {
  font-size: 13px;
  margin-top: 4px;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_direction__JAPJp {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_direction__JAPJp span {
  cursor: pointer;
  padding: 10px;
  padding-right: 0;
  border-radius: 50%;
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_direction__JAPJp span:hover {
  color: rgba(36, 139, 199, 0.7);
}
.verticalCarouse_rightContainer__L3WMc .verticalCarouse_direction__JAPJp .verticalCarouse_rotate180__HKdvW {
  transform: rotate(180deg);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/ui/zoom-container/zoomContainer.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.zoomContainer_zoomMainContainer__LyKIj {
  width: 400px;
}
.zoomContainer_zoomMainContainer__LyKIj .zoomContainer_zoomContainer__HUCPd {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.zoomContainer_zoomMainContainer__LyKIj .zoomContainer_zoomContainer__HUCPd .zoomContainer_mainImageContainer__eluBN {
  position: relative;
  width: 380px;
  height: 380px;
  overflow: hidden;
  margin-bottom: 16px;
  border: 1px solid #cdcdcd;
}
.zoomContainer_zoomMainContainer__LyKIj .zoomContainer_zoomContainer__HUCPd .zoomContainer_mainImageContainer__eluBN.zoomContainer_videoImage___f9qj::after {
  display: block;
  content: "";
  width: 70px;
  height: 70px;
  background: no-repeat center/100% url("/nstatic/images/social_Icon/youtube.png");
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  cursor: pointer;
}
.zoomContainer_zoomMainContainer__LyKIj .zoomContainer_zoomContainer__HUCPd .zoomContainer_mainImageContainer__eluBN .zoomContainer_mainImage__bqZDI {
  cursor: pointer;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.zoomContainer_zoomMainContainer__LyKIj .zoomContainer_zoomContainer__HUCPd .zoomContainer_mainImageContainer__eluBN .zoomContainer_zoomBox__gghWS {
  position: absolute;
  border: 2px solid #666;
  display: none;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.2);
}
.zoomContainer_zoomMainContainer__LyKIj .zoomContainer_zoomContainer__HUCPd .zoomContainer_zoomArea__QItp2 {
  display: none;
  position: absolute;
  top: 0;
  left: 400px;
  width: 380px;
  height: 420px;
  border: 1px solid #cdcdcd;
  overflow: hidden;
  background-color: white;
  z-index: 10;
}
.zoomContainer_zoomMainContainer__LyKIj .zoomContainer_zoomContainer__HUCPd .zoomContainer_zoomArea__QItp2 .zoomContainer_zoomImage__wJ3LI {
  position: absolute;
  max-width: none;
  transform-origin: top left;
  transition: transform 0.1s ease-in-out;
}

.zoomContainer_thumbnailContainer__1h2AH {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.zoomContainer_thumbnailContainer__1h2AH .zoomContainer_thumbnail__OsZYt {
  border: 1px solid #ccc;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  width: 65px;
  height: 65px;
}
.zoomContainer_thumbnailContainer__1h2AH .zoomContainer_thumbnail__OsZYt img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.zoomContainer_thumbnailContainer__1h2AH .zoomContainer_thumbnail__OsZYt:hover {
  border-color: #000;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-main-container/details-book-info/detailsBookInfo.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.detailsBookInfo_detailsBookInfoContainer__oBg4K {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_titleContainer__M_Zxh {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: #333;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_titleContainer__M_Zxh .detailsBookInfo_bookName__oh6pd {
  font-size: 20px;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_titleContainer__M_Zxh .detailsBookInfo_subTitle__Byiu_ {
  margin-top: 0.25rem;
  color: #666;
  font-size: 14px;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_titleContainer__M_Zxh .detailsBookInfo_authorName__awGOb {
  margin-top: 0.25rem;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_titleContainer__M_Zxh .detailsBookInfo_authorName__awGOb a {
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-size: 14px;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_category__JgdUW {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  color: #333;
  font-weight: 500;
  font-size: 12px;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_category__JgdUW a {
  font-weight: 400;
  color: #0397d3;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_category__JgdUW .detailsBookInfo_bestSellerBadge__affiZ {
  color: #333;
  font-weight: normal;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_category__JgdUW .detailsBookInfo_bestSellerBadge__affiZ span {
  background: #ff9900;
  display: inline-block;
  color: white;
  padding: 0 3px 0 8px;
  border-radius: 2px;
  line-height: 24px;
  font-weight: 600;
  position: relative;
  margin-right: 11px;
  font-size: 90%;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_category__JgdUW .detailsBookInfo_bestSellerBadge__affiZ span::after {
  content: "";
  display: inline-block;
  width: 15px;
  position: absolute;
  left: 100%;
  margin-left: -2px;
  height: 24px;
  background: #ff9900;
  -webkit-clip-path: polygon(0 0, 100% 0%, 20% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 20% 100%, 0% 100%);
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a {
  height: 50px;
  margin-left: 10px;
  padding: 5px 0;
  background-color: #f9f8f8;
  border: 1px solid #e0e0e0;
  border-top: 2px solid #e0e0e0;
  border-radius: 5px;
  flex-basis: 100%;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a.detailsBookInfo_active__PjiJ8 {
  background-color: #edf4f7;
  border-color: #0397d3 #d5e3eb #d5e3eb #d5e3eb;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a.detailsBookInfo_active__PjiJ8 .detailsBookInfo_circle__AH87k {
  border-color: #90abb9;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a.detailsBookInfo_active__PjiJ8 .detailsBookInfo_circle__AH87k .detailsBookInfo_innerCircle__TRJGt {
  width: 8px;
  height: 8px;
  display: block;
  background-color: #0397d3;
  border-radius: 50%;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a:first-child {
  margin-left: 0;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a:hover {
  background-color: #edf4f7;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a .detailsBookInfo_circle__AH87k {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  border: 2px solid #bfbfbf;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a .detailsBookInfo_circle__AH87k .detailsBookInfo_innerCircle__TRJGt {
  display: none;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a .detailsBookInfo_versionName___SDEb {
  color: #666;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 2px;
}
.detailsBookInfo_detailsBookInfoContainer__oBg4K .detailsBookInfo_bookInfoVersion___Y9z8 a .detailsBookInfo_versionPrice__H_IJc {
  margin-top: -4px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-main-container/details-main-image/detailsMainImage.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.detailsMainImage_mainContainer__FRWBA {
  margin-top: 1px;
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: white
}
.detailsMainImage_mainContainer__FRWBA .detailsMainImage_imageContainer__gUL5e {
  position: relative
}
.detailsMainImage_mainContainer__FRWBA .detailsMainImage_imageContainer__gUL5e .detailsMainImage_readMeImg__pF2Z6 {
  position: absolute;
  transform: rotate(-90deg);
  top: 65px;
  left: -90px
}
.detailsMainImage_mainContainer__FRWBA .detailsMainImage_listAndShareIcon__8jjSK {
  position: absolute;
  top: 10px;
  right: -45px
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-main-container/detailsMainContainer.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.detailsMainContainer_btnContainer__mXbUf {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: 0.5rem;
}

.detailsMainContainer_stickyButtonContainer__DOY97 {
  box-shadow: 0px 0px 10px -3px #c8c7c7;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  padding: 8px;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-main-container/non-book-main-image/nonBookMainImage.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.nonBookMainImage_imageSliderContainer__KWhh2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.nonBookMainImage_imageSliderContainer__KWhh2 .nonBookMainImage_imageSliderWrapper__aS07p {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.nonBookMainImage_imageSliderContainer__KWhh2 .nonBookMainImage_imageSliderWrapper__aS07p .nonBookMainImage_imageSliderItem__39lcb {
  display: flex;
  min-width: 100%;
  align-items: center;
  justify-content: center;
}
.nonBookMainImage_imageSliderContainer__KWhh2 .nonBookMainImage_imageSliderIndicator__umBcD {
  margin-top: 1rem;
  display: flex;
}
.nonBookMainImage_imageSliderContainer__KWhh2 .nonBookMainImage_imageSliderIndicator__umBcD .nonBookMainImage_imageSliderIndicatorItem__F6n9D {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 0.75rem;
  width: 0.75rem;
  cursor: pointer;
  border-radius: 9999px;
}
.nonBookMainImage_imageSliderContainer__KWhh2 .nonBookMainImage_videoImage__sxK_M {
  position: relative;
}
.nonBookMainImage_imageSliderContainer__KWhh2 .nonBookMainImage_videoImage__sxK_M::after {
  display: block;
  content: "";
  width: 70px;
  height: 70px;
  background: no-repeat center/100% url("/nstatic/images/social_Icon/youtube.png");
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-main-container/price-details/priceDetails.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.priceDetails_priceAndDiscount__PMu3O {
  margin-top: 0.5rem;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  font-weight: 700;
  font-size: 20px;
}
.priceDetails_priceAndDiscount__PMu3O del {
  color: #737373;
}
.priceDetails_priceAndDiscount__PMu3O span {
  color: #333;
}
.priceDetails_priceAndDiscount__PMu3O .priceDetails_discountPrice__Wfzrw {
  font-weight: normal;
  font-size: 12px;
  color: #33c24d;
  margin-left: 5px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/ui/custom-link/link.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.link_btnContainer__u_7sX {
  display: block;
  border-radius: 9999px;
  text-align: center;
  padding: 10px 0px;
  font-size: 13px;
  width: 100%;
}

.link_secondary__ZeUQq {
  font-weight: 600;
  border-radius: 4px;
  color: white;
  background-color: #4398fe;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.link_btnPrimary__2vUx2 {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.link_btnPrimary__2vUx2:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.link_btnOutlinePrimary__8tI3p {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.link_btnOutlinePrimary__8tI3p:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  color: white;
}

.link_mobileViewBtn__ViN24 {
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-size: 100%;
  border-radius: 4px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-direction: row-reverse;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.link_fourth__XSVs9 {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  font-size: 100%;
  border-radius: 4px;
  color: #4398fe;
  background-color: transparent;
  border: 1px solid #4398fe;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.link_categoryGenre__sMSF9 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-weight: 700;
  background-color: #fff;
  border: 2px solid #e8e9eb;
  color: #333;
  border-radius: 0.25rem;
  font-size: 15px;
}

.link_test__LTxqL {
  color: white;
  background: rgba(0, 0, 0, 0.404);
}

.link_outline__PUTFJ {
  border: 1px solid #563f93;
  border-radius: 2px;
  color: #563f93;
  font-size: 16px;
  transition: all 0.3s ease;
}
.link_outline__PUTFJ:hover {
  background-color: #87298f;
  color: white;
}

.link_radiusNone__iUgzl {
  border-radius: 4px;
  background-color: #4398fe;
  font-size: 15px;
  font-weight: 7500;
  color: white;
  padding: 10px 20px;
  width: fit-content;
}
.link_radiusNone__iUgzl:hover {
  color: white;
}

.link_bgWhIconBtn__TwBQK {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #fff;
  border-radius: 4px;
  color: #0097d7;
  font-size: 16px;
  transition: all 0.3s ease;
  color: #464646;
}

.link_bgGrayIconBtn__0BOoY {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #ebebeb;
  border-radius: 4px;
  color: #4398fe;
  font-size: 15px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.link_wishlistItem__5_Xud {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  padding: 4px 0;
}

.link_detailIconContainer__dsZft {
  margin-top: 0.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 700;
}

.link_actionbtn__uFoWB {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
}

.link_comparisonbtnOne__kx55n {
  background-color: #f90;
  border-radius: 3px;
  box-shadow: 0 3px 6px -4px #a2a2a2;
  color: #fff !important;
  font-size: 14px;
  margin: 0;
}

.link_comparisonbtnTwo__nH0qw {
  background-color: #0097d7;
  border-radius: 3px;
  box-shadow: 0 3px 6px -4px #a2a2a2;
  color: #fff !important;
  font-size: 14px;
  margin: 0;
}

.link_bgWhIconBtn__TwBQK {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: #fff;
  border-radius: 4px;
  color: #0097d7;
  font-size: 16px;
  transition: all 0.3s ease;
  color: #464646;
}

.link_bgGrayIconBtn__0BOoY {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #ebebeb;
  border-radius: 4px;
  color: #4398fe;
  font-size: 15px;
  transition: all 0.3s ease;
}

.link_cartAddressBtn__qqNXs {
  background-color: #4398fe;
  border-radius: 6px;
  font-size: 20px;
  color: #fff;
}

.link_actionBtn__QG8Ir {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #333;
  background-color: transparent;
}

.link_actionlistitem__8XfpH {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
  text-align: left;
  padding: 6px 12px;
}
.link_actionlistitem__8XfpH:hover {
  background-color: #fff;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-main-container/ebook-section/ebookSection.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ebookSection_ebookButtonContainer__55Fqo {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  padding: 0.75rem;
  border: 1px solid #e7e7e7;
  margin-bottom: -8px;
}
.ebookSection_ebookButtonContainer__55Fqo .ebookSection_ebookLeftSection__MzAF1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ebookSection_ebookButtonContainer__55Fqo .ebookSection_ebookInfo__cug_T p {
  color: gray;
  font-size: 100%;
  font-weight: 700;
}
.ebookSection_ebookButtonContainer__55Fqo .ebookSection_ebookInfo__cug_T span {
  color: #333;
  font-size: 107%;
  font-weight: 500;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-main-container/review-slider/ReviewSlider.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ReviewSlider_reviewSliderContainer__3ROin {
  position: relative;
  width: 100%;
  height: 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.ReviewSlider_reviewSliderContainer__3ROin p {
  margin-bottom: 0;
  font-size: 12px;
}
.ReviewSlider_reviewSliderContainer__3ROin .ReviewSlider_reviewSlidingItem__Rqee6 {
  position: absolute;
  color: #333;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
}
.ReviewSlider_reviewSliderContainer__3ROin .ReviewSlider_reviewSlidingItem__Rqee6 .ReviewSlider_userImg__zSBZ4 {
  width: 40px;
  height: 40px;
  background-color: #f7f7f7;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
  padding: 5px;
}
.ReviewSlider_reviewSliderContainer__3ROin .ReviewSlider_reviewSlidingItem__Rqee6 .ReviewSlider_reviewDetails__LPOCQ {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
}
.ReviewSlider_reviewSliderContainer__3ROin .ReviewSlider_reviewSlidingItem__Rqee6 .ReviewSlider_userName__zokxs {
  font-weight: 600;
  display: flex;
  gap: 4px;
}
.ReviewSlider_reviewSliderContainer__3ROin .ReviewSlider_reviewSlidingItem__Rqee6 .ReviewSlider_rightSection__P_a6R {
  width: 100%;
}
.ReviewSlider_reviewSliderContainer__3ROin .ReviewSlider_reviewSlidingItem__Rqee6.ReviewSlider_active___GHA2 {
  opacity: 1;
  transform: translateY(0);
}
.ReviewSlider_reviewSliderContainer__3ROin .ReviewSlider_reviewSlidingItem__Rqee6.ReviewSlider_exit__m7CAN {
  opacity: 0;
  transform: translateY(-100%);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/rate-review/rateReview.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-review-header/detailsReviewHeader.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.detailsReviewHeader_sectionContainer__cwHZh {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt {
  padding-top: 1rem;
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY .detailsReviewHeader_ratingSummary__O8lZ4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 0.5rem;
  color: #333;
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY .detailsReviewHeader_ratingSummary__O8lZ4 h3 {
  font-size: 24px;
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY .detailsReviewHeader_ratingSummary__O8lZ4 p {
  padding-top: 0.5rem;
  color: #666;
  font-size: 14px;
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY .detailsReviewHeader_ratingDivider__FzJzr {
  width: 3px;
  height: 100px;
  background: #ddd;
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY .detailsReviewHeader_ratingGraph__UJMeT .detailsReviewHeader_singleRating__KAeme {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY .detailsReviewHeader_ratingGraph__UJMeT .detailsReviewHeader_singleRating__KAeme span {
  font-size: 12px;
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY .detailsReviewHeader_ratingGraph__UJMeT .detailsReviewHeader_singleRating__KAeme .detailsReviewHeader_totalValue__KKPJM {
  --tw-text-opacity: 1;
  color: rgb(108 117 125 / var(--tw-text-opacity));
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY .detailsReviewHeader_ratingGraph__UJMeT .detailsReviewHeader_progressBarContainer__4PNe0 {
  width: 100px;
  background-color: #e9ecef;
  border-radius: 20px;
  overflow: hidden;
  height: 6px;
}
.detailsReviewHeader_sectionContainer__cwHZh .detailsReviewHeader_container___OCzt .detailsReviewHeader_grapContainer__aVVdY .detailsReviewHeader_ratingGraph__UJMeT .detailsReviewHeader_progressBar__ojDjU {
  height: 100%;
  background-color: #f90;
  text-align: center;
  line-height: 30px;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  border-radius: 20px;
  transition: width 0.3s ease-in-out;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/product-specification/productSpecification.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes productSpecification_fadeInUp__y7S0R {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.productSpecification_tableContainer__h_R_F {
  margin-top: 0.5rem;
  width: 100%;
  text-align: left;
  opacity: 0;
  border-collapse: collapse;
  font-size: 14px;
  transform: translateY(10px);
  animation: productSpecification_fadeInUp__y7S0R 1s ease forwards;
}

.productSpecification_tableBody__VYne2 td:first-child {
  width: 30%;
  color: #333;
}
.productSpecification_tableBody__VYne2 td {
  padding: 4px;
}
.productSpecification_tableBody__VYne2 td a {
  color: #0397d3;
}

.productSpecification_tableHeader__k2u5h {
  background-color: #3498db;
  color: #fff;
  font-weight: bold;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/product-summary/productSummary.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes productSummary_fadeInUp__ZZWgf {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.productSummary_productSummary__Kn3gR {
  max-width: 100%;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  opacity: 0; /* Start hidden */
  transform: translateY(10px); /* Initial position */
  animation: productSummary_fadeInUp__ZZWgf 1s ease forwards; /* Apply animation */
}
.productSummary_productSummary__Kn3gR iframe {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.productSummary_productSummary__Kn3gR .productSummary_summeryText__hUaoe {
  color: #333;
  word-spacing: 4px;
  text-align: left;
  transition: color 0.3s ease, word-spacing 0.3s ease;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/incorrect-reporting-form/incorrectReportingForm.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.incorrectReportingForm_sectonContainer__jZA_Z {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 241 241 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.incorrectReportingForm_informationOutline__a88tU {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: color 0.3s ease;
  color: #d64541;
}
.incorrectReportingForm_informationOutline__a88tU .incorrectReportingForm_icon___GeKR {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: 1px solid #d64541;
  height: 20px;
  width: 20px;
}
.incorrectReportingForm_informationOutline__a88tU .incorrectReportingForm_text__vNLdA {
  cursor: pointer;
}

.incorrectReportingForm_textareaContainer__xwYr_ {
  margin-top: 0.5rem;
}

.incorrectReportingForm_fromContainerOpen__v5x2p {
  max-height: 400px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.incorrectReportingForm_fromContainerOpenCls__vUop1 {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/ui/button/button.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button_btnContainer__nYnA0 {
  display: block;
  border-radius: 9999px;
  text-align: center;
  padding: 10px 0px;
  font-size: 14px;
  width: 100%;
}

.button_secondary__N8JAl {
  font-weight: 600;
  border-radius: 4px;
  color: white;
  background-color: #4398fe;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.button_addToCart__c6EC_ {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-weight: 500;
  border-radius: 4px;
  background-color: transparent;
}

.button_mobileViewBtn__AU5y9 {
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-size: 100%;
  border-radius: 4px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-direction: row-reverse;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.button_third__J37LY {
  font-size: 100%;
  border-radius: 4px;
  color: #4398fe;
  background-color: transparent;
  border: 1px solid #4398fe;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.button_fourth__q9TWQ {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  font-size: 100%;
  border-radius: 4px;
  color: #4398fe;
  background-color: transparent;
  border: 1px solid #4398fe;
}

.button_fifth__9vws8 {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  width: 20%;
  margin: 10px;
  cursor: pointer;
}

.button_test__kgvgR {
  color: white;
  background: rgba(0, 0, 0, 0.404);
}

.button_outline__HPTUt {
  border: 1px solid #563f93;
  border-radius: 2px;
  color: #563f93;
  font-size: 16px;
  transition: all 0.3s ease;
}
.button_outline__HPTUt:hover {
  background-color: #87298f;
  color: white;
}

.button_radiusNone__g1b74 {
  border-radius: 2px;
  background-color: #4398fe;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  transition: background 0.8s;
  background-color: #6297d8 radial-gradient(circle, transparent 1%, #4398fe 0) 50%/15000%;
  color: white;
}

.button_bgWhIconBtn__oNMMy {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #fff;
  border-radius: 4px;
  color: #0097d7;
  font-size: 16px;
  transition: all 0.3s ease;
  color: #464646;
}

.button_bgGrayIconBtn__Vnfvm {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #ebebeb;
  border-radius: 4px;
  color: #4398fe;
  font-size: 15px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.button_wishlistItem__rl0ZD {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  padding: 4px 0;
}

.button_detailIconContainer__per8G {
  margin-top: 1rem;
  width: 12rem;
  border-radius: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-size: 15px;
  border: 2px solid #0397d3;
}

.button_actionbtn__0xXA2 {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
}

.button_comparisonbtnOne__gqSSP {
  background-color: #f90;
  border-radius: 3px;
  box-shadow: 0 3px 6px -4px #a2a2a2;
  color: #fff !important;
  font-size: 14px;
  margin: 0;
}

.button_comparisonbtnTwo__58Cxi {
  background-color: #0097d7;
  border-radius: 3px;
  box-shadow: 0 3px 6px -4px #a2a2a2;
  color: #fff !important;
  font-size: 14px;
  margin: 0;
}

.button_bgWhIconBtn__oNMMy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: #fff;
  border-radius: 4px;
  color: #0097d7;
  font-size: 16px;
  transition: all 0.3s ease;
  color: #464646;
}

.button_bgGrayIconBtn__Vnfvm {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  background-color: #ebebeb;
  border-radius: 4px;
  color: #4398fe;
  font-size: 15px;
  transition: all 0.3s ease;
}

.button_cartAddressBtn__Ysmw9 {
  background-color: #4398fe;
  border-radius: 6px;
  font-size: 20px;
  color: #fff;
}

.button_actionBtn__vhhxO {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #333;
  background-color: transparent;
}

.button_actionlistitem__bYGFu {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
  text-align: left;
  padding: 6px 12px;
}
.button_actionlistitem__bYGFu:hover {
  background-color: #fff;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-main-container/summary-and-specification/SummaryAndSpecification.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SummaryAndSpecification_navContainer__dP2iu {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-bottom: 0.5rem
}
.SummaryAndSpecification_navContainer__dP2iu .SummaryAndSpecification_btn___3aSW {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-bottom: 2px solid;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  z-index: 10 !important;
  position: relative
}
.SummaryAndSpecification_navContainer__dP2iu .SummaryAndSpecification_btn___3aSW:hover {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity))
}
.SummaryAndSpecification_navContainer__dP2iu .SummaryAndSpecification_activeBtn__vx76T {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  position: relative;
  z-index: 10
}
.SummaryAndSpecification_navContainer__dP2iu .SummaryAndSpecification_hr__CJhFq {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 8px;
  border: 1px solid #dee2e6
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/details-main-container/short-specification/ShortSpecification.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ShortSpecification_shortSpecificationContainer__xzoUl {
  max-height: 130px;
  overflow: hidden;
  position: relative;
}
.ShortSpecification_shortSpecificationContainer__xzoUl::after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(83%, #ffffff));
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 6%, #ffffff 83%);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/ui/frequent-buy-card/frequentBuyCard.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.frequentBuyCard_productContainer__VBJxY {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.frequentBuyCard_productContainer__VBJxY .frequentBuyCard_nameAndPriceContainer__wErHd {
  color: #333;
  font-size: 16px;
}
.frequentBuyCard_productContainer__VBJxY .frequentBuyCard_nameAndPriceContainer__wErHd p {
  font-size: 14px;
}
.frequentBuyCard_productContainer__VBJxY .frequentBuyCard_nameAndPriceContainer__wErHd p del {
  color: #a0a0a0;
}
.frequentBuyCard_productContainer__VBJxY input[type=checkbox] {
  width: 16px;
  height: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/frequent-buy/frequentBuy.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.frequentBuy_frequentBuy__2Od5Y {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.frequentBuy_frequentBuy__2Od5Y .frequentBuy_cardContainer__EmphZ {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.frequentBuy_frequentBuy__2Od5Y .frequentBuy_cardContainer__EmphZ .frequentBuy_cardItem__SJSBe .frequentBuy_plusIcon__UL_8Q {
  margin: 0 auto;
  height: 23px;
  width: 23px;
}
.frequentBuy_frequentBuy__2Od5Y .frequentBuy_cardContainer__EmphZ .frequentBuy_cardItem__SJSBe:last-child .frequentBuy_plusIcon__UL_8Q {
  display: none;
}
.frequentBuy_frequentBuy__2Od5Y .frequentBuy_footer__JzCD6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.frequentBuy_frequentBuy__2Od5Y .frequentBuy_footer__JzCD6 .frequentBuy_amount__2cLwU {
  color: #a0a0a0;
  font-size: 14px;
}
.frequentBuy_frequentBuy__2Od5Y .frequentBuy_footer__JzCD6 .frequentBuy_amount__2cLwU span {
  color: #333;
}
.frequentBuy_frequentBuy__2Od5Y .frequentBuy_footer__JzCD6 .frequentBuy_save__qMMsF {
  color: #33c24d;
  font-size: 14px;
}
.frequentBuy_frequentBuy__2Od5Y .frequentBuy_footer__JzCD6 button {
  border: 1px solid #0097d7;
  color: #0097d7;
  padding: 6px 20px;
  margin-top: 4px;
  font-size: 14px;
  border-radius: 4px;
}
.frequentBuy_frequentBuy__2Od5Y .frequentBuy_footer__JzCD6 button:disabled {
  background-color: #f1f1f1;
  color: #333;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/recent-view/RecentView.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RecentView_RecentViewContainer__MYbqI {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.RecentView_imagesContainer__i30XE {
  margin-top: 1rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  overflow-y: hidden;
  overflow-x: scroll;
}
.RecentView_imagesContainer__i30XE::-webkit-scrollbar {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/page-specific/desktop/components/book-details/how-to-order/howtoOrder.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.howtoOrder_howToOrderContainer__0DiRV {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem
}
.howtoOrder_howToOrderContainer__0DiRV button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  color: #333;
  width: 100%;
  border: 1px solid #00b2ff;
  border-radius: 6px
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/service-message/serviceMessage.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.serviceMessage_serviceMessage__9Rhe9 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  font-size: 12px;
  font-weight: 400;
  color: #333;
}
.serviceMessage_serviceMessage__9Rhe9 .serviceMessage_item__Freiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-right: 1px solid #ddd;
}
.serviceMessage_serviceMessage__9Rhe9 .serviceMessage_item__Freiv:last-child {
  border-right: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/carousel-list/frontProductCard.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.frontProductCard_frontProductList___uv4T .frontProductCard_viewAllBtn__YoSSz {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 152 254 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-size: 14px;
  box-shadow: 0px 3px 6px -4px #a2a2a2;
  padding: 8px 20px;
  line-height: 18px;
  transition: all 0.3s;
}
.frontProductCard_frontProductList___uv4T .frontProductCard_viewAllBtn__YoSSz:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 152 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.frontProductCard_frontProductList___uv4T .frontProductCard_viewMoreBtn__YWeoO {
  display: flex;
  gap: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  font-size: 16px;
  padding: 8px 20px;
  line-height: 18px;
  cursor: pointer;
}
.frontProductCard_frontProductList___uv4T .frontProductCard_cardListContainer__p_ES9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.frontProductCard_frontProductList___uv4T .frontProductCard_cardListContainer__p_ES9 .frontProductCard_sliderButton__lht_H {
  position: absolute;
  z-index: 10;
  background-color: #fff;
  color: #fff;
  border: none;
  padding: 25px 10px;
  cursor: pointer;
  box-shadow: 2px 0px 8px -2px rgba(0, 0, 0, 0.3);
}
.frontProductCard_frontProductList___uv4T .frontProductCard_cardListContainer__p_ES9 .frontProductCard_sliderButton__lht_H:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  display: none;
}
.frontProductCard_frontProductList___uv4T .frontProductCard_cardListContainer__p_ES9 .frontProductCard_cardListItem__hVBAV {
  display: flex;
  padding-top: 1rem;
  position: relative;
  left: 0;
  transition: left 1s cubic-bezier(0.74, 0.24, 0.24, 0.85);
}
.frontProductCard_frontProductList___uv4T .frontProductCard_cardListContainer__p_ES9 .frontProductCard_cardListItem__hVBAV::-webkit-scrollbar {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/product-card-container/productContainer.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.productContainer_productContainer__7joCd {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  width: 90%;
  height: fit-content;
  padding: 0 15px;
  box-shadow: 0 4px 6px -3px #9c9c9c;
  border-radius: 4px;
}

.productContainer_productBody__3XtlT {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  justify-items: center;
}

.productContainer_productDetailsBody__jdlDj {
  padding: 0.5rem 0.75rem;
  display: flex;
  height: 100%;
  flex: 0 0 33%;
  flex-direction: column;
  justify-content: flex-start;
}

@media (min-width: 768px) {

  .productContainer_productDetailsBody__jdlDj {
    flex: 0 0 25%;
  }
}

@media (min-width: 1024px) {

  .productContainer_productDetailsBody__jdlDj {
    flex: 0 0 16%;
  }
}

.productContainer_productDetailsBody__jdlDj {
  position: relative;
  width: 100%;
}
.productContainer_productDetailsBody__jdlDj:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 6px;
  box-shadow: inset 0 0 7px 0 #cdcdcd;
}
.productContainer_productDetailsBody__jdlDj:hover .productContainer_mainContent__iqiFn {
  opacity: 0.2;
}
.productContainer_productDetailsBody__jdlDj:hover .productContainer_productOverlay__zQUVT {
  opacity: 1;
  box-shadow: inset 0 0 7px 0 #cdcdcd;
}
.productContainer_productDetailsBody__jdlDj .productContainer_productDetailsText___AUIQ {
  margin-top: 5px;
}
.productContainer_productDetailsBody__jdlDj .productContainer_productDetailsText___AUIQ .productContainer_productTitle__bsIaz {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #111111;
}
.productContainer_productDetailsBody__jdlDj .productContainer_productDetailsText___AUIQ .productContainer_productAuthor__5k_I4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 13px;
  font-weight: 100;
  color: #666666;
  line-height: 18px;
}
.productContainer_productDetailsBody__jdlDj .productContainer_productPrizePart__XqfCO {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 1px;
}
.productContainer_productDetailsBody__jdlDj .productContainer_productPrizePart__XqfCO .productContainer_productPrize__i8rrj {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #000000;
}

.productContainer_bookImage__BxrLg {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto;
}

.productContainer_commonBadages__x571e {
  position: absolute;
  top: -8px;
  left: -8px;
  background-image: url("/nstatic/images/discount-badge-common.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
}
.productContainer_commonBadages__x571e span {
  font-size: 15px;
  font-weight: 600;
  color: white;
  position: absolute;
  top: 6px;
  left: 9px;
}

.productContainer_notAvailableBadge__9RuOT {
  position: absolute;
  background: url("/nstatic/images/badge/not-available-badge.png") no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.productContainer_preOrderBadge__pVzgj {
  position: absolute;
  top: 50%;
  left: 0;
  background: url("/nstatic/images/badge/pre-order-badge.png") no-repeat;
  height: 35px;
  left: -1px;
  width: 130px;
}

.productContainer_lookInsideBadge__Z_dKh {
  background: url("/nstatic/images/badge/look-inside.png") no-repeat;
  height: 69px;
  right: 26px;
  bottom: 0;
  position: absolute;
  width: 85px;
}

.productContainer_serialBadge___WA1S {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
}

.productContainer_productOverlay__zQUVT {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  transition: 0.4s;
}
.productContainer_productOverlay__zQUVT > :first-child {
  position: absolute; /* Allows precise positioning */
  top: 32%; /* Center vertically */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, -50%); /* Adjust for the button's size */
}
.productContainer_productOverlay__zQUVT > :last-child {
  position: absolute; /* Allows precise positioning */
  bottom: 0; /* Align to the bottom of the container */
  left: 50%; /* Center horizontally */
  transform: translateX(-50%); /* Adjust for the button's size */
}

.productContainer_notFoundDataContainer__tenyi {
  max-width: 500px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.productContainer_progressBarContainer__YSb1g {
  width: 90%;
  background-color: #ffe7c3;
  border-radius: 20px;
  overflow: hidden;
  height: 6px;
  margin: 8px 0;
}

.productContainer_progressBar__izGXe {
  height: 100%;
  background-color: #f90;
  text-align: center;
  line-height: 30px;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  border-radius: 20px;
  transition: width 0.3s ease-in-out;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/desktop/quick-view/quickView.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.quickView_QuickView__CMvq4 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  padding: 2.5rem;
  font-size: 14px;
  width: 100%;
}
.quickView_QuickView__CMvq4 .quickView_bookMainInfo__NSZx8 {
  width: 50%;
}
.quickView_QuickView__CMvq4 .quickView_productPrice__l0Y6W {
  margin-top: 8px;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: start;
  gap: 8px;
  font-size: 18px;
}
.quickView_QuickView__CMvq4 .quickView_emiText__qV2kU {
  font-size: 14px;
  color: #33c24d;
}
.quickView_QuickView__CMvq4 .quickView_emiText__qV2kU .quickView_seeDetails__TEnEz {
  --tw-text-opacity: 1;
  color: rgb(67 152 254 / var(--tw-text-opacity));
  cursor: pointer;
}

.quickView_pageLoaderOverlay__DIfBf {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/page-specific/desktop/components/book-details/package-details/packageDetails.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.packageDetails_tableContainer__tByh_ table {
  width: 100%;
  margin-top: 12px;
}
.packageDetails_tableContainer__tByh_ table td {
  padding: 12px;
}
.packageDetails_tableContainer__tByh_ table .packageDetails_tableHead__B6WRd {
  border: 1px solid #cdcdcd;
}
.packageDetails_tableContainer__tByh_ table .packageDetails_tableHead__B6WRd th {
  padding: 12px;
  font-weight: normal;
}
.packageDetails_tableContainer__tByh_ table .packageDetails_tableRow__YZM5S {
  border: 1px solid #cdcdcd;
}
.packageDetails_tableContainer__tByh_ table .packageDetails_tableRow__YZM5S th {
  font-weight: normal;
}
.packageDetails_tableContainer__tByh_ table .packageDetails_tableRow__YZM5S td {
  text-align: center;
}
.packageDetails_tableContainer__tByh_ .packageDetails_detailsPackageTotal__oWAcs,
.packageDetails_tableContainer__tByh_ .packageDetails_detailsSaveTotal__kSiLA {
  padding: 12px 45px;
  margin-top: 16px;
  border: 1px solid #cdcdcd;
  text-align: end;
  font-size: 18px;
}
.packageDetails_tableContainer__tByh_ .packageDetails_detailsSaveTotal__kSiLA {
  color: #33c24d;
  text-align: center;
  font-size: 18px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/page-specific/mobile/components/book-details/author-section/authorSection.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.authorSection_authorImgAndBtnContainer__FaHsm {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.authorSection_authorImgAndBtnContainer__FaHsm .authorSection_imageContainer__9tipI {
  border-radius: 9999px;
  border: 2px solid #ddd;
  min-height: 60px;
  min-width: 60px;
  max-height: 60px;
  max-width: 60px;
}
.authorSection_authorImgAndBtnContainer__FaHsm .authorSection_imageContainer__9tipI img {
  height: 100%;
  width: 100%;
  border-radius: 9999px;
}
.authorSection_authorImgAndBtnContainer__FaHsm .authorSection_followers__tvtIM {
  font-size: 12px;
  color: #464646;
}
.authorSection_authorImgAndBtnContainer__FaHsm .authorSection_followContainer__gZDQ4 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.authorSection_authorImgAndBtnContainer__FaHsm .authorSection_followContainer__gZDQ4 .authorSection_authorName__2FA1U {
  font-size: 16px;
}
.authorSection_authorImgAndBtnContainer__FaHsm .authorSection_followContainer__gZDQ4 .authorSection_followers__tvtIM {
  font-size: 12px;
  color: #464646;
}
.authorSection_authorImgAndBtnContainer__FaHsm .authorSection_followContainer__gZDQ4 .authorSection_followingCount__TJE9N {
  font-weight: bold;
}
.authorSection_authorImgAndBtnContainer__FaHsm .authorSection_followContainer__gZDQ4 .authorSection_followBtn__XiaaN {
  margin-top: 0.5rem;
  width: 100px;
}

.authorSection_authorSummery__6wNHZ {
  font-size: 14px;
  margin-top: 10px;
  text-align: justify;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/front-product-list-slide/frontProductListSlide.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.frontProductListSlide_cardListItem__z8Akt {
  display: flex;
  overflow-x: scroll;
  gap: 1rem;
  white-space: nowrap;
}
.frontProductListSlide_cardListItem__z8Akt::-webkit-scrollbar {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/mobile/product-card-container/productContainer.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.productContainer_productContainerBody__HxMTf {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}@media (min-width: 768px) {.productContainer_productContainerBody__HxMTf {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}.productContainer_productContainerBody__HxMTf {
  gap: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.productContainer_productDetailsBody___a_eF {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 0.25rem;
  width: 100%;
}
.productContainer_productDetailsBody___a_eF .productContainer_productDetailsInfo__KQjLO {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.productContainer_productDetailsBody___a_eF .productContainer_bookImage__g4c1c {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.productContainer_productDetailsBody___a_eF .productContainer_commonBadages__m8Pph {
  position: absolute;
  top: -12px;
  left: -2px;
  background-image: url("/nstatic/images/discount-badge-common.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
}
.productContainer_productDetailsBody___a_eF .productContainer_commonBadages__m8Pph span {
  font-size: 13px;
  font-weight: 600;
  color: white;
  position: absolute;
  top: 5px;
  left: 6px;
}
.productContainer_productDetailsBody___a_eF .productContainer_notAvailableBadge__9f8Xb {
  position: absolute;
  background: url("/nstatic/images/badge/not-available-badge.png") no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.productContainer_productDetailsBody___a_eF .productContainer_preOrderBadge__7ZTxj {
  position: absolute;
  top: 50%;
  left: 0;
  background: url("/nstatic/images/badge/pre-order-badge.png") no-repeat;
  height: 35px;
  left: -1px;
  width: 130px;
}
.productContainer_productDetailsBody___a_eF .productContainer_lookInsideBadge__QKuT3 {
  background: url("/nstatic/images/badge/look-inside.png") no-repeat;
  height: 68px;
  right: 23px;
  bottom: 0;
  position: absolute;
  width: 85px;
}
.productContainer_productDetailsBody___a_eF .productContainer_serialBadge__4_49e {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
}
.productContainer_productDetailsBody___a_eF .productContainer_productDetailsText__36tgO {
  margin-top: 5px;
}
.productContainer_productDetailsBody___a_eF .productContainer_productDetailsText__36tgO .productContainer_productTitle__kCX0U {
  font-size: 1rem;
  font-weight: 400;
  color: #111111;
}
.productContainer_productDetailsBody___a_eF .productContainer_productDetailsText__36tgO .productContainer_productAuthor__XZSFg {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 13px;
  font-weight: 100;
  color: #737373;
  line-height: 18px;
}
.productContainer_productDetailsBody___a_eF .productContainer_productPrizePart__7YF6d {
  display: flex;
  gap: 2px;
  padding-bottom: 0.75rem;
  align-items: center;
  margin-top: 1px;
}
.productContainer_productDetailsBody___a_eF .productContainer_productPrizePart__7YF6d .productContainer_productPrize__ksuoQ {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #000000;
}
.productContainer_productDetailsBody___a_eF .productContainer_productDetailsButton___VWH_ {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: auto;
}

.productContainer_progressBarContainer__Alix3 {
  width: 90%;
  background-color: #ffe7c3;
  border-radius: 20px;
  overflow: hidden;
  height: 6px;
  margin: 8px 0;
}

.productContainer_progressBar__UqA9J {
  height: 100%;
  background-color: #f90;
  text-align: center;
  line-height: 30px;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  border-radius: 20px;
  transition: width 0.3s ease-in-out;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/page-specific/mobile/components/book-details/package-details/packageDetails.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.packageDetails_tableContainer__xchRV table {
  width: 100%;
  margin-top: 10px;
  display: block;
  overflow-x: scroll;
}
.packageDetails_tableContainer__xchRV table td {
  padding: 10px;
}
.packageDetails_tableContainer__xchRV table .packageDetails_tableHead__r7_G5 {
  border: 1px solid #cdcdcd;
}
.packageDetails_tableContainer__xchRV table .packageDetails_tableHead__r7_G5 th {
  padding: 10px;
  font-weight: normal;
}
.packageDetails_tableContainer__xchRV table .packageDetails_tableRow__EK2yk {
  border: 1px solid #cdcdcd;
}
.packageDetails_tableContainer__xchRV table .packageDetails_tableRow__EK2yk th {
  font-weight: normal;
}
.packageDetails_tableContainer__xchRV table .packageDetails_tableRow__EK2yk td {
  text-align: center;
}
.packageDetails_tableContainer__xchRV .packageDetails_detailsPackageTotal__ifGaq,
.packageDetails_tableContainer__xchRV .packageDetails_detailsSaveTotal__AMse_ {
  padding: 10px 20px;
  margin-top: 10px;
  border: 1px solid #cdcdcd;
  text-align: center;
  font-size: 16px;
}
.packageDetails_tableContainer__xchRV .packageDetails_detailsSaveTotal__AMse_ {
  color: #33c24d;
  text-align: center;
  font-size: 16px;
}