/* product desc */
/* primary_block ***************************************************************************** */


.top-hr {}

.product-heading-h5 {
  color: #999999;
  font-weight: 200;
  margin: 3px 0 8px;
  font-size: 19px;
  font-family: "Open Sans", sans-serif;
}

.box-security .product-heading-h5 {
  margin: 3px 0 -8px;
}

@media (max-width: 1199px) {
  .box-security .product-heading-h5 {
    margin-bottom: 8px;
  }

  #thumbs_list li {
    margin: 0 5px 10px 5px;
  }
}

#productscategory_list .product-name,
.accessories-block .product-name {
  margin-bottom: 5px;
}

#productscategory_list .product-name a,
.accessories-block .product-name a {
  font-size: 15px;
  line-height: 18px;
  color: #3a3939;
}

#productscategory_list .product-name a:hover,
.accessories-block .product-name a:hover {
  color: #515151;
}

img {
  max-width: 100%;
  height: auto;
}

/* .pb-left-column ***************************************************************************** */
.pb-left-column #image-block {
  position: relative;
  background: white;
}

@media (max-width: 767px) {
  .pb-left-column #image-block {
    width: 280px;
    margin: 0 auto;
  }
}

.pb-left-column #image-block img {
  background: #fbfbfb;
  width: 100%;
}

.pb-left-column #image-block #view_full_size {
  display: block;
  cursor: pointer;
}

.pb-left-column #image-block #view_full_size .span_link {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -68px;
  display: block;
  padding: 10px 0;
  text-align: center;
  line-height: 22px;
  color: #777676;
  width: 136px;
  text-align: center;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.pb-left-column #image-block #view_full_size .span_link:after {
  font-family: "FontAwesome";
  color: #c0c0c0;
  font-size: 20px;
  line-height: 22px;
  content: "\f00e";
  font-weight: normal;
  margin: 0 0 0 4px;
}

.pb-left-column #image-block #view_full_size .span_link:hover:after {
  color: #333333;
}

.pb-left-column #image-block a.jqzoom div div img {
  width: auto;
  max-width: 10000px;
}

.pb-left-column #image-block a.jqzoom div div .zoomWrapper {
  border: none;
}

.pb-left-column #image-block .zoomPad {
  z-index: auto !important;
}

.pb-left-column #image-block .new-box,
.pb-left-column #image-block .sale-box {
  z-index: 50002;
}

/* miniatures */
.pb-left-column #views_block {
  position: relative;
}

#thumbs_list li {
  float: none;
}

#product .comments_note {
  position: absolute;
  right: 10px;
  top: 0px;
}

@media (max-width:767px) {
  #product .comments_note {
    top: 20px;
  }

}

#thumbs_list {
  overflow: hidden;
  float: left;
  width: 425px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  #thumbs_list {
    width: 190px;
    /*margin-left:15px;*/
    display: inline-flex;
    justify-content: center;
    padding-right: 20px;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgb(204, 204, 204) -7px 12px 43px -11px;
  }

  #thumbs_list ul#thumbs_list_frame {
    flex-direction: row !important;
    /* padding:0 !important;*/
    padding: 10px !important;

  }

  div#views_block {
    position: unset !important;
    display: inline-block;
    margin: 25px 0;

    height: auto;
    top: unset;
    bottom: -120px;
    width: 100%;
    box-shadow: unset;
    background-color: unset;
    padding-right: 20px;
  }

  #visor {
    /*margin-bottom:135px !important;*/
    margin-bottom: 0px !important;
    height: auto !important;
  }

  #thumbs_list li {
    float: left;
  }

  .bs-example {
    height: auto !important;
    display: inline-block;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #threesixty {
    position: unset !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
  }

  #threesixty img {
    padding-right: 20px !important;
    top: 10% !important;
  }

  .height_visor {
    height: 380px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  #thumbs_list {
    width: 190px;
    display: inline-flex;
    justify-content: center;
    padding-right: 20px;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgb(204, 204, 204) -7px 12px 43px -11px;
  }

  #thumbs_list ul#thumbs_list_frame {
    flex-direction: row !important;
    padding: 10px !important;

  }

  div#views_block {
    position: unset !important;
    display: inline-block;
    margin: 25px 0;

    height: auto;
    top: unset;
    bottom: -120px;
    width: 100%;
    box-shadow: unset;
    background-color: unset;
    padding-right: 20px;
  }

  #visor {
    /*margin-bottom:130px !important;*/
    margin-bottom: 0px !important;
    height: auto !important;
  }

  #thumbs_list li {
    float: left;
  }

  #threesixty {
    position: unset !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
  }

  .height_visor {
    height: 320px !important;
  }

  .bs-example {
    height: auto !important;
    display: inline-block;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #threesixty img {
    padding-right: 20px !important;
    top: 20% !important;
  }
}

@media (max-width: 767px) {

  #thumbs_list {
    width: 190px;
    display: inline-flex;
    justify-content: center;
    padding-right: 0;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgb(204, 204, 204) -7px 12px 43px -11px;
  }

  #thumbs_list ul#thumbs_list_frame {
    flex-direction: row !important;
    padding: 0 !important;

  }

  div#views_block {
    position: unset !important;
    display: inline-block;
    margin: 25px 0;

    height: auto;
    top: unset;
    bottom: -100px !important;
    width: 100%;
    box-shadow: unset;
    background-color: unset;
    padding-right: 0;
  }

  .pb-left-column {
    margin-top: 20px !important;
  }

  #visor {
    margin-bottom: 0px !important;
    height: auto !important;
    /*margin-bottom:75px !important;*/
  }

  #thumbs_list li {
    float: left;
  }

  #threesixty {
    position: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .bs-example {
    height: auto !important;
    display: inline-block;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #threesixty img {
    padding-right: 0 !important;
    top: 15%;
  }

  .carousel.slide {
    padding-right: 0 !important;
  }

  .height_visor {
    height: 220px !important;
  }

  #spinner {

    top: 30% !important;

  }
}

#thumbs_list ul#thumbs_list_frame {
  list-style-type: none;
  padding-left: 0;
  overflow: hidden;
  position: relative;
  z-index: 9;
  padding: 10px !important;
  bottom: 0;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-self: center;
}

#thumbs_list li {
  margin: 15px 5px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  margin-right: 8px;
  /* line-height: 0;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#thumbs_list li:first-child {
  /* margin: 0 9px 0 0;*/
}

#thumbs_list li.last {
  margin-right: 0;
}

#thumbs_list li a {
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fbfbfb;
}

#thumbs_list li a:hover,
#thumbs_list li a.shown {
  border-color: #dbdbdb;
}

#thumbs_list li img,
#thumbs_list li .visor_img {
  width: 40px;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.7;
}

#thumbs_list li:hover img,
#thumbs_list li .visor_img:hover {

  opacity: 1;
}

/*@media (min-width: 768px) and (max-width: 991px) {
        #thumbs_list li img {
          width: 68px;
          height: 68px; } }*/

span.view_scroll_spacer {
  float: left;
  width: 23px;
}

@media (min-width: 768px) and (max-width: 991px) {
  span.view_scroll_spacer {
    padding-left: 6px;
    width: 20px;
  }
}

@media (max-width:767px) {
  span.view_scroll_spacer {
    width: 43px;
  }
}

#view_scroll_left,
#view_scroll_right {
  margin-top: 38px;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {

  #view_scroll_left,
  #view_scroll_right {
    margin-top: 28px;
  }
}

#view_scroll_left:hover:before,
#view_scroll_right:hover:before {
  color: #333333;
}

#view_scroll_right {
  visibility: hidden;
  height: 23px;
  width: 23px;
  border: 1px solid #555;
  margin: -13px 0 0;
  display: block;
  background: url(../img/nav_featured.png) no-repeat 100% 0;
  position: absolute;
  top: 50%;
  right: 0;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

#view_scroll_right:hover {
  background-position: 0 0;
  border-color: #23b4ca;
}

#view_scroll_left {
  visibility: hidden;
  height: 23px;
  width: 23px;
  border: 1px solid #555;
  margin: -13px 0 0;
  display: block;
  background: url(../img/nav_featured.png) no-repeat 0 100%;
  position: absolute;
  top: 50%;
  left: 0;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

#view_scroll_left:hover {
  background-position: 100% 100%;
}

@media (max-width: 991px) and (min-width:768px; ) {
  #view_scroll_right {
    top: 39%;
  }

  #view_scroll_left {
    top: 39%;
  }
}

.resetimg {
  padding: 10px 0 0;
}

.resetimg #resetImages i {
  margin-right: 6px;
}

.view_scroll_spacer {
  margin-top: 38px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .view_scroll_spacer {
    margin-top: 28px;
  }
}

/* link list */
#usefull_link_block {
  list-style-type: none;
}

#usefull_link_block li {
  margin: 0 0 8px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  #usefull_link_block li {
    float: none !important;
  }
}

#usefull_link_block li:first-child {
  margin: 0 0 8px 0;
  border: none;
  padding: 0;
}

#usefull_link_block li a {
  color: #666;
  position: relative;
  padding-left: 30px;
  line-height: 22px;
  display: inline-block;
  font-size: 14px;
}

#usefull_link_block li a:before {
  font-family: "FontAwesome";
  color: #666;
  font-size: 19px;
  line-height: 24px;
  position: absolute;
  top: -2px;
  left: 0;
  font-weight: normal;
}

@media (min-width: 768px) and (max-width: 991px) {
  #usefull_link_block li.print {
    margin: 8px 0 0;
    padding: 0;
    border: none;
  }
}

#usefull_link_block li.print a:before {
  content: "\f02f";
}

#usefull_link_block li.sendtofriend a:before {
  content: "\f003";
}

#usefull_link_block li#left_share_fb {
  clear: both;
  float: none;
}

#usefull_link_block li#left_share_fb a {
  padding-left: 18px;
}

#usefull_link_block li#left_share_fb a:before {
  content: "\f09a";
}

#usefull_link_block li#favoriteproducts_block_extra_remove,
#usefull_link_block li#favoriteproducts_block_extra_add,
#usefull_link_block li#favoriteproducts_block_extra_removed,
#usefull_link_block li#favoriteproducts_block_extra_added {
  cursor: pointer;
  font-weight: 700;
  clear: both;
  float: none;
  margin: 0 0 8px 0;
  border: none;
  padding: 0;
  position: relative;
}

#usefull_link_block li#favoriteproducts_block_extra_remove:before,
#usefull_link_block li#favoriteproducts_block_extra_add:before,
#usefull_link_block li#favoriteproducts_block_extra_removed:before,
#usefull_link_block li#favoriteproducts_block_extra_added:before {
  font-family: "FontAwesome";
  color: #333333;
  font-size: 19px;
  line-height: 24px;
  position: absolute;
  top: -2px;
  left: 0;
  font-weight: normal;
  content: "\f08a";
}

#usefull_link_block li#favoriteproducts_block_extra_remove:hover,
#usefull_link_block li#favoriteproducts_block_extra_add:hover,
#usefull_link_block li#favoriteproducts_block_extra_removed:hover,
#usefull_link_block li#favoriteproducts_block_extra_added:hover {
  color: #000;
}

#usefull_link_block li#favoriteproducts_block_extra_removed:before {
  content: "\f004";
}

/* pb-left-column ****************************************************************************** */
.pb-center-column {
  margin-bottom: 30px;
  /* form */
}

@media (max-width:767px) {
  .pb-center-column {
    padding-top: 20px !important;
    padding-right: 0 !important;
  }
}

.pb-center-column h1 {
  margin: 0 0 0 0;
  /*padding-bottom: 16px;*/
  /*font-size: 24px;*/
  color: #777;
  font-family: breeserif;
  text-transform: uppercase;
}

.pb-center-column p {
  margin-bottom: 10px;
}

#product_condition .editable {
  font-size: 16px;
}

.pb-center-column #product_reference {
  margin-bottom: 6px;
}

.pb-center-column #product_reference span {
  font-weight: normal;
  font-size: 16px;
  text-transform: capitalize;
}

.pb-center-column #short_description_block {
  color: #666666;
}

.pb-center-column #short_description_block .buttons_bottom_block {
  display: none;
}

.pb-center-column #short_description_block #short_description_content {
  padding: 0 0 15px;
  word-wrap: break-word;
  font-size: 16px;
}

.pb-center-column #short_description_block #short_description_content p {
  line-height: 18px;
}

.pb-center-column #buy_block {
  margin-top: 10px;
}

.pb-center-column #buy_block label {
  display: inline-block;
  width: 125px;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  float: left;
}

.pb-center-column #buy_block p.price {
  padding: 0;
}

.pb-center-column #color_picker p {
  padding-bottom: 5px;
  font-weight: 700;
}

#product p#loyalty {
  padding: 17px 0 15px 35px;
  border-top: 1px solid #d6d4d4;
  border-bottom: 1px solid #d6d4d4;
  margin: 10px 0 -5px;
  position: relative;
}

#product p#loyalty b {
  color: #333333;
}

#product p#loyalty:before {
  content: "\f024";
  font-family: "FontAwesome";
  color: #cfcccc;
  font-size: 26px;
  line-height: 28px;
  position: absolute;
  top: 16px;
  left: 0;
}

#page .rte {
  padding: 10px 20px 20px;
  word-wrap: break-word;
  font-size: 15px;
  color: #666;
}

#page .rte p {
  margin-bottom: 0;
}

.block_hidden_only_for_screen {
  display: none;
}

#idTab5 .title_block {
  padding: 5px 0;
}



#attributes fieldset {
  padding-bottom: 3px;
}

#attributes fieldset label {
  vertical-align: top;
  display: block;
}

#attributes .attribute_list {
  width: 100%;
}

#attributes .attribute_list .form-control {
  max-width: 230px;
}

#attributes .attribute_list .form-control option {
  background: white;
  color: #666666;
}

#attributes .attribute_list ul {
  clear: both;
}

#attributes .attribute_list ul li {
  float: left;
  margin-right: 10px;
}

#attributes .attribute_list input.attribute_radio {
  float: left;
  margin-left: 3px;
}

#attributes .attribute_list div.radio,
#attributes .attribute_list div.radio span,
#attributes .attribute_list div.radio input {
  float: none;
  display: inline-block;
}

#attributes .attribute_list #color_to_pick_list {
  list-style-type: none;
}

#attributes .attribute_list #color_to_pick_list li {
  float: left;
  margin: 0 3px 3px 0;
  padding: 2px;
  border: 1px solid #d6d4d4;
  clear: none;
}

#attributes .attribute_list #color_to_pick_list li a.color_pick {
  display: block;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

#attributes .attribute_list #color_to_pick_list li.selected {
  border: 1px solid #4d4d4d;
}

.product_attributes,
.box-cart-bottom {
  padding: 19px 19px 17px 0;
}

.box-cart-bottom {
  padding: 0;
  margin-bottom: 20px;
  font-family: titilliumwebsemibold;
}

.box-info-product {}

.box-info-product p {
  margin: 0px;
  padding: 0;
  display: inline-block;
}

.box-info-product p.our_price_display span {
  font-family: breeserif;
  font-size: 28px;
  font-weight: normal;
}

.box-info-product p#old_price span {
  font-weight: normal;
  font-size: 16px;
  color: #555;
  text-decoration: line-through;
}

.box-info-product .exclusive {
  text-transform: uppercase;
  padding: 0;
  border-width: 0 0px 0px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.box-info-product .exclusive:hover {
  background: #777;
}

.box-cart-bottom>div {
  display: inline-block;
  margin-right: 6px;
}

.box-info-product .exclusive:before {}

@media (max-width: 991px) {
  .box-info-product .exclusive:before {
    display: none;
  }
}

.box-info-product .exclusive.added:before {
  display: none;
}

.box-info-product .exclusive.added.disabled:before,
.box-info-product .exclusive.disabled:before {
  display: none;
}

.box-info-product .exclusive:after {}

@media (max-width: 991px) {
  .box-info-product .exclusive:after {
    display: none;
  }
}

.box-info-product .exclusive span {
  display: block;
  padding: 8px 13px;
  color: #fff;
  line-height: 19px;
  font-size: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.box-info-product .unvisible .exclusive span {
  cursor: not-allowed;
}

.box-info-product .exclusive:hover {
  background: #474e58;
}

@media (max-width: 1199px) {
  .box-info-product .exclusive span {

    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .box-info-product .exclusive span {
    text-align: left;
  }
}


#center_column.col-sm-9 .col-md-3 .box-info-product {
  background: #f6f6f6;
  border: 1px solid #d2d0d0;
  border-top: 1px solid #b0afaf;
  border-bottom: 1px solid #b0afaf;
}

#center_column.col-sm-9 .col-md-3 .box-info-product p {
  margin-bottom: 7px;
  padding: 15px 10px 0;
}

#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive {
  padding: 0;
  border-top: 1px solid #0079b6;
  border-right: 1px solid #006fa8;
  border-left: 1px solid #006fa8;
  border-bottom: 1px solid #012740;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  display: block;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
  background-image: -webkit-linear-gradient(#009ad0, #007ab7);
  background-image: -moz-linear-gradient(#009ad0, #007ab7);
  background-image: -o-linear-gradient(#009ad0, #007ab7);
  background-image: linear-gradient(#009ad0, #007ab7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7', GradientType=0);
}

#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:before {
  font-family: "FontAwesome";
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  color: white;
  font-size: 25px;
  line-height: 47px;
  text-shadow: 0 1px #015883;
  content: "\f07a";
  z-index: 2;
  width: 51px;
  text-align: center;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

@media (max-width: 991px) {
  #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:before {
    display: none;
  }
}

#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive.added:before {
  content: "\f00c";
}

#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive.added.disabled:before,
#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive.disabled:before {
  display: none;
}

#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:after {
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 51px;
  content: "";
  width: 1px;
  z-index: 2;
}

@media (max-width: 991px) {
  #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:after {
    display: none;
  }
}

#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive span {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  border: none;
  border-top: 1px solid #006fa8;
  text-shadow: 0 1px #015883;
  padding: 12px 16px 14px;
  color: white;
  display: block !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 1199px) {
  #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive span {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  #center_column.col-sm-9 .col-md-3 .box-info-product .exclusive span {
    padding: 8px 12px 10px;
    text-align: center;
  }
}

#center_column.col-sm-9 .col-md-3 .box-info-product .exclusive:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0));
  background-image: -webkit-linear-gradient(#007ab7, #009ad0);
  background-image: -moz-linear-gradient(#007ab7, #009ad0);
  background-image: -o-linear-gradient(#007ab7, #009ad0);
  background-image: linear-gradient(#007ab7, #009ad0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ab7', endColorstr='#009ad0', GradientType=0);
  background-position: 0 0;
}

/* table_data_sheet */
.table-data-sheet {
  border-bottom: 1px solid #d6d4d4;
  width: 100%;
  margin: 0 0 20px;
  background: white;
}

.table-data-sheet tr {
  border: 1px solid #d6d4d4;
}

.table-data-sheet tr.even {
  background: #fdfdfd;
}

.table-data-sheet tr td {
  padding: 10px 20px 11px;
}

.table-data-sheet tr td:first-child {
  border-right: 1px solid #d6d4d4;
  width: 30%;
  font-family: titilliumwebsemibold;
  font-size: 14px;
  color: #333333;
}

/* table product-discounts */
table.table-product-discounts {
  border: none;
  border-bottom: 1px solid #d6d4d4;
  border-right: 1px solid #d6d4d4;
  width: 50%;
  margin: 0 0 20px;
  background: white;
}

@media (max-width: 767px) {
  table.table-product-discounts {
    width: 100%;
  }
}

table.table-product-discounts tr th {
  background: #fbfbfb;
  color: #333333;
  font-weight: 700;
  border: none;
  font-weight: 700;
}

table.table-product-discounts tr td,
table.table-product-discounts tr th {
  border-left: 1px solid #d6d4d4;
  /*width: 33%;*/
  padding: 10px 20px 11px;
  border-top: 1px solid #d6d4d4;
  border-right: none;
  text-shadow: none;
  text-transform: none;
  font-weight: 13px;
  line-height: 18px;
  border-bottom: none;
}

/* accessories  */
.accessories-block .block_description {
  display: none;
}

.accessories-block .exclusive span {
  font-size: 13px;
  line-height: 18px;
  padding: 2px 8px 3px;
  text-decoration: none;
}

.accessories-block .exclusive span:focus,
.accessories-block .exclusive span:active {
  text-decoration: none;
}

/* quantity_wanted */
#quantity_wanted_p input {
  width: 50px;
  height: 27px;
  padding: 0 6px;
  float: left;
  border: 1px solid #d6d4d4;
  line-height: 27px;
}

#quantity_wanted_p .btn {
  float: left;
  margin-left: 3px;
}

#quantity_wanted_p label {
  display: block;
  margin-bottom: 7px;
}

/* availability_statut */
#availability_statut span#availability_label,
#availability_date_label {
  display: inline-block;
  width: 125px;
  font-weight: 700;
  font-size: 12px;
  text-align: right;
}

#quantityAvailable {
  color: #333333;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
}

#availability_value,
#last_quantities {
  color: white;
  line-height: 18px;
  display: inline-block;
  padding: 3px 8px 4px;
  margin-left: 5px;
}

#last_quantities {
  background: #ff7430;
  border: 1px solid #ea5e1a;
  padding: 4px 8px 3px;
  position: relative;
  top: 1px;
}

#availability_statut,
#pQuantityAvailable {
  display: inline-block;
}

#pQuantityAvailable span {
  font-weight: normal;
  color: #333333;
  font-size: 16px;
}

#availability_statut #availability_value.warning_inline {

  margin: 0;
}

/* box-security */
.box-security {
  border-top: 1px solid #dfdede;
  padding: 19px 19px 6px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fbfbfb));
  background-image: -webkit-linear-gradient(#ffffff, #fbfbfb);
  background-image: -moz-linear-gradient(#ffffff, #fbfbfb);
  background-image: -o-linear-gradient(#ffffff, #fbfbfb);
  background-image: linear-gradient(#ffffff, #fbfbfb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fbfbfb', GradientType=0);
}

/* prices */
.content_prices {
  padding: 0px;
}

.discount {
  display: none;
}

.our_price_display {
  font-weight: 600;
  font-size: 29px;
  line-height: 32px;
  font-family: "Open Sans", sans-serif;
  color: #333333;
}

@media (max-width: 991px) {
  .our_price_display {
    font-size: 26px;
    line-height: 28px;
  }
}

#old_price {
  padding-bottom: 15px;
  font-size: 17px;
  text-decoration: line-through;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  line-height: 23px;
}

#reduction_percent,
#reduction_amount {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 12px;
  font-size: 18px;
  line-height: 23px;
  color: white;
  background: #e75768;
}

#reduction_percent span,
#reduction_amount span {
  display: block;
}

/* online_only */
.pb-center-column p.online_only {
  font-weight: 700;
  font-size: 13px;
  color: #f13340;
  text-align: left;
}

.buttons_bottom_block {
  clear: both;
  padding: 13px 19px 0;
}

.buttons_bottom_block #wishlist_button {
  border-left: 0;
}

/* SEND TO FRIEND (pop-in) ##################################################################### */
#send_friend_form {
  width: 555px;
  overflow: hidden;
}

@media (max-width: 767px) {
  #send_friend_form {
    width: 280px;
  }
}

#send_friend_form .product img {
  margin: 0 0 10px 0;
  border: 1px solid #d6d4d4;
}

#send_friend_form .product p {
  padding: 0;
  color: #333333;
}

#send_friend_form .product p .product_name {
  font-size: 12px;
  color: #000;
}

#send_friend_form .form_container {
  padding: 10px 15px;
  border: 1px solid #d6d4d4;
  background: #fbfbfb;
}

#send_friend_form .form_container p.intro_form {
  padding-bottom: 6px;
  font-weight: 700;
  font-size: 13px;
  color: #333333;
}

#send_friend_form .form_container p.txt_required {
  padding-bottom: 0;
  color: #666;
}

#send_friend_form .form_container .text {
  padding-bottom: 10px;
}

#send_friend_form .form_container .text label {
  display: block;
  padding: 0;
  width: 100%;
  font-size: 12px;
}

#send_friend_form .form_container .text input {
  padding: 0 5px;
  height: 22px;
  width: 100%;
  border: 1px solid base-border-color;
  font-size: 12px;
  color: #666;
}

#send_friend_form .submit {
  margin-top: 20px;
  padding-bottom: 0;
  text-align: right;
}

/* PERSONNALISATION ##################################################################### */
p.infoCustomizable {
  margin-bottom: 30px;
}

ul#uploadable_files,
ul#text_fields {
  list-style-type: none;
}

.customizableProductsFile,
.customizableProductsText {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d4d4;
}

.customizationUploadLine {
  padding-bottom: 10px;
}

.customizationUploadLine label {
  display: block;
  vertical-align: top;
}

.customizationUploadLine textarea {
  width: 50%;
  border: 1px solid #d6d4d4;
  color: #777777;
}

.customizationUploadBrowse img+a {
  position: relative;
  top: -51px;
}

#customizedDatas {
  float: right;
}

.accessories_block div ul li a {
  display: inline-block;
}

.accessories_block div ul li.s_title_block a,
.accessories_block div ul li.s_title_block span {
  font-weight: 700;
}

/******************************************************************
Quick View Styles
******************************************************************/
#product.content_only div.primary_block {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  #product.content_only div.primary_block {
    margin-right: 0;
  }
}

#product.content_only div.primary_block div.pb-left-column {
  padding: 20px 20px 5px 35px;
}

@media (max-width: 479px) {
  #product.content_only div.primary_block div.pb-left-column {
    width: 100%;
    float: none;
  }
}

#product.content_only div.primary_block div.pb-left-column span.view_scroll_spacer {
  width: 38px;
  padding-left: 10px;
}

#product.content_only div.primary_block div.pb-left-column #thumbs_list {
  width: 392px;
}

#product.content_only div.primary_block div.pb-center-column {
  padding: 20px 20px 60px 0px;
  margin-bottom: 0;
  min-height: 623px;
  height: 100%;
}

@media (max-width: 991px) {
  #product.content_only div.primary_block div.pb-center-column {
    min-height: 440px;
  }
}

@media (max-width: 479px) {
  #product.content_only div.primary_block div.pb-center-column {
    width: 100%;
    float: none;
  }
}

#product.content_only div.primary_block div.pb-center-column .product_comments_block_extra {
  padding-right: 0;
}

@media (max-width: 479px) {
  #product.content_only div.primary_block div.pb-center-column .comments_advices li {
    display: block;
  }

  #product.content_only div.primary_block div.pb-center-column .comments_advices a.reviews {
    margin: 0;
    padding: 0;
    border: none;
  }
}

#product.content_only div.primary_block div.pb-center-column #ShareDiv {
  position: absolute;
  bottom: 8px;
}

#product.content_only div.primary_block div.pb-right-column {
  width: 25.5%;
  padding-right: 15px;
  padding-left: 0;
}

#product.content_only div.primary_block div.pb-right-column .box-info-product {
  border-top-width: 0px;
  border-right: none;
  border-bottom: none;
  min-height: 623px;
  height: 100%;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  position: relative;
  padding-bottom: 125px;
}

@media (max-width: 991px) {
  #product.content_only div.primary_block div.pb-right-column .box-info-product {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 1px solid #d6d4d4;
  }
}

#product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive {
  display: block;
  width: 100%;
}

#product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive:before,
#product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive:after {
  display: none;
}

#product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive span {
  font-size: 20px;
  text-align: center;
}

@media (max-width: 1199px) {
  #product.content_only div.primary_block div.pb-right-column .box-info-product #add_to_cart .exclusive span {
    padding: 12px 22px 14px 70px;
    font-size: 20px;
  }
}

#product.content_only div.primary_block div.pb-right-column .box-info-product .box-cart-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

#product.content_only div.primary_block div.pb-right-column #attributes .attribute_list .form-control {
  width: 230px;
}

#product.content_only div.primary_block div.pb-right-column .product_attributes,
#product.content_only div.primary_block div.pb-right-column .box-cart-bottom {
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
}

#product.content_only div.primary_block div.pb-right-column .product_attributes {
  padding-top: 0;
}

.addsharethisinner .stButton .stArrow {
  display: none !important;
}

@media (max-width: 1050px) {

  #product.content_only div.primary_block div.pb-left-column,
  #product.content_only section.primary_block div.pb-left-column {
    width: 100%;
    padding-right: 15px;
  }

  #product.content_only div.primary_block div.pb-left-column #image-block,
  #product.content_only div.primary_block div.pb-left-column #views_block,
  #product.content_only section.primary_block div.pb-left-column #image-block,
  #product.content_only section.primary_block div.pb-left-column #views_block {
    max-width: 470px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  #product.content_only div.primary_block div.pb-left-column #thumbs_list li,
  #product.content_only section.primary_block div.pb-left-column #thumbs_list li {
    width: 90px;
    height: 90px;
  }

  #product.content_only div.primary_block div.pb-left-column #thumbs_list li img,
  #product.content_only section.primary_block div.pb-left-column #thumbs_list li img {
    width: 82px;
    height: 82px;
  }

  #product.content_only div.primary_block div.pb-center-column,
  #product.content_only section.primary_block div.pb-center-column {
    width: 50%;
    float: left;
    padding-left: 35px;
  }

  #product.content_only div.primary_block div.pb-right-column,
  #product.content_only section.primary_block div.pb-right-column {
    width: 50%;
    float: left;
  }

  #product.content_only div.primary_block div.pb-right-column .box-info-product,
  #product.content_only section.primary_block div.pb-right-column .box-info-product {
    border-top-width: 1px;
    min-height: 1px;
  }
}

@media (max-width: 1050px) and (max-width: 479px) {

  #product.content_only div.primary_block,
  #product.content_only section.primary_block {
    margin-left: 0;
  }
}

@media (max-width: 1050px) and (max-width: 479px) {

  #product.content_only div.primary_block div.pb-center-column,
  #product.content_only section.primary_block div.pb-center-column {
    width: 100%;
    float: none;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 1050px) and (max-width: 479px) {

  #product.content_only div.primary_block div.pb-right-column,
  #product.content_only section.primary_block div.pb-right-column {
    margin-top: 10px;
    width: 100%;
    float: none;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/***** IE code ****/
.ie8 .pb-left-column #image-block #view_full_size .span_link {
  background: #fff;
  border: 1px solid #d6d4d4;
}

.ie8 .box-security {
  filter: none;
}

.360 {
  background: url(/img/360.png) no-repeat 6px center;
  width: 75px;
  height: 39px;
  display: block;
}

.head2 {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 27px;
  font-weight: 500;
  line-height: 29.7px;
  margin: 18px 0 9px;
  padding: 0px;
  border: none;
}

.head3 {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 25.3px;
  margin: 18px 0 9px;
  padding: 0px;
  border: none;
}

.head4 {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 18.7px;
  margin: 18px 0 9px;
  padding: 0px;
  border: none;
}

p.head2.title {
  background-color: rgb(56, 56, 56);
  color: rgb(255, 255, 255);
  font-size: 12px;
  line-height: 13.2px;
  padding: 8px 11px;
  text-shadow: rgb(0, 0, 0) 0px 1px 0px;
  text-transform: uppercase;
}

#more_info_tabs li a h2 {
  font-size: inherit;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: inherit;
}

/* Price Escalation Redesign */
.price-escalation-container {
  border: 1px solid #e0d7ff;
  border-radius: 12px;
  background-color: #fbf9ff;
  padding: 15px;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  /* Removed for desktop */
  font-family: 'Open Sans', sans-serif;
  clear: both;
}

.product-price-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
  border: none !important;
  background: none !important;
}

.price-escalation-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-right: 140px;
}

.price-escalation-title {
  color: #667dd1 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 !important;
}

.price-escalation-badge {
  background-color: #ffd131;
  color: #333;
  padding: 4px 10px;
  border-radius: 0 11px 0 10px;
  font-size: 11px;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  z-index: 10;
}

/* Ensure the icon keeps its shape and position inside the badge */
.price-escalation-badge .info-price-icon {
  width: 17px !important;
  height: 17px !important;
  font-size: 11px !important;
  line-height: 17px !important;
  flex-shrink: 0;
}

/* Local fix for the new left-side icon placement in the badge to avoid screen clipping */
.price-escalation-badge .info-price-tooltip-text {
  left: auto !important;
  right: 0 !important;
  /* Align bubble right edge with icon right edge */
  bottom: 160% !important;
  transform: none !important;
  width: 250px !important;
  text-align: left !important;
  visibility: hidden;
  opacity: 0;
  padding: 12px !important;
  background-color: #E3EEFF !important;
  border: 1px solid #667DD1 !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
  white-space: normal !important;
  z-index: 9999 !important;
  pointer-events: none;
}

.price-escalation-badge .info-price-tooltip:hover .info-price-tooltip-text {
  visibility: visible !important;
  opacity: 1 !important;
  bottom: 145% !important;
}

.price-escalation-badge .info-price-tooltip-text::after {
  left: auto !important;
  right: 2px !important;
  /* Centered relative to the 17px icon (8.5 - 7 = 1.5) */
  top: 100% !important;
  border-color: #667DD1 transparent transparent transparent !important;
}

.price-escalation-grid {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 5px;
}

.price-escalation-prices {
  display: flex;
  flex: 1;
  min-width: 0;
  justify-content: space-between;
}

.price-escalation-col {
  flex: 1;
  min-width: 0;
  text-align: center;
  padding: 0 3px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}



.price-escalation-label {
  color: #667dd1;
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.price-escalation-value {
  color: #667dd1;
  font-size: clamp(14px, 3.5vw, 19px);
  font-weight: 800;
  display: block;
  white-space: nowrap;
}

.price-escalation-separator {
  width: 1px;
  background-color: #e0d7ff;
  margin: 0 2px;
  height: 30px;
  align-self: center;
  flex-shrink: 0;
}

.price-escalation-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding-left: 10px;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  width: auto;
}

.price-escalation-cta-label {
  position: absolute;
  top: -15px;
  font-size: 8px;
  color: #667dd1;
  text-decoration: none;
  font-weight: 800;
  white-space: nowrap;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.price-escalation-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  background-color: #667dd1;
  color: #fff !important;
  border: 1px solid #667dd1;
  border-radius: 8px;
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 6px rgba(102, 125, 209, 0.2);
  min-width: 100px;
  text-decoration: none !important;
  position: relative;
  z-index: 999;
}

.price-escalation-button:hover {
  background-color: #667dd1;
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(102, 125, 209, 0.3);
}

.price-escalation-button-content {
  display: flex;
  flex-direction: column;
  text-align: center;
  line-height: 1;
  flex-grow: 1;
}

.price-escalation-button-content .line-1 {
  font-size: 9px;
  font-weight: 800;
  margin-bottom: 1px;
}

.price-escalation-button-content .line-2 {
  font-size: 9px;
  font-weight: 800;
}

.price-escalation-button .arrow-right {
  font-size: 14px;
  font-weight: 800;
  margin-left: auto;
}

@media (max-width: 991px) {
  .price-escalation-grid {
    flex-direction: column;
  }

  .price-escalation-prices {
    margin-bottom: 25px;
    border-bottom: 1px solid #e0d7ff;
    padding-bottom: 15px;
  }

  .price-escalation-cta {
    padding-left: 0;
    border-top: none;
    padding-top: 5px;
  }

  .price-escalation-container {
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  .price-escalation-header {
    padding-right: 0;
    margin-top: 15px;
  }

  .price-escalation-value {
    font-size: 16px;
  }

  .price-escalation-label {
    font-size: 14px;
  }

  .price-escalation-cta-label {
    font-size: 10px;
  }
}

/* ===== Bloque de precio · fichas de MAKITO · densidad «Lite» (maqueta, 2.ª version, 11-09-2026) =====
   Marcado en product-price-block.tpl. Los demas proveedores siguen con .price-escalation-*.
   Los colores van en variables DENTRO de `.pb`: el tema no tiene tokens globales. Son los de la
   maqueta, salvo el amarillo, que es el de la tienda (#ffd131; la maqueta decia #fed035). */

.pb {
  --pb-brand: #667dd1;
  --pb-brand-ink: #4d5fb8;
  --pb-ink-3: #8991ab;
  --pb-wash: #fbf9ff;
  --pb-line: #e0d7ff;
  --pb-flag: #ffd131;
  --pb-flag-ink: #4a3b00;
  position: relative;
  background: var(--pb-wash);
  border: 1px solid var(--pb-line);
  border-radius: 10px;
  padding: 15px 15px 12px;
  margin: 14px 0 2px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-family: Montserrat, Arial, sans-serif;
  clear: both;
  /* En movil la seccion de precio es flotante y el contenedor del configurador (col-xs-12 p-a0,
     position: relative) no la limpia: su caja empieza a la misma altura y queda ENCIMA, invisible,
     quedandose los toques del boton. Con z-index el bloque pasa por delante. 1 basta: lo de
     encima no tiene z-index; valores altos lo pondrian sobre la cabecera o la barra fija. */
  z-index: 1;
}

/* La bandera cuelga de la esquina superior izquierda y hace de titulo del bloque. */
.pb-flag {
  position: absolute;
  top: -11px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--pb-flag);
  color: var(--pb-flag-ink);
  font-size: 10.5px;
  font-weight: 700;
  border-radius: 6px;
  padding: 4px 9px;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(140, 105, 0, .22);
}

.pb-flag em {
  font-style: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--pb-flag-ink);
  color: var(--pb-flag);
  font-size: 8px;
  font-weight: 700;
  flex: none;
  cursor: pointer;
}

/* Tooltip de la «i»: estilos base en producto_page.css (.info-price-tooltip*). La bandera esta a la
   IZQUIERDA, asi que el globo se abre hacia arriba y a la derecha. */
.pb-flag .info-price-tooltip {
  display: inline-flex;
}

.pb-flag .info-price-tooltip-text {
  left: -9px !important;
  right: auto !important;
  bottom: 160% !important;
  transform: none !important;
  width: 250px !important;
  text-align: left !important;
  padding: 12px !important;
  background-color: #e3eeff !important;
  border: 1px solid var(--pb-brand) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
  white-space: normal !important;
  font-size: 12px;
  font-weight: 400;
  color: #17202a;
  z-index: 9999 !important;
  pointer-events: none;
}

.pb-flag .info-price-tooltip:hover .info-price-tooltip-text {
  visibility: visible !important;
  opacity: 1 !important;
  bottom: 145% !important;
}

.pb-flag .info-price-tooltip-text::after {
  left: 15px !important;
  right: auto !important;
  top: 100% !important;
  border-color: var(--pb-brand) transparent transparent transparent !important;
}

.pb-row {
  display: flex;
  align-items: center;
  gap: 10px 14px;
  flex-wrap: wrap;
}

.pb-main {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
  font-variant-numeric: tabular-nums;
  color: var(--pb-brand);
}

.pb-main .amount {
  font-size: 27px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -.02em;
}

.pb-iva {
  font-size: 11px;
  font-weight: 600;
  color: var(--pb-ink-3);
  white-space: nowrap;
}

.pb-act {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.pb-ask {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--pb-brand);
  line-height: 1;
}

/* Es un <a>: el tema colorea y subraya los enlaces, de ahi los !important. */
.pb-cta,
.pb-cta:hover,
.pb-cta:focus {
  color: #fff !important;
  text-decoration: none !important;
}

.pb-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--pb-brand);
  border: 0;
  border-radius: 6px;
  padding: 9px 14px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .02em;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s, transform .12s;
}

.pb-cta:hover {
  background: var(--pb-brand-ink);
}

.pb-cta:active {
  transform: translateY(1px);
}

.pb-cta:focus-visible {
  outline: 3px solid var(--pb-brand-ink);
  outline-offset: 2px;
}

.pb-cta--sm {
  padding: 7px 12px;
  font-size: 11px;
}

.pb-fine {
  margin: 0;
  font-size: 11px;
  color: var(--pb-ink-3);
}

.pb--lite {
  padding: 13px 13px 11px;
  gap: 6px;
}

.pb--lite .pb-main .amount {
  font-size: 25px;
}

/* ===== Ficha de escritorio (17-09-2026; fija desde el 08-10, ganó el test A/B) =====
   Marcado en product-price-block.tpl. CTA verde bajo la caja de precio y «¿Grandes cantidades?» como enlace
   simple. Fuera de `.pb`, así que el color de marca va escrito (es el de `--pb-brand`).
   `.pb.ab-ficha-test-pb` (dos clases en la caja) mantiene el peso que tenían estas reglas con la clase del test
   en <html>. */

/* Sin `.pb-act` la fila se queda en la altura del precio (27 px en vez de 46) y el importe sube hasta pisar la
   etiqueta «Muestra sin personalizar», que va en absoluto. Estos 10 px son los que el precio tenía por encima
   dentro de la fila alta (medido en staging, 17-09). */
.pb.ab-ficha-test-pb .pb-row {
  padding-top: 10px;
}

/* «Precios por volumen» a la derecha del precio (Makito, test): cuatro barras que bajan, la última en verde,
   sobre una flecha hacia la derecha. Dibujado a partir de la captura del diseño.
   Con la caja estrecha (356 px en una ventana de 1152) no cabía y bajaba a otra fila: aquí la fila no se parte,
   el precio no encoge y lo que se parte en dos líneas es «Precios por volumen» (medido en staging, 17-09). */
.pb.ab-ficha-test-pb .pb-row {
  flex-wrap: nowrap;
}

.pb.ab-ficha-test-pb .pb-main {
  flex-shrink: 0;
}

/* «Desde» delante del precio (Makito, test; responsable 17-09): mismo color de marca, más claro y pequeño,
   alineado por la base con el importe como en el diseño. */
.ab-ficha-test-desde {
  font-size: 17px;
  font-weight: 700;
  color: var(--pb-brand);
  opacity: .55;
}

.ab-ficha-test-vol-hint {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.ab-ficha-test-vh-fig {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 30px;
  padding: 0 10px 6px 2px;
}

.ab-ficha-test-vh-fig i {
  display: block;
  width: 6px;
  border-radius: 2px 2px 0 0;
  background: #a3b1ee;
}

.ab-ficha-test-vh-fig i:nth-child(1) { height: 22px; }
.ab-ficha-test-vh-fig i:nth-child(2) { height: 18px; }
.ab-ficha-test-vh-fig i:nth-child(3) { height: 13px; }
.ab-ficha-test-vh-fig i:nth-child(4) { height: 8px; background: #3ecf8e; }

.ab-ficha-test-vh-fig::after {
  content: "";
  position: absolute;
  left: 0;
  right: 2px;
  bottom: 2px;
  height: 1px;
  background: #b9c1df;
}

.ab-ficha-test-vh-fig::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border-left: 5px solid #b9c1df;
  border-top: 2.5px solid transparent;
  border-bottom: 2.5px solid transparent;
}

.ab-ficha-test-vh-txt {
  min-width: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--pb-ink-3);
}

.ab-ficha-test-calc,
.ab-ficha-test-calc:hover,
.ab-ficha-test-calc:focus {
  color: #fff !important;
  text-decoration: none !important;
}

.ab-ficha-test-calc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  margin: 12px 0 10px;
  padding: 13px 16px;
  background: #5cb85c;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  transition: background .15s;
}

.ab-ficha-test-calc:hover {
  background: #4cae4c;
}

.ab-ficha-test-ask {
  margin: 0 0 12px;
  font-size: 13px;
  color: #6b7280;
}

.ab-ficha-test-ask a {
  color: #667dd1 !important;
  font-weight: 700;
  text-decoration: underline !important;
}

/* En movil las secciones de precio de Makito pierden el `p-a10` (padding: 10px !important, global): con esos
   20 px de menos el boton «Pide precio aquí» no cabia al lado del precio y bajaba a una 2.ª fila.
   Dos clases para ganar al `.p-a10` sin tocar la regla global, que se usa en otras partes del tema.
   Las unicas `page-product-box` con `p-a10` son las dos de Makito (product.tpl, ramas con y sin tramos). */
@media (max-width: 767px) {
  .page-product-box.p-a10 {
    padding: 0 !important;
  }
}

/* ===== Black Friday · etiqueta sobre la foto principal (fichas de Makito, hasta el 04-12-2026) =====
   La imagen va en absoluto dentro de #img_prod (la foto), no de `.image-section-content`: ese
   contenedor empieza bajo la columna de iconos (#views_block, z-index 300) y la tapaba. */

#img_prod {
  position: relative;
}

/* Etiqueta Black Friday sobre la imagen principal */
.bf-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 140px;
  height: auto;
  z-index: 10;
  pointer-events: none;
  display: block;
}

/* «AHORRA HASTA UN X %» en la esquina superior derecha del bloque de precio (.pb, ya `position: relative`), enfrente
   de la bandera «Muestra sin personalizar». Valores de la maqueta de marketing (`.bf-upper-chip`). X real por producto,
   de bf-savings.json; lo muestra el JS de product-price-block.tpl. */
.pb .bf-upper-chip {
  position: absolute;
  top: -10px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border-radius: 6px;
  background: linear-gradient(100deg, #111827, #526ec0);
  color: #fff;
  font-family: inherit;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .035em;
  white-space: nowrap;
  z-index: 2;
}

@media (max-width: 767px) {
  .bf-tag {
    width: 100px;
    top: 8px;
    left: 8px;
  }
}

/* Ficha móvil (va por dispositivo, no por ancho): la caja lleva «¿Grandes cantidades? / Pide precio aquí» (.pb-act) en la
   esquina del chip y este lo tapaba (captura de Pau, 02-11). Con chip (`pb--bf`, lo pone el JS) ese bloque baja. En
   escritorio no hay .pb-act dentro de la caja: no cambia nada. */
.pb.pb--bf .pb-act {
  padding-top: 14px;
}

/* Pantallas estrechas: chip y bandera más pequeños para que no se toquen (como la maqueta). */
@media (max-width: 440px) {
  .pb .bf-upper-chip {
    font-size: 8px;
    right: 8px;
    padding: 4px 6px;
  }
  .pb .pb-flag {
    left: 8px;
    font-size: 9px;
    padding: 4px 6px;
  }
}