.page-node-type-product .dialog-off-canvas-main-canvas { background-color: #ffffff; }
.page-node-type-product .form-group { width: auto; }
.page-node-type-product [id^=block-views-block-product-single-block-1] .view-content { max-width: 546px; margin-left: auto; }
.page-node-type-product [id^=block-views-block-product-single-block-2] { padding-left: 110px; }

[id^=block-views-block-product-single-block-3] { background-color: #efefef; margin: 100px auto 80px; }

[id^=block-views-block-product-single-block-4] .view-content { max-width: 588px; margin: 0 auto; }

[id^=block-views-block-product-single-block-5] { margin: 104px auto 80px; }
[id^=block-views-block-product-single-block-5] .form-group { max-width: 1280px; }
[id^=block-views-block-product-single-block-5] .block-title { max-width: 1280px; margin-left: auto; margin-right: auto; font-size: 40px; color: #262c35; line-height: 48px; position: relative; padding-right: 20px; margin-bottom: 48px; }
[id^=block-views-block-product-single-block-5] .block-title:after { content: ''; width: 12px; height: 100%; display: block; right: 0; background-color: #ffc100; position: absolute; top: 0; }
[id^=block-views-block-product-single-block-5] .views-row { position: relative; padding: 0 12px; }
[id^=block-views-block-product-single-block-5] .views-row .product-similar { background-color: #efefef; border-radius: 4px; padding: 25px; }
[id^=block-views-block-product-single-block-5] .views-row .product-similar img { max-height: 250px; width: 100%; object-fit: cover; }
[id^=block-views-block-product-single-block-5] .views-row .product_title { font-size: 20px; color: #262c35; margin-top: 8px; }

.view-id-product_single .views-row .views-field { direction: rtl; }
.view-id-product_single .product-title { font-size: 48px; color: #262c35; margin-bottom: 24px; }
.view-id-product_single .pr-header-list { padding-right: 20px; position: relative; margin-bottom: 12px; font-size: 20px; line-height: 1; }
.view-id-product_single .pr-header-list:after { content: ''; position: absolute; width: 12px; height: 12px; display: block; right: 0; background-color: #262c35; top: calc(50% - 6px); border-radius: 2px; }
.view-id-product_single .pr-header-list:last-of-type { margin-bottom: 40px; }
.view-id-product_single .grey-yellow-box { background-color: #efefef; border-radius: 4px; margin-bottom: 24px; display: table; width: 100%; }
.view-id-product_single .grey-yellow-box .views-label { font-size: 40px; width: 140px; line-height: 40px; word-spacing: 100vw; padding: 29px 13px; display: table-cell; background-color: #ffc100; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.view-id-product_single .grey-yellow-box .field-content { display: table-cell; vertical-align: middle; font-size: 18px; padding-left: 23px; padding-right: 23px; color: #494a4e; }
.view-id-product_single .grey-yellow-box .field-content p { margin: 0; }
.view-id-product_single .product-accordion { border: 1px solid #efefef; border-radius: 4px; margin-bottom: 16px; }
.view-id-product_single .product-accordion .panel-heading { background-color: #efefef; border-radius: 4px; padding: 0; position: relative; }
.view-id-product_single .product-accordion .panel-heading .panel-title { font-size: 20px; cursor: pointer; padding: 16px 71px 16px 16px; color: #262c35; font-family: 'SimplerPro-Regular' !important; position: relative; }
.view-id-product_single .product-accordion .panel-heading .panel-title::after { content: '+'; position: absolute; right: 30px; }
.view-id-product_single .product-accordion.is-collapsed .panel-heading .panel-title::after { content: '-'; }
.view-id-product_single .product-image { width: 100%; padding: 100px 0 50px; }
.view-id-product_single .product-image .img_product { max-width: 464px; margin: 0 auto; }
.view-id-product_single .product_btn { text-align: center; display: block; }
.view-id-product_single .product_btn a { color: #262c35; background-color: #ffc100; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.04); border-radius: 28px; padding: 14px 81px; font-size: 20px; }
.view-id-product_single .product_btn a:hover { background: #ffd040; }
.view-id-product_single .product-wrapper { padding: 58px 0 88px; max-width: 1140px; margin: 0 auto; }
.view-id-product_single .product-wrapper .header-sort { width: 100%; display: inline-block; margin-bottom: 40px; }
.view-id-product_single .product-wrapper .header-sort .sort-label { font-size: 24px; color: #262c35; float: right; margin-left: 25px; line-height: 1; }
.view-id-product_single .product-wrapper .header-sort #sort-recruiters { float: right; }
.view-id-product_single .product-wrapper .header-sort #sort-recruiters #product-sort { border: none; background-color: transparent; font-size: 20px; color: #494a4e; }
.view-id-product_single .product-wrapper .wrapper .info-box { padding: 0 10px; }
.view-id-product_single .product-wrapper .wrapper .info-box .info-wrapper { padding: 20px 15px; text-align: center; border-radius: 4px; background-color: #ffffff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); }
.view-id-product_single .product-wrapper .wrapper .info-box .info-wrapper .info-icon { margin-bottom: 20px; }
.view-id-product_single .product-wrapper .wrapper .info-box .info-wrapper .info-icon img { margin: 0 auto; }
.view-id-product_single .product-wrapper .wrapper .info-box .info-wrapper .info-label { font-size: 19px; color: #262c35; border-bottom: 1px solid #262c35; padding-bottom: 10px; }
.view-id-product_single .product-wrapper .wrapper .info-box .info-wrapper .info-data { font-size: 19px; color: #262c35; padding-top: 10px; }

[id^=block-views-block-product-single-block-6] { background-color: #f8f8f8;}
[id^=block-views-block-product-single-block-6] .wrapper { max-width: 1280px; margin: 64px auto; position: relative; }
[id^=block-views-block-product-single-block-6] .wrapper .image-box { position: relative; }
[id^=block-views-block-product-single-block-6] .wrapper .image-box img { width: 100%; height: 500px; object-fit: cover; object-position: center; border-radius: 4px; border-bottom-left-radius: 70px; }
[id^=block-views-block-product-single-block-6] .wrapper .content-box { position: absolute; top: 0; right: 0; background-color: #ffc100; bottom: 0; width: 544px; text-align: right; color: #262c35; padding: 118px 40px 118px 140px; }
[id^=block-views-block-product-single-block-6] .wrapper .content-box .title_label { font-size: 48px; font-family: "SimplerPro-Bold"; line-height: 58px; margin-bottom: 40px; }
[id^=block-views-block-product-single-block-6] .wrapper .content-box .box-content { font-size: 24px; line-height: 29px; margin-bottom: 50px; }
[id^=block-views-block-product-single-block-6] .wrapper .content-box .box-button a { font-size: 20px; letter-spacing: -0.4px; text-align: center; line-height: 24px; color: #ffffff; background-color: #262c35; border-radius: 20px; padding: 10px 20px; }
[id^=block-views-block-product-single-block-6] .wrapper .content-box .box-button a:hover { opacity: 0.9; }
[id^=block-views-block-product-single-block-6] .wrapper .logo-img { position: absolute; top: calc(50% - 72px); right: 444px; }

.catalog-limit .view-header .catalog-limit { padding: 0; margin-bottom: 0; }
.catalog-limit .view-header .catalog-limit .view-content { padding: 0; }
.catalog-limit .title { margin-top: 10px; }
.catalog-limit .title a { font-size: 20px; text-align: right; min-height: 2.25em; line-height: 1.125; display: inline-block; width: 100%; }
.catalog-limit .view-content .views-row { margin: 12.5px 12.5px 0; width: calc(25% - 18px); float: right; height: 302px; }
[id^=block-views-block-brand-catalog-block-2] .catalog-limit .view-content .views-row, .path-brand-catalog .catalog-limit .view-content .views-row { width: calc(25% - 25px); height: auto; }
.catalog-limit.brand-categories img { border-radius: 4px; border-bottom: 6px solid #ffc100; }

[id^=block-exposedformbrand-catalogpage-1] form .form-item.form-item-brand, [id^=block-exposedformbrand-catalogpage-1] form .form-item.form-item-category { opacity: 0; position: absolute; z-index: -999999; visibility: hidden; height: 0; }

.pagination .pager__item > a { color: #262c35; border-color: #262c35; }
.pagination .pager__item > a:hover, .pagination .pager__item > a:focus { color: #262c35; border-color: #262c35; }
.pagination .pager__item.active > a { background-color: #262c35; border-color: #262c35; color: #ffffff; }

.ajax-progress-fullscreen { background-image: url(/themes/custom/osem/images/loading.gif); padding: 3px; width: 30px; position: relative; height: 30px; background-size: cover; margin: 0 auto; }


/* recipe css */
.view-product-single.view-display-id-block_6 .product-recipe-wrapper .image-box img{
  height: 277px;
  width: 100%;
}

.view-product-single.view-display-id-block_6 .product-recipe-wrapper .content-box{
  background: #ffc100;
  margin-top: -1px;
  padding: 64px 10px 46px;
  text-align: center;
  border-radius: 0 0 0 45px;
}

.view-product-single.view-display-id-block_6 .product-recipe-wrapper .content-box .title{
  margin-bottom: 14px;
  font-size: 26px;
  font-family: 'SimplerPro-Bold' !important;
}

.view-product-single.view-display-id-block_6 .product-recipe-wrapper .content-box .content{
  font-size: 24px;
  margin-bottom: 30px;
}

.view-product-single.view-display-id-block_6 .product-recipe-wrapper .content-box .box-button a{
  background: #2b323d;
  color: #fff;
  padding: 8px 29px;
  border-radius: 20px;
  font-size: 20px;
}

@media (min-width: 992px){
  .view-id-product_single .product-wrapper .wrapper .row{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  /* recipe css */
  .view-product-single.view-display-id-block_6 .product-recipe-wrapper .wrapper .row{
    display: flex;
    flex-direction: row-reverse;
  }

  .view-product-single.view-display-id-block_6 .product-recipe-wrapper .image-box{
    width: 60%;
  }

  .view-product-single.view-display-id-block_6 .product-recipe-wrapper .image-box img{
    width: 100%;
    border-radius: 0 0 0 20px;
    height: 500px;
  }

  .view-product-single.view-display-id-block_6 .product-recipe-wrapper .content-box{
    padding: 117px 40px 80px 0;
    border-radius: 0;
    width: 40%;
    display: inline-block;
    height: 500px;
    margin: 0;
    text-align: right;
  }

  .view-product-single.view-display-id-block_6 .product-recipe-wrapper .content-box .title{
    font-size: 40px;
    margin-bottom: 59px;
  }

  .view-product-single.view-display-id-block_6 .product-recipe-wrapper .content-box .content{
    width: 75%;
  }

  .view-product-single.view-display-id-block_6 .product-recipe-wrapper .content-box .box-button a{
    background: #2b323d;
    color: #fff;
    padding: 8px 29px;
    border-radius: 20px;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .page-node-type-product .breadcrumb {
    padding: 24px 16px 16px !important;
    text-align: right;
  }

  .page-node-type-product .form-group{
    width: 98% !important;
    margin: 0 auto;
  }

  .section-hf-ww{
    padding: 0 !important;
  }

  .page-node-type-product [id^=block-views-block-product-single-block-1] .view-content{
    position: relative;
    padding: 0 10px;
  }

  .view-id-product_single .views-row .views-field.views-field-field-product-image{
    float: none;
    width: 100%;
    margin-top: 26px;
  }

  .view-id-product_single .views-row .views-field.views-field-nothing{
    float: none;
    width: 100%;
    padding-top: 24px;
  }

  .view-id-product_single .product-image .img_product{
    max-width: 100%;
  }

  .section-hf-ww .views-field-nothing h1{
    position: absolute !important;
    top: 0;
    font-size: 38px !important;
    margin: 17px 0 !important;
  }

  [id^=block-views-block-product-single-block-5] .block-title {
    padding-right: 30px;
    margin-bottom: 24px;
  }

  .view-id-product_single .pr-header-list{
    margin-bottom: 14px !important;
  }

  .view-id-product_single .pr-header-list.last{
    margin-bottom: 48px !important;
  }

  .view-id-product_single .product-accordion .panel-heading{
    background: #efefef !important;
  }

  .view-id-product_single .product-accordion .panel-heading .panel-title{
    padding: 16px 45px 16px 8px;
  }

  .view-id-product_single .product-accordion .panel-heading .panel-title::after{
    right: 16px;
  }

  [id^=block-views-block-product-single-block-3]{
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .view-id-product_single .product-wrapper{
    padding-top: 12px;
    padding-bottom: 41px;
  }

  .view-id-product_single .product-wrapper .header-sort #sort-recruiters{
    float: left;
  }

  .view-id-product_single .product-wrapper .header-sort{
    margin-bottom: 35px;
  }

  .view-id-product_single .product-wrapper .wrapper .row {
    display: flex;
    flex-wrap: wrap;
  }

  .view-id-product_single .product-wrapper .wrapper .info-box{
    padding: 0 8px;
    margin-bottom: 15px;
    flex: 0 0 49.5%;
  }

  .view-id-product_single .product-wrapper .wrapper .info-box .info-wrapper .info-icon{
    margin-bottom: 17px;
  }

  .view-id-product_single .product-wrapper .wrapper .info-box .info-wrapper .info-label{
    font-size: 15px;
    padding-bottom: 7px;
  }

  .view-id-product_single .product-wrapper .wrapper .info-box .info-wrapper .info-data{
    font-size: 15px;
    padding-top: 7px;
  }

  [id^=block-views-block-product-single-block-5]{
    margin-top: 48px;
  }

  [id^=block-views-block-product-single-block-6] .wrapper {
    margin: 15px auto 0;
  }

  [id^=block-views-block-product-single-block-6] .wrapper .content-box {
    position: relative;
    width: auto;
    color: #262c35;
    padding: 70px 16px 48px;
    text-align: center;
    border-radius: 0 0 4px 60px;
  }

  [id^=block-views-block-product-single-block-6] .wrapper .image-box img {
    height: 277px;
    border-radius: 4px 4px 0 0;
  }

  [id^=block-views-block-product-single-block-6] .wrapper .logo-img {
    position: absolute;
    top: 190px;
    right: 22%;
  }

  [id^=block-views-block-product-single-block-6] .wrapper .content-box .title_label {
    margin-bottom: 20px;
    font-size: 38px;
    font-weight: bold;
  }

  [id^=block-views-block-product-single-block-6] .wrapper .content-box .box-content {
    margin-bottom: 35px;
  }

  [id^=block-views-block-product-single-block-6] .wrapper .content-box .box-button {
    margin-bottom: 10px;
  }

  [id^=block-views-block-product-single-block-6] .wrapper .content-box .box-button a {
    padding: 10px 30px;
  }

}