footer {
background: #FFF;
}
.summary.entry-summary {
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 0px !important;
}
.summary.entry-summary .cart {
margin-bottom: 0px !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 568px) {
.summary.entry-summary .cart {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px;
}
}
.summary.entry-summary .cart:before, .summary.entry-summary .cart:after {
display: none !important;
}
.summary.entry-summary .price {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.summary.entry-summary .price del {
font-size: 14px;
font-weight: 400;
color: #636f56;
text-decoration: line-through;
}
.summary.entry-summary .price del .woocommerce-Price-amount {
font-size: 14px;
font-weight: 400;
color: #636f56;
text-decoration: line-through;
}
.summary.entry-summary .price ins,
.summary.entry-summary .price .woocommerce-Price-amount {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
margin: 0;
padding: 0;
font-size: 22px;
font-weight: 700;
color: #ac4b39;
text-decoration: none;
}
.summary.entry-summary .quantity {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 0;
margin-right: 10px !important;
}
.summary.entry-summary .quantity .qty-btn {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 20px;
height: 50px;
padding: 0;
border: none;
border-radius: 10px;
background-color: #f1e1de;
color: #ac4b39;
font-size: 24px;
font-weight: 700;
line-height: 1;
cursor: pointer;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.summary.entry-summary .quantity .qty-btn:hover:not(:disabled) {
background-color: #ac4b39;
color: #FFF;
}
.summary.entry-summary .quantity .qty-btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.summary.entry-summary .quantity .qty-btn--minus {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.summary.entry-summary .quantity .qty-btn--plus {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.summary.entry-summary .quantity input.qty {
background-color: #f1e1de;
height: 50px;
width: 150px;
line-height: 50px;
outline: none;
border: none;
border-radius: 0;
font-size: 18px;
color: #ac4b39;
font-weight: 700;
text-align: center;
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
@media (max-width: 568px) {
.summary.entry-summary .quantity input.qty {
width: 100%;
}
}
.summary.entry-summary .quantity input.qty::-webkit-outer-spin-button, .summary.entry-summary .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.summary.entry-summary .single_add_to_cart_button {
padding: 1.5rem 6rem;
text-decoration: none;
font-size: 1.8rem;
display: inline-block;
border-radius: 10px;
font-weight: 700;
color: #ffffff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: rgb(172, 75, 57) !important;
height: 50px;
}
@media (max-width: 568px) {
.summary.entry-summary .single_add_to_cart_button {
width: 100%;
float: none;
}
}
.summary.entry-summary .single_add_to_cart_button:hover {
background-color: rgba(172, 75, 57, 0.8) !important;
}
.product_hero {
padding-bottom: 7rem;
}
.product_hero .container {
display: grid;
grid-template-columns: 41% 1fr;
gap: 10px;
}
@media (max-width: 1050px) {
.product_hero .container {
grid-template-columns: 1fr;
}
}
.product_hero .content {
max-width: 475px;
}
@media (max-width: 1050px) {
.product_hero .content {
max-width: 100%;
}
}
.product_hero .content h1 {
margin-top: 0px;
margin-bottom: 4rem;
}
.product_hero .content h4 {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 10px;
}
.product_hero .gallery {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding-right: 3rem;
position: relative;
}
@media (max-width: 1050px) {
.product_hero .gallery {
padding-right: 0rem;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
}
.product_hero .gallery .onsale {
display: none;
}
.product_hero .gallery img {
aspect-ratio: 1/1;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.product_hero .gallery a {
display: block;
}
.product_hero .detail {
margin-bottom: 4.5rem;
}
.product_hero .detail .item {
display: grid;
grid-template-columns: 30px 1fr;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 13px;
border-bottom: 1px solid #daddd7;
padding: 3px 0px;
}
.product_hero .detail .item img {
max-width: 30px;
}
.product_hero .store_attributes {
margin-top: 2rem;
}
.product_hero .store_attributes .item {
display: grid;
grid-template-columns: 30px 1fr;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
font-weight: 700;
font-size: 13px;
padding: 3px 0px;
}
.product_hero .store_attributes .item img {
max-width: 30px;
}
.section_repeater {
padding: 7.5rem 0rem;
background-color: #d7f1e5;
}
.section_repeater .item {
display: grid;
grid-template-columns: 35% 1fr;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5.5rem 0rem;
}
@media (max-width: 800px) {
.section_repeater .item {
padding: 2rem 0rem;
}
}
@media screen and (min-width: 800px) {
.section_repeater .item:nth-child(odd) {
grid-template-columns: 1fr 35%;
}
}
@media screen and (min-width: 800px) and (max-width: 1300px) {
.section_repeater .item:nth-child(odd) {
gap: 15px;
}
}
@media screen and (min-width: 800px) {
.section_repeater .item:nth-child(odd) .item-img {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.section_repeater .item:nth-child(odd) .item-text {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-left: 25%;
}
}
@media screen and (min-width: 800px) and (max-width: 1300px) {
.section_repeater .item:nth-child(odd) .item-text {
margin-left: 0%;
}
}
@media (max-width: 800px) {
.section_repeater .item {
grid-template-columns: 1fr;
}
}
.section_repeater .item .item-img img {
border-radius: 10px;
}
.section_repeater .item .item-text {
max-width: 312px;
}
@media (max-width: 800px) {
.section_repeater .item .item-text {
max-width: 100%;
}
}
.material {
padding: 11rem 0rem 4rem;
}
.material p {
font-size: 1.8rem;
line-height: 1.5;
}
.material .item {
display: grid;
grid-template-columns: 30px 1fr;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 4.5rem;
margin-bottom: 2.5rem;
font-size: 1.8rem;
line-height: 1.5;
}
.material .item img {
max-width: 30px;
}
.material .item p {
line-height: 1.3;
}
.technical_specifications {
padding: 5rem 0rem 6rem;
}
.technical_specifications .item {
display: grid;
grid-template-columns: 160px 1fr;
gap: 20px;
border-bottom: 1px solid #daddd7;
padding: 1rem 0px;
font-size: 1.8rem;
line-height: 1.5;
}
.section_gallery {
padding: 6rem 0rem;
}
.section_gallery .title_section {
margin-bottom: 2rem;
}
.section_gallery .container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px;
}
.section_gallery .item-video {
position: relative;
cursor: pointer;
}
.section_gallery .item-video .play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 59px;
max-height: 59px;
-o-object-fit: contain;
object-fit: contain;
z-index: 2;
cursor: pointer;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
-o-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (max-width: 1050px) {
.section_gallery .item-video .play {
max-width: 40px;
max-height: 40px;
}
}
.section_gallery .item-video.is-playing .play {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.section_gallery .item-video video:not([controls]) {
pointer-events: none;
}
.section_gallery img,
.section_gallery video {
width: 100%;
height: 790px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1700px) {
.section_gallery img,
.section_gallery video {
height: 600px;
}
}
@media (max-width: 5300px) {
.section_gallery img,
.section_gallery video {
height: 100%;
aspect-ratio: 1/1;
}
}
.about_section {
background-color: #f1ede7;
padding: 8rem 0rem 16rem;
}
@media (max-width: 568px) {
.about_section {
padding: 8rem 0rem 5rem;
}
}
.about_section .container {
display: grid;
grid-template-columns: 459px 1fr;
gap: 8rem;
row-gap: 2rem;
}
@media (max-width: 1300px) {
.about_section .container {
grid-template-columns: 350px 1fr;
gap: 3rem;
}
}
@media (max-width: 992px) {
.about_section .container {
grid-template-columns: 1fr;
gap: 2rem;
margin-bottom: 5rem;
}
}
.about_section h2,
.about_section h3,
.about_section p {
margin-top: 0px;
}
.title_section {
margin-bottom: 40px;
grid-column: 1/-1;
}
.title_section h3 {
font-weight: 700;
margin-top: 0px;
margin-bottom: 30px;
font-size: 2.4rem;
}
.title_section .line {
width: 100%;
height: 1px;
background-color: #e0e2dd;
}
.front-page__opinions {
padding-bottom: 8rem;
}
.front-page__opinions .title_section {
padding-top: 8rem;
}
.front-page__opinions .title_section .line {
background-color: #b1c9ba;
}
.front-page__opinions .squirrel {
margin-top: -330px;
}
@media (max-width: 992px) {
.front-page__opinions .squirrel {
margin-top: -220px;
}
}
@media (max-width: 568px) {
.front-page__opinions .squirrel {
margin-top: -190px;
margin-bottom: 20px;
margin-left: auto;
margin-right: 0px;
max-width: 200px;
}
}
.front-page__bestseller {
padding: 10rem 0rem 0rem;
}
.front-page__bestseller .title_section {
margin-bottom: 10px;
}
.front-page__bestseller .container_slider {
max-width: 1700px;
}
.nav_section .separator {
margin-bottom: -60px;
}
@media (max-width: 1050px) {
.nav_section .separator {
margin-bottom: -10px;
}
}
@media screen and (min-width: 1920px) {
.nav_section .separator {
width: 100%;
}
}
.nav_section .bg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background-color: #c4dfd3;
border-radius: 10px;
padding: 3px;
position: -webkit-sticky;
position: sticky;
top: 100px;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
z-index: 150;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1050px) {
.nav_section .bg {
display: none;
}
}
.nav_section .bg a {
background-color: transparent;
border: none;
padding: 15px 25px;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
color: inherit;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 1300px) {
.nav_section .bg a {
padding: 10px 15px;
}
}
.nav_section .bg a:hover {
background-color: #636f56;
color: #fff;
}
.nav_section .bg a.active {
background-color: #636f56;
color: #FFF;
font-weight: 700;
}