/* Product detail page styles (extracted from style.css). */

.container {
  margin-right: auto;
  margin-left: auto;
  width: 970px;
}
.container:before, .container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.container-fluid {
  *zoom: 1;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}

body.scout {
  font-size: 14px;
  line-height: 19px;
}
html, body {
  overflow-x: hidden;
  width: 100%;
}

:root {
  --abs-text:#e7e7e7;
  --abs-surface:#1a1a1a;
  --abs-border:#2d2d2d;
  --abs-accent:#D96528;
}

h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  font-weight: 400;
  line-height: 20px;
  color: #999;
  text-rendering: optimizelegibility;
}
h1, h2, h3 {
  line-height: 40px;
}
h1 {
  font-size: 38.5px;
}
h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 24.5px;
}
h4 {
  font-size: 17.5px;
}
strong {
  font-weight: 700;
}
em {
  font-style: italic;
}
p {
  margin: 0 0 10px;
}

body select:not([multiple]):not([size]) {
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--abs-surface) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M5.3 7.7a1 1 0 0 1 1.4-1.4L10 9.6l3.3-3.3a1 1 0 1 1 1.4 1.4L10 12.4 5.3 7.7z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 18px 18px !important;
  color: var(--abs-text) !important;
  border: 1px solid var(--abs-border) !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  padding: 7px 44px 10px 14px !important;
  line-height: 1.2 !important;
  font: 500 14px/1.2 jost, sans-serif !important;
  font-size: 14px !important;
}
body select:not([multiple]):not([size]):hover {
  border-color: var(--abs-accent) !important;
}
body select:not([multiple]):not([size]):focus {
  outline: none !important;
  border-color: var(--abs-accent) !important;
  box-shadow: 0 0 0 3px rgba(217,101,40,.35) !important;
}

ul, ol {
  padding: 0;
  margin: 0 0 10px;
}
li {
  line-height: 20px;
}
label {
  display: block;
  margin-bottom: 5px;
}

img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before, .row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*=span] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.span12 { width: 970px; }
.span11 { width: 860px; }
.span10 { width: 780px; }
.span9 { width: 700px; }
.span8 { width: 620px; }
.span7 { width: 540px; }
.span6 { width: 460px; }
.span5 { width: 380px; }
.span4 { width: 300px; }
.span3 { width: 220px; }
.span2 { width: 140px; }
.span1 { width: 60px; }
.offset12 { margin-left: 980px; }
.offset11 { margin-left: 900px; }
.offset10 { margin-left: 820px; }
.offset9 { margin-left: 740px; }
.offset8 { margin-left: 660px; }
.offset7 { margin-left: 580px; }
.offset6 { margin-left: 500px; }
.offset5 { margin-left: 420px; }
.offset4 { margin-left: 340px; }
.offset3 { margin-left: 260px; }
.offset2 { margin-left: 180px; }
.offset1 { margin-left: 100px; }
.cartpage-nonmobile {
  display: none;
}

@media(min-width:980px) {
  .span3 {
    width: 150px;
  }
  .span2 {
    width: 80px;
  }
  #main-footer .span3 {
    width: 150px;
  }
  #main-footer .span2 {
    width: 80px;
  }
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*=span] {
  display: block;
  width: 25%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-bottom: 2.1276595744681%;
  *margin-bottom: 2.0744680851064%;
  padding: 0;
}
.row-fluid .span9.main-navbar-container {
  height: 30px !important;
}
.row-fluid .span4cart {
  margin-left: 2.5641%;
  width: 31.6239%;
}
.row-fluid .span4-cat.slide {
  min-height: 260px !important;
  padding: 0 10px;
}
.row-fluid .span4-cat.slide.wishlist {
  min-height: 290px !important;
  padding: 0 10px;
}
.book-i-caption .span4 {
  width: 39.624% !important;
  margin-left: 2.5641%;
}
.book-i-caption .span4a {
  width: 35.6239% !important;
  margin-left: 2.5641%;
}
.span4-cat .title a {
  line-height: 16px;
}
.row-fluid [class*=span]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*=span] + [class*=span] {
  margin-left: 2.1276595744681%;
}
.row-fluid .span12 {
  width: 100% !important;
  *width: 99.946808510638% !important;
}
.row-fluid .span11 {
  width: 91.489361702128%;
  *width: 91.436170212766%;
}
.row-fluid .span10 {
  width: 76%;
  *width: 75.5%;
  margin-left: 2.5641%;
}
.row-fluid .span9 {
  width: 74.468085106383%;
  *width: 74.414893617021%;
}
.my-lib-details .span9 {
  width: 100% !important;
}
.row-fluid .span8 {
  width: 45.812%;
  *width: 45.812%;
  float: right;
}
.row-fluid .span7 {
  width: 57.446808510638%;
  *width: 57.393617021277%;
}
.row-fluid .span6 {
  width: 40.936170212766%;
  *width: 40.882978723404%;
}
.row-fluid .span5 {
  width: 40.425531914894%;
  *width: 40.372340425532%;
}
.row-fluid .span4 {
  width: 50.6239%;
  *width: 50.6239%;
}
.span5.check-method-left {
  padding-right: 25px;
  width: 48%;
}
.span6.check-method-right {
  width: 44%;
}
.footer-top2 .container .row-fluid .span4 {
  width: 31.5%;
}
.row-fluid .span4cart {
  width: 31.6239%;
  *width: 31.6239%;
}
.span4cart.price-total {
  width: 31.4%;
}
.span4cart.first {
  width: 100%;
}
.shoppingcart-page.span4cart.first {
  width: 66%;
}
.row-fluid.features-books:first-child {
  margin-top: 5px;
}
.row-fluid .span3 {
  width: 23.404255319149%;
  *width: 23.351063829787%;
  float: right;
}
.row-fluid .span2 {
  width: 18%;
  *width: 17.5%;
}
.row-fluid .span1 {
  width: 6.3829787234043%;
  *width: 6.3297872340426%;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
.pull-right {
  float: right;
}

#content-holder {
  margin-bottom: 0 !important;
}

.container.detailpage.detailpage2023,
#content-holder.container.detailpage {
  width: var(--detail-content-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.detailpage .quick-statastics .container {
  width: var(--detail-content-width);
  margin-left: auto;
  margin-right: auto;
}

*{
  outline: none !important;
}
body.redesign {
  font-family: jost, sans-serif;
  font-synthesis: none;
}
body.redesign.redesign-2023 {
  --detail-content-width: min(1080px, 92%);
}
body.redesign h1, body.redesign h2, body.redesign h3, body.redesign h4, body.redesign h5, body.redesign h6, .top-nav-bar, header, footer, body.redesign .title, .yellow-btn, .white-btn, .blue-btn {
  font-family: barlow condensed, sans-serif;
  font-synthesis: none;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
  display: block;
  margin: 0;
}
mark, rp, rt, ruby, summary, time {
  display: inline;
}
.social-nav-icons {
  display: inline-block;
  float: left;
  min-height: 30px;
  position: relative;
  width: auto;
}
.ui-widget-content {
  color: #444 !important;
}
.ui-menu {
  list-style: none outside none;
  margin: 0;
  outline: medium;
  padding: 2px;
}
.ui-autocomplete {
  cursor: default;
  position: absolute;
}

.heading-bar {
  border-bottom: 3px solid #444;
  padding: 12px 60px 6px 0;
  margin: none;
  position: relative;
}
.heading-bar h3 {
  margin: 0 10px -2px 0;
  font-size: 28px;
  color: #fff;
  line-height: 40px;
  padding-bottom: 4px;
  display: inline-block;
}
.heading-bar a {
  font-size: 18px;
}

.breadcrumb-section {
  display: inline-block;
}
.breadcrumbs a {
  color: #999;
}
.breadcrumbs {
  font-size: 13px;
}

#reviewsList .rating-bar {
  display: block;
  margin: 0 0px 6px 0px;
}
.rating-bar img {
  display: inline;
}
.titles-slider.slick-initialized.slick-slider {
  margin-left: 0px;
}
.titles-slider .slick-list.draggable {
  margin-left: 1px;
}

.imgaudiosample {
  padding: 5px 0 9px;
  display: block;
  color: #000;
  background-color: #999;
}
.imgaudiosamplepush {
  padding: 5px 0 9px;
  display: block;
  color: #000;
  background-color: #999;
}
.imgaudiosample .fa-circle-play,
.imgaudiosamplepush .fa-circle-play,
.imgaudiosample .fa-circle-pause,
.imgaudiosample .fa-ban {
  left: -5px;
  display: inline-block;
  position: relative;
  font-size: 20px;
  top: 3px;
  color: #3f4a0f;
  background-color: #8b9638;
  border: none;
  border-radius: 50px;
}
.imgaudiosamplepush .fa-circle-play::before {
  content: "\f28b";
}
.imgaudiosample.audiosampleUnavailable .fa-circle-play::before {
  content: "\f05e";
}
.imgaudiosample.audiosampleUnavailable {
  background-color: #999;
}

.blue-btn {
  color: #000;
  background-color: #aad2ef;
  font-family: 'Barlow Condensed', sans-serif;
  border-radius: 50px;
  cursor: pointer;
  padding: 8px 20px 10px;
  font-size: 16px;
  border: 0;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  transition: background .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
}
.blue-btn:hover {
  color: #000;
  text-decoration: none;
  background: #90b2ca;
}
.orange-btn {
  color: #fff;
  background-color: #c75000;
  font-family: 'Barlow Condensed', sans-serif;
  border-radius: 50px;
  cursor: pointer;
  padding: 8px 20px 10px;
  font-size: 15px;
  border: 0;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  transition: background .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
}
.orange-btn:hover {
  color: #fff;
  text-decoration: none;
  background: #a74300;
}

.section-heading {
  background-color: #222;
  font-family: barlow condensed, sans-serif !important;
  font-size: 21px;
  font-weight: 500;
  text-align: left;
  padding: 8px 20px;
  margin: 0 0 15px;
}

.redesign input, .redesign textarea, .redesign input[type=text] {
  background-image: unset;
  background-color: var(--input-bg);
  box-shadow: none;
  border: 1px solid var(--input-border);
  color: var(--input-text);
  padding: 7px 0 7px 10px;
}
.redesign select {
  padding: 10px 8px;
  border: 0 transparent;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 34px;
  margin-bottom: 10px !important;
}

.slider-section .heading-bar {
  text-align: center;
  border-bottom: 0 transparent;
  padding: 15px 0;
}
.slider-section .heading-bar h3 {
  font-size: 32px;
  text-transform: none;
  font-weight: 600;
  color: #fff;
}
.slider-section .slider-btn {
  position: absolute;
  right: 4px;
}
.slider-section .slider-btn.transparent-btn {
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .slider-section .heading-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .slider-section .slider-btn {
    position: static;
  }
  .slider-section .slider-btn.transparent-btn {
    margin-top: 4px;
    margin-left: 10px;
  }
}
.rank-badge {
  position: absolute;
  top: -3px;
  left: 7px;
  width: 20px;
  height: 38px;
  background-color: red;
  border: 2px solid #fff;
  display: block;
  padding: 1px 8px 3px 5px;
  border-radius: 0 0 11px 0;
  border-left-color: #000;
  border-top-color: #000;
}
.rank-badge-new {
  position: absolute;
  top: -2px;
  left: 8px;
  width: 22px;
  height: 19px;
  background-color: #edad01;
  border: 2px solid #fff;
  display: block;
  padding: 1px 9px 2px 4px;
  border-radius: 0 0 11px 0;
  border-left-color: #000;
  border-top-color: #000;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.slick-slide .rank-badge, .slick-slide .rank-badge-new {
  left: -3px;
}
.slider1 .slide .rank-badge-new, .slider1 .slide .rank-badge {
  top: -2px;
  left: -2px;
}
.rank-badge-new, .rank-badge {
  border: 0 transparent;
  padding: 0 9px 3px 8px;
  background-color: #c75000;
  width: 34px;
  background: url(/images/new-img.png);
  background-size: cover;
}
.rank-badge {
  background-color: var(--header-green);
  padding: 6px 9px 0 8px;
  width: 34px;
  height: 42px;
  background: url(/images/top-50-img.png);
  background-size: cover;
}

#main-footer {
  background-color: #000;
  background-image: url(../images/footer-bg.webp);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}
#main-footer section {}
#footer-top img {
  max-height: 40px;
  padding: 19px 0 0;
}
#footer-mid {
  padding: 25px 0;
}
#footer-mid a {
  display: block;
  color: #fff;
  font-size: 17px;
  line-height: 1.6rem;
}
#footer-mid img {
  height: 22px;
  width: 22px;
  margin-bottom: 17px;
}
#footer-mid .container > div:first-child {
  margin-left: 0;
}
#footer-mid .social-nav-icons {
  display: flex;
  flex-direction: column;
}
#footer-bottom {
  background-color: #edad01bf;
  color: #fff;
  text-align: center;
}
#footer-bottom span {
  padding: 14px 10px;
  display: inline-block;
}
#footer-bottom a {
  color: #fff;
}

.grid-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 36px;
  align-items: start;
}

@media(max-width:576px) {
  .grid-row {
    grid-gap: 0;
  }
  .xs-hidden {
    display: none !important;
  }
}

.col-xs-1 { grid-column: span 1; }
.col-xs-2 { grid-column: span 2; }
.col-xs-3 { grid-column: span 3; }
.col-xs-4 { grid-column: span 4; }
.col-xs-5 { grid-column: span 5; }
.col-xs-6 { grid-column: span 6; }
.col-xs-7 { grid-column: span 7; }
.col-xs-8 { grid-column: span 8; }
.col-xs-9 { grid-column: span 9; }
.col-xs-10 { grid-column: span 10; }
.col-xs-11 { grid-column: span 11; }
.col-xs-12 { grid-column: span 12; }

@media(min-width:576px) and (max-width:767px) {
  .sm-hidden {
    display: none !important;
  }
}
@media(min-width:576px) {
  .col-sm-1 { grid-column: span 1; }
  .col-sm-2 { grid-column: span 2; }
  .col-sm-3 { grid-column: span 3; }
  .col-sm-4 { grid-column: span 4; }
  .col-sm-5 { grid-column: span 5; }
  .col-sm-6 { grid-column: span 6; }
  .col-sm-7 { grid-column: span 7; }
  .col-sm-8 { grid-column: span 8; }
  .col-sm-9 { grid-column: span 9; }
  .col-sm-10 { grid-column: span 10; }
  .col-sm-11 { grid-column: span 11; }
  .col-sm-12 { grid-column: span 12; }
}

@media(min-width:768px) and (max-width:991px) {
  .md-hidden {
    display: none !important;
  }
}
@media(min-width:768px) {
  .col-md-1 { grid-column: span 1; }
  .col-md-2 { grid-column: span 2; }
  .col-md-3 { grid-column: span 3; }
  .col-md-4 { grid-column: span 4; }
  .col-md-5 { grid-column: span 5; }
  .col-md-6 { grid-column: span 6; }
  .col-md-7 { grid-column: span 7; }
  .col-md-8 { grid-column: span 8; }
  .col-md-9 { grid-column: span 9; }
  .col-md-10 { grid-column: span 10; }
  .col-md-11 { grid-column: span 11; }
  .col-md-12 { grid-column: span 12; }
}

@media(min-width:992px) and (max-width:1199px) {
  .lg-hidden {
    display: none !important;
  }
}
@media(min-width:992px) {
  .col-lg-1 { grid-column: span 1; }
  .col-lg-2 { grid-column: span 2; }
  .col-lg-3 { grid-column: span 3; }
  .col-lg-4 { grid-column: span 4; }
  .col-lg-5 { grid-column: span 5; }
  .col-lg-6 { grid-column: span 6; }
  .col-lg-7 { grid-column: span 7; }
  .col-lg-8 { grid-column: span 8; }
  .col-lg-9 { grid-column: span 9; }
  .col-lg-10 { grid-column: span 10; }
  .col-lg-11 { grid-column: span 11; }
  .col-lg-12 { grid-column: span 12; }
}

@media(min-width:1200px) {
  .col-xl-1 { grid-column: span 1; }
  .col-xl-2 { grid-column: span 2; }
  .col-xl-3 { grid-column: span 3; }
  .col-xl-4 { grid-column: span 4; }
  .col-xl-5 { grid-column: span 5; }
  .col-xl-6 { grid-column: span 6; }
  .col-xl-7 { grid-column: span 7; }
  .col-xl-8 { grid-column: span 8; }
  .col-xl-9 { grid-column: span 9; }
  .col-xl-10 { grid-column: span 10; }
  .col-xl-11 { grid-column: span 11; }
  .col-xl-12 { grid-column: span 12; }
  .xl-hidden {
    display: none !important;
  }
}

.detailpage #reviewsList p {
 margin: 12px 0px 7px 0px;
}

.heading-bar.detailpage-headerbar {
  padding: 10px 0 8px;
  border: none
}
.heading-bar.detailpage-headerbar h1 {
  font-size: 24px;
  padding-bottom: 2px
}

.reviews-section {
  border-top: 0 solid var(--header-green);
  overflow: hidden
}

/* Offset anchor scroll position for fixed header - fixes Android mobile scroll issue */
.reviews-section #Review {
  scroll-margin-top: 100px;
}

.reviews-section #add-review {
  border: 1px solid #444;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 20px;
  background: #1a1a1a;
}
.reviews-section #btnWriteReview {
  margin-top: 0
}

.review-f-list {
  margin: 0;
  list-style: none;
  padding: 0
}
.review-f-list li {
  margin: 0 0 16px
}
.review-f-list li label {
  display: block;
  color: #ccc;
  font-size: 14px;
  margin-bottom: 6px;
}
.review-f-list li textarea {
  width: 100%;
  min-height: 120px;
  max-height: 200px;
  padding: 10px 12px;
  background: var(--input-bg, #333);
  border: 1px solid var(--input-border, #aaa);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-family: inherit;
  resize: vertical;
}
.review-f-list li textarea:focus {
  outline: none;
  border-color: var(--btn-yellow-bg, #edad01);
}
.review-f-list li input[type="text"] {
  width: 100%;
  max-width: 300px;
  padding: 10px 12px;
  background: var(--input-bg, #333);
  border: 1px solid var(--input-border, #aaa);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
}
.review-f-list li input[type="text"]:focus {
  outline: none;
  border-color: var(--btn-yellow-bg, #edad01);
}
.review-f-list li select {
  padding: 8px 12px;
  background: var(--input-bg, #333);
  border: 1px solid var(--input-border, #aaa);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  min-width: 120px;
}
.review-f-list li select:focus {
  outline: none;
  border-color: var(--btn-yellow-bg, #edad01);
}
.review-f-list .rating-box {
  display: inline-block;
}
.review-f-list > div {
  margin-top: 20px;
  text-align: right;
}
.review-f-list > div #btnSubmitReview {
  display: inline-block;
  float: none;
}
.review-f-list #lblThankYou {
  color: var(--btn-yellow-bg, #edad01) !important;
  display: block;
  text-align: center;
  margin-top: 16px;
}

.redesign-2023 .wide-breadcrumbs
{
    margin:0px;
}
.container.fppricecta-cont {
	background-color: #c75000;
	color: #fff;
}
.container.fppricecta-cont {
	color: #fff;
}
.fpcta-headline {
	font-family: barlow condensed,sans-serif;
	font-size: 20px;
	display: block;
	position: relative;
	text-align: center;
	padding: 5px 0px 11px;
}
.fpcta-headline strong {
	font-size: 27px;
}
/* Mobile price CTA button container - must be block for centering to work */
.fpcta-button {
	display: block;
	text-align: center;
}
.fpcta-button .yellow-btn {
	width: 60%;
}
/* Mobile price CTA inner container - ensures proper layout */
.fppricecta {
	display: block;
	text-align: center;
	padding: 3px 0;
}
/* Coupon code highlight in tooltip */
.cta_code {
	font-weight: 700;
	font-size: 16px;
	color: #000;
}
/* Tooltip close button - positioned top right of the tooltip */
.custom-tooltip .close-es.close-tooltip {
	position: absolute;
	top: 8px;
	right: 8px;
	bottom: auto;
}
.custom-tooltip .close-es .close_search i {
	color: #000;
	font-size: 16px;
}
/* Tooltip content paragraph spacing */
.tooltip-content p {
	margin-bottom: 1px;
	margin-top: 4px;
	line-height: 22px;
}
.wide-breadcrumbs {
  background: #000;
  margin: 0 0 40px
}
.wide-breadcrumbs .container {
  padding: 12px 0px;
  text-align: left;
  width: var(--detail-content-width);
}
.wide-breadcrumbs .container .breadcrumbs {
	display: inline-block;
}

.redesign #content-holder.detailpage {
  margin-bottom: 30px !important
}
.detailpage .grid-row {
  align-items: flex-start;
  row-gap: 0
}
.detailpage .book-cover {
  grid-row: span 2;
  position: relative;
  text-align: center
}
.detailpage .book-cover .rank-badge {
  left: -3px;
  top: -3px;
}
.detailpage .book-cover .rank-badge-new {
  left: -3px;
  top: -3px;
}
.detailpage p {
  margin: 0px;
  color: #999;
}
.detailpage .flex-pane {
  padding: 15px 15px 15px;
  margin-top: 15px;
  font-size: 20px;
  text-align: center;
  color: #000;
  font-family: barlow condensed, sans-serif
}
.flexpasspricepoint {
	display: block;
	text-align: center;
	margin-top: 6px;
	line-height: 23px;
}
.fp-incart {
	/* line-height: 23px; */
}
.detail-originalprice.button-header {
  font-size: 18px;
  margin-top: 18px;
  display: block;
  text-align: center;
  line-height: 22px;
}
.flex-pane .fp-incart {
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
  line-height: 22px;
}
.flex-pane s {
  text-decoration: line-through
}
.detailpage .flex-pane .flexprice {
  font-size: 22px;
  color: #c75000;
  font-weight: 700;
  line-height: 2rem
}
.detailpage .flex-pane .regularprice {
  font-size: 22px;
  font-weight: 700;
  line-height: 2rem;
  color: #fff;
}
.detailpage .flex-pane .learn-more {
  font-size: 14px;
  text-decoration: underline;
  margin-top: 4px;
  display: inline-block
}
.detailpage .flex-pane .explanatory {
  font-family: jost, sans-serif;
  font-size: 14px;
  margin-top: 10px;
  display: inline-block;
  line-height: 21px;
}
.detailpage .flex-pane .explanatory strong {
  font-size: 20px;
  line-height: 2rem
}
.detailpage .flex-pane.spacy span {
  line-height: 2rem
}
.detailpage .flex-pane i {
  font-size: 16px
}
.detailpage .flex-pane .fp-block-accent, .detailpage .flex-pane .learn-more.fp-block-accent, .detailpage .detail-price-label {
  color: #bbb;
}
.detailpage .minimal {
  font-size: 16px;
  display: inline-block;
  margin-top: 5px
}
.detailpage .imgaudiosample {
  text-align: center;
  padding: 6px 0 10px;
  background-color: #e5e5e570;
}
.detailpage .book-cover img {
  border: 1px solid #ddd;
  box-sizing: border-box
}
.detailpage .dynamic-text {
  text-align: left;
  margin: -6px 0 5px;
  line-height: 1.1;
  font-size: clamp(14px, 2vw, 46px)
}
.detailpage .wishlist {
  text-align: left;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  line-height: 2rem;
  margin: 15px 0
}
.detailpage .wishlist strong {
  font-size: 18px
}
.detailpage .ratingscont a {
  font-family: barlow condensed, sans-serif;
  display: inline-block;
  font-weight: 400
}
.detailpage .ratingscont > span {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #edad01
}
.flexpass-price-line {
  margin-bottom: 3px;
  display: inline-block
}
.detailpage p, .detailpage span, .detailpage .quotes-section, .detailpage .ratingscont {
  text-align: left
}
.prerelease-future .cs-available {
	display: block;
	position: relative;
	margin-top: 10px;
	font-size: 22px;
	text-align: center;
}
.cs-available strong {
	display: block;
	position: relative;
	margin-bottom: 9px;
}
.prerelease-future .cs-headline {
	font-size: 24px;
}
.detailpage .detail-section {
  margin-top: 15px
}
.detailpage .ratingscont {
  margin-top: 6px;
  font-family: barlow condensed, sans-serif
}
.detailpage .ratingscont img {
  height: 16px;
  width: 16px;
  margin-top: -3px
}
.detailpage .social-links-thumb {
  font-size: 14px;
  text-align: left;
  margin: 12px 0 0
}
.detailpage .social-links-thumb i {
  font-size: 26px
}
.detailpage .btn-block {
  margin-top: 10px
}
.detailpage .review-interaction {
  position: relative;
  width: calc(16.6% - 17px);
  height: 0;
  float: right
}
.detailpage .review-interaction label {
  color: #ccc;
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
}
.detailpage .review-interaction select {
  padding: 8px 12px;
  background: var(--input-bg, #333);
  border: 1px solid var(--input-border, #aaa);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  width: 100%;
}
.detailpage .review-interaction select:focus {
  outline: none;
  border-color: var(--btn-yellow-bg, #edad01);
}
.wide-review-interaction p {
  margin-bottom: 10px;
  color: #ccc;
}
.detailpage .reviews {
  text-align: left;
	margin: 0px 20px;
}
.detailpage .quotes-section p, .detailpage .reviews a {
  margin: 2px 0 4px 20px
}
.detailpage .quotes-section i, .detailpage .reviews i {
  color: #aaa;
  margin: 0 0 20px 20px;
  display: inline-block
}
.detailpage .section-heading {
  margin: 30px 0 15px
}
.detailpage h3.heading-bar {
  margin: 0 -30px -2px 0;
  color: #333;
  line-height: 34px;
  font-size: 40px;
  border-bottom: 0 transparent;
  padding: 15px 0
}
.detailpage ul, .detailpage ol {
  list-style: none
}
.detailpage .release-date {
  background-color: #f2dede;
  color: #bd2f2d
}
.detailpage div.release-date {
  margin-top: 15px;
  text-align: center;
  padding: 10px;
  font-size: 14px;
}
.release-date.releasedate-lwr {
	margin: 2px 0px 8px !important;
}
.detailpage span.release-date {
  padding: 8px 13px 7px;
  margin: 5px 0;
  display: block;
}
.detailpage2023 .release-date strong{
    color: #bd2f2d
}
.discover-popup-italics-text {
  color: #c75000;
  font-style: italic;
  font-weight: 700
}
/* Legacy wishlist-alert overrides removed - use global.css alert styles */
/* Write a Review form - rating fields layout */
.reviews-section .right-sec {
  float: none;
  width: 100%;
}
.reviews-section .review-name {
  margin-bottom: 16px;
}
/* Display all 3 rating fields in a single row */
.reviews-section .review-f-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.reviews-section .review-f-list > li.review-name {
  flex: 0 0 100%;
}
.reviews-section .review-f-list > li.review-rating {
  flex: 1;
  min-width: 150px;
  margin-bottom: 8px;
}
.reviews-section .review-f-list > li:not(.review-name):not(.review-rating) {
  flex: 0 0 100%;
}
.reviews-section .review-f-list > div {
  flex: 0 0 100%;
}
.reviews-section .review-rating label {
  display: block;
  margin-bottom: 6px;
}
.reviews-section .r-title-bar {
  border-bottom: 1px solid #444;
  margin: 0 0 24px 0;
  padding: 0 0 10px;
  font-family: barlow condensed, sans-serif;
  font-size: 22px;
  color: #fff;
}
.reviews-section .r-title-bar strong {
  font-weight: 600;
}
.detailpage .slider-section .slide {
  position: relative
}
.button-divider {
  position: relative;
  color: #95c3e5;
  padding: 10px 0 5px;
  margin: 0 -20px;
  font-family: jost, sans-serif;
  font-size: 19px;
  font-weight: 800
}
.detailpage .book-cover img {
  border: 1px solid #ddd
}
.button-divider:before, .button-divider:after {
  content: " ";
  background-color: #95c3e5;
  height: 1px;
  width: 33%;
  position: absolute;
  top: 50%;
  margin: 0px 20px;	  
}
.button-divider:before {
  left: 0
}
.button-divider:after {
  right: 0
}

/* padding handled in .review-f-list li input[type="text"] */
.flex-pane .det-podcast-blurb {
	display: none;
	text-align: center;
	font-size: 14px;
	margin: 5px 0px;
	font-style: italic;
	color: #c75000;
	line-height: 17px;
}
@media (hover: none) {
    .detailpage .book-cover img {
        opacity: 1;
    }
}

.detailpage .rating-label{
   /* margin: 0 30px  0 0px !important;*/
   width:200px;
   margin: 0 0px  0 0px !important;
   font-weight: 700;
   color: #ccc;
}

span.flexpass-price-line strong s {
	/*display: none;*/
}

section.hero-container {
  background-color: #222;
  padding: 40px 20px;
}
section.hero-container h1,
.author-wrap strong,
.author-wrap span {
  color: #fff;
}

section.hero-container a:not(.btn-block) {
  color: #edad01;
  text-decoration: underline;
}

@layer pages {
  section.hero-container {
    position: relative;
    overflow: hidden;
    z-index: 0;
    --hero-bg-rgb: 34 34 34;
    --hero-bg-image: none;
    --hero-bleed-gap: 36px;
  }
  section.hero-container::before {
    content: "";
    position: absolute;
    inset: -15%;
    background-image: var(--hero-bg-image);
    background-size: cover;
    background-position: center;
    filter: blur(42px);
    transform: scale(1.2);
    opacity: 0.6;
    z-index: 0;
    pointer-events: none;
  }
  section.hero-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to left,
      #222 0%,
      rgba(34, 34, 34, 0.45) 50%,
      rgba(34, 34, 34, 0.25) 60%,
      rgba(34, 34, 34, 0) 70%
    );
    z-index: 1;
    pointer-events: none;
  }
  section.hero-container > .container {
    position: relative;
    z-index: 2;
  }

  section.hero-container .detailpage2023 .flex-pane {
    position: relative;
    z-index: 1;
  }

  section.hero-container .detailpage2023 .flex-pane::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #ffffff20;
    z-index: -1;
    pointer-events: none;
  }

  section.hero-container .detailpage .book-cover {
    position: relative;
    z-index: 2;
  }

  @media (min-width: 768px) and (max-width: 1020px) {
    section.hero-container {
      --hero-bleed-gap: 24px;
    }

    section.hero-container .detailpage2023 .flex-pane {
      padding: 12px 12px;
      font-size: 18px;
    }

    section.hero-container .detailpage2023 .flex-pane .flexprice,
    section.hero-container .detailpage2023 .flex-pane .regularprice {
      font-size: 20px;
    }
  }

  @media (max-width: 767px) {
    section.hero-container .detailpage2023 .flex-pane::before {
      left: 0;
      right: 0;
      top: calc(-100% - var(--hero-bleed-gap));
    }
  }

  @media (min-width: 768px) and (max-width: 1020px) {
    section.hero-container .detailpage2023 .flex-pane::before {
      content: none;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    section.hero-container::after {
      content: none;
    }
  }

  @media (min-width: 481px) and (max-width: 767px) {
    section.hero-container .detailpage2023 .book-cover,
    section.hero-container .detailpage2023 .cart-section {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media (max-width: 991px) {
    section.hero-container .detailpage2023 > .grid-row > .book-cover {
      display: none !important;
    }
    section.hero-container .detailpage2023 .col-lg-7.col-md-12.col-xs-12 > .grid-row > .book-cover {
      display: block !important;
    }
  }

  @media (min-width: 992px) {
    section.hero-container .detailpage2023 > .grid-row > .book-cover {
      display: block !important;
    }
    section.hero-container .detailpage2023 .col-lg-7.col-md-12.col-xs-12 > .grid-row > .book-cover {
      display: none !important;
    }
  }

  @media (min-width: 768px) {
    .detailpage .slider-section .slick-slider {
      padding: 0 40px;
      box-sizing: border-box;
    }
    .detailpage .slider-section .slick-dots {
      left: 40px;
      right: 40px;
      width: calc(100% - 80px) !important;
      padding: 0 40px !important;
      box-sizing: border-box;
    }
    .detailpage .slider-section .slick-prev {
      left: 0 !important;
    }
    .detailpage .slider-section .slick-next {
      right: 0 !important;
    }
  }

  @media (max-width: 576px) {
    section.hero-container {
      --hero-bleed-gap: 0px;
    }
  }
}

.detailpage2023 .ratingscont {
  display: flex;
  gap: 5px;
}

.inline-btn-wrap {
  display: flex;
  gap: 16px;
  margin-top: 15px;
}
.inline-btn-wrap .btn-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Layout overrides only - visual styling inherited from master .orange-btn */
.orange-btn.btn-block {
  margin-bottom: 8px !important;
}

.detailpage2023 .inline-btn-wrap .btn-block {
  margin: 0;
}
.detailpage2023 .flex-pane {
  color: #fff;
}
.detailpage2023 .flex-pane .flexprice {
  color: #edad01;
}
.detailpage2023 .flex-pane .learn-more,
.flex-pane .button-divider,
section.hero-container .detailpage2023 .ratingscont span,
section.hero-container .detailpage2023 .ratingscont a,
.detail-section span {
  color: #fff;
}
.flex-pane .button-divider:before,
.flex-pane .button-divider:after {
  background-color: #fff;
}
.detail-section span strong {
  color: #aaa;
}
.detailpage2023 .detail-section > span {
  margin-bottom: 4px;
}
.detailpage2023 .detail-section .listen-time-wrap {
  display: flex;
  flex-direction: row;
  gap:4px;
}
.detailpage2023 .detail-section .listen-time {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.detailpage2023 .ratingscont {
  margin-top: 10px;
}
section.hero-container .detailpage2023 .ratingscont a {
  text-decoration: none;
}

.detailpage2023 .wishlist {
  display: flex;
  justify-content: space-between;
	padding-top: 6px;
}
.detailpage2023 .wishlist i {
	font-size: 22px;
}
.detailpage2023 #shareLink, #hypAddToWishlist, #hypRemoveFromWishlist{
  display: block;
}
.link-with-icon {
  display: flex;
  align-items: center;
  gap:5px;
  font-weight: 600;
  text-decoration: none !important;
}
.link-with-icon:hover .link-text {
  text-decoration: underline !important;
}
.link-with-icon .link-icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.wishlist-add {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.399 7.84982V10.4465H15.9957V12.1777H13.3981L13.399 14.7744H11.6679L11.667 12.1777H9.07115V10.4465H11.6679V7.84982H13.399ZM15.7914 1.52078C17.7493 3.48389 17.8168 6.61032 15.9957 8.64873L14.7666 7.42136C15.9187 6.10223 15.8581 4.03353 14.5658 2.74383C13.2648 1.44635 11.1728 1.39095 9.81381 2.6114L8.65828 3.64835L7.50188 2.61227C6.13861 1.39008 4.0474 1.44375 2.74645 2.74556C1.45676 4.03526 1.39184 6.09964 2.58026 7.46377L9.87873 14.7744L8.65655 16L1.31653 8.6496C-0.504621 6.61032 -0.436241 3.4787 1.52081 1.52078C3.48132 -0.43886 6.61727 -0.504643 8.65655 1.32344C10.6898 -0.502047 13.8326 -0.441457 15.7914 1.52078Z' fill='white'/%3E%3C/svg%3E");
}
.wishlist-rem {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9956 8.64873C17.8169 6.61034 17.7493 3.48388 15.7915 1.5208C13.8325 -0.441477 10.6897 -0.502085 8.6565 1.32342C6.6172 -0.504649 3.48121 -0.438853 1.52076 1.5208C-0.436268 3.47869 -0.504628 6.61034 1.31666 8.64959L8.6565 16L9.87867 14.7743L2.58033 7.46374C1.39186 6.0996 1.4568 4.03527 2.74635 2.74553C4.04737 1.44372 6.13868 1.39007 7.50196 2.61223L8.65821 3.64837L9.81373 2.61138C11.1729 1.39092 13.2649 1.44634 14.5657 2.74383C15.8582 4.0335 15.9187 6.10222 14.7666 7.42138L15.9956 8.64873Z' fill='white'/%3E%3Cpath d='M16 9.99999H9.00001V12H16V9.99999Z' fill='white'/%3E%3C/svg%3E");
}
.share-link {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.4999 1.8574V3.4288H1.5714V14.4286H14.1426V7.3573H15.714V15.2143C15.714 15.4227 15.6312 15.6225 15.4839 15.7699C15.3365 15.9172 15.1367 16 14.9283 16H0.7857C0.57732 16 0.377474 15.9172 0.230126 15.7699C0.0827789 15.6225 0 15.4227 0 15.2143V2.6431C0 2.43472 0.0827789 2.23487 0.230126 2.08752C0.377474 1.94017 0.57732 1.8574 0.7857 1.8574H5.4999ZM13.3176 3.4288L10.9998 1.11098L12.1108 0L16.3064 4.19564C16.3723 4.26157 16.4171 4.34553 16.4353 4.43692C16.4534 4.52831 16.4441 4.62304 16.4084 4.70913C16.3728 4.79521 16.3124 4.86881 16.235 4.92062C16.1575 4.97242 16.0665 5.00011 15.9733 5.0002H9.4284C9.01164 5.0002 8.61195 5.16575 8.31726 5.46045C8.02256 5.75514 7.857 6.15484 7.857 6.5716V11.2858H6.2856V6.5716C6.2856 5.73807 6.61672 4.93869 7.20611 4.3493C7.7955 3.75991 8.59488 3.4288 9.4284 3.4288H13.3176Z' fill='white'/%3E%3C/svg%3E");
}
.detailpage .detail-section .link-with-icon .link-text {
  display: inline-block;
  vertical-align: middle;
}

.quick-statastics {
  margin-top: 30px;
}
.quick-statastics .QS_heading {
  text-align: center;
  padding: 5px;
}
.quick-statastics .QS_heading h3 {
  font-weight: 700;
  letter-spacing: 0.25px;
  color: #fff;
  margin: 0;
	line-height: 27px;
	font-size: 32px;
}
.quick-statastics .QS_content {
  display: flex;
  gap: 15px;
  padding: 25px 20px;
}
.quick-statastics .QS_content .QS_item {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.quick-statastics .QS_content .QS_item h4 {
  font-family: jost, sans-serif;
  font-weight: 600;
  color: #999;
  margin: 0;
}
.quick-statastics .QS_content .QS_item .QS_wrap {
  line-height: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap:6px
}
.quick-statastics .QS_content .QS_item .QS_count {
  font-size: 24px;
  color: #c75000;
}
.quick-statastics .QS_content .QS_item .QS_min {
  font-size: 18px;
  padding-bottom: 2px;
}

blockquote.review-quote {
  padding: 0 70px;
  margin: 40px 40px;
  border: 0;
  text-align: center;
  position: relative;
}
blockquote.review-quote::before,
blockquote.review-quote::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='60px' height='300px' version='1.1' viewBox='0 0 3.93 19.64'%3E%3Cpath fill='%23DDDDDD' d='M1.33 9.82c0.09,-0.18 1.07,-0.2 1.04,-4.41 -0.01,-1.08 -0.22,-3.36 0.37,-3.83 0.31,-0.23 0.77,-0.12 1.16,-0.18l0.03 -1.35c-4.67,-0.68 -2.41,5.43 -3.18,8.3 -0.15,0.56 -0.39,0.64 -0.75,0.93 0,0.36 0,0.72 0,1.08 0.36,0.29 0.6,0.36 0.75,0.93 0.77,2.87 -1.49,8.98 3.18,8.3l-0.03 -1.35c-0.39,-0.06 -0.85,0.05 -1.16,-0.19 -0.59,-0.46 -0.38,-2.75 -0.37,-3.82 0.03,-4.21 -0.95,-4.23 -1.04,-4.41z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
blockquote.review-quote::before {
  left: 0;
}
blockquote.review-quote::after {
  right: 0;
  transform: scale(-1);
}
blockquote.review-quote p {
  font-size: 20px;
  font-weight: 500;
  color: #909090;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 20px;
}
blockquote.review-quote strong {
  font-size: 16px;
  font-weight: 600;
}

.review-filters {
  margin: 30px 20px 40px;
  display: flex;
  flex-direction: row;
  gap:40px;
}
.review-filter {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap:15px;
}
.review-filter .review-filter-bars {
  display: flex;
  flex-direction: column;
  gap:5px;
}
.review-filter .review-filter-bars .review-filter-bar {
  display: flex;
  gap: 8px;
  align-items: center;
}
.review-filter-bar .review-filter-bar-gray {
  background-color: #444;
  height: 8px;
  flex: 1;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.review-filter-bar-width {
  background-color: #edad01;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
}

.rating-bar .average-rating {
  font-weight: 600;
  color: #ccc;
}
.review-filter-bar-title {
  color: #aaa;
  font-size: 14px;
  min-width: 65px;
}
.review-filter-count {
  color: #888;
  font-size: 14px;
  min-width: 30px;
  text-align: right;
}

.left-sec {
  float: left;
  width: 29.8%;
}
.right-sec {
  float: left;
  width: 100%;
  border-left: none;
}
.right-sec.r-border {
  border-right: 1px solid #dcdcdc;
  min-height: 400px;
  padding: 3%;
  width: 64%;
}
.r-title-bar {
  background: 0 0;
  padding: 8px 0 10px 0;
  font-size: 20px;
  color: #fff;
  border-bottom: 1px solid #444;
  margin-bottom: 20px;
}
.r-title-bar strong {
  font-weight: 600;
}
.r-title-bar h4 {
  display: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  color: inherit;
}
.review-list {
  list-style: none;
  margin: 0;
}

.redesign-2023 .slider-btn.yellow-btn {
	display: block;
	width: 100%;
	position: relative;
}

.redesign-2023 .slider-section .heading-bar {
	text-align: center;
	border-bottom: 0 transparent;
	padding: 32px 0 10px 0px;
	margin: 0px;
}

#shareLinkContainer .sharing-row .sharing-icon{
    font-size:24px;
    color: #999;
}
#shareLinkContainer .sharing-row .sharing-text{
    font-size:18px;
    margin-left:15px;
    color: #000;
}
#shareLinkContainer .sharing-row{
    margin:10px;
}

.redesign-2023 .col-xs-12.abdescription {
	font-size: 18px;
	line-height: 1.6em;
}
.redesign-2023 .col-xs-12.abdescription h2 {
  color: #999;
}

.redesign-2023 .detailpage .section-heading {
	margin: 30px 0 15px;
	font-size: 26px;
}

.redesign-2023 .quotes-section li, .redesign-2023 .review-content {
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 0.75em;
}
.redesign-2023 .awards-section .award-text {
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 0.75em;
}

.award-text {
  display: list-item;
  font-size: 13px;
  line-height: 20px;
  list-style: disc;
  list-style-position: outside;
  margin-left: 30px;
  padding: 3px 0;
}

.redesign-2023 #reviewNumber {
	margin-bottom: 0.75em;
	font-size: 18px;
}
.redesign-2023 .review-filter .rating-bar .rating-label {
	font-size: 18px;
	margin-bottom: 0.5em !important;
	display: block;
}
.redesign-2023 .about-section {
	font-size: 18px;
	line-height: 1.6em;
}
.redesign-2023 .flex-pane {
	font-size: 22px;
}
.detailpage .reviews a {
	font-size: 18px;
	font-style: italic;
}
.redesign-2023 .detail-section .abdatarow {
	display: block;
}

.fp-bullets {
	display: none;
	padding: 3px 0px 0px;
	font-size: 13px;
	text-align: left;
}

.fp-bullets ul {
	list-style-type: none;
}

.fp-bullets ul li {
	display:block;
}

.fp-bullets ul li::before {
	content: "\f00c";
	font-family: "FontAwesome";
	margin: 0px -13px 0px 0px;
	color: var(--header-green);
	left: -18px;
	position: relative;
}

.fp-bullets li {
	display: inline-block;
	padding-left: 19px;
	line-height: 18px;
}

.fp-test-button-divider {
	position: relative;
	padding: 10px 0 25px;
	margin: 0 -20px;
	font-family: jost, sans-serif;
	font-size: 19px;
	font-weight: 800;
	display: none;
	text-align: center;
}

.fp-test-button-divider::before, .fp-test-button-divider::after {
	content: " ";
	background-color: #202020;
	height: 15px;
	width: 100%;
	position: absolute;
	top: 15px;
	margin: 0px 0px;
}

.fp-test-button-divider::after {
	right: 0;
}

.fp-test-button-divider::before {
	left: 0;
}
.fp-promo-test-subbuttontxt {
	font-size: 14px; 
	margin-top: 4px;
	display: none;
	font-style: italic;
}

.fp-button-cont .flexpass-price-line strong s {
	display: inline;
}

.fp-button-cont .fp-block-accent {
	display:block;
}

.detailpage .flex-pane .fp-button-cont .flexprice {
	line-height: 0rem;
}

.fp-button-cont .fp-block-accent {
      margin-top: 1px;
}

.fp-price-btn-tag {
	display: block;
	padding-top: 5px;
}

.detailpage .flex-pane i {
	display: inline;
}

@media(max-width:991px) {
    .detailpage .ratingscont {
        margin-bottom: 15px
    }
}

@media(max-width:979px) {
    .wide-breadcrumbs {
        margin-bottom: 15px
    }
}

@media(max-width:767px) {
    .wide-breadcrumbs.fppricecta-mainctr {
        display : block !important;
    }

    section.hero-container {
        padding: 18px 12px;
    }

    .review-f-list li textarea {
        min-width: 100%
    }

    .review-f-list li textarea, .review-f-list li input {
        width: 100% !important
    }

    /* Stack rating fields on mobile */
    .reviews-section .review-f-list > li.review-rating {
        flex: 0 0 100%;
    }

    .heading-bar.detailpage-headerbar h1 {
        font-size: 22px;
        line-height: 32px
    }

    .heading-bar.detailpage-headerbar {
        padding: 0 0 8px;
        margin-top: 0
    }

    .review-filters{
        flex-direction: column;
    }

    .detailpage .dynamic-text {
        margin-top: 0px;
        text-align: center;
    }

    .redesign-2023 .author-by-line {
        text-align: center;
        display: block;
    }

    .detailpage .review-interaction {
        float: none;
        width: unset;
        height: unset;
        margin: 0 20px 20px
    }

    .detailpage #reviewsList.reviews {
        margin: 0px 20px 0px 20px;
    }

    .wide-breadcrumbs .container {
        width: unset !important;
        padding: 8px 15px 9px;
    }

    .wide-breadcrumbs {
        margin-bottom: 0
    }

    .detailpage .book-cover img {
        max-width: unset;
        width: 100%
    }

    .detailpage .detail-section span, .detailpage .wishlist, .detailpage .social-links-thumb {
        text-align: center
    }
}

@media(max-width:480px) {
    .detailpage h1.dynamic-text{
        font-size: 28px !important;
    }

    .detailpage .slick-slide .rank-badge, .detailpage .slick-slide .rank-badge-new {
        top: -3px;
        left: -3px
    }

    .detailpage .imgaudiosample {
        padding: 4px 0 7px;
    }

    .redesign-2023 .flex-pane {
        font-size: 20px;
    }

    .detailpage .book-cover, .detailpage .cart-section {
        width: 80%;
        margin: 0 auto;
    }
}

@media(min-width:768px) and (max-width:979px) {
    .book-cover {
        grid-column: 10/13
    }

    .detailpage .review-interaction {
        width: calc(25% - 17px)
    }

    .detailpage .flex-pane, .detailpage .detail-section {
        margin-top: -25px
    }

    .redesign-2023 .responsivehide {
        display: none;
    }

    .detailpage .slick-slide .rank-badge, .detailpage .slick-slide .rank-badge-new {
        top: -3px;
        left: -3px
    }

    .detailpage2023 .ratingscont {
        display: block;
    }

    .detailpage2023 .detail-star-icons {
        padding-bottom: 5px;
    }
}

@media(min-width:768px) and (max-width:1020px) {
    .detailpage .grid-row .book-cover {
        grid-column: span 4;
    }

    .detailpage .grid-row .book-cover img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .col-lg-7.col-md-12.col-xs-12 .grid-row {
        grid-gap: 24px;
    }
}

@media(min-width:768px) and (max-width:992px) {
    .detailpage .flex-pane {
        margin-top: 0px;
        background-color: #ffffff20;
    }

    .detailpage .detail-section {
        margin-top: 0px;
    }
}

@media(min-width:992px) {
    .grid-row .book-cover {
        margin-top: 5px;
    }
}

@media(min-width:992px) and (max-width:1020px) {
    .detailpage .flex-pane {
        margin-top: 15px;
        background-color: #ffffff20;
    }

    .detailpage .detail-section {
        margin-top: 12px;
    }
}

@media(max-width:479px) {
    .detailpage .book-cover .rank-badge {
        left: -3px;
        top: -3px
    }

    .detailpage .book-cover .rank-badge-new {
        left: -3px;
        top: -3px
    }
}

@media(min-width:481px) and (max-width:767px) {
    .detailpage p {
        margin: 0 0 20px
    }

    .detailpage .reviews p, .detailpage .quotes-section p, .detailpage .reviews a {
        margin: 2px 0 4px 0
    }

    .detailpage .quotes-section i, .detailpage .reviews i {
        margin: 0 0 20px 0
    }

    .detailpage .award-text {
        margin-left: 15px
    }

    .detailpage .review-f-list {
        padding-left: 0
    }

    .reviews-section .r-title-bar {
        margin-left: 0
    }
}

@media all and (max-width:991px) {
    .detail-title-block {
        margin-bottom: 14px;
    }

    .quick-statastics .container {
        width: var(--detail-content-width);
    }

    .detailpage.container,
    .detailpage.container-fluid {
        width: var(--detail-content-width);
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
}

@media all and (max-width:767px){
    .inline-btn-wrap {
        flex-direction: column;
    }

    .detailpage .grid-row {
        grid-template-columns: minmax(0, 1fr);
        grid-gap: 16px;
    }

    .detailpage .grid-row > * {
        grid-column: 1 / -1;
        min-width: 0;
    }

    #content-holder.container.detailpage {
        width: 100%;
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    #content-holder.detailpage .grid-row {
        grid-template-columns: minmax(0, 1fr);
        grid-gap: 16px;
    }

    #content-holder.detailpage .grid-row > * {
        grid-column: 1 / -1;
        min-width: 0;
    }

    .author-wrap {
        margin-bottom: 20px;
    }

    .detailpage .detail-section {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .detailpage .wishlist {
        width: 100%;
    }

    .quick-statastics .QS_content {
        flex-wrap: wrap;
        padding: 25px;
        gap: 20px;
        justify-content: center;
    }

    .quick-statastics .QS_content .QS_item {
        width: calc(33% - 15px);
        gap: 10px;
    }

    blockquote.review-quote {
        margin: 50px 20px 20px 20px;
        padding: 0 50px;
    }

    blockquote.review-quote strong {
        font-size: 15px;
    }
}

@media all and (max-width:480px) {
    section.hero-container {
        padding: 20px;
    }

    .quick-statastics .QS_heading h3 {
        font-size: 20px;
    }

    .quick-statastics .QS_content {
        padding: 20px;
        justify-content: center;
        gap: 30px;
    }

    .quick-statastics .QS_content .QS_item {
        width: calc(50% - 15px);
        gap:6px;
    }

    .review-filters {
        flex-direction: column;
        gap: 25px;
    }

    .inline-btn-wrap {
        flex-direction: column;
    }

    .quick-statastics .QS_content .QS_item h4 {
        font-size: 15px;
    }

    .quick-statastics .QS_content .QS_item .QS_count {
        font-size: 20px;
    }

    .quick-statastics .QS_content .QS_item .QS_min {
        font-size: 15px;
        padding-bottom: 1px;
    }
}

/* =====================================================
   WEBUI POPOVER - RESUME FLEXPASS MODAL
   Centers popover and provides proper styling
   ===================================================== */
body.scout .webui-popover {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  max-width: min(420px, calc(100vw - 32px)) !important;
  max-height: 80vh !important;
  overflow-y: auto !important;
  background-color: rgba(221, 221, 221, 0.95) !important;
  backdrop-filter: blur(10px);
  border-radius: 12px;
  border: 1px solid rgba(199, 80, 0, 0.5);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.35);
  z-index: 9999 !important;
}

body.scout .webui-popover .webui-popover-content {
  padding: 20px 24px !important;
  color: #1a1a1a;
}

body.scout .webui-popover .webui-popover-content p {
  color: #1a1a1a;
  margin-bottom: 16px;
}

/* Hide arrow - popover is centered */
body.scout .webui-popover > .webui-arrow {
  display: none !important;
}

/* Confirm button - yellow style */
body.scout .webui-popover input[type="button"].more-btn:not(.library-review-cancelbtn) {
  color: #000;
  background-color: var(--btn-yellow-bg, #edad01);
  border: none;
  font-family: var(--font-barlow, 'Barlow Condensed', sans-serif);
  font-size: 16px;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin-right: 8px;
}
body.scout .webui-popover input[type="button"].more-btn:not(.library-review-cancelbtn):hover {
  background-color: var(--btn-yellow-bg-hover, #ed7f35);
}

/* Cancel button - transparent style */
body.scout .webui-popover input[type="button"].library-review-cancelbtn {
  color: #1a1a1a;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.35);
  font-family: var(--font-barlow, 'Barlow Condensed', sans-serif);
  font-size: 16px;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
body.scout .webui-popover input[type="button"].library-review-cancelbtn:hover {
  border-color: #c75000;
  background: rgba(199, 80, 0, 0.12);
}

/* =====================================================
   Share Popover - Icon and Text Styling Only
   Uses global.css popover background/positioning
   ===================================================== */
.webui-popover:has(#shareLinkContainer) {
  overflow: hidden;
}

.webui-popover:has(#shareLinkContainer) .webui-popover-content {
  overflow: hidden;
}

#shareLinkContainer {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
}

#shareLinkContainer .sharing-row {
  margin: 0 !important;
}

#shareLinkContainer .sharing-icon {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 10px 8px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.15s ease;
}

#shareLinkContainer .sharing-icon:hover {
  background: rgba(0, 0, 0, 0.08);
  text-decoration: none;
}

/* Social media icons - yellow color */
#shareLinkContainer .sharing-icon i {
  font-size: 20px;
  width: 24px;
  text-align: center;
  color: var(--btn-yellow-bg, #edad01) !important;
  transition: color 0.15s ease;
}

#shareLinkContainer .sharing-icon:hover i {
  color: var(--btn-yellow-bg-hover, #c75000) !important;
}

#shareLinkContainer .sharing-text {
  font: 500 15px/1 "Jost", sans-serif;
  color: #1a1a1a !important;
  margin-left: 0 !important;
}