*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
} html {
scroll-behavior: smooth;
height: 100%; } body {
font-family: 'Noto Serif', serif;
background: #fbf8f3;
color: #252525;
overflow-x: hidden;
min-height: 100%;
display: flex;
flex-direction: column;
} body>.footer {
margin-top: auto;
}  :root {
--cream: #fbf8f3; --beige: #ebe2d8; --dark-brown: #51270f; --brown: #875437; --coral: #ff705b; --gold: #db9533; --orange: #ff814b; --red: #b00000; --nav-h: 70px; --promo-h: auto; }  .promo-bar {
background: var(--beige);
min-height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-size: 11px;
text-align: center;
padding: 6px 14px;
line-height: 1.6;
position: sticky;
top: 0;
z-index: 100;
flex-wrap: wrap;
gap: 2px;
} .promo-bar strong {
color: var(--gold);
}  .navbar {
background: var(--cream);
height: var(--nav-h);
display: flex;
align-items: center;
padding: 0 16px;
position: sticky;
top: 0;
z-index: 99;
box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
overflow: visible;
gap: 24px;
} .navbar__logo {
max-height: 100px;
width: auto;
position: relative;
z-index: 100;
margin-bottom: -50px;
} .woocommerce-page .navbar__logo,
.woocommerce .navbar__logo {
max-height: 100px !important;
width: auto !important;
} .navbar__icons {
display: flex;
align-items: center;
gap: 14px;
margin-left: auto;
}
.navbar__icons svg {
cursor: pointer;
}
.navbar__icons a {
display: flex;
align-items: center;
} .navbar__cart {
position: relative;
} .navbar__cart-count {
position: absolute;
top: -7px;
right: -9px;
background: var(--coral);
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 10px;
font-weight: 700;
min-width: 17px;
height: 17px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 4px;
line-height: 1;
} .burger {
background: none;
border: none;
cursor: pointer;
padding: 4px;
display: flex;
flex-direction: column;
gap: 5px;
} .burger span {
display: block;
width: 24px;
height: 2px;
background: var(--dark-brown);
border-radius: 2px;
transition: transform .3s, opacity .3s;
} .burger.open span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.burger.open span:nth-child(2) {
opacity: 0;
}
.burger.open span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
} .navbar__links {
display: none;
} .navbar__links,
.drawer__links {
list-style: none;
}  .drawer-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 200;
opacity: 0;
pointer-events: none;
transition: opacity .3s;
} .drawer-overlay.open {
opacity: 1;
pointer-events: auto;
} .drawer {
position: fixed;
top: 0;
left: 0;
width: 78vw;
max-width: 300px;
height: 100%;
background: var(--cream);
z-index: 201;
transform: translateX(-100%);
transition: transform .35s cubic-bezier(.4, 0, .2, 1);
display: flex;
flex-direction: column;
padding: 24px 28px;
border-right: 1px solid var(--beige);
} .drawer.open {
transform: translateX(0);
} .drawer__logo {
width: 90px;
margin-bottom: 32px;
border-radius: 4px;
} .drawer__close {
position: absolute;
top: 16px;
right: 16px;
background: none;
border: none;
font-size: 22px;
cursor: pointer;
color: var(--dark-brown);
} .drawer__links {
list-style: none;
display: flex;
flex-direction: column;
gap: 4px;
}
.drawer__links a {
display: block;
padding: 12px 0;
font-family: 'Noto Serif', serif;
font-size: 18px;
color: var(--dark-brown);
text-decoration: none;
border-bottom: 1px solid var(--beige);
transition: color .2s;
}
.drawer__links a:hover {
color: var(--coral);
} .drawer__links .current-menu-item>a,
.drawer__links a.active {
color: var(--coral);
font-weight: 600;
} .drawer__social {
margin-top: 24px;
display: flex;
gap: 16px;
padding-top: 0;
}
.drawer__social a {
display: flex;
align-items: center;
} .drawer__social svg,
.drawer__social img {
width: 48px;
height: auto;
display: block;
}  .hero {
position: relative;
min-height: 340px;
overflow: hidden;
border-top: 3px dashed var(--brown);
border-bottom: 2px dashed var(--brown);
display: flex;
align-items: center;
justify-content: center;
} .hero__bg {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
} .hero__glow {
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 60% at 50% 50%,
rgba(255, 255, 255, .72) 0%,
rgba(255, 255, 255, .2) 70%,
transparent 100%);
} .hero__content {
position: relative;
text-align: center;
padding: 40px 20px;
max-width: 500px;
} .hero__title {
font-family: 'Noto Serif', serif;
font-size: clamp(22px, 6vw, 48px);
color: var(--dark-brown);
line-height: 1.3;
margin-bottom: 12px;
} .hero__separator {
width: 120px;
height: 6px;
background: url(//creastef.fr/wp-content/themes/crea-stef/<?php echo get_template_directory_uri(); ?>/assets/separator.png") center/contain no-repeat;
margin: 12px auto;
} .hero__subtitle {
font-family: 'Birthstone', cursive;
font-size: clamp(24px, 6vw, 48px);
color: var(--dark-brown);
margin-bottom: 24px;
}  .btn {
display: inline-block;
background: var(--coral);
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 16px;
padding: 10px 28px;
border-radius: 20px;
text-decoration: none;
border: none;
cursor: pointer;
transition: background .2s, transform .15s;
}
.btn:hover {
background: #e55845;
transform: scale(1.03);
}  .page-content {
width: 100%;
padding: 40px 16px;
max-width: 1244px;
margin: 0 auto;
box-sizing: border-box;
}
@media (min-width: 768px) {
.page-content {
padding: 60px 40px;
}
}
@media (min-width: 1280px) {
.page-content {
padding: 60px 0;
}
}  .section {
padding: 40px 16px;
} .section__header {
text-align: center;
margin-bottom: 28px;
} .title-wrap {
display: inline-block;
} .section__title {
font-family: 'Noto Serif', serif;
font-size: clamp(20px, 5vw, 36px);
font-weight: 500;
color: #111;
} .section__sep {
display: flex;
align-items: center;
gap: 10px;
margin: -2px 0 0;
color: var(--gold);
} .section__sep::before,
.section__sep::after {
content: '';
flex: 1;
height: 1.5px;
background: currentColor;
border-radius: 1px;
} .section__sep span {
font-size: 20px;
line-height: 1;
}  .products-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
} .product-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
overflow: visible;
position: relative;
padding-bottom: 12px;
text-decoration: none;
color: inherit;
display: block;
transition: transform .2s, box-shadow .2s;
} .product-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
} .product-card__badge {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%) rotate(-5.5deg);
background: var(--red);
color: #fff;
font-family: 'Noto Serif', serif;
font-size: 11px;
font-weight: 500;
padding: 4px 14px;
border-radius: 20px;
white-space: nowrap;
box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
z-index: 2;
} .product-card__img {
width: calc(100% - 14px);
aspect-ratio: 1;
object-fit: cover;
border-radius: 6px;
display: block;
margin: 7px auto 0;
} .product-card__name {
font-family: 'Noto Serif', serif;
font-size: clamp(14px, 2vw, 16px);
text-align: center;
color: #111;
margin-top: 6px;
padding: 0 6px;
} .product-card__price {
font-family: 'Roboto', sans-serif;
font-size: 16px;
text-align: center;
color: var(--coral);
margin-top: 8px;
}
.product-card__price del {
opacity: .55;
font-size: 12px;
margin-right: 4px;
color: var(--coral);
}
.product-card__price ins {
text-decoration: none;
color: var(--coral);
font-weight: 600;
}  .about {
position: relative;
overflow: hidden;
} .about__wave {
position: absolute;
inset: 0;
background: url(//creastef.fr/wp-content/themes/crea-stef/assets/wave-bg.png) center/cover no-repeat;
opacity: .3;
pointer-events: none;
} .about__inner {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
padding: 40px 16px;
} .about__photo-wrap {
transform: rotate(-6.3deg);
border: 2px dashed var(--brown);
border-radius: 8px;
padding: 10px;
background: #fff;
box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
flex-shrink: 0;
} .about__photo {
width: min(72vw, 240px);
aspect-ratio: 1;
object-fit: cover;
border-radius: 6px;
border: 2px dashed var(--brown);
display: block;
} .about__text-block {
width: 100%;
max-width: 600px;
} .about__text-block h2 {
font-family: 'Noto Serif', serif;
font-size: clamp(20px, 5vw, 36px);
font-weight: 500;
text-align: center;
margin-bottom: 24px;
} .about__sep {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin: 0 auto 20px;
color: var(--gold);
}
.about__sep::before,
.about__sep::after {
content: '';
flex: 0 0 55px;
height: 1.5px;
background: currentColor;
border-radius: 1px;
}
.about__sep span {
font-size: 7px;
line-height: 1;
} .about__text-block p {
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.8;
color: #111;
margin-bottom: 14px;
} .about__text-block .btn {
margin-top: 24px;
display: block;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.about__text-block .btn {
margin-left: 0;
margin-right: 0;
}
}  .reviews-grid {
display: flex;
flex-direction: column;
gap: 16px;
} .reviews-empty {
width: 100%;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 17px;
color: #252525;
} .review-card {
border: 2px dashed var(--dark-brown);
border-radius: 8px;
padding: 20px 16px 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 8px;
} .review-card__avatar {
width: 72px;
height: 72px;
border-radius: 50%;
object-fit: cover;
} .review-card__name {
font-family: 'Noto Serif', serif;
font-size: 16px;
color: var(--coral);
font-weight: 500;
} .review-card__text {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #333;
line-height: 1.6;
}  .footer {
background: var(--beige);
padding: 32px 20px 20px;
} .footer__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
} .footer__logo {
width: 90px;
border-radius: 4px;
} .footer__social {
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap;
}
.footer__social a {
display: flex;
align-items: center;
} .footer__social svg,
.footer__social img {
width: 50px;
height: auto;
display: block;
} .footer__links {
list-style: none;
display: flex;
flex-direction: column;
gap: 6px;
text-align: center;
}
.footer__links a {
font-family: 'Noto Serif', serif;
font-size: 15px;
color: #111;
text-decoration: none;
}
.footer__links a:hover {
color: var(--coral);
} .footer__copy {
font-family: 'Noto Serif', serif;
font-size: 13px;
color: #555;
text-align: center;
padding-top: 8px;
border-top: 1px solid rgba(0, 0, 0, .1);
width: 100%;
}  .shop-banner {
background: linear-gradient(135deg, var(--beige) 0%, var(--cream) 100%);
border-top: 3px dashed var(--brown);
border-bottom: 2px dashed var(--brown);
text-align: center;
padding: 40px 20px;
} .shop-banner--has-img {
position: relative;
background-size: cover;
background-position: center;
border-color: transparent;
} .shop-banner--has-img::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.40);
} .shop-banner--has-img .shop-banner__content {
position: relative;
z-index: 1;
} .shop-banner--has-img .shop-banner__title,
.shop-banner--has-img .shop-banner__subtitle {
color: #fff;
} .shop-banner__title {
font-family: 'Noto Serif', serif;
font-size: clamp(26px, 6vw, 54px);
font-weight: 500;
color: var(--dark-brown);
margin-bottom: 10px;
} .tax-product_cat .shop-banner__title {
margin-bottom: 0;
} .shop-banner__sep {
display: flex;
align-items: center;
gap: 10px;
width: 140px;
margin: 10px auto;
color: var(--brown);
} .shop-banner__sep::before,
.shop-banner__sep::after {
content: '';
flex: 1;
height: 1.5px;
background: currentColor;
border-radius: 1px;
} .shop-banner__sep span {
font-size: 20px;
line-height: 1;
} .shop-banner--has-img .shop-banner__sep {
color: #fff;
} .shop-banner__subtitle {
font-family: 'Birthstone', cursive;
font-size: clamp(22px, 5vw, 40px);
color: var(--brown);
} .shop-cats {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
padding: 24px 16px 4px;
background: none;
} .shop-cats--children {
background: none;
padding-top: 4px;
padding-bottom: 16px;
}
.shop-cats--children .shop-cats__btn {
font-size: 13px;
padding: 6px 18px;
border-color: var(--coral);
color: var(--dark-brown);
}
.shop-cats--children .shop-cats__btn:hover,
.shop-cats--children .shop-cats__btn--active {
background: var(--coral);
border-color: var(--coral);
color: #fff;
} .shop-cats-mobile {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
}
.shop-cats-mobile__select {
width: 100%;
padding: 10px 14px;
border: 2px solid var(--brown);
border-radius: 20px;
font-family: 'Noto Serif', serif;
font-size: 14px;
color: var(--dark-brown);
background: #fff;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23875437' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
cursor: pointer;
} @media (max-width: 767px) {
.shop-cats--desktop {
display: none !important;
}
} @media (min-width: 768px) {
.shop-cats-mobile {
display: none;
}
} .shop-cats__btn {
font-family: 'Noto Serif', serif;
font-size: 14px;
padding: 8px 22px;
border-radius: 20px;
border: 2px solid var(--brown);
color: var(--dark-brown);
text-decoration: none;
transition: background .2s, color .2s;
background: transparent;
} .shop-cats__btn:hover,
.shop-cats__btn--active {
background: var(--brown);
color: #fff;
} .shop-container {
padding: 24px 16px 48px;
max-width: 1280px;
margin: 0 auto;
} .shop-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
padding-bottom: 14px;
border-bottom: 1px solid var(--beige);
} .woocommerce-result-count {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #777;
margin: 0 !important;
} .woocommerce-ordering {
margin: 0 !important;
} .woocommerce-ordering select {
font-family: 'Roboto', sans-serif;
font-size: 13px;
padding: 7px 14px;
border: 1px solid var(--beige);
border-radius: 20px;
background: #fff;
color: var(--dark-brown);
cursor: pointer;
outline: none;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2351270f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 32px;
} .shop-container ul.products {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
} .shop-container ul.products::before,
.shop-container ul.products::after {
display: none !important;
} .shop-container ul.products li.product {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, .10);
display: flex !important;
flex-direction: column;
position: relative;
overflow: visible;
transition: transform .2s, box-shadow .2s;
padding-bottom: 14px;
float: none !important;
width: 100% !important;
margin: 0 !important;
clear: none !important;
}
.shop-container ul.products li.product:hover {
transform: translateY(-3px);
box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
} .shop-container ul.products li.product .woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
flex: 1;
} .shop-container ul.products li.product img {
width: calc(100% - 14px) !important;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 6px;
display: block;
margin: 7px auto 0 !important;
height: auto !important;
} .shop-container ul.products li.product .woocommerce-loop-product__title {
font-family: 'Noto Serif', serif !important;
font-size: clamp(14px, 2vw, 16px) !important;
font-weight: 400 !important;
text-align: center;
color: #111;
padding: 6px 8px 2px !important;
margin: 0 !important;
line-height: 1.2 !important;
} .shop-container ul.products li.product .star-rating {
margin: 4px auto 8px !important;
float: none !important;
} .shop-container ul.products li.product .price {
font-family: 'Roboto', sans-serif;
font-size: 16px !important;
text-align: center;
color: var(--coral) !important;
display: block !important;
margin: 8px 0 10px !important;
}
.shop-container ul.products li.product .price del {
opacity: .55;
font-size: 12px;
margin-right: 4px;
}
.shop-container ul.products li.product .price ins {
text-decoration: none;
color: var(--coral);
font-weight: 600;
} .shop-container ul.products li.product .button,
.shop-container ul.products li.product a.button {
display: block !important;
width: calc(100% - 24px) !important;
margin: auto 12px 0 !important;
text-align: center !important;
background: var(--coral) !important;
color: #fff !important;
border-radius: 20px !important;
font-family: 'Roboto', sans-serif !important;
font-size: 13px !important;
padding: 8px 12px !important;
text-decoration: none;
border: none !important;
cursor: pointer;
transition: background .2s, transform .15s !important;
box-shadow: none !important;
}
.shop-container ul.products li.product .button:hover {
background: #e55845 !important;
transform: none !important;
} .shop-container ul.products li.product .onsale {
position: absolute;
top: 8px;
left: 50%;
transform: translateX(-50%) rotate(-5.5deg);
background: var(--red);
color: #fff;
font-family: 'Noto Serif', serif;
font-size: 11px;
font-weight: 500;
padding: 4px 14px;
border-radius: 20px;
white-space: nowrap;
box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
z-index: 2;
min-width: auto !important;
line-height: 1.4 !important;
margin: 0 !important;
} .shop-empty {
text-align: center;
font-family: 'Noto Serif', serif;
font-size: 16px;
color: #888;
padding: 60px 0;
} .shop-pagination {
margin-top: 36px;
display: flex;
justify-content: center;
} .woocommerce-pagination ul {
list-style: none;
display: flex;
gap: 8px;
padding: 0;
margin: 0;
} .woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
font-family: 'Roboto', sans-serif;
font-size: 14px;
text-decoration: none;
color: var(--dark-brown);
border: 1px solid var(--beige);
transition: background .2s, color .2s, border-color .2s;
} .woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li span.current {
background: var(--coral);
color: #fff;
border-color: var(--coral);
} .woocommerce-pagination ul li span.dots {
border-color: transparent;
background: transparent;
} @media (min-width: 640px) {
.shop-container ul.products {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (min-width: 1024px) {
.shop-banner {
padding: 60px 40px;
}
.shop-cats {
padding: 28px 40px 4px;
}
.shop-cats--children {
padding-top: 4px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
}
.shop-container {
padding: 32px 40px 60px;
max-width: 100%;
}
.shop-container ul.products {
grid-template-columns: repeat(4, 1fr) !important;
gap: 24px !important;
}
}
@media (min-width: 1280px) {
.shop-cats {
padding-left: calc((100vw - 1244px) / 2);
padding-right: calc((100vw - 1244px) / 2);
}
.shop-cats--children {
padding-left: calc((100vw - 1244px) / 2);
padding-right: calc((100vw - 1244px) / 2);
}
.shop-container {
padding-left: calc((100vw - 1244px) / 2);
padding-right: calc((100vw - 1244px) / 2);
}
} .pswp__bg {
background: rgba(251, 248, 243, 0.92) !important;
} .pswp__button--arrow--left,
.pswp__button--arrow--right,
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right,
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
visibility: visible !important;
opacity: 1 !important;
} .pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
background-color: rgba(255, 255, 255, 0.95) !important;
border-radius: 50% !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
width: 44px !important;
height: 44px !important;
top: 28px !important;
background-size: 22px 22px !important;
background-position: center !important;
background-repeat: no-repeat !important;
} .pswp__button--arrow--left::before {
left: 10px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2351270f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
} .pswp__button--arrow--right::before {
right: 10px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2351270f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}  .product-breadcrumb {
padding: 14px 16px;
background: var(--cream);
border-bottom: 1px solid var(--beige);
} .product-breadcrumb__list {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
max-width: 1280px;
margin: 0 auto;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: #888;
} .product-breadcrumb__item a {
color: var(--brown);
text-decoration: none;
}
.product-breadcrumb__item a:hover {
color: var(--coral);
} .product-breadcrumb__sep {
color: #bbb;
font-size: 14px;
line-height: 1;
} .single-product-wrap {
display: grid !important;
grid-template-columns: 1fr !important;
max-width: 1280px;
margin: 0 auto;
padding: 24px 16px 48px;
box-sizing: border-box;
} .single-product-wrap::after {
content: '';
display: table;
clear: both;
} .single-product-gallery {
width: 100% !important;
float: none !important;
margin-bottom: 28px; max-width: 420px;
margin-left: auto;
margin-right: auto;
}
.single-product-gallery .woocommerce-product-gallery {
position: relative;
width: 100% !important;
float: none !important;
}
.single-product-gallery .flex-viewport {
overflow: hidden !important;
border-radius: 12px;
border: 1px solid var(--beige);
background: #fff;
}
.single-product-gallery .woocommerce-product-gallery__wrapper {
margin: 0 !important;
padding: 0 !important;
}
.single-product-gallery .woocommerce-product-gallery__image img {
width: 100% !important;
height: auto !important;
max-height: 420px;
display: block;
object-fit: cover;
} .single-product-gallery .flex-control-nav {
display: flex !important;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px !important;
list-style: none;
padding: 0;
}
.single-product-gallery .flex-control-nav li {
width: auto !important;
float: none !important;
}
.single-product-gallery .flex-control-nav li img {
width: 64px !important;
height: 64px !important;
object-fit: cover;
border-radius: 6px;
border: 2px solid var(--beige);
cursor: pointer;
transition: border-color .2s;
}
.single-product-gallery .flex-control-nav li img:hover,
.single-product-gallery .flex-control-nav li.flex-active img {
border-color: var(--coral);
} .single-product-gallery .onsale {
position: absolute;
top: 14px;
left: 14px;
background: var(--coral);
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 700;
padding: 4px 12px;
border-radius: 20px;
z-index: 2;
text-transform: uppercase;
letter-spacing: .04em;
} .single-product-summary {
display: flex !important;
flex-direction: column;
align-items: flex-start;
gap: 18px;
float: none !important;
width: 100% !important;
text-align: left !important;
} .single-product-summary .product_title {
font-family: 'Noto Serif', serif;
font-size: clamp(22px, 5vw, 36px);
font-weight: 500;
color: var(--dark-brown);
line-height: 1.25;
margin: 0;
} .single-product-summary .woocommerce-product-rating {
display: flex;
align-items: center;
margin: 0 !important;
padding: 0 !important;
}
.single-product-summary .woocommerce-product-rating .star-rating {
margin: 0 !important;
float: none;
}
.single-product-summary .woocommerce-product-rating .woocommerce-review-link {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #888;
text-decoration: none;
line-height: 1;
display: inline-flex;
align-items: center;
margin-left: 8px;
}
.single-product-summary .woocommerce-product-rating .woocommerce-review-link .count {
margin-right: 2px;
}
.single-product-summary .woocommerce-product-rating .woocommerce-review-link:hover {
color: var(--coral);
} .single-product-summary .price {
font-family: 'Roboto', sans-serif;
font-size: clamp(22px, 4vw, 30px);
font-weight: 600;
color: var(--dark-brown);
}
.single-product-summary .price del {
color: #aaa;
font-weight: 400;
font-size: .8em;
margin-right: 6px;
}
.single-product-summary .price ins {
color: var(--coral);
text-decoration: none;
} .single-product-summary .woocommerce-product-details__short-description {
font-family: 'Noto Serif', serif;
font-size: 15px;
line-height: 1.7;
color: #444;
border-left: 3px solid var(--beige);
padding-left: 14px;
} .single-product-summary .cart {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap;
margin: 0 !important;
padding: 0 !important;
}
.single-product-summary .quantity {
flex-shrink: 0;
display: flex;
align-items: center;
border: 2px solid var(--beige);
border-radius: 8px;
overflow: hidden;
background: #fff;
margin: 0 !important;
padding: 0 !important;
}
.single-product-summary .quantity .qty {
width: 44px;
text-align: center;
border: none;
outline: none;
box-shadow: none;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: var(--dark-brown);
padding: 8px 4px;
background: transparent;
-moz-appearance: textfield;
appearance: textfield;
}
.single-product-summary .quantity .qty:focus {
outline: none;
box-shadow: none;
}
.single-product-summary .quantity .qty::-webkit-outer-spin-button,
.single-product-summary .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}
.single-product-summary .single_add_to_cart_button {
flex: 0 1 auto;
min-width: 0;
background: var(--coral) !important;
color: #fff !important;
border: none !important;
border-radius: 24px !important;
font-family: 'Roboto', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 10px 24px !important;
cursor: pointer;
transition: background .2s !important;
text-align: center;
white-space: nowrap;
margin: 0 0 0 10px !important;
vertical-align: middle;
}
.single-product-summary .single_add_to_cart_button:hover {
background: #e55845 !important;
} .single-product-summary .product_meta {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #777;
display: flex;
flex-direction: column;
gap: 6px;
padding-top: 12px;
border-top: 1px solid var(--beige);
}
.single-product-summary .product_meta a {
color: var(--brown);
text-decoration: none;
}
.single-product-summary .product_meta a:hover {
color: var(--coral);
} .single-product-tabs {
padding: 40px 16px 0;
} .woocommerce-tabs .wc-tabs {
display: flex;
flex-wrap: wrap;
gap: 0;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 2px solid var(--beige);
}
.woocommerce-tabs .wc-tabs li {
margin: 0;
}
.woocommerce-tabs .wc-tabs li a {
display: block;
font-family: 'Noto Serif', serif;
font-size: 14px;
color: #777;
text-decoration: none;
padding: 12px 20px;
border-bottom: 3px solid transparent;
margin-bottom: -2px;
transition: color .2s, border-color .2s;
}
.woocommerce-tabs .wc-tabs li a:hover {
color: var(--dark-brown);
}
.woocommerce-tabs .wc-tabs li.active a {
color: var(--dark-brown);
border-bottom-color: var(--coral);
font-weight: 600;
} .woocommerce-tabs .woocommerce-Tabs-panel {
background: #fff;
border: 1px solid var(--beige);
border-top: none;
border-radius: 0 0 12px 12px;
padding: 28px 24px;
}
.woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-family: 'Noto Serif', serif;
font-size: 20px;
color: var(--dark-brown);
margin-bottom: 16px;
}
.woocommerce-tabs .woocommerce-Tabs-panel p,
.woocommerce-tabs .woocommerce-Tabs-panel li {
font-family: 'Noto Serif', serif;
font-size: 15px;
line-height: 1.75;
color: #444;
} #reviews #comments {
margin-bottom: 0;
padding-bottom: 32px;
border-bottom: 2px dashed var(--beige);
}
#reviews #review_form_wrapper {
margin-top: 36px;
padding: 28px 24px;
background: var(--cream);
border-radius: 12px;
border: 1px solid var(--beige);
}
.woocommerce-Reviews .comment-reply-title {
font-family: 'Noto Serif', serif;
font-size: 18px;
color: var(--dark-brown);
margin-bottom: 20px;
display: block;
}
.woocommerce-Reviews .comment-form label {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #555;
display: block;
margin-bottom: 4px;
}
.woocommerce-Reviews .comment-form input,
.woocommerce-Reviews .comment-form textarea {
width: 100%;
border: 1px solid var(--beige);
border-radius: 8px;
padding: 10px 14px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: var(--dark-brown);
background: #fff;
transition: border-color .2s;
}
.woocommerce-Reviews .comment-form input:focus,
.woocommerce-Reviews .comment-form textarea:focus {
outline: none;
border-color: var(--coral);
} .woocommerce-Reviews .comment-form .form-submit {
margin-top: 16px;
}
.woocommerce-Reviews .comment-form .form-submit input#submit {
width: auto !important;
padding: 11px 28px !important;
border-radius: 24px !important;
background: var(--coral) !important;
color: #fff !important;
border: none !important;
font-family: 'Roboto', sans-serif !important;
font-size: 14px !important;
cursor: pointer;
transition: background .2s !important;
margin-top: 0 !important;
}
.woocommerce-Reviews .comment-form .form-submit input#submit:hover {
background: #e55845 !important;
} .related.products {
padding: 48px 16px 60px;
border-top: 1px solid var(--beige);
} .related.products>h2 {
font-family: 'Noto Serif', serif;
font-size: clamp(20px, 4vw, 28px);
color: var(--dark-brown);
text-align: center;
margin-bottom: 28px;
position: relative;
}
.related.products>h2::after {
content: '';
display: block;
width: 60px;
height: 3px;
background: var(--coral);
border-radius: 2px;
margin: 10px auto 0;
} body .related.products ul.products,
body.woocommerce-page .related.products ul.products {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
text-align: left !important;
} body .related.products ul.products::before,
body .related.products ul.products::after,
body.woocommerce-page .related.products ul.products::before,
body.woocommerce-page .related.products ul.products::after {
display: none !important;
}
body .related.products ul.products li,
body.woocommerce-page .related.products ul.products li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: none !important;
width: 100% !important;
} body .related.products ul.products li.product,
body.woocommerce-page .related.products ul.products li.product {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, .10);
display: flex !important;
flex-direction: column;
position: relative;
overflow: visible;
transition: transform .2s, box-shadow .2s;
padding-bottom: 10px;
}
.related.products ul.products li.product:hover {
transform: translateY(-3px);
box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
}
.related.products ul.products li.product .woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
flex: 1;
}
.related.products ul.products li.product img {
width: calc(100% - 20px) !important;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 6px;
display: block;
margin: 8px auto 0 !important;
height: auto !important;
max-height: 160px;
}
.related.products ul.products li.product .woocommerce-loop-product__title {
font-family: 'Noto Serif', serif !important;
font-size: clamp(13px, 1.8vw, 15px) !important;
font-weight: 400 !important;
text-align: center;
color: #111;
padding: 5px 8px 2px !important;
margin: 0 !important;
line-height: 1.2 !important;
}
.related.products ul.products li.product .star-rating {
margin: 4px auto 6px !important;
float: none !important;
}
.related.products ul.products li.product .price {
font-family: 'Roboto', sans-serif;
font-size: 14px !important;
text-align: center;
color: var(--dark-brown) !important;
display: block !important;
margin: 0 0 10px !important;
}
.related.products ul.products li.product .button,
.related.products ul.products li.product a.button {
display: block !important;
width: calc(100% - 24px) !important;
margin: auto 12px 10px !important;
text-align: center !important;
background: var(--coral) !important;
color: #fff !important;
border-radius: 20px !important;
font-family: 'Roboto', sans-serif !important;
font-size: 13px !important;
padding: 8px 12px !important;
text-decoration: none;
border: none !important;
cursor: pointer;
transition: background .2s !important;
box-shadow: none !important;
margin-top: 0 !important;
}
.related.products ul.products li.product .button:hover {
background: #e55845 !important;
} @media (min-width: 768px) and (max-width: 1023px) {
.single-product-wrap {
grid-template-columns: 1fr !important;
padding: 32px 40px 52px;
}
.single-product-gallery {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.single-product-gallery .woocommerce-product-gallery__image img {
max-height: 480px;
}
} @media (min-width: 1024px) {
.single-product-wrap {
grid-template-columns: 52% 1fr !important;
column-gap: 56px;
padding: 40px 40px 80px;
max-width: 100%;
align-items: start;
}
.single-product-gallery {
grid-column: 1;
grid-row: 1;
max-width: none;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.single-product-summary {
grid-column: 2;
grid-row: 1;
}
.single-product-gallery .woocommerce-product-gallery__image img {
max-height: none;
}
.product-breadcrumb {
padding: 16px 40px;
}
.single-product-tabs {
padding: 40px 40px 0;
}
.related.products {
padding: 48px 40px 80px;
}
body .related.products ul.products,
body.woocommerce-page .related.products ul.products {
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
}
} @media (min-width: 1280px) {
.single-product-wrap {
padding-left: calc((100vw - 1244px) / 2);
padding-right: calc((100vw - 1244px) / 2);
}
.product-breadcrumb {
padding-left: calc((100vw - 1244px) / 2);
padding-right: calc((100vw - 1244px) / 2);
}
.single-product-tabs {
padding-left: calc((100vw - 1244px) / 2);
padding-right: calc((100vw - 1244px) / 2);
}
.related.products {
padding-left: calc((100vw - 1244px) / 2);
padding-right: calc((100vw - 1244px) / 2);
}
body .related.products ul.products,
body.woocommerce-page .related.products ul.products {
grid-template-columns: repeat(4, 1fr) !important;
gap: 24px !important;
}
}  .contact-hero {
text-align: center;
padding: 48px 16px 32px;
} .contact-hero__title {
font-family: 'Noto Serif', serif;
font-size: clamp(28px, 5vw, 42px);
font-weight: 500;
color: var(--dark-brown);
margin: 0 0 12px;
} .contact-hero__subtitle {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #777;
margin: 0;
} .contact-form-section {
padding: 0 16px 56px;
} .contact-form-section__inner {
max-width: 620px;
margin: 0 auto;
background: #fff;
border-radius: 14px;
box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
padding: 36px 32px;
} .contact-form-section__inner .wpcf7-form label {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: var(--dark-brown);
display: block;
margin-bottom: 5px;
}
.contact-form-section__inner .wpcf7-form br {
display: none;
}
.contact-form-section__inner .wpcf7-form input[type="text"],
.contact-form-section__inner .wpcf7-form input[type="email"],
.contact-form-section__inner .wpcf7-form input[type="tel"],
.contact-form-section__inner .wpcf7-form textarea {
width: 100%;
border: 1.5px solid var(--beige);
border-radius: 8px;
padding: 10px 14px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: var(--dark-brown);
background: #faf8f6;
box-sizing: border-box;
transition: border-color .2s;
margin-bottom: 24px;
} .cf7-row {
display: flex;
gap: 16px;
} .cf7-row .cf7-field-group {
flex: 1;
min-width: 0;
}
@media (max-width: 480px) {
.cf7-row {
flex-direction: column;
gap: 0;
}
}
.contact-form-section__inner .wpcf7-form input:focus,
.contact-form-section__inner .wpcf7-form textarea:focus {
outline: none;
border-color: var(--coral);
background: #fff;
}
.contact-form-section__inner .wpcf7-form textarea {
min-height: 130px;
resize: vertical;
}
.contact-form-section__inner .wpcf7-form input[type="submit"] {
background: var(--coral) !important;
color: #fff !important;
border: none !important;
border-radius: 24px !important;
font-family: 'Roboto', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 11px 32px !important;
cursor: pointer;
transition: background .2s !important;
width: 100%;
margin-top: 4px;
}
.contact-form-section__inner .wpcf7-form input[type="submit"]:hover {
background: #e55845 !important;
}
.contact-form-section__inner .cf7-order-group {
display: none;
}
.contact-form-section__inner .wpcf7-form select {
width: 100%;
border: 1.5px solid var(--beige);
border-radius: 8px;
padding: 10px 14px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: var(--dark-brown);
background: #faf8f6;
box-sizing: border-box;
transition: border-color .2s;
margin-bottom: 32px;
appearance: none;
cursor: pointer;
}
.contact-form-section__inner .wpcf7-form select:focus {
outline: none;
border-color: var(--coral);
background: #fff;
}
@media (min-width: 768px) {
.contact-hero {
padding: 64px 40px 40px;
}
.contact-form-section {
padding: 0 40px 72px;
}
}
@media (min-width: 1280px) {
.contact-hero {
padding: 72px 0 48px;
}
.contact-form-section {
padding: 0 0 80px;
}
}  .woocommerce-account .woocommerce {
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 768px) {
.woocommerce-account .woocommerce {
flex-direction: row;
align-items: flex-start;
}
} .woocommerce-MyAccount-navigation {
flex-shrink: 0;
width: 100%;
}
@media (min-width: 768px) {
.woocommerce-MyAccount-navigation {
width: 200px;
}
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
border: 1px solid var(--beige);
border-radius: 12px;
overflow: hidden;
}
.woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid var(--beige);
}
.woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 14px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: var(--dark-brown);
text-decoration: none;
transition: background .18s, color .18s;
}
@media (min-width: 768px) {
.woocommerce-MyAccount-navigation ul li a {
padding: 12px 20px;
font-size: 14px;
}
}
.woocommerce-MyAccount-navigation ul li a:hover {
background: var(--beige);
color: var(--brown);
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a {
background: var(--dark-brown);
color: #fff;
font-weight: 500;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
color: var(--coral);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
background: var(--coral);
color: #fff;
} .woocommerce-MyAccount-content {
flex: 1;
min-width: 0;
font-family: 'Roboto', sans-serif;
font-size: 15px;
color: #252525;
}
.woocommerce-MyAccount-content p {
line-height: 1.7;
margin-bottom: 12px;
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
font-family: 'Noto Serif', serif;
color: var(--dark-brown);
font-weight: 500;
margin-bottom: 16px;
}
.woocommerce-MyAccount-content h2 {
font-size: clamp(18px, 4vw, 24px);
}
.woocommerce-MyAccount-content h3 {
font-size: clamp(15px, 3vw, 18px);
}
.woocommerce-MyAccount-content a {
color: var(--brown);
text-decoration: underline;
text-underline-offset: 3px;
}
.woocommerce-MyAccount-content a:hover {
color: var(--coral);
} .woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table {
width: 100%;
border-collapse: collapse;
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
.woocommerce-account table.shop_table thead tr {
background: var(--dark-brown);
color: #fff;
}
.woocommerce-account table.shop_table thead th {
padding: 12px 16px;
font-weight: 500;
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: .04em;
text-transform: uppercase;
}
.woocommerce-account table.shop_table tbody td {
padding: 12px 16px;
border-bottom: 1px solid var(--beige);
vertical-align: middle;
}
.woocommerce-account table.shop_table tbody tr:last-child td {
border-bottom: none;
}
.woocommerce-account table.shop_table tbody tr:nth-child(even) {
background: #fdf9f5;
} .woocommerce-account .order-status {
display: inline-block;
padding: 3px 10px;
border-radius: 20px;
font-size: 12px;
font-weight: 500;
background: var(--beige);
color: var(--dark-brown);
} .woocommerce-account .woocommerce-address-fields,
.woocommerce-account .woocommerce-EditAccountForm {
max-width: 540px;
}
.woocommerce-account .woocommerce-address-fields .form-row,
.woocommerce-account .woocommerce-EditAccountForm .form-row {
margin-bottom: 16px;
}
.woocommerce-account .woocommerce-address-fields label,
.woocommerce-account .woocommerce-EditAccountForm label {
display: block;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 500;
color: var(--dark-brown);
margin-bottom: 6px;
}
.woocommerce-account .woocommerce-address-fields input,
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-EditAccountForm input,
.woocommerce-account .woocommerce-EditAccountForm select,
.woocommerce-account .woocommerce-EditAccountForm textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid var(--beige);
border-radius: 8px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
background: #fff;
color: #252525;
transition: border-color .18s;
}
.woocommerce-account .woocommerce-address-fields input:focus,
.woocommerce-account .woocommerce-address-fields select:focus,
.woocommerce-account .woocommerce-EditAccountForm input:focus,
.woocommerce-account .woocommerce-EditAccountForm select:focus {
outline: none;
border-color: var(--brown);
} .woocommerce-account .woocommerce-EditAccountForm fieldset {
border: 1.5px solid var(--beige);
border-radius: 12px;
padding: 1.5rem 1.75rem;
margin-top: 2rem;
margin-bottom: 1.1rem;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
padding: 0 .5rem;
font-family: 'Noto Serif', serif;
font-size: 15px;
font-weight: 600;
color: var(--dark-brown);
}  .woocommerce-account .woocommerce-Addresses.col2-set::before,
.woocommerce-account .woocommerce-Addresses.col2-set::after {
display: none;
}
.woocommerce-account .woocommerce-Addresses.col2-set .col-1,
.woocommerce-account .woocommerce-Addresses.col2-set .col-2,
.woocommerce-account .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-Addresses .u-column2 {
float: none !important;
width: 100% !important;
}
.woocommerce-account .woocommerce-Addresses {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
align-items: start;
}
@media (min-width: 640px) {
.woocommerce-account .woocommerce-Addresses {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
} .woocommerce-account .woocommerce-Address {
background: var(--cream);
border: 1px solid var(--beige);
border-radius: 12px;
padding: 20px;
height: 100%;
box-sizing: border-box;
} .woocommerce-account .woocommerce-Address-title {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px 12px;
margin-bottom: 12px;
}
.woocommerce-account .woocommerce-Address-title h3 {
margin-bottom: 0;
flex-shrink: 0;
}
.woocommerce-account .woocommerce-Address-title a {
font-size: 13px;
white-space: nowrap;
flex-shrink: 0;
}
.woocommerce-account address {
font-style: normal;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.8;
color: #444;
}  .woocommerce-cart .page-content__inner {
width: 100%;
max-width: 100%;
}
.wp-block-woocommerce-cart,
.wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-cart.alignfull,
.wc-block-cart {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box;
} .wp-block-woocommerce-empty-cart-block {
text-align: center;
width: 100% !important;
max-width: 860px;
margin: 0 auto;
padding: 20px 0;
} .wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
font-size: 1.1rem !important;
} .wc-block-cart__empty-cart__title {
font-family: 'Noto Serif', serif !important;
font-size: clamp(20px, 4vw, 28px) !important;
font-weight: 500 !important;
color: var(--dark-brown) !important;
margin-bottom: 24px !important;
} .wp-block-woocommerce-empty-cart-block .wp-block-separator {
border-color: var(--beige) !important;
margin: 24px auto !important;
} .wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title) {
font-family: 'Noto Serif', serif !important;
font-size: clamp(16px, 3vw, 22px) !important;
font-weight: 500 !important;
color: var(--dark-brown) !important;
margin-bottom: 24px !important;
} .wp-block-woocommerce-empty-cart-block .wc-block-grid {
margin: 0 !important;
width: 100% !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
list-style: none !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 20px !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
} .wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
background: #fff;
border: 1px solid var(--beige);
border-radius: 12px;
overflow: hidden;
display: flex !important;
flex-direction: column !important;
align-items: center;
padding-bottom: 16px;
flex: 0 1 200px !important;
min-width: 150px !important;
max-width: 220px !important;
width: auto !important;
transition: box-shadow .2s;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
} .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image {
width: 100%;
aspect-ratio: 1;
overflow: hidden;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
display: block;
} .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link {
display: flex;
flex-direction: column;
width: 100%;
text-decoration: none;
} .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
font-family: 'Noto Serif', serif;
font-size: 14px;
color: var(--dark-brown);
padding: 10px 12px 4px;
text-align: center;
} .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 500;
color: var(--brown);
margin-bottom: 10px;
} .wp-block-woocommerce-empty-cart-block .wp-block-button__link {
background: var(--coral) !important;
color: #fff !important;
border: none !important;
border-radius: 20px !important;
font-family: 'Roboto', sans-serif !important;
font-weight: 400 !important;
font-size: 12px !important;
padding: 7px 16px !important;
text-decoration: none !important;
transition: background .2s !important;
margin-top: 0 !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover {
background: #e55845 !important;
}  .woocommerce-cart .wc-block-components-product-name {
font-family: 'Noto Serif', serif !important;
color: var(--dark-brown) !important;
text-decoration: none !important;
}
.woocommerce-cart .wc-block-components-product-name:hover {
color: var(--coral) !important;
} .woocommerce-cart .wc-block-cart-item__prices .price,
.woocommerce-cart .wc-block-cart-item__total .price {
color: var(--dark-brown) !important;
} .woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
color: var(--dark-brown) !important;
font-weight: 700 !important;
} .woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block {
font-family: 'Noto Serif', serif !important;
color: var(--dark-brown) !important;
} .wc-block-components-checkout-place-order-button {
background: var(--coral) !important;
border: none !important;
border-radius: 20px !important;
font-family: 'Roboto', sans-serif !important;
font-weight: 400 !important;
color: #fff !important;
text-decoration: none !important;
transition: background .2s !important;
}
.wc-block-components-checkout-place-order-button:hover {
background: #e55845 !important;
} .woocommerce-cart .wc-block-cart__submit-button {
background: var(--coral) !important;
border-radius: 20px !important;
font-family: 'Roboto', sans-serif !important;
font-weight: 400 !important;
color: #fff !important;
text-decoration: none !important;
transition: background .2s !important;
}
.woocommerce-cart .wc-block-cart__submit-button:hover {
background: #e55845 !important;
}  .woocommerce-message,
.woocommerce-error,
.woocommerce-info {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
text-align: center !important;
border-top-color: var(--coral) !important;
} a.added_to_cart.wc-forward {
display: none !important;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
background: var(--coral) !important;
color: #fff !important;
border-radius: 20px !important;
font-family: 'Roboto', sans-serif !important;
font-weight: 400 !important;
transition: background .2s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
background: #e55845 !important;
} .woocommerce .price {
color: var(--dark-brown);
font-family: 'Roboto', sans-serif;
} .woocommerce .star-rating span::before {
color: var(--gold);
} @media (min-width: 640px) {
.products-grid {
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.reviews-grid {
flex-direction: row;
flex-wrap: wrap;
}
.review-card {
flex: 1 1 220px;
}
.hero {
min-height: 420px;
}
} @media (min-width: 1024px) {
:root {
--nav-h: 100px;
}
.navbar {
padding: 0 40px;
}
.burger {
display: none;
}
.navbar__links {
display: flex;
gap: 40px;
list-style: none;
}
.navbar__links a {
font-family: 'Noto Serif', serif;
font-size: 18px;
color: #252525;
text-decoration: none;
position: relative;
position: relative;
padding-bottom: 4px;
transition: color .2s;
}
.navbar__links a:hover {
color: var(--coral);
}
.navbar__links .current-menu-item>a::after,
.navbar__links a.active::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 3px;
background: var(--coral);
border-radius: 2px;
}
.navbar__logo {
max-height: 150px;
margin-bottom: -100px;
}
.woocommerce-page .navbar__logo,
.woocommerce .navbar__logo {
max-height: 150px !important;
}
.hero {
min-height: 520px;
}
.hero__content {
max-width: 700px;
}
.section {
padding: 60px 80px;
}
.products-grid {
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.about__inner {
flex-direction: row;
align-items: center;
gap: 60px;
padding: 60px 80px;
max-width: 1400px;
margin: 0 auto;
}
.about__photo-wrap {
flex: 0 0 auto;
}
.about__photo {
width: 380px;
}
.about__text-block {
flex: 1 1 0;
min-width: 0;
max-width: none;
}
.about__text-block h2 {
text-align: left;
}
.about__sep {
margin: 0 0 20px;
}
.about__text-block p {
font-size: 17px;
}
.reviews-grid {
flex-wrap: nowrap;
gap: 24px;
}
.review-card {
flex: 1;
}
.footer__inner {
flex-direction: row;
justify-content: space-between;
align-items: center;
max-width: 1280px;
margin: 0 auto;
}
.footer__links {
align-items: flex-start;
text-align: left;
}
.footer__copy {
border-top: none;
padding-top: 0;
width: auto;
}
} @media (min-width: 1280px) {
.section {
padding-left: calc((100vw - 1244px) / 2);
padding-right: calc((100vw - 1244px) / 2);
}
.about__inner {
padding-left: calc((100vw - 1244px) / 2);
padding-right: calc((100vw - 1244px) / 2);
max-width: 100%;
}
}  .woocommerce-account:not(.logged-in) .page-content,
.woocommerce-account:not(.logged-in) .page-content__inner {
width: 100% !important;
box-sizing: border-box;
}
.woocommerce-account:not(.logged-in) .woocommerce {
display: block !important;
width: 100% !important;
max-width: 900px;
margin: 0 auto;
padding: 48px 16px 64px;
box-sizing: border-box;
} .woocommerce-account:not(.logged-in) .page-content__inner>h1,
.woocommerce-account:not(.logged-in) .page-content__inner>h2 {
text-align: center;
font-family: 'Noto Serif', serif;
font-size: clamp(24px, 4vw, 36px);
color: var(--dark-brown);
margin-bottom: 32px;
} .woocommerce-account:not(.logged-in) .col2-set {
display: flex !important;
flex-wrap: wrap !important;
row-gap: 24px !important;
column-gap: 0 !important;
width: 100% !important;
float: none !important;
clear: both !important;
box-sizing: border-box;
}
@media (min-width: 768px) {
.woocommerce-account:not(.logged-in) .col2-set {
column-gap: 32px !important;
}
}
.woocommerce-account:not(.logged-in) .col2-set .col-1,
.woocommerce-account:not(.logged-in) .col2-set .col-2,
.woocommerce-account:not(.logged-in) .col2-set .u-column1,
.woocommerce-account:not(.logged-in) .col2-set .u-column2 {
flex: 1 1 280px !important;
float: none !important;
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box;
} .woocommerce-account:not(.logged-in) .col2-set .col-1,
.woocommerce-account:not(.logged-in) .col2-set .col-2 {
background: #fff;
border-radius: 14px;
box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
padding: 32px;
} .woocommerce-account:not(.logged-in) .col2-set h2 {
font-family: 'Noto Serif', serif;
font-size: 20px;
color: var(--dark-brown);
margin: 0 0 24px;
padding-bottom: 12px;
border-bottom: 2px solid var(--beige);
} .woocommerce-account:not(.logged-in) .woocommerce-form__label {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: var(--dark-brown);
display: block;
margin-bottom: 4px;
} .woocommerce-account:not(.logged-in) .woocommerce-Input {
width: 100% !important;
border: 1.5px solid var(--beige) !important;
border-radius: 8px !important;
padding: 10px 14px !important;
font-family: 'Roboto', sans-serif !important;
font-size: 14px !important;
color: var(--dark-brown) !important;
background: #faf8f6 !important;
box-sizing: border-box !important;
transition: border-color .2s !important;
margin-bottom: 16px !important;
}
.woocommerce-account:not(.logged-in) .woocommerce-Input:focus {
outline: none !important;
border-color: var(--coral) !important;
background: #fff !important;
} .woocommerce-account:not(.logged-in) .woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #777;
margin-bottom: 20px;
} .woocommerce-account:not(.logged-in) .woocommerce-form__input-checkbox {
width: auto !important;
margin: 0 !important;
}
.woocommerce-account:not(.logged-in) .woocommerce-Button {
display: block !important;
width: 100% !important;
background: var(--coral) !important;
color: #fff !important;
border: none !important;
border-radius: 24px !important;
font-family: 'Roboto', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 11px 24px !important;
cursor: pointer !important;
transition: background .2s !important;
text-align: center !important;
margin-top: 8px !important;
}
.woocommerce-account:not(.logged-in) .woocommerce-Button:hover {
background: #e55845 !important;
} .woocommerce-account:not(.logged-in) .woocommerce-LostPassword {
margin-top: 14px;
text-align: center;
}
.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #999;
text-decoration: none;
}
.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a:hover {
color: var(--coral);
} .woocommerce-account:not(.logged-in) .woocommerce-privacy-policy-text {
font-size: 12px;
color: #aaa;
margin-bottom: 16px;
line-height: 1.5;
}
.woocommerce-account:not(.logged-in) .woocommerce-privacy-policy-text a {
color: var(--coral);
} .back-to-top {
display: none;
position: fixed;
bottom: 24px;
right: 16px;
z-index: 999;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--coral);
color: #fff;
border: none;
cursor: pointer;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
opacity: 0;
transform: translateY(12px);
transition: opacity .25s, transform .25s;
}
.back-to-top--visible {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 767px) {
.back-to-top {
display: flex;
}
}  .woocommerce-cart .page-content,
.woocommerce-account .page-content {
width: 100%;
padding-left: 8px;
padding-right: 8px;
} .wc-block-cart-items .wc-block-cart-item__image {
width: 80px !important;
min-width: 80px !important;
}
.wc-block-cart-items .wc-block-cart-item__image img {
width: 72px !important;
height: 72px !important;
object-fit: cover;
border-radius: 6px;
} .wc-block-cart-items .wc-block-cart-item__description {
min-width: 0;
word-break: break-word;
} .wc-block-cart-items .wc-block-components-product-name {
white-space: normal;
word-break: break-word;
} @media (max-width: 767px) {
.wc-block-cart-items .wc-block-cart-item__quantity,
.wc-block-cart-items .wc-block-cart-item__total {
white-space: nowrap;
} .wc-block-cart-items td {
padding: 12px 6px !important;
}
} .wc-block-components-totals-coupon__button {
background: var(--brown) !important;
border-color: var(--brown) !important;
border-radius: 20px !important;
}
.wc-block-components-totals-coupon__button:hover {
background: var(--dark-brown) !important;
border-color: var(--dark-brown) !important;
} .woocommerce-ResetPassword .form-row-first,
.woocommerce-ResetPassword .form-row-last {
float: none !important;
width: 100% !important;
clear: both !important;
padding: 0 !important;
} .cookieadmin_notice_con {
padding-top: 24px !important;
padding-bottom: 24px !important;
}  .faq-hero {
background: var(--beige);
padding: 48px 16px 40px;
text-align: center;
border-bottom: 3px solid var(--gold);
}
.faq-hero__title {
font-family: 'Noto Serif', serif;
font-size: clamp(22px, 4vw, 36px);
font-weight: 500;
color: var(--dark-brown);
line-height: 1.3;
}
.faq-hero__subtitle {
margin-top: 10px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: var(--brown);
font-style: italic;
} .faq-content {
max-width: 820px;
margin: 0 auto;
padding: 40px 16px 80px;
}
@media (min-width: 768px) {
.faq-content {
padding: 56px 40px 96px;
}
}
@media (min-width: 900px) {
.faq-content {
padding: 56px 0 96px;
}
} .faq-content__body h2 {
font-family: 'Noto Serif', serif;
font-size: clamp(18px, 2.5vw, 22px);
font-weight: 600;
color: var(--dark-brown);
margin: 56px 0 24px;
padding-bottom: 10px;
border-bottom: 2px solid var(--gold);
line-height: 1.3;
}
.faq-content__body h2:first-child {
margin-top: 0;
} .faq-content__body h3 {
font-family: 'Noto Serif', serif;
font-size: clamp(15px, 2vw, 17px);
font-weight: 500;
color: var(--dark-brown);
margin: 28px 0 10px;
padding-left: 14px;
border-left: 3px solid var(--gold);
line-height: 1.4;
}
.faq-content__body h2 + h3 {
margin-top: 0;
}
.faq-content__body p {
font-size: 15px;
line-height: 1.85;
color: #3d3028;
margin-bottom: 10px;
}
.faq-content__body ul,
.faq-content__body ol {
margin: 0 0 10px 22px;
}
.faq-content__body li {
font-size: 15px;
line-height: 1.8;
color: #3d3028;
margin-bottom: 4px;
}
.faq-content__body a {
color: var(--brown);
text-decoration: underline;
text-underline-offset: 3px;
}
.faq-content__body a:hover {
color: var(--coral);
}
.faq-content__body strong {
color: var(--dark-brown);
} .faq-cta {
margin-top: 56px;
padding: 32px 24px;
background: var(--beige);
border-radius: 12px;
text-align: center;
}
.faq-cta__text {
font-family: 'Noto Serif', serif;
font-size: 16px;
color: var(--dark-brown);
margin-bottom: 16px;
}
.faq-cta__btn {
display: inline-block;
padding: 12px 28px;
background: var(--brown);
color: #fff !important;
border-radius: 24px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 500;
text-decoration: none !important;
transition: background .2s;
}
.faq-cta__btn:hover {
background: var(--dark-brown);
}  .policy-hero {
background: var(--beige);
padding: 48px 16px 40px;
text-align: center;
border-bottom: 3px solid var(--gold);
}
.policy-hero__title {
font-family: 'Noto Serif', serif;
font-size: clamp(22px, 4vw, 36px);
font-weight: 500;
color: var(--dark-brown);
line-height: 1.3;
}
.policy-hero__subtitle {
margin-top: 10px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: var(--brown);
font-style: italic;
} .policy-content {
max-width: 820px;
margin: 0 auto;
padding: 40px 16px 80px;
}
@media (min-width: 768px) {
.policy-content {
padding: 56px 40px 96px;
}
}
@media (min-width: 900px) {
.policy-content {
padding: 56px 0 96px;
}
} .policy-breadcrumb {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #999;
margin-bottom: 36px;
}
.policy-breadcrumb a {
color: var(--brown);
text-decoration: none;
}
.policy-breadcrumb a:hover {
color: var(--dark-brown);
text-decoration: underline;
} .policy-content__body {
line-height: 1.85;
}
.policy-content__body h2 {
font-family: 'Noto Serif', serif;
font-size: clamp(17px, 2.5vw, 22px);
font-weight: 500;
color: var(--dark-brown);
margin: 40px 0 14px;
padding-bottom: 10px;
border-bottom: 1px solid var(--beige);
}
.policy-content__body h2:first-child {
margin-top: 0;
}
.policy-content__body h3 {
font-family: 'Noto Serif', serif;
font-size: 16px;
font-weight: 600;
color: var(--dark-brown);
margin: 28px 0 8px;
}
.policy-content__body p {
font-size: 15px;
line-height: 1.85;
color: #3d3028;
margin-bottom: 14px;
}
.policy-content__body ul,
.policy-content__body ol {
margin: 0 0 16px 22px;
}
.policy-content__body li {
font-size: 15px;
line-height: 1.8;
color: #3d3028;
margin-bottom: 6px;
}
.policy-content__body ul li::marker {
color: var(--gold);
}
.policy-content__body a {
color: var(--brown);
text-decoration: underline;
text-underline-offset: 3px;
}
.policy-content__body a:hover {
color: var(--coral);
}
.policy-content__body strong {
color: var(--dark-brown);
} .policy-back {
display: inline-block;
margin-top: 48px;
padding: 12px 28px;
background: var(--brown);
color: #fff !important;
border-radius: 24px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 500;
text-decoration: none !important;
transition: background .2s;
}
.policy-back:hover {
background: var(--dark-brown);
}