.page-layout-1column.catalog-product-view .product.media {width: 100%;}
.page-layout-1column.catalog-product-view .product-info-main {width: 100%;position: relative;}

.fotorama__stage__frame.fotorama_vertical_ratio{margin-top:15px;}
.fotorama__thumb-border {
    border-color: #212120;
}
.product-info-main .page-title-wrapper.product {width: 100%;margin-top: 15px;}
.product-info-main .page-title-wrapper.product h1.page-title {
    font-size: 28px;
    font-family: 'Raleway';
    font-weight: 400;
    color: #212120;
}
.catalog-product-view .price {
    font-weight: 500;
    font-family: 'Raleway';
}
.catalog-product-view .price-container span.price-label {
    display: none !important;
}
.catalog-product-view .product-info-main .price-box .price-container .price, .catalog-product-view .product-info-price .price-box .price-container .price {
    font-size: 16px;color: #212120;font-weight: 500;
}
.product-info-main .product.attribute.overview {
    color: #212120;
    font-size: 15px;display: inline-block;
}
/*related slider*/

.block.related .products-grid .product-item-info:hover, .block.related .products-grid .product-item-info.active, .recentlyviewedslider .products-grid .product-item-info:hover, .recentlyviewedslider .products-grid .product-item-info.active {
    margin: 0;
    box-shadow: none;
    padding: 0;
    border: 0;
}
.block.related .slick-prev, .block.related .slick-next{top: 40%;}
.block.related a.product-item-link, .recentlyviewedslider a.product-item-link {
    color: #212120;
    font-size: 18px;
    font-weight: 400;
}
.block.related .product-item .price-box .price, .recentlyviewedslider .product-item .price-box .price {
    font-size: 16px;
    color: #212120;
    font-weight: 500;
}
.block.related .related-available .product-item-name {
    margin-left: 0;
}
.catalog-product-view .slick-dots {
    display: none !important;
}
.block.related .products-grid .product-item-info,
.recentlyviewedslider .products-grid .product-item-info{width: 100%;}
.block.related .slick-active,
.recentlyviewedslider .slick-active{opacity: 1;}
.block.related .products,
.recentlyviewedslider .products{width: 100%;float: left;}
.block.related .slick-dots li button::before,
.recentlyviewedslider .slick-dots li button::before{ font-size: 35px;}
.block.related .products-grid .product-item,
.page-layout-1column .recentlyviewedslider.block.widget .products-grid .product-item{margin-left: initial;}
.block.related .slick-slide {
    margin: 0px 15px;
}
.block.related {
    margin-top: 75px;
}
.block.related .block-title.title.customtitle #block-related-heading {
    font-size: 20px;
    color: #212120;
    font-family: 'Raleway';
}
.block.related .products.wrapper.grid.products-grid,
.recentlyviewedslider .products-grid{margin: 0;padding: 0 20px;}
.block.related span.product-image-container,
.recentlyviewedslider span.product-image-container{width: 100% !important;}
.recentlyviewedslider .products-grid .product-item-info strong.product-item-name {min-height: 70px;}



.block-viewed-products-grid.recentlyviewedslider {float: left;width: 100%;margin-top: 15px;margin-bottom: 30px !important;}
.block-viewed-products-grid.recentlyviewedslider .block-title.customtitle {margin-bottom: 35px;}
.page-layout-1column .recentlyviewedslider.block.widget .products-grid .product-item:nth-child(3n + 1) {margin-left: 10px;}
.page-layout-1column .recentlyviewedslider.block.widget .products-grid .product-item:nth-child(4n + 1) {margin-left: 10px;}
.page-layout-1column .recentlyviewedslider.block.widget .products-grid .product-item:nth-child(5n + 1) {margin-left: 10px;}


.product-info-wrapper {row-gap: 0;grid-template-columns: 57% 41%;
    grid-template-areas:
        "media main"
        "media main";
}
.product-info-wrapper .product-info-main {grid-area: main;}
.product-info-wrapper .product.media {grid-area: media;}
.product.media .gallery-placeholder {flex-direction: column;position: sticky;display: block;width: 100%;max-height: inherit;cursor: pointer;overflow: hidden;top: 10px;}
.catalog-product-view .product-info-main .product-add-form {padding-top: 0px;}
.catalog-product-view .product-add-form .product-options-wrapper .field .control {
    width: 100%;
}
.product-info-main .product.data.items > .item.title {
    width: 100%;
    float: none;
    border-width: 0 0px 0.5px 0px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    padding: 10px 0;
}
.product-info-main .product.data.items > .item.title:first-child {
    border-top-width: 0.5px;
}
.product-info-main .product.data.items > .item.title.active {border-bottom: 0;}
.product-info-main .product.data.items > .item.title > .switch:hover {
    color: #212120;
}
.product-info-main .product.data.items > .item.content {
    float: none;
    margin: 0;
    padding: 10px 0;
    border: 0;
}
.product-info-main .product.data.items .item.title a:after {content: "";
    width: 20px;
    height: 20px;
    background-image: url(../icons/down.svg);
    background-size: contain;
    background-repeat: no-repeat;vertical-align: bottom;display: inline-block;
    padding: 0;top: 10px;right: 0;}
.product-info-main .product.data.items .item.title.active a:after {background-image: url(../icons/up.svg);}
.product-info-main .product.data.items > .item.title > .switch{padding: 0;border-radius: 0;font-size: 15px;color: #212120 !important;background: none;border: 0;}

/*Custom Tabs*/
.customtabs.product.data.items > .item.title > .switch {
    color: #212120;
    font-weight: 400;
    font-size: 13px;
    background: initial;
}
.customtabs.product.data.items > .item.title.active > .switch {
    font-weight: 600;
}
.customtabs.product.data.items > .item.content p,.customtabs.product.data.items > .item.content h3 {
    color: #212120;font-size: 15px;
}
.fieldset .review-legend.legend strong,
.review-field-rating .label,
.fieldset .review-field-ratings > .label{font-weight: 400;}
fieldset.fieldset.additional_info {
    display: none;
}
.review-form .action.submit.primary {
    width: 100%;
    border-radius: 0;
    background: #212120;
    color: #FFFFFF;
    border-color: #212120;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.review-form .action.submit.primary:hover {
    color: #212120;
    background: #fff;
    border-color: #212120;
}
.review-form .actions-toolbar .actions-primary {
    width: 100%;
}
.review-control-vote label:before {
    color: #212120;
}
.review-list .block-title strong {
    text-transform: uppercase;
    font-size: 16px;
}
.review-title {
    font-weight: 400;
    font-size: 15px;
}
.rating-summary .rating-result > span:before{color: #212120;}

/*Product Info*/
.swatch-option.color {
    border-color: #000000;
    border-radius: 50%;
    height: 30px;
    width: 30px;
} 
.swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover {
    border: 3px solid #fff;
    outline: initial !important;
    box-shadow: 0 0 0 2px #000000;
}
.swatch-option.selected {
    box-shadow: 0 0 0 2px #000000;
    border: 3px solid #fff;outline: 0;
}
.swatch-attribute-label {
    font-weight: 400;
    font-size: 15px;
    color: #212120;
}
.swatch-attribute-selected-option {
    color: #212120;
    padding-left: 17px;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 24px;
}
.swatch-attribute {
    position: relative;
    padding: 15px 0;
    border-width: 0.5px 0px 0 0px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
}

.swatch-attribute-options {
    margin: 15px 0 0;
}
.swatch-attribute.size .swatch-option {
    border: 0;
    background: initial;
    color: #212120;
    font-size: 13px;
    font-weight: 400;padding: 0px 8px;
}
.swatch-attribute.size .swatch-option.selected {box-shadow: 0 2px 0 0 #212120;border: 0;}
.swatch-option:not(.disabled):hover {
    outline: 0;
}
.swatch-attribute.size .swatch-option:focus {
    box-shadow: 0 2px 0 0 #212120;
}
.swatch-opt {
    margin: 0;
}
.box-tocart .qty label.label {
    font-size: 15px;
    margin: 0;
    flex: 1;padding: 16px 0;line-height: initial;
}
.box-tocart .field.qty {
    display: flex;
    align-items: center;
    border-width: 0.5px 0px 0.5px 0px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    margin-bottom: 35px;
}
.box-tocart .field.qty a {
    color: #212120;font-size: 20px;
}
.box-tocart .field.qty a:hover {
    text-decoration: none;
}
.box-tocart .input-text.qty {
    border: 0;
}
.box-tocart .input-text.qty:focus {
    box-shadow: none;
}
div#qty-error {
    position: absolute;
    right: 0;
    margin-top: 0;
}
.product-options-wrapper .fieldset {
    margin-bottom: 0;
}

.product-info-main .box-tocart {
    margin-top: 0;margin-bottom: 15px;
}
.product-info-main .box-tocart .action.tocart {
    font-size: 14px;
    width: 100%;
    margin: 0;
}
.product-info-main .product.attribute.sku {
    display: none;
}

.instock-and-icon {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.product-info-main .product-info-stock-sku {
    padding: 0;
}
.iconbenefits {
    flex: 1;
}
.iconbenefits img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
}
.product-info-main .stock.available {
    background: #F6F5E8;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 30px;
    margin: 0;
}
.product-info-main .stock.available:before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../icons/tick.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding: 0 20px 0 0;
}
.product.attribute.overview .value {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    max-height: calc(1.5em * 3);
    transition: max-height 0.3s ease;
}

.product.attribute.overview .value.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
}
.product.attribute.overview .read-more {
    display: block;
    cursor: pointer;
    margin-top: 8px;
    user-select: none;
    color: #212120;
    font-weight: 600;
    font-size: 15px;
}
.product-info-main .product-info-price {
    border: 0;
    margin: 0;width: 100% !important;
    color: #212120;
}
.product-info-main .product-info-price .price-box {
    padding: 0;
}
.delivery-block {
    background: #F6F5E8;
    padding: 16px;
    font-size: 12px;
    text-transform: uppercase;margin-bottom: 40px;
}
.delivery-block img {
    width: 14px;
    height: 12.5px;
    margin-right: 6px;
}
.delivery-block div {
    padding-top: 6px;
}
.delivery-block div:first-child {
    padding-top: 0;
}
.product.attribute.description ul {
    padding-left: 20px;
}


@media (min-width: 768px){
    .product-info-wrapper {display: grid;gap: 3rem;margin-bottom: 1rem;}
    .customtabs.product.data.items > .item.title > .switch {padding: 0;border: 0;line-height: 50px;}
    .customtabs.product.data.items > .item.title {margin-right: 10px;}
    .customtabs.product.data.items > .item.title.active { border-bottom: 1px solid #212120;}
    .customtabs.product.data.items > .item.content {border: 0;padding: 15px 0 0;}
}
@media (max-width: 768px){
   .page-layout-1column.catalog-product-view .product.media { width: 100%;}
   .page-layout-1column.catalog-product-view .product-info-main {margin-top: 25px;}
}


/* Feature grid */
.features{
    display:grid; gap:28px; grid-template-columns: repeat(5, 1fr);
    padding-block:75px;
}
@media (max-width:1100px){
    .features{grid-template-columns: repeat(3,1fr)}
}
@media (max-width:640px){
    .features{grid-template-columns: repeat(2,1fr)}
}
.feature {
    text-align: center;
    padding: 5px;
}
.feature h6 {
    margin: 20px 0;
    font-size: 12px;
    font-weight: 400;
    color: #212120;
    text-transform: uppercase;line-height: initial;
}
.feature p {
    margin: 0;
    color: #212120;
    font-size: 12px;
    margin-top: 20px;
}
.feature img {
    width: 24px;
    height: 24px;
}
@media (max-width: 1220px) {
    .fotorama__stage__frame .fotorama__img {top: 47.5%;}
}
@media (max-width: 1100px) {
    .fotorama__stage__frame .fotorama__img {top: 41.5%;}
}
@media (max-width: 1025px) {
    .fotorama__stage__frame .fotorama__img {top: 39.5%;}
}
@media (max-width: 767px) {
  #mobile-addtocart-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: none; /* hidden by default */
    padding: 15px 12px;
    background: #fff;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.15);
  }

  #mobile-addtocart-wrapper .mobile-addtocart-btn {
    width: 100%;
    min-height: 44px;
    font-size: 16px;
    padding: 12px 16px;
  }
}


@media (max-width: 768px) {
    .catalog-product-view .product.media {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
    .product-info-wrapper {display: contents;}
    .product-info-main .page-title-wrapper.product h1.page-title {font-size: 24px;}
    .product.attribute.overview .read-more {font-size: 13px;}
    .product.data.items {margin-left: 0;margin-right: 0;}
    .fotorama__active .fotorama__dot {background-color: #212120;border-color: #212120;}
    .customtabs.product.data.items > .item.title > .switch {padding: 0;font-weight: 600;}
}
@media (max-width: 480px) {
    .page-layout-1column.catalog-product-view .product-info-main {margin-top: 0;}
    .product-info-main .page-title-wrapper.product h1.page-title {font-size: 20px;}
    .catalog-product-view .product-info-main .price-box .price-container .price, .catalog-product-view .product-info-price .price-box .price-container .price {font-size: 13px;}
    .product-info-main .product.attribute.overview {font-size: 13px;}
    .product.attribute.overview .read-more {font-size: 11px;}
    .swatch-attribute-label {font-size: 13px;}
    .box-tocart .qty label.label {font-size: 13px;}
    .product-info-main .box-tocart .action.tocart {font-size: 13px;padding: 8px 0;}
    .product-info-main .product.data.items > .item.title > .switch {font-size: 13px;}
    .product-info-main .product.data.items > .item.content {font-size: 13px;}
    .review-list .block-title strong {font-size: 13px;}
    ol.items.review-items {font-size: 13px;}
    .fieldset .review-legend.legend {font-size: 13px;}
    .block.related {margin-top: 20px;}
    .block.related .block-title.title.customtitle #block-related-heading {font-size: 15px;}
    .block.related a.product-item-link, .recentlyviewedslider a.product-item-link {font-size: 13px;}
    .block.related .product-item .price-box .price, .recentlyviewedslider .product-item .price-box .price {font-size: 13px;}
    .features{padding-block: 15px;}
    .catalog-product-view .column.main {padding-bottom: 0;}
}
